header.page * { color:#000!important }

body.p-index section div.global-wrapper{ padding-top:4em; padding-bottom:4em }
body.p-index section.title div.global-wrapper { padding-top:6em; padding-bottom:6em }



body.p-index main section { position:relative; }
body.p-index main section div.global-container { z-index:1; position:relative; }
body.p-index main section div.global-container *:first-child { margin-top:0 }
body.p-index main section footer *:last-child { margin-bottom:0 }

body.p-index main section h2 { font-size:2.5em; margin-top:0 }
body.p-index main section h3 { font-size:1.7em; font-weight:300 }
body.p-index main section h4 { font-size:1.25em; letter-spacing:0;  }
body.p-index main section h2 strong, main section.landing h2 b { font-weight:700 }



body.p-index section.title { overflow:hidden; }
body.p-index section.title div.global-container { max-width:1380px }
body.p-index section.title div.text { z-index:1; top:50%; transform:translate(0,-50%); position:relative; margin:0 auto; width:80%; }
body.p-index section.title div.text div.container { position:relative }
body.p-index section.title div.text div.container *:first-child { margin-top:0 }

body.p-index section.title-intro { background:#fff;  }
body.p-index section.title-intro div.bg-video { opacity:0.1 }
body.p-index section.title-intro div.bg-image { background-attachment:fixed }
body.p-index section.title-intro div.global-wrapper { height:100vh; min-height:600px; padding-top:0; padding-bottom:0 }
body.p-index section.title-intro div.global-wrapper h2 { font-size:4.5em; font-weight:100; letter-spacing:-0.05em }
body.p-index section.title-intro div.global-wrapper p { font-size:1.25em; color:#000; font-weight:300; max-width:35em; margin:0 auto 1em auto  }
body.p-index section.title-intro div.global-wrapper *:last-child { margin-bottom:0 }

body.p-index section.title-intro div.aScrollDown { cursor:hand; cursor:pointer; margin:0 0 0 -2em; bottom:50px; left:50%; position:absolute; }
body.p-index section.title-intro div.aScrollDown div { transition:0.5s; width:4em; height:3em; }
body.p-index section.title-intro div.aScrollDown div:before { transition:0.5s; width:2em; height:2px; transform:rotate(30deg); background:#000; left:0; top:50%; content:''; position:absolute; border-radius:3px }
body.p-index section.title-intro div.aScrollDown div:after { transition:0.5s; width:2em; height:2px; transform:rotate(-30deg); background:#000; left:1.7em; top:50%; content:''; position:absolute; border-radius:3px }
body.p-index section.title-intro div.aScrollDown div:hover { transform:translateY(5px); opacity:0.2 }
body.p-index section.title-intro div.aScrollDown div:hover:before,
body.p-index section.title-intro div.aScrollDown div:hover:after {  }



body.p-index section.emdr div.global-container { max-width:1100px }
body.p-index section.emdr div.global-wrapper { padding-top:6em; padding-bottom:6em }
body.p-index section.emdr div.global-wrapper > h3 { margin:0 auto 2em auto}
body.p-index section.emdr div.global-wrapper h4 { line-height:1.7em; margin-left:auto; margin-right:auto; max-width:1000px  }
body.p-index section.emdr div.col-wrapper > p:first-child { font-size:4em; font-weight:300; color:#333; border:dashed 0px rgba(0,0,0,0.3); width:1.5em; height:1.5em; line-height:1.5em; margin:0 auto 0.5em auto; text-align:center; border-radius:50%;  display:block; }
body.p-index section.emdr div.global-wrapper a { transition:0.25s; text-decoration:none; padding:0; border:solid 0px rgba(0,0,0,0.6); border-width:0 0 1px 0; border-radius:0px }
body.p-index section.emdr div.global-wrapper a:hover { opacity:0.6; border-color:rgba(0,0,0,0) }
body.p-index section.emdr div.global-wrapper div.clearer { margin-bottom:4em }



body.p-index section.obo-mne div.bg-image { background-attachment:fixed }
body.p-index section.obo-mne div.global-container { max-width:1100px }
body.p-index section.obo-mne div.global-wrapper { overflow:hidden; padding-top:7em; padding-bottom:5em }
body.p-index section.obo-mne div.global-wrapper img { width:15em; height:auto; border:solid 0px #fff; margin:-1em 4em 2em 4em; border-radius:50%  }
body.p-index section.obo-mne div.global-wrapper h3 { margin-bottom:1em }



body.p-index section.obo-mne-text div.global-container { max-width:1100px }
body.p-index section.obo-mne-text div.global-wrapper { padding-top:6em; padding-bottom:6em }

body.p-index section.obo-mne-text h4 { margin-bottom:0 }
body.p-index section.obo-mne-text ul { margin:0 }
body.p-index section.obo-mne-text ul.nav li { display:inline; margin:0 0.5em }
body.p-index section.obo-mne-text ul.nav li a { transition:0.25s; text-decoration:none; padding:0 1em;}
body.p-index section.obo-mne-text ul.nav li i.fa { padding-right:0.5em }
body.p-index section.obo-mne-text ul.nav li a:hover { opacity:0.6 }

body.p-index section.obo-mne-text ul.gallery { margin-top:6em }
body.p-index section.obo-mne-text ul.gallery li { width:12.5%; }



/*body.p-index section.diplomy div.global-container { max-width:1920px }
body.p-index section.diplomy div.global-wrapper { padding:0 }*/

/*body.p-index section.diplomy div.global-container { max-width:1340px!important }*/
body.p-index section.diplomy ul { margin:0 }
body.p-index section.diplomy ul li { width:12.5%; }
/*body.p-index section.diplomy ul li div.wrapper { padding:0 1px }
body.p-index section.diplomy ul li div.thumb { border:0; border-radius:0 }*/



section.skolko-title div.global-container { max-width:800px }
section.skolko-title div.global-wrapper * { color:#fff }
section.skolko-title div.global-wrapper > *:last-child { margin-bottom:0 }



section.subpages-skolko article { height:80vh; min-height:600px; }
section.subpages-skolko article h3 { line-height:1.7em; margin:0 0 1em 0 }
section.subpages-skolko article h4 { line-height:1.7em; margin:0 0 1em 0 }
section.subpages-skolko article div.bg-image { transition:2s; position:absolute; width:100%; height:100%; top:0; left:0; background:#fff url() no-repeat 50% 50%; background-size:cover }
section.subpages-skolko article a.area { display:none; z-index:2; position:absolute; width:100%; height:100%; top:0; left:0; }
section.subpages-skolko article div.article-wrapper { z-index:1; top:50%; transform:translate(0,-50%); left:0; width:100%; position:absolute } 
section.subpages-skolko article div.article-content { padding:0 75px; overflow:hidden  }



body.p-index section.stati div.global-container { max-width:100% }
body.p-index section.stati div.global-wrapper { padding:0 }

body.p-index section.stati li.n1 { width:50%; height:45.99em}
body.p-index section.stati li { width:50%;  }
body.p-index section.stati li div.wrapper { width:70% }
body.p-index section.stati li:last-child { display:none }



body.p-index section.video div.global-container { max-width:100%; }
body.p-index section.video div.global-wrapper { padding:0 }
body.p-index section.video ul li { width:20% }  
body.p-index section.video ul li a.aVideo:before { font-size:3em; }
/*body.p-index section.video ul li:first-child { width:50%; }*/



body.p-index section.title-zapis div.global-container { max-width:1100px }
body.p-index section.title-zapis div.global-wrapper { padding-top:8em; padding-bottom:8em }
body.p-index section.title-zapis div.text { transform:none; top:0 }
body.p-index section.title-zapis h4 { font-size:1.3em; font-weight:300; line-height:1.8em; text-shadow:1px 1px 2x rgba(255,255,255,1) }
body.p-index section.title-zapis a.tButton { margin-top:0!important }



body.p-index section.social ul { text-align:center; font-size:1.7em; margin:0 }
body.p-index section.social ul .after,
body.p-index section.social ul .before { opacity:0.6; line-height:1.4em  }
body.p-index section.social ul li { margin:0 1em 0.5em 1em }
body.p-index section.social ul li.feedback,
body.p-index section.social ul li.skype,
body.p-index section.social ul li.mail { display:none }
body.p-index section.social div.clearer + footer { margin:2em 0 0 0 }



body.p-index section.ssylki div.global-wrapper { padding-top:3em; padding-bottom:3em; }
body.p-index section.ssylki a { text-decoration:none; padding:0 1em }
body.p-index section.ssylki i.fa { padding-right:1em }
body.p-index section.ssylki a:hover { opacity:0.6 }



body.p-index section.otzyvy { overflow:hidden; }
body.p-index section.otzyvy a { transition:0.25s; border:solid 0px #000; border-width:0 0 1px 0; text-decoration:none }
body.p-index section.otzyvy a:hover { border-color:rgba(0,0,0,0) }
body.p-index section.otzyvy ul { position:relative; margin:0 0 0em 0 }
body.p-index section.otzyvy ul li {  text-align:center; max-width:800px; margin:0 auto; position:relative }
body.p-index section.otzyvy ul .text { font-size:1.25em; font-style:italic }
body.p-index section.otzyvy ul .author { font-size:1.25em }
body.p-index section.otzyvy ul .author:before { content:'\f118'; margin:0 0 0 -1.5em; position:absolute; font-family:'FontAwesome' }
body.p-index section.otzyvy ul li:before,
body.p-index section.otzyvy ul li:after { opacity:0.2; font-size:6em; top:50%; position:absolute; font-family:'FontAwesome' }
body.p-index section.otzyvy ul li:before { content:'\f100'; left:-1.5em; }
body.p-index section.otzyvy ul li:after { content:'\f101'; right:-1.5em; }



body.p-index section.raw-karta div.global-container { max-width:100%; margin:0!important; padding:0!important  }
body.p-index section.raw-karta div.global-wrapper { height:500px; margin:0!important; padding:0!important  }



@media screen and (min-width:1400px)
{
   body.p-index section.emdr div.global-container,   
   body.p-index section.obo-mne div.global-container,
   body.p-index section.obo-mne-text div.global-container,
   body.p-index section.title-zapis div.global-container { max-width:1340px }

   body.p-index section.stati li.n1 div.wrapper { width:50% }   
   body.p-index section.stati li { width:25%; height:45.99em }   
   body.p-index section.stati li div.wrapper { width:100% }
   
   body.p-otzyvy article ul.comments li { width:25%;  }
   
   body.p-index section.raw-karta div.global-wrapper { height:600px }   
}

@media screen and (max-width:1280px)
{
   body.p-index section.emdr div.col-wrapper > p:first-child { margin-bottom:0!important }
}

@media screen and (max-width:1024px)
{
   body.p-index section.title div.text { width:100% }
   body.p-index section.title-intro div.global-wrapper h2 { font-size:3.5em; }
   body.p-index section.diplomy ul li { width:25%; }   
   body.p-index section.subpages-skolko article.skolko-image02 { display:none }
   body.p-index section.stati ul li,
   body.p-index section.stati ul li { width:50%!important; height:23em!important }
   body.p-index section.stati ul li div.wrapper { width:100%!important }     
   body.p-index section.stati ul li:last-child { display:block }   
   body.p-index section.stati ul li.n1,
   body.p-index section.stati ul li.n2 { height:46em!important; }   
   body.p-index section.video ul li { width:25% }     
   body.p-index section.video ul li:last-child { display:none }   
}

@media screen and (max-width:800px)
{
   body.p-index section.obo-mne div.global-wrapper > p:first-child { text-align:center }
   body.p-index section.obo-mne img { float:none; margin:0 auto!important }
   body.p-index section.obo-mne-text ul.nav li { display:block }
   body.p-index section.video ul li { width:50% }       
}

@media screen and (max-width:700px)
{
   body.p-index section.stati ul li { width:100%!important; height:23em!important }  
   body.p-index section.stati ul li.n1 { height:46em!important; }
   body.p-index section.stati ul li.n2 { height:23em!important }
}

@media screen and (max-width:500px)
{
   body.p-index main section h2 { font-size:1.5em }
   body.p-index main section h3  { font-size:1.3em }   
   body.p-index main section h4  { font-size:1em }      

   body.p-index section.emdr div.global-wrapper,
   body.p-index section.obo-mne div.global-wrapper,
   body.p-index section.obo-mne-text div.global-wrapper,
   body.p-index section.title-zapis div.global-wrapper { padding-top:3em; padding-bottom:3em }

   body.p-index section.title-intro div.global-wrapper h2 { font-size:2em; font-weight:300 }
   body.p-index section.title-intro div.global-wrapper p { font-size:1em; font-weight:normal }
   body.p-index section.diplomy ul li { width:33.333%; }
   body.p-index section.stati ul li { width:100% }      
   body.p-index section.stati ul li + li { display:none!important }    
   body.p-index section.video ul li { width:100% }      
   body.p-index section.video ul li + li { display:none }   
   body.p-index section.social ul { font-size:1.3em }
}