*{margin:0;padding:0;outline:none;box-sizing:border-box}
body, html{width:100%;height:100%;background:#000}
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}
.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;margin:10px 0}
.popup-link img{margin:1px 3px;width:230px;height:230px}
a img{border:none}
a:hover img{-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
a, input, textarea, a:hover img, .dWeBackImg-4, .iLogin:focus, .iPass:focus, .iSubAutho:hover{transition-timing-function:ease-in-out;transition-duration:0.3s}
.clearfix:after{content:"";display:block;clear:both}
.pNo, .pOk{font:38px Verdana, sans-serif;padding:20px;text-align:center}
.pNo{color:#F00} .pOk{color:#00F}
.container{max-width:980px;margin:0 auto}
.wrapper{position:relative;overflow-x:hidden}
.content{transition:0.5s;position:relative;z-index:0}
.content_active{transform:translateX(285px);position:fixed}
.site-overlay{display:none}
.content_active .site-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background-color:rgba(255,255,255,0.7)}
/* responsive menu-----------------------------------------------------------*/
.menu{width:285px;position:fixed;height:100vh;left:0;top:0;z-index:99;transition:0.5s;transform:translateX(-100%)}
.menu .menuLeft{height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}
.menu_active{transform:translateX(0%)}
.menu-btn{transition-duration:0.5s;transition-timing-function:swing;background:#EB7424;width:30px;height:30px;position:absolute;top:4px;right:-35px;border-radius:4px;cursor:pointer;display:none}
.menu-btn:hover{background:#F7931E}
.menu-btn .icon{transition-duration:0.2s;position:absolute;width:18px;height:2px;background:white;top:14px;left:6px}  
.menu-btn .icon:before, .menu-btn .icon:after{transition-duration:0.5s;background:white;position:absolute;content: "";width:18px;height:2px;left:0px}
.menu-btn .icon:before{top:-7px}
.menu-btn .icon:after{top:7px}
.open .icon{background:transparent}
.open .icon:before, .open .icon:after{top:0}
.open .icon:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.open .icon:after{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.menu .menuLeft .ulMainMenu{list-style-type:none;text-align:center;font:bold 16px Arial,sans-serif}
.menu .menuLeft .ulMainMenu li{padding:20px}
.menu .menuLeft .ulMainMenu li:hover{background:#2C2C2C}
.menu .menuLeft .ulMainMenu a{text-decoration:none;color:#F7931E;text-transform:uppercase}
.menu .menuLeft .ulMainMenu li:hover a{color:#FFF}
.menu .menuLeft .ulMainMenu .aAct{color:#FFF}
/* header------------------------------------------------------------------*/
.dLogoMenu{height:105px}
.dLogoMenu .dHr{height:62px;border-bottom:3px solid #F7931E}
.dLogo{float:left;width:154px;height:57px}
.dMainMenu{float:right;height:60px;padding-top:2px;width:538px}
.ulMainMenu{list-style-type:none;font:bold 16px Arial,sans-serif}
.dMainMenu li{display:inline-block;height:57px}
.dMainMenu li:hover{background:#2C2C2C}
.dMainMenu .liAct{display:inline-block;height:57px;background:#2C2C2C}
.dMainMenu a{display:block;height:57px;padding:20px 7px;cursor:pointer;text-decoration:none;color:#F7931E;text-transform:uppercase}
.dMainMenu li:hover a{color:#FFFFB0}
.dMainMenu .aAct{display:block;height:57px;padding:20px 7px;cursor:pointer;text-decoration:none;color:#FFE881;text-transform:uppercase}
h1{padding-top:7px;color:#FFF;text-align:center;font:bold 25px Arial,sans-serif}
/* footer */
footer{border-top:1px solid #F7931E;background:#121212}
.dMenuAuthoF{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;padding:5px 10px}
.dAutho{margin-bottom:35px}
.iLogin, .iPass{background:#DDD;outline:none;border:none;font:14px Verdana, sans-serif;width:95px;height:35px;padding:0 5px;text-align:center}
.iLogin{border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px}
.iLogin:focus, .iPass:focus{background:#FFF}
.iPass{margin-left:-2px}
.iSubAutho{cursor:pointer;outline:none;border:none;border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;font:14px Verdana, sans-serif;width: 72px;height:35px;margin-left:-4px;color:#FFF;background:#F7931E;text-align:center}
.iSubAutho:hover{background:#FFB944}
.pHello{font:28px Roboto-Thin, sans-serif;text-align:right}
.pHello a{text-decoration: none;color:#FFF}
.pHello a:hover{color:#0F0}
.dMenuF{padding:10px 5px}
.ulMenuF li{list-style-type:none;font:17px Verdana, sans-serif}
.ulMenuF li a{color:#FFF;text-decoration:none}
.ulMenuF .aAct{color:#FFE881}
.ulMenuF li:hover a, .ulMenuF .aAct:hover{color:#F7931E;transition-timing-function:ease-in-out;transition-duration:0.2s}
/*Index____________________________________________________________________*/
.dIndexBackImg{height:100vh;background:url('../img/back/back-index.jpg') #000 center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.dIndexBackImg div p{font:17px Verdana, sans-serif;color:#fff; padding-top:25px}
.dIndexBackImg-1{margin-top:;padding:0 16% 0 50%}
.dIndexBackImg-1 p:last-child{text-align:right}
.dIndexBackImg-2{padding-top:0}
.dIndexBackImg-2 img{float:left;width:500px;margin:-60px 0 0 4%}
.dIndexBackImg-2 p{padding:0 3% 0 62%}
.dIndexQuote{font:17px Verdana, sans-serif;color:#fff;padding:30px 150px 0;border-top:3px solid #F7931E}
.dIndexQuote p:last-child{text-align:right;padding-top:10px}
.dIndexMiddle-1{padding:0 40px}
.dIndexMiddle-2 h2{color:#F7931E;font:bold 30px Arial, sans-serif;text-align:center;padding:40px}
.dIndexMiddleWhite, .dIndexFeedback{background:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;padding-top:20px}
.dIndexMiddleWhite{width:99%;margin:0 auto}
.dIndexMiddleWhite .dIndexMiddleWhiteImg{width:118px;height:130px;margin:25px 1px}
.dIndexMiddleWhite .dIndexMiddleWhiteImg img{width:72px;height:63px}
.dIndexMiddleWhite .dIndexMiddleWhiteImg h3{text-align:center;font:12px Verdana, sans-serif}
.dIndexMiddleWhite:last-child .dIndexMiddleWhiteImg{width:130px;height:120px}
.dIndexMiddleWhite:last-child .dIndexMiddleWhiteImg img{margin-bottom:10px}
.dIndexMiddleWhite:last-child .dIndexMiddleWhiteImg h3{font-size:11px}
.dIndexMiddleWhite .dIndexMiddleWhiteImg h3 a{text-decoration:none;color:#000}
.dIndexMiddleWhite .dIndexMiddleWhiteImg h3 a:hover{color:#00f}
.dIndexFeedback{width:78%;padding:10px;margin:70px auto;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.dIndexFeedbackText{width:100%}
.dIndexFeedbackText p{padding:15px 5% 35px;font:17px Verdana, sans-serif}
.dIndexFeedbackText p span{font-weight:bold}
.dIndexFeedbackBlack{width:48%;min-width:330px;height:500px;margin:0 5px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#000}
.dIndexFeedbackBlack p{color:#F7931E;font:19px Verdana, sans-serif;text-align:center;padding:20px 5px}
.dIndexFeedbackBlack p span{color:#fff;font:17px Verdana, sans-serif}
.dIndexFeedbackBlack input, .dIndexFeedbackBlack textarea{outline:none;border:none;width:90%;height:36px;margin:5px 5%;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:0 5px;font:17px Verdana, sans-serif;font-style:italic;background:#EAEAEA}
.dIndexFeedbackBlack textarea{height:115px}
.dIndexFeedbackBlack input:focus, .dIndexFeedbackBlack textarea:focus{background:#fff}
.dIndexFeedbackBlack input:last-child{height:50px;padding:0 5px;font:bold 19px Verdana, sans-serif;font-style:normal;color:#000;background:#F7931E;cursor:pointer}
.dIndexFeedbackBlack input:last-child:hover{color:#272727;background:#FFB944}
.dIndexCheckbox{margin:20px 5%}
.dIndexCheckbox .dIndexCheckboxInp{height:36px}
.checkbox input{position:absolute;z-index:-1;opacity:0;margin:10px 0 0 20px}
.checkbox__text{position:relative;padding:0 0 0 60px;cursor:pointer;color:#fff;font:17px Verdana, sans-serif;font-style:italic}
.checkbox__text:before{content: '';position:absolute;top:-4px;left:0;width:50px;height:26px;border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px;background:#CDD1DA;box-shadow:inset 0 2px 3px rgba(0,0,0,.2);transition: .2s}
.checkbox__text:after{content: '';position:absolute;top:-2px;left:2px;width:22px;height:22px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background:#000;box-shadow:0 2px 5px rgba(0,0,0,.3);transition: .2s}
.checkbox input:checked + .checkbox__text:before{background:#fff}
.checkbox input:checked + .checkbox__text:after{left:26px}
.checkbox input:focus + .checkbox__text:before{box-shadow:inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px #F7931E}
.dIndexCommunication{width:80%;margin:52px 10%;font:17px Verdana, sans-serif;color:#fff}
.dIndexCommunicationIcon{height:36px;margin-bottom:10px;padding:5px 0 0 60px}
.dIndexCommunicationIcon:nth-child(1){background:url('../img/back/communication-icon/viber.jpg') no-repeat}
.dIndexCommunicationIcon:nth-child(2){background:url('../img/back/communication-icon/phone.jpg') no-repeat}
.dIndexCommunicationIcon:nth-child(3){background:url('../img/back/communication-icon/email.jpg') no-repeat}
.dIndexCommunicationIcon:last-child{background:url('../img/back/communication-icon/city.jpg') no-repeat;margin-top:50px}
.dDarkMess{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);z-index:9999;display:none}
.dModalMess{position:absolute;max-width:500px;min-width:300px;height:230px;left:50%;top:50%;transform:translate(-50%, -50%);padding:40px 15px 15px;background:#FFF}
.dModalMess .iMess{margin-bottom:7px;border:1px solid navy;border-radius:3px;width:100%;padding:2px 3px;font-size:19px}
.messClose{position:absolute;top:15px;right:15px;width:23px;height:23px;cursor:pointer}
.messClose:before{content: '';background:#000;position:absolute;height:1px;width:31px;top:11px;left:-4px;transform:rotate(-45deg)}
.messClose:after{content: '';background:#000;position:absolute;height:1px;width:31px;top:11px;transform:rotate(45deg);left:-4px}
#form .lid{color:#FFA9A9;font-size:19px}
.spanModalNo,.spanModalYes{font:19px Verdana, sans-serif}
.spanModalNo{color:#f00}
.spanModalYes{color:#000065}
/*We____________________________________________________________________*/
.dWeBackImg{position:relative;height:100vh;background:url('../img/back/back-we.jpg') #000 center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.dWeBackImg a{text-decoration:none}
.angle{position:absolute;bottom:0;left:0;width:0;height:0;border-bottom:100px solid #000;border-right:980px solid transparent}
.dWeBackImg-1{margin:0 auto;padding-top:50px;width:51%}
.dWeBackImg-1 img{width:100%}
.dWeBackImg-2{margin:0 auto;padding-top:50px;width:52%;border-bottom:3px solid #F7931E}
.dWeBackImg-2 p{color:#Fff;font:50px Verdana, sans-serif;text-align:center}
.dWeBackImg-3 p{color:#Fff;font:17px Verdana, sans-serif;text-align:center;padding-top:7px}
.dWeBackImg-4{margin:80px auto 0;padding:5px 10px 7px;background:#F7931E;border:3px solid #F7931E;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;width:320px;color:#Fff;font:24px Verdana, sans-serif;text-align:center;padding-top:7px}
.dWeBackImg-4:hover{background:rgba(247,147,30,.4)}
.dWeMiddle{padding:0 40px}
/*Services___________________________________________________________________*/
.dServ{margin:5px 0 30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:center;align-items:center}
.dProject{width:32.5%;min-width:270px;margin:2px;border:1px solid #626262;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#F6F6F6}
.dProject h2{background:#626262;font:19px Verdana, sans-serif;color:#fff;min-height:90px;text-align:center;padding:33px 2px}
.dProject a{text-decoration:none}
.dProject a:hover h2{background:#8B8B8B;color:#E4E4E4}
.dServPrice{font:bold 39px Verdana, sans-serif;text-align:center;padding:20px 2px;color:#353535;border-bottom:1px solid #626262}
.dServPrice span{font:bold 21px Verdana, sans-serif;color:#626262}
.dMiddle{padding:0 5px}
.dServ ul{margin:10px 0;padding:7px 5px;font:16px Verdana, sans-serif}
.dServ ul li{margin-left:25px;padding:3px 2px;list-style-image:url('../img/back/dark-blue-check-mark.png');color:#414141}
.dServ ul .liGrey{margin-left:25px;padding:3px 2px;list-style-image:url('../img/back/grey-check-mark.png');color:#8E8E8E}
.dBtn{transition-duration:0.5s;transition-timing-function:swing;width:100%;margin:10px 0;padding:8px 2px;background:#626262;border:1px solid #626262;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font:23px Verdana, sans-serif;text-align:center;color:#fff;cursor:pointer}
.dBtn:hover{background:#858585}
.dBtn:hover span{color:#E4E4E4}
.pEnd{color:#626262;padding:7px 2px 20px;font:17px Verdana, sans-serif;text-align:center;text-transform:uppercase}
.pEnd span{color:#9D9D9D}
/*Articles___________________________________________________________________*/
.dNews{margin-bottom:10px;padding-bottom:5px}
.dNews:not(:last-child){border-bottom:1px solid #383838}
.dNews .dImgNews{float:left;width:130px;background:#000;margin:7px 10px 0 8px}
.dNews .dImgNews img{width:100%}
.dNews h2{font:19px Verdana, sans-serif;margin-top:10px}
.dNews p{color:#fff;font:17px Verdana, sans-serif}
.dNews .pDd{color:#C7C7C7;font:14px Verdana, sans-serif;padding:9px 0 6px}
.dNews h2 a{color:#F7931E;text-decoration:none}
.dNews h2 a:hover{color:#FFE881}
@media screen and (max-width: 950px){.dIndexQuote{padding:30px 35px 0}}
@media screen and (max-width: 920px){
.dIndexFeedbackBlack{width:80%;margin-bottom:15px}.pEnd{font-size:15px}}
@media screen and (max-width: 890px){.dIndexBackImg-1{padding:0 12% 0 30%}
.dIndexBackImg-2 img{width:470px;margin:1% 0 0 3%}}
@media screen and (max-width: 850px){.dIndexBackImg-2 img{width:440px}
.dIndexBackImg-2{padding-top:2%}}
@media screen and (max-width: 840px){.dIndexBackImg, .dWeBackImg{height:700px}
.dProject{width:46%}.pEnd{font-size:17px}}
@media screen and (max-width: 800px){
.dIndexBackImg-1{padding:0 12%}
.dIndexBackImg-2 img{width:410px;margin-left:3%}}
@media screen and (max-width: 770px){
.dIndexBackImg{height:620px}.dIndexBackImg-2 img{width:350px}
.dIndexBackImg-2 p{padding:0 2% 0 55%}}
@media screen and (max-width: 740px){.dIndexBackImg-2 img{width:310px}
.dIndexBackImg-2 p{padding:0 2% 0 50%}}
@media screen and (max-width: 725px){
.menu-btn{display:block}.dLogo{float:none;margin:0 auto}
.dMainMenu{display:none}.dIndexBackImg-1{padding:0 6%}
.dIndexBackImg-2 img{width:280px}.dIndexBackImg-2 p{padding:0 2% 0 49%}
.dIndexFeedbackBlack{width:90%}.dWeBackImg-1, .dWeBackImg-2{width:70%}
.dWeBackImg-2 p{font-size:40px}.dProject{width:55%;min-width:280px}}
@media screen and (max-width: 660px){
.dIndexBackImg-2 img{width:250px}.dIndexBackImg-2 p{padding:0 2% 0 47%}
.dIndexMiddle-1 h2, .dIndexMiddle-2 h2{padding:25px 0;font-size:25px}}
@media screen and (max-width: 620px){
.dIndexBackImg-2 img{width:210px}.dIndexBackImg-2 p{padding:0 2% 0 42%}}
@media screen and (max-width: 580px){
.dIndexBackImg-2 img{display:none}.dIndexBackImg-2 p{padding:0 20%}}
@media screen and (max-width: 500px){
.dIndexBackImg-2 p{padding:0 15%}
.dIndexFeedback{width:98%;padding:5px;margin:50px auto}}
@media screen and (max-width: 450px){.dIndexBackImg-2 p{padding:0 10%}}
@media screen and (max-width: 400px){.dIndexBackImg-2 p{padding:0 6%}
.dNews .dImgNews{float:none;width:270px;margin:5px auto} 
.dNews .dImgNews img{width:270px;margin:0} 
.dNews h2, .dNews .pDd{text-align:center}}
@media screen and (max-width: 350px){
.dIndexBackImg-1, .dIndexBackImg-2 p{padding:0 4%}
.dIndexQuote{padding:25px 25px 0}.dIndexMiddle-1{padding:0 25px}}
@media screen and (max-width: 330px){
.dIndexBackImg-1, .dIndexBackImg-2 p{padding:0 2%}}
@media screen and (max-width: 320px){.dIndexBackImg-2{padding-top:0}
.dIndexBackImg-1, .dIndexBackImg-2 p{padding:0 1%}}