#navcontainer ul,
.div {
 width:0;
 height:0;
 clear:left
}

aside,
footer,
header,
p,
section {
 display:block
}
#footer,
#resizable h3 {
 margin:0
}


#desc,
#navcontainer ul,
#resizable h3,
.left_>p,
h2 {
 text-align:center
}
#li_b li,
#navcontainer ul,
.li_b li {
 list-style-type:none
}
#but,
#li_b li {
 color:red
}
#but,
h2 {
 background-color:inherit
}
#main,
section {
 padding-left:20px
}
#div_view, #li_b li, #main, .div, .li_b li {
 float:left;
}
#footer,

#main,
#menu_100,
#studia,
#trans {
 position:relative;
}
body {
 width:100%;
 font-variant:normal;
 font-size:10pt;
 line-height:1.5em;
 font-family:Helvetica,'Helvetica neue',Arial,sans-serif;
 background-color:#fff;

 overflow: inherit;
}
.left_>p
 {
 font-family:MyriadPro
}
#wrapper {
 margin-left:auto;
 margin-right:auto;
}
#resizable {
 width:304px;
 height:304px;
 padding:.5em;
}


@font-face {
 font-family:klementina;
 src:url(/font_main/klementina.otf)
}
@font-face {
 font-family:MyriadPro;
 src:url(/font_main/Myriad-Pro-Light_31642.ttf)
}
.left_>p {
 font-size:2em;
 line-height:1.1em;
 padding-top:60px
}
.on_opas {
 opacity:.5
}
#li_b li {
 display:inline
}
#foto_flow {
 flex-direction: column;
 width: 65%;
}
#div_view {
 height:350px;
 width:250px;
 border:1px solid red;
 margin:10px
}
#navcontainer ul {
 list-style-image:none;
 position:inherit;
 float:inherit;
 margin:0;
 padding:0
}
#navcontainer ul li {
 display:inline;
 color:#FFF;
 background-color:red;
 margin:100px 10px;
 padding:0
}
#desc {
 width:120px;
 color:#FF000F;
 margin:2px
}
img {
 height:auto;
 width:auto;
margin:5px 10px auto;
 padding:4px
}
#menu_type {
 width:275px;
 height:670px;
 position:absolute;
 top:264px;
 border:solid #adff2f;
 margin:18px 5px 0;
 padding:15px
}

.li_b li,
.toc li {
 display:inline-block
}
@keyframes image_2 {
 from {
  opacity:100
 }
 to {
  opacity:10
 }
}
#flow10 {
 animation-name:image_2;
 animation-duration:5s;
 animation-iteration-count:infinite;
 animation-fill-mode:backwards
}
section {
 float:right;
 width:428px;
 border-left:2px dotted #B2A497;
 margin:0 0 20px
}
#footer {
 bottom:-10px;
 left:0.1em;
 height:50px;
 clear:both;
 color:#200F08;
 background-color:#C1F2EB;
 width:100%;
 background-repeat:no-repeat;
 padding:0;
 
}
#image_mail {
 background-color:#35b5c5;
 border:hidden;
 padding:2px
}
h2 {
 
 line-height:normal;
 color:#91230F;
 padding:2px;
 font-family: "klementina";
 font-size: 1.8em;
}
.li_b li {
 margin:10px;
 border:3px solid #73AD21
}
#main {
 margin-top:20px;
 width:100%;
 display: flex;
 justify-content: space-around;
}
.main_photo,
.main_photo_2 {
 min-width:350px;
 margin:auto;
 border:0;
 cursor:pointer
}
#for_foto {
 display: flex;
 flex-direction: column;
}
.main_photo_2 {
 max-height:350px;
 float:right;
order: 2;
}
.main_photo {
 height:350px;
 float:left;
 clear:right;
 order:1;
}

.toc {
 margin-left:40px;
 height:25px;
 float:right
}
.toc li {
background:#c5efe9;
 font-size:1em;
 float:left;
 padding-right:10px
}
h2:target {
 background:#cd529e;
 color:#fff;
 padding:5px
}

.maine_1 {
order:  1;
 margin-top: 0.1em;
 margin-bottom: 0.1em;
}
.maine_2 {
order: 2;
 margin-top: 0.1em;
 margin-bottom: 0.1em;
}
.cont_image_1 {
order:2;
 max-width:50%;
 font-size: 1.8em;
 line-height: 1.1em;
 font-family: "sans-serif";
}

.cont_image_2 {
order: 1;
 max-width:50%;
 font-size: 1.8em;
 line-height: 1.1em;
 font-family: "sans-serif";
}
#studia {
 height:80px;
 background:#86ef86;
 font-size:4.5em;
 text-align:center;
 margin-top:12px;
 padding:10px 20px 5px;
 color:#fff;
 float:right;
 width:1250px;
 left:60px
}
.shadow {
 box-shadow:0 0 13px 8px rgba(224,217,224,.99);
 border:1px solid #fff;
 margin:5px;
 padding:8px;
 background-color:#fff
}
#persom,
#zagolovok {
 margin-top:20px;
 clear:left;
 float:left
}
#for_foto img:hover {
 opacity:1
}
#trans {
 top:0
}
#mood {
 width:47%;
 height:auto;
 float:left;
 margin:1.5em 0 .2em 3%
}
#zagolovok {
 font-size:5.5em;
color:brown;
 display:block;
 margin-left:52px;
 

 font-family: "klementina";
 margin-top: 0.8em;
 margin-bottom: 0.55em;
 width: 100%;
}
#persom {
 margin-left:60px
}
#menu_100 {
 float:left;
 font-size:2.1em;
 color:#345049;
 margin-top:1em;
 line-height:1em;
 display:flex;
 flex-wrap:wrap;
 right:20px;
 left:3%;
 margin-bottom: 2em;
}
#menu_100>a,
#menu_100>p {
 margin:12px
}
@media only screen and (max-width:1000px) {
 #mood {
  width:77%
 }
}
 #main {
  width:100%;
 }
 .flex_1{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-around;
    align-items: center;
 }
 .flex_2{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-around;
    align-items: center;
 }
 
 #main_photo,
 #main_photo_2 {
  width:300px;
  height:300px;
  
 }
 
 
 
 .left_{
    
   /*! height: 40em; */
 }
h1{
    font-family: "klementina";
    font-size: 1.0em;
}
@media all and (max-width:1196px) {
 #for_foto {
  display:none;
 }
 .cont_image_2{
    order:2;
    max-width: 80%;
 }
 h2{
    line-height: 0.9em;
 }
 .flex_1,.flex_2{
    
    justify-content: space-between;
 }
 article span{
    font-size: 0.8em;
line-height: 0.3em;
 }
 .cont_image_1{
    max-width: 80%;
 }
 h1{
    line-height: 0.8em;
    font-size: 0.8em;
 }
 #menu_100{
    font-size: 1.5em;
 }
}
@media all and (max-width:418px) {
    .main_photo,.main_photo_2  {
        height: 200px;
        min-width: 150px;
    }
    article span{
        font-size: 0.85em;
         line-height: 5px;
    }
    h1{
        font-size: 0.78em;
         line-height: 0.8em;
    }
   
}