#bg { display:none }

body.p-index footer.page { position:absolute; width:100%; margin-top:-10em }
body.p-index footer.page  div.global-wrapper { padding-top:0; padding-bottom:0; }
body.p-index footer.page * { color:#fff }


body.p-index section.title { overflow:hidden; }
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 div.global-wrapper { height:100vh; min-height:600px; padding-top:0; padding-bottom:0; }
body.p-index section.title-intro div.text { max-width:50em; transform:translate(0,-50%); }
body.p-index section.title-intro div.global-wrapper h1 { color:#fff; font-size:4em; font-weight:bold; }
body.p-index section.title-intro div.global-wrapper p { font-size:1.7em; font-weight:300; max-width:25em; margin:0 auto 1em auto  }
body.p-index section.title-intro div.global-wrapper *:last-child { margin-bottom:0 }
body.p-index section.title div.text { width:auto; }

body.p-index section.title-intro div.aScrollDown { cursor:hand; cursor:pointer; margin:0 0 0 -2em; bottom:25px; left:50%; position:absolute; }
body.p-index section.title-intro div.aScrollDown div { transition:0.5s; border:dotted 2px #fff; opacity:1; box-shadow:0 3px 5px rgba(0,0,0,0.2); width:4em; height:4em; border-radius:50%; }
body.p-index section.title-intro div.aScrollDown div:before { transition:0.5s; width:15px; height:3px; transform:rotate(30deg); background:#fff; left:50%; top:50%; margin:0 0 0 -13px; content:''; position:absolute; border-radius:3px }
body.p-index section.title-intro div.aScrollDown div:after { transition:0.5s; width:15px; height:3px; transform:rotate(-30deg); background:#fff; left:50%; top:50%; margin:0 0 0 -1px; 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 main section:first-child h1 { opacity:0; transform:translateZ(0) scale(1.1); animation:3s S1 forwards }

/*
body.p-index main section:first-child div.bg-image {  opacity:0; transform:translateZ(0) translateX(15px); animation:5s 0.5s bgIntro forwards; }
@keyframes bgIntro  { to{ opacity:1;  transform:translateX(0px) } }
body.p-index main section:first-child h2 { opacity:0; transform:translateZ(0); animation:6s 0.5s F1 forwards }

body.p-index main section:first-child div.aScrollDown  { opacity:0; transform:translateZ(0) ; animation:2s 5s F1 forwards }
*/


body.p-index section.title-raspolojenie div.text,
body.p-index section.title-raspolojenie03 div.text { max-width:800px; top:auto; transform:none; position:relative }
body.p-index section.title-raspolojenie div.text *,
body.p-index section.title-raspolojenie03 div.text * { line-height:1.6em }
body.p-index section.title-raspolojenie div.container > *:first-child + *,
body.p-index section.title-raspolojenie03 div.container > *:first-child + * { margin-top:2em }

body.p-index section.title-raspolojenie2 div.text { max-width:800px; top:auto; transform:none; position:relative }
body.p-index section.title-raspolojenie2 div.text * { line-height:1.6em }
body.p-index section.title-raspolojenie2 div.container > *:first-child + * { margin-top:2em }



section.subpages-storony div.article-wrapper { top:auto!important; bottom:5%!important }
section.subpages-storony div.article-content > * { display:inline-block; border-radius:10px; padding:1em 2em; background:#fafafa }



body.p-index section.subpages-ekran2 article.opisanie-e2 div.article-content * { text-align:left; }
body.p-index section.subpages-ekran2 article.opisanie-e2 div.article-content h3 {  line-height:1.6em }
body.p-index section.subpages-ekran2 article.opisanie-e2 div.article-content h3 + p { margin-top:2em }



section.preim div.global-container,
section.preim03 div.global-container { max-width:1200px }
section.preim div.global-container *,
section.preim03 div.global-container * { color:#ff5500; line-height:1.6em }



section.opisanie div.global-container *,
section.opisanie03 div.global-container * { line-height:1.6em }
section.opisanie div.global-wrapper > *:first-child,
section.opisanie03 div.global-wrapper > *:first-child { max-width:1000px; margin:0 auto 2em auto }
section.opisanie div.global-wrapper div.cols p,
section.opisanie03 div.global-wrapper div.cols p { line-height:1.8em; padding:0 50px 0 0 }



section.ekrany div.global-container * { line-height:1.6em }
section.ekrany div.global-wrapper > *:first-child { max-width:1000px; margin:0 auto 2em auto }
section.ekrany div.cols + div.cols { margin-top:3em }
section.ekrany div.cols p { line-height:1.8em; padding:0 25px 0 0 }
section.ekrany div.cols p i { color:#ff5500 }



section.video div.global-wrapper > *:first-child { line-height:1.6em; max-width:1000px; margin:0 auto 2em auto }
section.video ul {}



section.aktsiya div.global-container,
section.aktsiya03 div.global-container { max-width:1200px }
section.aktsiya div.global-container *,
section.aktsiya03 div.global-container * { line-height:1.6em }



section.klienty div.global-container { max-width:1200px }
section.klienty div.global-container * { line-height:1.6em }


section.subpages-offer article { min-height:35rem; height:80vh }
section.subpages-offer article * { line-height:1.6em }
section.subpages-offer article div.article-wrapper { max-width:600px; left:50%; transform:translate(-50%,-50%) }
section.subpages-offer article div.article-content { text-align:left;  }
section.subpages-offer article div.article-content > *:first-child { margin:0 0 1em 0 }
#offer-request div.field { width:100%; float:none }
#offer-request div.butn { text-align:left }



/*section.mail div.global-container { max-width:1200px }
#offer-request { max-width:800px; margin:3em auto 0 auto }
section.mail div.butn { text-align:center }*/



body.p-index section.title-kontakt div.global-wrapper { height:100vh; min-height:600px; padding-top:0; padding-bottom:0; }
body.p-index section.title-kontakt div.text { max-width:50em; transform:translate(0,-65%); }
body.p-index section.title-kontakt div.global-wrapper h1 { color:#fff; font-size:4em; font-weight:bold; }
body.p-index section.title-kontakt div.global-wrapper p { font-size:1.7em; font-weight:300; max-width:25em; margin:0 auto 1em auto  }
body.p-index section.title-kontakt div.global-wrapper *:last-child { margin-bottom:0 }
body.p-index section.title div.text { width:auto; }



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



@media screen and (min-width:1400px)
{
   body.p-index section.title-intro div.global-wrapper h1,
   body.p-index section.title-kontakt div.global-wrapper h1 { font-size:5em; }
   
   body.p-index section.subpages-ekran2 article { height:80vh }   
   body.p-index section.subpages-ekran2 article.opisanie-e2 div.article-content { padding-left:150px; padding-right:150px }   
   
   body.p-index section.raw-karta div.global-wrapper,
   body.p-index section.raw-karta03 div.global-wrapper { height:600px; }
}

@media screen and (max-width:1260px)
{
}

@media screen and (max-width:800px)
{
   body.p-index section.subpages-ekran2 article { height:auto; min-height:auto }
   body.p-index section.subpages-ekran2 article div.article-wrapper { padding:6em 0; transform:none; top:auto; left:auto; position:relative;  }
   body.p-index section.subpages-ekran2 article div.article-content { padding:0 50px }
   body.p-index section.subpages-ekran2 article + article { min-height:400px; max-height:400px }   
   
   body.p-index section.subpages-offer article:first-child {  display:none } 
}

@media screen and (max-width:500px)
{
   body.p-index header.page div.contact { right:35px }
   body.p-index section.title-intro div.global-wrapper { height:95vh; min-height:auto }
   body.p-index section.title-intro div.global-wrapper h1,
   body.p-index section.title-kontakt div.global-wrapper h1 { font-size:2em;}
}