@import url('https://fonts.googleapis.com/css?family=Roboto|Suez+One');
body, html{width:100%;height:100%}
body{background:#FFFBAB}
*, *:after, *:before{margin:0;padding:0;outline:none;box-sizing:border-box}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:transparent}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:transparent}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:transparent}
.image--cover{object-fit:cover}
a img{border:none}
.clearfix:after{content:"";display:block;clear:both}
a, a:hover, a img, a:hover img, input, input:focus, textarea, textarea:focus, .sMTCom, .aMT:hover .sMTCom, .toggleSpanH, .dMenuToggle:hover .toggleSpanH, .ulMenu li, .ulMenu li:hover, .dPhone, .dPhone:hover{transition-timing-function:ease-in-out;transition-duration:0.5s}
a:hover img{-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}
.container{max-width:980px;margin:0 auto}
.pNo{font:38px Roboto-Thin, sans-serif;color:#FFF;padding:20px}
.header{background:url('../img/back/header-back.jpg') no-repeat center center;background-size:cover;height:100%}
.headerNoIndex{background:url('../img/back/header-back-no-index.png') #323232}
.dTitleMenu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;padding:5px 0}
.dMainTitle{width:390px;font:28px Roboto-Bold, sans-serif}
.dMainTitle .aMT{display:inline-block;padding-top:8px;color:#50A5AC;text-decoration:none}
.sMTCom{color:#2A7F86}
.aMT:hover, .aMT:hover .sMTCom{color:#71C6CD}
nav{max-width:550px;margin-top:10px}
.dMenuToggle{display:none;padding:0 15px;cursor:pointer}
.dSpanMenu{width:20px;margin:-4px auto 0}
.toggleSpanH{display:block;height:2px;margin:4px 0;background:#FFF}
.ulMenu{display:block;float:right;font:16px Roboto-Regular, sans-serif}
.ulMenu li{display:block;float:left;list-style-type:none}
.ulMenu li:not(:last-child){margin-right:15px}
.ulMenu li a{display:block;color:#D8D8D8;text-decoration:none;text-transform:uppercase}
.ulMenu li:hover a{color:#FF6B03}
.dPhone{width:210px;margin-left:95px;padding:0 1px;border-bottom:1px solid #FF6B03}
.dPhone:hover{border-bottom:1px solid #FFFF94}
.aPhone{text-decoration:none;font:22px Roboto-Light, sans-serif;color:#FF6B03}
.aPhone:hover{color:#FFFF94}
.h1Main{margin-top:25%;font:110px Roboto-Bold, sans-serif;line-height:90px;text-align:center;color:#fff}
.h1MainSpan{font:31px Roboto-Regular, sans-serif;color:#71C6CD}
.h1MainNoIndex{padding-top:3%;padding-bottom:4%;font:33px Roboto-Bold, sans-serif;text-align:center;color:#fff}
.h1MainSpanNoIndex{font:27px Roboto-Regular, sans-serif;color:#71C6CD}
#we{padding:30px 0;background:#FBB580;font:19px Trebuchet MS, Helvetica;text-align:justify}
.dWe{padding:30px 0;border-radius:7px;border:2px solid #FFD8A3}
.dWe .dWePhoto{width:41.5%}
.dWe .dWeText{width:49.5%}
.dWePhoto{float:left;margin:0 3%;perspective:1200px}
.dWePhoto:hover .dRotate{transform: rotateY(180deg)}
.dWePhoto img{width:100%;border-radius:7px;backface-visibility:hidden}
.dWePhoto .img1{vertical-align:middle}
.dWePhoto .img2{position:absolute;top:0;left:0;transform: rotateY(180deg)}
.dRotate{position:relative;transition:0.5s;transform-style:preserve-3d}
.dWeText{margin:0 3% 0 47.5%}
.dWeText p:not(:last-child){margin-bottom:8px}
#contacts{width:100%;padding:90px 0 130px;background:#FFFBAB;font-family:Trebuchet MS, Helvetica}
#contacts h2{font-size:48px;text-align:center;color:#FF5000}
#form{max-width:500px;margin:15px auto}
#form p{color:#B00;font-size:17px;font-weight:bold}
#form label{color:#FF5000;cursor:pointer;font-size:27px}
#form label span{color:#000}
#form input, #form textarea{margin-bottom:10px;width:100%;padding:10px 5px; border-radius:7px;border:2px solid #FFC56F;font-size:17px;color:#4a4a4a}
#form textarea{font-size:19px;font-family:Trebuchet MS, Helvetica}
#form input:focus, #form textarea:focus{border-color:#FF5000}
#form .btn{width:250px;border:1px solid #E14700;border-radius:5px;padding:5px 15px 8px;font-size:21px;background:#FF5000;color:#fff;cursor:pointer}
#form .btn:hover{background-color:#FF8935}
.js-thank-you .sResult{color:blue;font:bold 17px Trebuchet MS, Helvetica}
.overlay{position:fixed;width:100%;height:100vh;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:9999;display:none}
.popup{position:absolute;max-width:500px;min-width:300px;height:180px;left:50%;top:50%;transform:translate(-50%, -50%);padding:40px;background-color:#FFF}
.close-popup{position:absolute;top:15px;right:15px;width:23px;height:23px;cursor:pointer}
.close-popup:before{content: '';background-color:#000;position:absolute;height:1px;width:31px;top:11px;left:-4px;transform:rotate(-45deg)}
.close-popup:after{content: '';background-color:#000;position:absolute;height:1px;width:31px;top:11px;transform:rotate(45deg);left:-4px}
.popup-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;flex-wrap:wrap}
.popup-link .popupImg{margin:1px;width:190px;height:190px}
.popup-link a{line-height:15px}
.hText{font:24px Roboto-Regular, sans-serif;padding:7px}
.pText{padding:7px 0;text-indent:0.5cm}
.pText{font:18px Roboto-Regular, sans-serif}
.ulText, .olText{padding:7px;font:18px Roboto-Regular, sans-serif}
.ulText li, .olText li{margin:0 0 0 25px;padding:2px}
.ulText{list-style-image:url('../img/back/temno-sinyaya-galochka.png')}
.pText a, .ulText a, .olText a{color:blue}
.pText a:hover, .ulText a:hover, .olText a:hover{text-decoration:none}
.dMenuCat{padding:6px 0;background:#FFD662}
.spanCatMenu{display:block;float:left;padding:5px 7px 0;font:bold 16px Trebuchet MS, Helvetica, sans-serif;color:#000}
.ulCatMenu{list-style-type:none;font:12px Trebuchet MS, Helvetica, sans-serif}
.ulCatMenu li{display:inline-block;padding:3px 7px;color:#008BB2}
.ulCatMenu li .aCatMenu{color:#008BB2}
.ulCatMenu li a{color:#0C529D}
.ulCatMenu li a:hover{color:#3896F9;text-decoration:none}
.dText{min-height:350px;padding:0 5px 10px;font-family:Trebuchet MS, Helvetica}
.dText .dCat{background:#FFFFB8;border-bottom:3px solid #FFFBAB;padding:3px}
.dText .crumbs{font-weight:bold;color:#122F47;font-size:18px;padding-top:3px}
.dText .crumbs a{color:#1E4F77}
.dText .crumbs a:hover{color:#474747;text-decoration:none}
.dText h1{font-weight:lighter;font-size:35px;color:#262625;padding:12px 0 7px;text-align:center}
.dText img{float:left;width:90px;height:54px;margin-right:12px}
.dText .dQ{float:left;padding:7px 12px 0 0}
.dText .dQ span{font-weight:lighter;font-size:21px;line-height:35px}
.dText h2{font-weight:lighter;font-size:21px;line-height:35px;padding:7px 5px 0}
.dText h2 a{text-decoration:none;line-height:0;padding:0 5px;color:#3B3B3B}
.dText h2 a:hover{color:#FF5000}
.dVid{position:relative;padding-bottom:56.25%;padding-top:6px;height:0}
.dVid iframe{position:absolute;width:100%;height:100%;top:0;left:0}
.dVidText{padding:15px 10px 30px;background:#FBB580;font:19px Trebuchet MS, Helvetica;text-align:justify}
footer{background:#2A2A2A;min-height:210px}
.dMenuAuthoF{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:top;padding:5px 10px}
.dMenuF{padding:10px 5px;width:240px}
.ulMenuF li{list-style-type:none;font:19px Roboto-Light, sans-serif}
.ulMenuF li a{color:#FFF;text-decoration:none}
.ulMenuF li:hover a{color:#FF5000}
.dAutho{padding:15px 5px;width:300px}
.inpLogin, .inpPass{background:#DDD;outline:none;border:none;font:14px Verdana, sans-serif;width:95px;height:35px;padding:0 5px;text-align:center}
.inpLogin:focus, .inpPass:focus{background:#FFF}
.inpPass{margin-left:-2px}
.inpSubAutho{cursor: pointer;outline:none;border: none;border-radius:0 3px 3px 0;font:14px Verdana, sans-serif;width:72px;height:35px;margin-left:-4px;color:#FFF;background:#FF5000;text-align:center}
.inpSubAutho:hover{background:#FF7535}
.pHello{font:28px Roboto-Thin, sans-serif;text-align:right}
.pHello a{text-decoration:none;color:#FFF}
.pHello a:hover{color:#FF5000}
@media screen and (max-width: 1024px){.header{padding:0 10px;background:url('../img/back/header-back_1024.jpg') no-repeat center center;background-size:cover}}
@media screen and (max-width: 900px){.dTitleMenu{justify-content:center}}
@media screen and (max-width: 815px){.dPhone{width:210px;margin:2% auto}}
@media screen and (max-width: 768px){.header{background:url('../img/back/header-back_768.jpg') no-repeat center center;background-size:cover}}
@media screen and (max-width: 736px){.header{background:url('../img/back/header-back_736.jpg') no-repeat center center;background-size:cover}
.h1Main{font-size:99px} .h1MainSpan{font-size:29px}}
@media all and (orientation: portrait){.header{background:url('../img/back/header-back_412_608.jpg') no-repeat center center;background-size:cover}}
@media screen and (max-width: 728px){.h1Main{font-size:88px}}
@media screen and (max-width: 610px){.h1Main{font-size:77px} .h1Iitle{font-size:32px}}
@media screen and (max-width: 550px){.h1Main{font-size:66px} .dWe{padding:0;border:none} .dWe .dWePhoto, .dWe .dWeText{width:96%;margin:20px 3%} .dWe .dWeText{margin-top:30px} .dWePhoto{float:none}}
@media screen and (max-width: 504px){.h1Main{font-size:60px} .h1MainSpan{font-size:25px}}
@media screen and (max-width: 425px){nav{width:100%}
.dMenuToggle{display:block}
.dMenuToggle:hover .toggleSpanH{background:#CDCDCD}
.ulMenu{display:none;position:absolute;z-index:999;width:100%}
.ulMenu li{float:none;width:100%;padding:5px;background:#2A2A2A;border:1px solid #474747}
.ulMenu li:hover{background:#3B3B3B}
.ulMenu li:hover a{color:#FF6B03}
.ulMenu li a{text-transform:lowercase}.h1Main{font-size:45px} .h1MainSpan{font-size:23px} .dMainTitle img{display:none}
.dMainTitle{text-align:center}}
@media screen and (max-width: 410px){
.popup-link .popupImg{width:270px;height:270px}}
@media screen and (max-width: 350px){header{padding:0} .h1MainSpan{font-size:20px}}