@font-face{font-family:'DINPro-Black';src:url('../fonts/DINPro-Black.eot');src:url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/DINPro-Black.svg#DINPro-Black') format('svg'),url('../fonts/DINPro-Black.ttf') format('truetype'),url('../fonts/DINPro-Black.woff') format('woff');}
@font-face{font-family:'DINPro-Bold';src:url('../fonts/DINPro-Bold.eot');src:url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/DINPro-Bold.svg#DINPro-Bold') format('svg'),url('../fonts/DINPro-Bold.ttf') format('truetype'),url('../fonts/DINPro-Bold.woff') format('woff');}
@font-face{font-family:'DINPro-Regular';src:url('../fonts/DINPro-Regular.eot');src:url('../fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/DINPro-Regular.svg#DINPro-Regular') format('svg'),url('../fonts/DINPro-Regular.ttf') format('truetype'),url('../fonts/DINPro-Regular.woff') format('woff');}
@font-face{font-family:'DINPro-Light';src:url('../fonts/DINPro-Light.eot');src:url('../fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/DINPro-Light.svg#DINPro-Light') format('svg'),url('../fonts/DINPro-Light.ttf') format('truetype'),url('../fonts/DINPro-Light.woff') format('woff');}

.container{max-width:1200px;position:relative;margin:0 auto;text-align:left;z-index:3;}

body{margin:0;padding:0;}

a{text-decoration:none;}
a:hover{text-decoration:none;}

.hidden{opacity:0;}
.visible{opacity:1;}

textarea:focus,input:focus{outline:none;}

::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-thumb{border-width:1px 1px 1px 2px;border-color:#777;background-color:#0a58ae;}
::-webkit-scrollbar-track{border:1px solid #e5e5e5;background-color:#eee;}

hr{position:relative;margin:5px 0 0;width:65px;border:0;background:#2682ff;height:5px;}

#menu{background:#fff;position:fixed;top:0;left:0;right:0;height:55px;border-bottom:1px solid #ddd;box-shadow:0 1px 5px rgba(0,0,0,.1);z-index:10;}
#menu .logo{position:absolute;background:url(../img/logo.png) no-repeat left center;top:5px;left:20px;height:40px;line-height:45px;padding-left:55px;}
#menu .logo span{color:#333;font-family:DINPro-Black;font-size:23px;text-transform:uppercase;}
#menu .tel{position:absolute;top:6px;right:100px;}
#menu .tel span{color:#333;font-family:DINPro-Regular;font-size:16px;}
#menu .pm{position:absolute;background:#0a58ae;top:0;height:56px;right:20px;width:65px;cursor:pointer;}
#menu .pm .a{position:absolute;background:#fff;top:15px;left:10px;right:10px;height:3px;}
#menu .pm .b{position:absolute;background:#fff;top:26.5px;left:10px;right:10px;height:3px;}
#menu .pm .c{position:absolute;background:#fff;bottom:15px;left:10px;right:40px;height:3px;transition:all 0.2s ease-out 0s;}
#menu .pm:hover .c{right:10px;}

@media screen and (max-width:600px){#menu .tel{display:none;}}

#panel{background:#fff;position:fixed;top:0;bottom:0;right:-351px;width:350px;border-left:1px solid #ddd;z-index:101;transition:all 0.5s ease;}
#panel.active{right:0;}
#panel .close{position:absolute;width:25px;height:25px;top:-3px;right:20px;cursor:pointer;z-index:1;}
#panel .close:before{position:absolute;content:"\2715";top:0;bottom:0;left:0;right:0;line-height:27px;color:#333;font-size:25px;text-align:center;}
#panel .content{position:absolute;top:20px;bottom:20px;left:20px;right:20px;padding-right:20px;overflow:auto;}
#panel .content .nav{position:relative;margin:5px;padding-top:40px;}
#panel .content .nav:before{position:absolute;content:"Навигация";left:0;top:-12px;color:#333;font-family:DINPro-Black;font-size:23px;}
#panel .content .nav:after{position:absolute;content:"";left:0;top:25px;background:#2682ff;width:40px;height:4px;}
#panel .content .nav div{position:relative;margin:10px 0;transition:all 0.5s ease;color:#333;font-family:DINPro-Regular;font-size:17px;}
#panel .content .nav div:hover{padding-left:30px;}
#panel .content .nav div:before{position:absolute;content:"";left:0;top:50%;background:#2682ff;width:0;height:4px;transition:all 0.5s ease;}
#panel .content .nav div:hover:before{width:20px;}
#panel .Forma{position:relative;margin:40px 5px 5px;}
#panel .Forma .title{position:relative;margin:0 0 40px;text-align:justify;}
#panel .Forma .title span{color:#333;font-family:DINPro-Black;font-size:23px;}
#panel .Forma .title:after{position:absolute;content:"";left:0;top:36px;background:#2682ff;width:40px;height:4px;}
#panel .Forma .Editbox1, #panel .Forma .Editbox2{border:1px solid #ddd;background:#f0f0f0;color:#333;font-family:DINPro-Regular;font-size:16px;padding-left:10px;vertical-align:middle;position:relative;margin:5px 0;width:calc(100% - 12px);height:40px;line-height:40px;border-radius:0;transition:all 0.3s ease 0s;}
#panel .Forma .Button{position:relative;margin:35px 0 0;width:100%;height:50px;line-height:50px;background:#2682ff;border:0;color:#fff;font-family:DINPro-Regular;font-size:15px;border-radius:0;text-align:center;-webkit-appearance:none;overflow:hidden;cursor:pointer;}
#panel .Forma .Button:before{position:absolute;content:"+";background:#0a58ae;top:47px;bottom:0;left:0;right:0;line-height:50px;font-family:none;color:#fff;font-size:35px;transition:all 0.2s ease-out 0s;}
#panel .Forma .Button:hover:before{top:0;}

@media screen and (max-width:400px){#panel{width:100%;right:-100%;}}

#shapka{position:relative;width:100%;/*background:url(../img/shapka/bg.jpg) center center / cover;*/padding:1px 0;border-bottom:1px solid #ddd;overflow:hidden;}
#shapka video{position:absolute;top:0;bottom:0;right:0;left:0;min-width:101%;min-height:100%;margin:auto;overflow:hidden;z-index:0;}
@media (min-aspect-ratio: 16/9) {#shapka video {height:300%;top:-100%;}}
@media (max-aspect-ratio: 16/9) {#shapka video{width:300%;left:-100%;}}
@supports (object-fit: cover) {#shapka video{top:0;left:0;width:100%;height:100%;object-fit:cover;}}
#shapka:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.5);z-index:1;}
#shapka .title{position:relative;margin:225px 20px 0;width:calc(100% - 40px);max-width:630px;}
#shapka .title h1{color:#fff;font-family:DINPro-Black;font-size:63px;font-weight:normal;margin:0;padding:0;text-shadow: 2px 2px 2px rgba(0,0,0,.4);text-transform:uppercase}
#shapka .text{position:relative;margin:20px 20px 170px;width:calc(100% - 40px);max-width:630px;}
#shapka .text span{color:#fff;font-family:DINPro-Regular;font-size:17px;}
#shapka .img{position:absolute;top:-15px;right:15px;width:360px;}
#shapka .img:before{position:absolute;content:"";top:20px;bottom:20px;left:20px;right:20px;border-radius:100%;border:4px dotted rgba(255,255,255,.1);z-index:-1;-webkit-animation:transform-rotate-1 50s linear 0ms infinite normal;-moz-animation:transform-rotate-1 50s linear 0ms infinite normal;-ms-animation:transform-rotate-1 50s linear 0ms infinite normal;animation:transform-rotate-1 50s linear 0ms infinite normal;}
#shapka .img:after{position:absolute;content:"";top:45px;bottom:45px;left:45px;right:45px;border-radius:100%;border:4px dotted rgba(255,255,255,.1);z-index:-1;-webkit-animation:transform-rotate-2 50s linear 0ms infinite normal;-moz-animation:transform-rotate-2 50s linear 0ms infinite normal;-ms-animation:transform-rotate-2 50s linear 0ms infinite normal;animation:transform-rotate-2 50s linear 0ms infinite normal;}
#shapka .img img{width:100%;}

@media screen and (max-width:1050px){#shapka .img{display:none;}}
@media screen and (max-width:700px){#shapka .title h1{font-size:50px;}}
@media screen and (max-width:500px){#shapka .title h1{font-size:40px;}}

#voda{position:relative;width:100%;background:#fff;padding:1px 0;border-bottom:1px solid #ddd;}
#voda:before{position:absolute;content:"";bottom:20px;right:20px;width:30px;height:30px;border-radius:100%;border:7px solid #2682ff;z-index:1;}
#voda:after{position:absolute;content:"";bottom:70px;right:60px;width:10px;height:10px;border-radius:100%;border:4px solid #2682ff;z-index:1;-moz-animation:fly 5s infinite ease-in-out;-o-animation:fly 5s infinite ease-in-out;-webkit-animation:fly 5s infinite ease-in-out;animation:fly 5s infinite ease-in-out;}
#voda .title{position:relative;margin:60px 20px 0;}
#voda .title:before{position:absolute;content:"Чистая вода";top:-65px;left:-250px;color:rgba(0,0,0,.05);font-family:DINPro-Black;font-size:130px;text-transform:uppercase;z-index:-1;white-space:nowrap;width:calc(100% + 270px);overflow:hidden;}
#voda .title h2{color:#333;font-family:DINPro-Black;font-size:35px;font-weight:normal;margin:0;padding:0;text-transform:uppercase}
#voda .carousel{position:relative;margin:90px 10px;box-sizing:border-box;}
#voda .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#voda .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
#voda .slick-slide{display:none;float:left;height:100%;min-height:1px;outline:none;}
#voda .slick-initialized .slick-slide{display:block;}
#voda .slick-loading .slick-track{visibility:hidden;}
#voda .carousel div .pht{position:absolute;top:0;bottom:5px;right:10px;width:45%;border:5px solid #2682ff;overflow:hidden;}
#voda .carousel div .pht:before{content:"";position:absolute;right:0;top:0;border:20px solid transparent;border-top:20px solid #2682ff;border-right:20px solid #2682ff;}
#voda .carousel div .txt{position:relative;margin:20px 10px 40px;width:55%;text-align:justify;border:1px solid #ddd;background:#f0f0f0;padding:30px;}
#voda .carousel div .txt span{color:#333;font-family:DINPro-Regular;font-size:16px;}
#voda .carousel div .txt span strong{font-family:DINPro-Bold;font-size:18px;font-weight:normal;}
#voda .carousel .slick-dots{position:absolute;width:100%;padding:0 5px;list-style:none;bottom:-15px;}
#voda .carousel .slick-dots li{position:relative;display:inline-block;width:50px;height:8px;background:#ddd;margin:0 5px;cursor:pointer;}
#voda .carousel .slick-dots li.slick-active{background:#0a58ae;}
#voda .carousel .slick-dots li button{display:none;}

@media screen and (max-width:600px){#voda .title h2{font-size:30px;}#voda .carousel div .pht{display:none;}#voda .carousel div .txt{width:calc(100% - 82px);}#voda .carousel .slick-dots{text-align:center;}}

#tarif{position:relative;width:100%;background:#f0f0f0;padding:1px 0;border-bottom:1px solid #ddd;}
#tarif:before{position:absolute;content:"";bottom:20px;left:20px;width:30px;height:30px;border-radius:100%;border:7px solid #2682ff;z-index:1;}
#tarif:after{position:absolute;content:"";bottom:70px;left:60px;width:10px;height:10px;border-radius:100%;border:4px solid #2682ff;z-index:1;-moz-animation:fly 5s infinite ease-in-out;-o-animation:fly 5s infinite ease-in-out;-webkit-animation:fly 5s infinite ease-in-out;animation:fly 5s infinite ease-in-out;}
#tarif .title{position:relative;margin:60px 20px 0;}
#tarif .title:before{position:absolute;content:"Оборудование";top:-65px;left:-390px;color:rgba(0,0,0,.05);font-family:DINPro-Black;font-size:130px;text-transform:uppercase;z-index:-1;white-space:nowrap;width:calc(100% + 410px);overflow:hidden;}
#tarif .title h3{color:#333;font-family:DINPro-Black;font-size:35px;font-weight:normal;margin:0;padding:0;text-transform:uppercase}
#tarif .colums{position:relative;margin:90px 10px 0;}
#tarif .colums .col{position:relative;margin:10px;background:#fff;width:calc(50% - 22px);float:left;border:1px solid #ddd;}
#tarif .colums .col .wrap{position:absolute;top:-2px;right:-2px;width:120px;height:100px;overflow:hidden;z-index:1;}
#tarif .colums .col .wrap .line{position:absolute;background:#0a58ae;top:17px;left:0;width:162px;height:40px;line-height:40px;text-align:center;font-family:DINPro-Bold;font-size:15px;color:#fff;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-webkit-transform:rotate(40deg);box-shadow:0 1px 1px rgba(0,0,0,.2);}
#tarif .colums .col .ttl{position:relative;background:#ddd;padding:30px;border-bottom:1px solid rgba(0,0,0,.06);}
#tarif .colums .col .ttl span{color:#333;font-family:DINPro-Black;font-size:25px;}
#tarif .colums .col .txt{position:relative;margin:30px;}
#tarif .colums .col .txt span{color:#333;font-family:DINPro-Bold;font-size:17px;}
#tarif .colums .col ul{position:relative;margin:30px;padding:0;list-style-type:none;}
#tarif .colums .col ul li{position:relative;margin:0;padding:10px 0;border-top:1px dashed #ccc;text-align:left;font-family:DINPro-Regular;font-size:17px;color:#333;}
#tarif .colums .col .btn{position:relative;margin:30px;height:45px;line-height:45px;background:#2682ff;border:0;color:#fff;font-family:DINPro-Regular;font-size:15px;border-radius:0;text-align:center;-webkit-appearance:none;overflow:hidden;cursor:pointer;}
#tarif .colums .col .btn:before{position:absolute;content:"+";background:#0a58ae;top:42px;bottom:0;left:0;right:0;line-height:50px;font-family:none;color:#fff;font-size:35px;transition:all 0.2s ease-out 0s;}
#tarif .colums .col .btn:hover:before{top:0;}
#tarif .text{position:relative;margin:20px 20px 0;text-align:center;}
#tarif .text span{color:#333;font-family:DINPro-Regular;font-size:17px;}

@media screen and (max-width:700px){#tarif .colums .col{width:calc(100% - 22px);}}
@media screen and (max-width:600px){#tarif .title h3{font-size:30px;}}

#pochemu{position:relative;width:100%;background:#fff;padding:1px 0;border-bottom:1px solid #ddd;}
#pochemu:before{position:absolute;content:"";bottom:20px;right:20px;width:30px;height:30px;border-radius:100%;border:7px solid #2682ff;z-index:1;}
#pochemu:after{position:absolute;content:"";bottom:70px;right:60px;width:10px;height:10px;border-radius:100%;border:4px solid #2682ff;z-index:1;-moz-animation:fly 5s infinite ease-in-out;-o-animation:fly 5s infinite ease-in-out;-webkit-animation:fly 5s infinite ease-in-out;animation:fly 5s infinite ease-in-out;}
#pochemu .title{position:relative;margin:110px 20px 0;}
#pochemu .title:before{position:absolute;content:"Преимущества";top:-65px;left:-440px;color:rgba(0,0,0,.05);font-family:DINPro-Black;font-size:130px;text-transform:uppercase;z-index:-1;white-space:nowrap;width:calc(100% + 460px);overflow:hidden;}
#pochemu .title h3{color:#333;font-family:DINPro-Black;font-size:35px;font-weight:normal;margin:0;padding:0;text-transform:uppercase}
#pochemu .colums{position:relative;margin:70px 0;}
#pochemu .colums .col{position:relative;margin:20px;width:calc(33.3333% - 40px);float:left;text-align:justify;}
#pochemu .colums .col div{position:relative;margin:5px 0;width:50px;height:38px;color:#2682ff;font-family:DINPro-Black;font-size:46px;overflow:hidden;}
#pochemu .colums .col span{color:#333;font-family:DINPro-Regular;font-size:17px;}

@media screen and (max-width:900px){#pochemu .colums .col{width:calc(50% - 40px);}}
@media screen and (max-width:600px){#pochemu .title h3{font-size:30px;}}
@media screen and (max-width:550px){#pochemu .colums .col{width:calc(100% - 40px);}}

#doc{position:relative;width:100%;background:#f0f0f0;padding:1px 0;border-bottom:1px solid #ddd;}
#doc:before{position:absolute;content:"";bottom:20px;left:20px;width:30px;height:30px;border-radius:100%;border:7px solid #2682ff;z-index:1;}
#doc:after{position:absolute;content:"";bottom:70px;left:60px;width:10px;height:10px;border-radius:100%;border:4px solid #2682ff;z-index:1;-moz-animation:fly 5s infinite ease-in-out;-o-animation:fly 5s infinite ease-in-out;-webkit-animation:fly 5s infinite ease-in-out;animation:fly 5s infinite ease-in-out;}
#doc .title{position:relative;margin:60px 20px 90px;}
#doc .title:before{position:absolute;content:"Документы";top:-65px;left:-180px;color:rgba(0,0,0,.05);font-family:DINPro-Black;font-size:130px;text-transform:uppercase;z-index:-1;white-space:nowrap;width:calc(100% + 200px);overflow:hidden;}
#doc .title h4{color:#333;font-family:DINPro-Black;font-size:35px;font-weight:normal;margin:0;padding:0;text-transform:uppercase}
#doc .colums{position:relative;margin:0 10px;}
#doc .colums .col{position:relative;background:#000;margin:10px;width:calc(25% - 30px);float:left;border:5px solid #0a58ae;box-shadow:0 3px 3px rgba(0,0,0,.5);overflow:hidden;}
#doc .colums .col img{width:100%;margin-bottom:-5px;transition:all 0.2s ease-out 0s;}
#doc .colums .col:hover img{opacity:.3;}
#doc .colums .col:after{position:absolute;content:"+";background:#f0f0f0;top:calc(50% - 27px);left:0;width:55px;height:55px;line-height:55px;border-radius:100%;text-align:center;color:#0a58ae;font-size:40px;box-shadow:0 3px 3px rgba(0,0,0,.2);transition:all 0.2s ease-out 0s;opacity:0;}
#doc .colums .col:hover:after{opacity:1;left:calc(50% - 27px);}
#doc .text{position:relative;margin:30px 20px 60px;text-align:center;}
#doc .text span{color:#333;font-family:DINPro-Regular;font-size:17px;}

@media screen and (max-width:850px){#doc .colums .col{width:calc(50% - 30px);}}
@media screen and (max-width:600px){#doc .title h4{font-size:30px;}}
@media screen and (max-width:500px){#doc .colums .col{width:calc(100% - 30px);}}

#video{position:relative;width:100%;background:#fff;padding:1px 0;border-bottom:1px solid #ddd;}
#video:before{position:absolute;content:"";bottom:20px;right:20px;width:30px;height:30px;border-radius:100%;border:7px solid #2682ff;z-index:1;}
#video:after{position:absolute;content:"";bottom:70px;right:60px;width:10px;height:10px;border-radius:100%;border:4px solid #2682ff;z-index:1;-moz-animation:fly 5s infinite ease-in-out;-o-animation:fly 5s infinite ease-in-out;-webkit-animation:fly 5s infinite ease-in-out;animation:fly 5s infinite ease-in-out;}
#video .title{position:relative;margin:60px 20px 90px;}
#video .title:before{position:absolute;content:"Что говорят";top:-65px;left:-210px;color:rgba(0,0,0,.05);font-family:DINPro-Black;font-size:130px;text-transform:uppercase;z-index:-1;white-space:nowrap;width:calc(100% + 230px);overflow:hidden;}
#video .title h4{color:#333;font-family:DINPro-Black;font-size:35px;font-weight:normal;margin:0;padding:0;text-transform:uppercase}
#video .colums{position:relative;margin:0 10px 70px;}
#video .colums .col{position:relative;margin:20px 10px;top:0px;width:calc(33.3333% - 30px);height:250px;float:left;border:5px solid #0a58ae;box-shadow:0 3px 3px rgba(0,0,0,.5);}
#video .colums .col iframe{width:100%;height:100%;border:0;}

@media screen and (max-width:750px){#video .colums .col{width:calc(100% - 30px);}}
@media screen and (max-width:600px){#video .title h4{font-size:30px;}}

#otzyvi{position:relative;width:100%;background:#f0f0f0;padding:1px 0;border-bottom:1px solid #ddd;}
#otzyvi:before{position:absolute;content:"";bottom:20px;left:20px;width:30px;height:30px;border-radius:100%;border:7px solid #2682ff;z-index:1;}
#otzyvi:after{position:absolute;content:"";bottom:70px;left:60px;width:10px;height:10px;border-radius:100%;border:4px solid #2682ff;z-index:1;-moz-animation:fly 5s infinite ease-in-out;-o-animation:fly 5s infinite ease-in-out;-webkit-animation:fly 5s infinite ease-in-out;animation:fly 5s infinite ease-in-out;}
#otzyvi .title{position:relative;margin:60px 20px 0;}
#otzyvi .title:before{position:absolute;content:"Наши отзывы";top:-65px;left:-350px;color:rgba(0,0,0,.05);font-family:DINPro-Black;font-size:130px;text-transform:uppercase;z-index:-1;white-space:nowrap;width:calc(100% + 370px);overflow:hidden;}
#otzyvi .title h5{color:#333;font-family:DINPro-Black;font-size:35px;font-weight:normal;margin:0;padding:0;text-transform:uppercase}
#otzyvi .carousel{position:relative;margin:90px 10px 0;box-sizing:border-box;}
#otzyvi .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#otzyvi .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
#otzyvi .slick-slide{display:none;float:left;height:100%;min-height:1px;outline:none;}
#otzyvi .slick-initialized .slick-slide{display:block;}
#otzyvi .slick-loading .slick-track{visibility:hidden;}
#otzyvi .carousel div .pht{position:relative;margin:-70px 40px 10px auto;width:80px;height:80px;border:5px solid #2682ff;z-index:1;}
#otzyvi .carousel div .pht:before{content:"";position:absolute;right:0;top:0;border:10px solid transparent;border-top:10px solid #2682ff;border-right:10px solid #2682ff;}
#otzyvi .carousel div .pht img{width:100%;}
#otzyvi .carousel div .txt{position:relative;margin:10px;border:1px solid #ddd;text-align:justify;background:#fff;padding:30px;}
#otzyvi .carousel div .txt:after{position:absolute;content:"//";top:-15px;right:20px;color:#2682ff;font-family:DINPro-Bold;font-size:35px;}
#otzyvi .carousel div .txt span{color:#333;font-family:DINPro-Regular;font-size:16px;}
#otzyvi .carousel div .txt span strong{font-family:DINPro-Bold;font-weight:normal;}
#otzyvi .carousel .slick-dots{position:absolute;width:100%;padding:0 5px;list-style:none;bottom:-10px;}
#otzyvi .carousel .slick-dots li{position:relative;display:inline-block;width:50px;height:8px;background:#ddd;margin:0 5px;cursor:pointer;}
#otzyvi .carousel .slick-dots li.slick-active{background:#0a58ae;}
#otzyvi .carousel .slick-dots li button{display:none;}

@media screen and (max-width:600px){#otzyvi .title h5{font-size:30px;}}
@media screen and (max-width:450px){#otzyvi .carousel{margin-bottom:120px;}#otzyvi .carousel div .pht{display:none;}#otzyvi .carousel .slick-dots{bottom:-50px;text-align:center;}}

#kak{position:relative;width:100%;background:#fff;padding:1px 0;border-bottom:1px solid #ddd;}
#kak:before{position:absolute;content:"";bottom:20px;right:20px;width:30px;height:30px;border-radius:100%;border:7px solid #2682ff;z-index:1;}
#kak:after{position:absolute;content:"";bottom:70px;right:60px;width:10px;height:10px;border-radius:100%;border:4px solid #2682ff;z-index:1;-moz-animation:fly 5s infinite ease-in-out;-o-animation:fly 5s infinite ease-in-out;-webkit-animation:fly 5s infinite ease-in-out;animation:fly 5s infinite ease-in-out;}
#kak .title{position:relative;margin:110px 20px 90px;}
#kak .title:before{position:absolute;content:"Схема работы";top:-65px;left:-350px;color:rgba(0,0,0,.05);font-family:DINPro-Black;font-size:130px;text-transform:uppercase;z-index:-1;white-space:nowrap;width:calc(100% + 370px);overflow:hidden;}
#kak .title h5{color:#333;font-family:DINPro-Black;font-size:35px;font-weight:normal;margin:0;padding:0;text-transform:uppercase}
#kak .colums{position:relative;margin:70px 0;}
#kak .colums .col{position:relative;margin:20px;width:calc(33.3333% - 40px);float:left;text-align:justify;}
#kak .colums .col div{position:relative;margin:5px 0;width:50px;height:38px;color:#2682ff;font-family:DINPro-Black;font-size:46px;overflow:hidden;}
#kak .colums .col span{color:#333;font-family:DINPro-Regular;font-size:17px;}

@media screen and (max-width:900px){#kak .colums .col{width:calc(50% - 40px);}}
@media screen and (max-width:600px){#kak .title h5{font-size:30px;}}
@media screen and (max-width:550px){#kak .colums .col{width:calc(100% - 40px);}}

#faq{position:relative;width:100%;background:#f0f0f0;padding:1px 0;border-bottom:1px solid #ddd;}
#faq:before{position:absolute;content:"";bottom:20px;left:20px;width:30px;height:30px;border-radius:100%;border:7px solid #2682ff;z-index:1;}
#faq:after{position:absolute;content:"";bottom:70px;left:60px;width:10px;height:10px;border-radius:100%;border:4px solid #2682ff;z-index:1;-moz-animation:fly 5s infinite ease-in-out;-o-animation:fly 5s infinite ease-in-out;-webkit-animation:fly 5s infinite ease-in-out;animation:fly 5s infinite ease-in-out;}
#faq .title{position:relative;margin:60px 20px 0;}
#faq .title:before{position:absolute;content:"Что спрашивают";top:-65px;left:-555px;color:rgba(0,0,0,.05);font-family:DINPro-Black;font-size:130px;text-transform:uppercase;z-index:-1;white-space:nowrap;width:calc(100% + 575px);overflow:hidden;}
#faq .title h6{color:#333;font-family:DINPro-Black;font-size:35px;font-weight:normal;margin:0;padding:0;text-transform:uppercase}
#faq .vopros-otvet{position:relative;margin:90px 20px;}
#faq .vopros-otvet .spoiler{position:relative;margin:20px 0;width:100%;}
#faq .vopros-otvet .spoiler .vopros{position:relative;background:#fff;cursor:pointer;color:#333;font-family:DINPro-Bold;font-size:17px;padding:10px 20px;border:1px solid #ddd;}
#faq .vopros-otvet .spoiler .vopros:before{content:"";position:absolute;bottom:-9px;left:20px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;}
#faq .vopros-otvet .spoiler .otvet{position:relative;background:#fff;margin:20px 0 0 40px;padding:10px 20px;text-align:justify;border:1px solid #ddd;color:#333;font-family:DINPro-Regular;font-size:16px;}

@media screen and (max-width:600px){#faq .title h6{font-size:30px;}}

#contact{position:relative;width:100%;height:560px;border-bottom:1px solid #ddd;}
#contact .map{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;}
#contact .map:before{position:absolute;content:"";top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.2);}
#contact .map iframe{margin-top:-150px;width:calc(100% + 300px);height:calc(100% + 300px);border:0;}
#contact .txt{position:absolute;background:#fff;top:0;left:20px;width:400px;height:560px;overflow:hidden;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#contact .txt:before{position:absolute;content:"";bottom:20px;right:20px;width:30px;height:30px;border-radius:100%;border:7px solid #2682ff;z-index:1;}
#contact .txt:after{position:absolute;content:"";bottom:70px;right:60px;width:10px;height:10px;border-radius:100%;border:4px solid #2682ff;z-index:1;-moz-animation:fly 5s infinite ease-in-out;-o-animation:fly 5s infinite ease-in-out;-webkit-animation:fly 5s infinite ease-in-out;animation:fly 5s infinite ease-in-out;}
#contact .txt .ttl{position:relative;margin:60px 20px 50px;}
#contact .txt .ttl:before{position:absolute;content:"Контакты";top:-65px;left:-320px;color:rgba(0,0,0,.05);font-family:DINPro-Black;font-size:130px;text-transform:uppercase;z-index:0;white-space:nowrap;}
#contact .txt .ttl h6{position:relative;color:#333;font-family:DINPro-Black;font-size:35px;font-weight:normal;margin:0;padding:0;text-transform:uppercase}
#contact .txt .tel,#contact .txt .adc,#contact .txt .eml{position:relative;margin:0 20px 20px;}
#contact .txt .tel span:first-child,#contact .txt .adc span:first-child,#contact .txt .eml span:first-child{color:#333;font-family:DINPro-Bold;font-size:20px;}
#contact .txt .tel span:last-child,#contact .txt .adc span:last-child,#contact .txt .eml span:last-child{color:#333;font-family:DINPro-Regular;font-size:17px;}

@media screen and (max-width:600px){#contact .txt .ttl h6{font-size:30px;}}
@media screen and (max-width:500px){#contact .txt{width:calc(100% - 40px);}}

#artlanding{position:relative;background:#f0f0f0;width:100%;padding:1px 0;}
#artlanding .txt{position:relative;width:calc(100% - 40px);margin:2px 20px 5px;text-align:center;}
#artlanding .txt span, #artlanding .txt span a{color:#333;font-family:DINPro-Regular;font-size:15px;}

.sale{position:relative;margin:70px 20px -50px;border:1px solid #ddd;overflow:hidden;}
.sale video{position:absolute;top:0;bottom:0;right:0;left:0;min-width:101%;min-height:100%;margin:auto;overflow:hidden;z-index:0;}
@media (min-aspect-ratio: 16/9) {.sale video {height:300%;top:-100%;}}
@media (max-aspect-ratio: 16/9) {.sale video{width:300%;left:-100%;}}
@supports (object-fit: cover) {.sale video{top:0;left:0;width:100%;height:100%;object-fit:cover;}}
.sale:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.5);z-index:1;}
.sale .txt{position:relative;float:left;margin:60px 20px;width:calc(50% - 40px);text-align:justify;z-index:3;}
.sale .txt span{color:#fff;font-family:DINPro-Bold;font-size:17px;text-shadow:1px 1px 1px #555;}
.sale .Forma{position:relative;float:right;margin:60px 20px;width:calc(50% - 40px);z-index:3;}
.sale .Forma .Editbox2{position:relative;float:left;background:#fff;border:1px solid #ddd;border-right:0;border-radius:0;font-family:DINPro-Regular;font-size:15px;color:#000;padding:0;padding-left:20px;height:45px;width:calc(100% - 222px);box-shadow:none;transition:all 0.3s ease 0s;}
.sale .Forma .Button{position:relative;float:right;width:200px;height:48px;line-height:45px;background:#2682ff;color:#fff;font-family:DINPro-Regular;font-size:16px;text-align:center;overflow:hidden;-webkit-appearance:none;cursor:pointer;}
.sale .Forma .Button:before{position:absolute;content:"+";background:#0a58ae;top:45px;bottom:0;left:0;right:0;line-height:50px;font-family:none;color:#fff;font-size:35px;transition:all 0.2s ease-out 0s;}
.sale .Forma .Button:hover:before{top:0;}

@media screen and (max-width:900px){.sale .txt{margin:50px 20px 0;width:calc(100% - 40px);text-align:center;}.sale .Forma{margin:30px 20px 50px;width:calc(100% - 40px);}.sale .Forma .Editbox2{width:calc(100% - 172px);}.sale .Forma .Button{width:150px;}}

.modal_tarif{position:fixed;background:#fff;height:500px;width:calc(100% - 20px);max-width:800px;top:45%;left:0;right:0;margin:auto;margin-top:-250px;display:none;opacity:0;z-index:101;border:5px solid #0a58ae;box-shadow:0 1px 1px rgba(0,0,0,.3);}
.modal_tarif .txt{position:absolute;top:5px;bottom:5px;left:5px;right:5px;border:1px solid #ddd;border-right:0;padding:20px 20px 0;text-align:justify;overflow:auto;color:#333;font-family:DINPro-Regular;font-size:17px;}
.modal_tarif .txt strong{font-family:DINPro-Bold;font-size:19px;font-weight:normal;}

.modal_doc{background:#fff;max-width:400px;width:calc(100% - 20px);position:fixed;top:45%;left:0;right:0;margin:auto;margin-top:-275px;display:none;opacity:0;z-index:101;border:5px solid #0a58ae;box-shadow:0 1px 1px rgba(0,0,0,.3);}
.modal_doc .img{position:relative;margin:5px;border:1px solid #ddd;}
.modal_doc .img img{width:100%;}

#close{position:fixed;width:30px;height:30px;top:15px;right:15px;cursor:pointer;z-index:101;display:none;}
#close:before{position:absolute;content:"\2715";top:0;bottom:0;left:0;right:0;line-height:30px;color:#fff;font-size:30px;text-align:center;}

#overlay{z-index:100;position:fixed;background:rgba(0,0,0,.9);bottom:0;right:0;top:0;left:0;display:none;}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}

@-webkit-keyframes fadeInUp{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}

@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}

@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}

@-webkit-keyframes transform-rotate-1{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes transform-rotate-1{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}}
@-o-keyframes transform-rotate-1{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(360deg);}}
@-ms-keyframes transform-rotate-1{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(360deg);}}
@keyframes transform-rotate-1{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@-webkit-keyframes transform-rotate-2{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(-360deg);}}
@-moz-keyframes transform-rotate-2{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(-360deg);}}
@-o-keyframes transform-rotate-2{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(-360deg);}}
@-ms-keyframes transform-rotate-2{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(-360deg);}}
@keyframes transform-rotate-2{0%{transform:rotate(0deg);}100%{transform:rotate(-360deg);}}

.shake{-webkit-animation:shake 1 linear 1s;-moz-animation:shake 1 linear 1s;-o-animation:shake 1 linear 1s;animation:shake 1 linear 1s;}
@-webkit-keyframes shake{0%, 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}}@-moz-keyframes shake{0%, 100%{-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-moz-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}20%, 40%, 60%, 80%{-moz-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}}@-o-keyframes shake{0%, 100%{-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-o-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}20%, 40%, 60%, 80%{-o-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}}@keyframes shake{0%, 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}20%, 40%, 60%, 80% {-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}}

@-moz-keyframes fly{0%{bottom:65px;}50%{bottom:75px;}100%{bottom:65px;}}
@-webkit-keyframes fly{0%{bottom:65px;}50%{bottom:75px;}100%{bottom:65px;}}
@-o-keyframes fly{0%{bottom:65px;}50%{bottom:75px;}100%{bottom:65px;}}
@keyframes fly{0%{bottom:65px;}50%{bottom:75px;}100%{bottom:65px;}}