@charset "UTF-8";
@import url(font-awesome/font-awesome.css);
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic');
*{padding:0;margin:0;box-sizing:border-box;}
a{text-decoration:none;font:inherit;color:inherit;}
body{font-family:'PT Sans';}
.mainmenu{width:100%;display:flex;justify-content:space-between;align-items:center;height:45px;background-color:white;position:relative;font-size:14px;}
@media all and (min-width:992px){.mainmenu{padding-right:calc((100% - 940px)/2);padding-left:calc((100% - 940px)/2);}
}
@media all and (max-width:991px){.mainmenu{padding-right:5%;padding-left:5%;}
}
.open-menu{display:block;font-size:4vw;color:#006fae;font-family:FontAwesome;}
@media all and (max-width:425px){.open-menu{font-size:8vw;}
}
@media (min-width:992px){.open-menu{display:none;}
}
.mainmenu .logo{width:86px;height:25px;flex-shrink:0;background-image:url(../images/logo.png);background-repeat:no-repeat;background-position:center;background-size:100%;}
@media (max-width:991px){.mainmenu .logo{width:105px;height:30px;}
}
.mainmenu > nav{align-self:stretch;display:flex;justify-content:space-around;align-items:stretch;}
.mainmenu > nav .item{position:relative;margin:0 5px;}
.mainmenu > nav .item:first-child{margin-left:0;}
.mainmenu > nav .item:last-child{margin-right:0;}
.mainmenu > nav .item > a{display:block;text-align:center;line-height:45px;width:100%;}
.mainmenu > nav .item .underline{width:100%;height:0;background-color:#006fae;position:absolute;left:0;bottom:0;transition:height 200ms linear;}
.mainmenu > nav .item > nav.sub{width:280px;display:flex;justify-content:space-between;align-items:stretch;flex-direction:column;position:absolute;left:0;top:100%;background-color:white;font-size:12.94pt;line-height:30px;text-align:left;display:none;}
.mainmenu > nav .item > nav.sub a{padding:0 28px;background-color:white;transition:background-color 200ms linear;}
.mainmenu > nav .item > nav.sub a:hover{background-color:#eee;}
.mainmenu > nav .item > nav.sub a:not(:last-child){border-bottom:2px solid rgba(0, 111, 174, 0.2);}
@keyframes appear{0%{opacity:0;}
100%{opacity:1;}
}
.mainmenu > nav .item:hover .underline{height:4px;}
.mainmenu > nav .item:hover > nav.sub{display:flex;animation:appear 200ms linear;}
@media (max-width:991px){.mainmenu > nav{display:none;}
}
.mainmenu > nav:not(:hover) .item.active .underline{height:4px;}
.mainmenu a.callback{display:flex;justify-content:center;align-items:center;font-weight:bold;color:white;height:30px;border-radius:10px;padding:0 20px;background-color:#006fae;}
@media (max-width:991px){.mainmenu a.callback{position:absolute;top:calc(100% - 15px);width:165px;padding:0;left:calc(50% - 165px/2);}
}
.mainmenu .tel{color:#3c3f42;}
.mainmenu .tel span.fontawesome{font-family:"FontAwesome";}
@media (max-width:991px){.mainmenu .tel{font-size:24px;color:#006fae;}
}
@media all and (max-width:374px){.mainmenu .tel{font-size:18px;}
}
@media (max-width:991px){.mainmenu{height:69px;}
}
header.title{width:100%;padding-top:40px;height:600px;background-image:url(../images/helpbg.jpg);background-size:auto 100%;background-repeat:no-repeat;background-position:center;background-color:#f7765d;font-weight:bold;font-size:42px;color:white;text-align:center;}
@media all and (min-width:992px){header.title{padding-right:calc((100% - 940px)/2);padding-left:calc((100% - 940px)/2);}
}
@media all and (max-width:991px){header.title{padding-right:5%;padding-left:5%;}
}
@media (max-width:991px){header.title{font-size:24px;}
}
header.title h1{font:inherit;}
@media (min-width:992px){header.title{box-shadow:0 10px 30px 10px rgba(0, 0, 0, 0.1);}
}
@media (max-width:991px){header.title{padding-top:30px;height:320px;}
}
.mobile{width:100%;background-color:#006fae;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;display:none;font-size:30px;color:white;position:fixed;top:0;padding:15px 0;z-index:1;}
.mobile.active{display:flex;}
.mobile .fontawesome{font-family:"FontAwesome";}
.mobile .logo{width:105px;height:30px;background-image:url(../images/whitelogo.png);background-repeat:no-repeat;background-position:center;background-size:100%;}
.mobile nav{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;margin-top:40px;text-align:center;}
.mobile nav .close, .mobile nav .back{position:absolute;left:45px;top:15px;}
.mobile nav.root .back{display:none;}
.mobile nav.root.disabled{display:none;}
.mobile nav.sub{display:none;}
.mobile nav.sub .close{display:none;}
.mobile nav.sub.active{display:flex;}
.mobile a.callback{display:flex;justify-content:center;align-items:center;width:300px;height:57px;margin-top:20px;border:2px solid white;border-radius:4px;color:white;font-weight:bold;font-size:30px;}
@media (min-width:992px){.mobile{display:none !important;}
}
div.features{width:100%;padding-bottom:60px;}
@media all and (min-width:992px){div.features{padding-right:calc((100% - 940px)/2);padding-left:calc((100% - 940px)/2);}
}
@media all and (max-width:991px){div.features{padding-right:5%;padding-left:5%;}
}
div.features article{display:flex;justify-content:space-between;align-items:center;width:556px;margin:0 auto;margin-top:17px;}
div.features article .text{width:380px;font-size:13px;}
div.features article .text h2{font-weight:bold;font-size:16px;margin-bottom:20px;}
@media (min-width:992px){div.features article:nth-child(2n-1) img{order:2;}
div.features article:nth-child(2n-1) .text{order:1;}
}
@media (max-width:991px){div.features article{flex-direction:column;width:auto;}
div.features article img{width:120px;height:120px;}
div.features article .text{width:auto;max-width:375px;}
div.features article .text h2{margin-top:18px;margin-bottom:12px;}
}
.call-a-master{width:100%;padding:50px 0;overflow:hidden;}
@media all and (min-width:992px){.call-a-master{padding-right:calc((100% - 940px)/2);padding-left:calc((100% - 940px)/2);}
}
@media all and (max-width:991px){.call-a-master{padding-right:5%;padding-left:5%;}
}
@media (min-width:992px){.call-a-master{box-shadow:0 0 60px 10px rgba(0, 0, 0, 0.1);}
}
.call-a-master form{display:flex;justify-content:center;align-items:center;flex-direction:column;width:400px;margin:0 auto;padding:30px 0;background-color:#95d8bd;position:relative;}
@media (min-width:992px){.call-a-master form{box-shadow:0 0 60px 10px rgba(0, 0, 0, 0.1);}
}
.call-a-master form:before, .call-a-master form:after{content:'';display:block;position:absolute;background-position:center;background-repeat:no-repeat;background-size:100%;}
.call-a-master form:before{width:316px;height:202px;top:2px;left:calc(100% - 37px);background-image:url(../images/call-a-master/car.png);z-index:-1;}
@media (max-width:991px){.call-a-master form:before{width:158px;height:101px;left:auto;right:-32px;top:auto;bottom:-16px;z-index:1;transform:rotate(15deg);}
}
.call-a-master form:after{width:195px;height:149px;top:-26px;left:-173px;background-image:url(../images/call-a-master/phone.png);}
@media (max-width:991px){.call-a-master form:after{width:97.5px;height:74.5px;left:-28px;top:auto;bottom:-11px;}
}
.call-a-master form h2, .call-a-master form h3{font-size:30pt;font-weight:bold;text-align:center;color:#3c3f43;}
.call-a-master form h3{font-size:17.5pt;margin-bottom:20px;}
.call-a-master form input{width:240px;height:30px;margin-bottom:10px;padding:0 10px;border-radius:4px;border:0;background:white;outline:0;font:inherit;}
.call-a-master form button{display:flex;justify-content:center;align-items:center;margin-top:15px;width:140px;height:37px;border-radius:4px;background:#f7755c;color:white;font-family:inherit;font-weight:bold;font-size:18px;border:0;outline:0;cursor:pointer;z-index:1;}
@media (max-width:991px){.call-a-master form{width:100%;max-width:400px;}
}
.what-we-do{padding:60px 0 32px 0;width:100%;}
@media all and (min-width:992px){.what-we-do{padding-right:calc((100% - 940px)/2);padding-left:calc((100% - 940px)/2);}
}
@media all and (max-width:991px){.what-we-do{padding-right:5%;padding-left:5%;}
}
.what-we-do h1{font-weight:bold;font-size:36px;text-align:center;}
.what-we-do.second p{word-wrap:break-word;font-size:13px;}
.what-we-do .wrapper{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;}
@media (max-width:991px){.what-we-do .wrapper{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;}
}
.what-we-do .wrapper article{margin-top:30px;margin-bottom:18px;margin-top:30px;margin-bottom:18px;width:220px;}
.what-we-do .wrapper article:nth-child(3n - 1){margin-left:40px;margin-right:40px;}
.what-we-do .wrapper article h2{font-weight:bold;font-size:16px;text-align:center;margin:20px 0;min-height:40px;text-transform:uppercase;}
div.city{width:100%;height:462px;background-color:#a6d5e3;background-image:url(../images/city/city.png), url(../images/city/clouds.png);background-repeat:repeat-x, repeat-x;background-position:0 100%, 0 58.5%;position:relative;overflow:hidden;}
@media all and (min-width:992px){div.city{padding-right:calc((100% - 940px)/2);padding-left:calc((100% - 940px)/2);}
}
@media all and (max-width:991px){div.city{padding-right:5%;padding-left:5%;}
}
div.city:after{content:'';display:block;width:333px;height:106px;position:absolute;left:60%;top:calc(45% - 53px);background-image:url(../images/city/hero.png);background-repeat:no-repeat;background-position:center;background-size:100%;z-index:1;}
@keyframes hero{from{transform:translateY(0);}
to{transform:translateY(46.2px);}
}
@media (max-width:991px){div.city:after{width:166.5px;height:53px;left:60%;top:calc(40% - 53px);}
}
div.city:after{animation-name:hero;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:backwards;}
div.city[data-step='0']:after{animation-play-state:paused;}
div.city[data-step='1']:after, div.city[data-step='2']:after, div.city[data-step='3']:after, div.city[data-step='4']:after{animation-play-state:running;}
div.city[data-step='4'] button{animation:button-blink .75s linear infinite;}
@keyframes button-blink{from, to{background:#df4952;}
50%{background-color:#f56a3f;}
}
div.city form{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0 auto;padding:30px 0;position:relative;}
div.city form:before, div.city form:after{content:'';display:block;position:absolute;background-position:center;background-repeat:no-repeat;}
div.city form:before{width:99px;height:102px;top:125px;left:calc(20%);background-image:url(../images/city/phoneb.png);background-size:100%;z-index:0;}
@media (max-width:991px){div.city form:before{width:49.5px;height:51px;left:calc(50% - 150px - 24.75px);top:80px;}
}
div.city form:after{width:179px;height:84px;top:267px;left:calc(0%);background-image:url(../images/city/tube.png);background-size:100%;z-index:0;}
@media (max-width:991px){div.city form:after{width:89.5px;height:42px;transform:rotate(165deg);left:calc(50% - 170px - 44.75px);top:215px;}
}
div.city form h2, div.city form h3{font-size:57.14px;font-weight:bold;text-align:center;color:#3c3f43;}
@media (max-width:991px){div.city form h2, div.city form h3{font-size:34px;}
}
div.city form h3{font-size:41.92px;margin-bottom:20px;}
@media (max-width:991px){div.city form h3{font-size:22px;}
}
div.city form input{width:300px;height:37px;margin-bottom:10px;padding:0 10px;border-radius:4px;border:0;background:white;outline:0;font:inherit;position:relative;z-index:1;}
div.city form button{display:flex;justify-content:center;align-items:center;margin-top:15px;width:188px;height:50px;border-radius:4px;background:#df4952;color:white;font-family:inherit;font-weight:bold;font-size:18px;border:0;outline:0;cursor:pointer;position:relative;z-index:1;}
footer{width:100%;display:flex;justify-content:space-between;align-items:center;height:115px;color:white;background-color:#4e8592;font-size:13px;}
@media all and (min-width:992px){footer{padding-right:calc((100% - 940px)/2);padding-left:calc((100% - 940px)/2);}
}
@media all and (max-width:991px){footer{padding-right:5%;padding-left:5%;}
}
@media all and (max-width:440px){footer{height:auto;flex-direction:column;}
footer > *{margin-bottom:10px;text-align:center;}
}
footer .logo{width:121px;height:34px;background-image:url(../images/whitelogo.png);background-repeat:no-repeat;background-position:center;background-size:100%;}
@onMobile{footer .logo{width:100px;height:29px;}
}
footer address{font-style:inherit;}
footer .info .fontawesome{font-family:FontAwesome;font-size:16px;}
div#call-me-back, div#get-doc{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.75);z-index:2;display:none;opacity:0;}
div#call-me-back.active, div#get-doc.active{display:flex;opacity:1;animation:appear 300ms linear;}
div#call-me-back form, div#get-doc form{display:flex;justify-content:flex-end;align-items:center;flex-direction:column;flex-shrink:0;margin:0 auto;padding:30px 0;background-color:#95d8bd;position:relative;width:90%;max-width:400px;height:300px;z-index:2;}
@media (max-width:991px){div#call-me-back form, div#get-doc form{height:250px;}
}
div#call-me-back form:before, div#get-doc form:before{content:'';display:block;position:absolute;background-position:center;background-repeat:no-repeat;background-size:100%;width:136.5px;height:104.3px;top:15px;left:calc(50% - 195px*0.7/2);background-image:url(../images/call-a-master/phone.png);}
@media (max-width:991px){div#call-me-back form:before, div#get-doc form:before{width:97.5px;height:74.5px;left:calc(50% - 48.75px);}
}
div#call-me-back form .close, div#get-doc form .close{position:absolute;left:15px;top:15px;font-family:FontAwesome;font-size:30px;cursor:pointer;}
div#call-me-back form h2, div#call-me-back form h3, div#get-doc form h2, div#get-doc form h3{font-size:57.14px;font-weight:bold;text-align:center;color:#3c3f43;}
@media (max-width:991px){div#call-me-back form h2, div#call-me-back form h3, div#get-doc form h2, div#get-doc form h3{font-size:34px;}
}
div#call-me-back form h3, div#get-doc form h3{font-size:41.92px;margin-bottom:20px;}
@media (max-width:991px){div#call-me-back form h3, div#get-doc form h3{font-size:22px;}
}
div#call-me-back form input, div#get-doc form input{width:300px;height:37px;margin-bottom:10px;padding:0 10px;border-radius:4px;border:0;background:white;outline:0;font:inherit;position:relative;z-index:1;}
@media (max-width:991px){div#call-me-back form input, div#get-doc form input{width:260px;}
}
div#call-me-back form button, div#get-doc form button{display:flex;justify-content:center;align-items:center;margin-top:15px;width:188px;height:50px;border-radius:4px;background:#df4952;color:white;font-family:inherit;font-weight:bold;font-size:18px;border:0;outline:0;cursor:pointer;position:relative;z-index:1;}
div#call-me-back form div.result, div#get-doc form div.result{color:#3f51b5;position:absolute;left:0;width:100%;bottom:5px;text-align:center;}
div#get-doc form:before{background-image:url(../images/get-contract.png);width:99px;height:107px;top:25px;left:calc(50% - 99px/2);}
@media (max-width:991px){div#get-doc form:before{width:49.5px;height:53.5px;left:calc(50% - 24.75px);}
}
div#succeed, div#error, div#processing{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.75);z-index:2;display:none;}
div#succeed.active, div#error.active, div#processing.active{display:flex;}
div#succeed div.window, div#error div.window, div#processing div.window{display:flex;justify-content:space-around;align-items:center;flex-direction:column;flex-shrink:0;margin:0 auto;background-color:white;padding:30px 0;position:relative;width:90%;max-width:400px;color:green;height:200px;z-index:2;text-align:center;font-size:30px;}
@media (max-width:991px){div#succeed div.window, div#error div.window, div#processing div.window{height:250px;}
}
div#succeed div.window i, div#error div.window i, div#processing div.window i{font-size:80px;}
div#error div.window{color:red;}
div#processing div.window{color:yellow;}