@font-face{font-family:'din_light'; src:url('../fonts/pfdintextcondpro-light-webfont.eot'); src:url('../fonts/pfdintextcondpro-light-webfontd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/pfdintextcondpro-light-webfont.woff') format('woff'),url('../fonts/pfdintextcondpro-light-webfont.ttf') format('truetype'),url('../fonts/pfdintextcondpro-light-webfont.svg#din_light') format('svg'); font-weight:normal; font-style:normal}
@font-face{font-family:'din_medium'; src:url('../fonts/pfdintextcondpro-medium-webfont.eot'); src:url('../fonts/pfdintextcondpro-medium-webfontd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/pfdintextcondpro-medium-webfont.woff') format('woff'),url('../fonts/pfdintextcondpro-medium-webfont.ttf') format('truetype'),url('../fonts/pfdintextcondpro-medium-webfont.svg#din_medium') format('svg'); font-weight:normal; font-style:normal}
@font-face{font-family:'din_regular'; src:url('../fonts/pfdintextcondpro-regular-webfont.eot'); src:url('../fonts/pfdintextcondpro-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/pfdintextcondpro-regular-webfont.woff') format('woff'),url('../fonts/pfdintextcondpro-regular-webfont.ttf') format('truetype'),url('../fonts/pfdintextcondpro-regular-webfont.svg#din_regular') format('svg'); font-weight:normal; font-style:normal}
html{font-size:17px}
body{font-family:Arial,sans-serif; line-height:1.4}
p{font-size:1.1rem}
h6{font-size:1.1rem; font-weight:600; margin:1rem 0; line-height:1.4}
ul{text-align:left; margin:0 1rem}
ul li{margin:1rem 0; padding-left:5px}
.ulli{list-style:url(../img/ulli.png)}
.ulli1{list-style:url(../img/ulli1.png)}
.ulli2{list-style:url(../img/ulli2.png)}
.ulli3{list-style:url(../img/ulli3.png)}
.ulli4{list-style:url(../img/ulli4.png)}
.ulli5{list-style:url(../img/ulli5.png)}
section{margin:0 auto; padding:2.5rem 0 3rem; max-width:1920px}
h1{font-size:2.5rem; line-height:1.1; color:#FFE793; font-family:'din_medium',Arial; letter-spacing:0.02rem}
h2{margin:1rem 0 1.5rem; font-family:'din_regular',Arial,sans-serif; text-align:center; font-size:2.65rem}
h2 font{font-size:2.5rem}
h3{font-family:'din_medium',Arial,sans-serif; color:#008dad; margin:1rem 0}
h4{font-family:'din_medium',Arial; line-height:1.3}
a, a:hover{text-decoration:none}
.border-1-wh{border:1px #fff solid}
.clear{clear:both; display:block; width; 100%}
.bac-go{background:#FFE793}
.bac-gr{background:#f2f4f6}
.bac-bl{background:#008dad}
.no-padding{padding:0}
.display-no{display:none}
@media (max-width:575.98px){html{font-size:15px}
.header{margin-top:0!important}
h1{font-size:2.7rem!important}
h2, h2 font{font-size:2rem!important}
}

.hed{width:100%; max-width:2000px; margin:0px auto; padding:0; text-align:center; position:relative; z-index:99999; background:#fff}
.main{width:1170px; margin:0 auto; position:relative}
.hlogo{width:240px; float:left; display:inline-table; vertical-align:top; text-align:left; background:url(../img/logo.png) no-repeat left center}
.hcen{width:620px; display:inline-table; vertical-align:top}
.hcont{width:240px; display:inline-table; vertical-align:top; float:right}
.hlogo, 
.hcen, 
.hcont{min-height:118px}
.hlogo p{float:right}
.hlogo p, 
.hcen p{display:table-cell; vertical-align:middle; margin:0; line-height:1.3}
.hlogo p{font-size:18px; color:#008dad; font-family:'din_medium'}
.hcen p{
    font-size: 1.65rem; font-family:'din_light',Arial; line-height:1}
.hcen p font{font-size:100%}
.hcen p span{font-size:70%}
.hcont p{margin:5px 0 0; line-height:30px; font-size:18px; font-family:Arial; text-align:right}
.hcont p span{font-size:1.25rem; letter-spacing:0.01rem}
.hcont p span a{color:#96004f; letter-spacing:1px; font-size:22px}
.hcont p font{font-size:143%}
.hcont p font a{font-size:1.5rem; color:#008dad; font-family:Arial}
.phcont-conf{margin:0.65rem 0 0.25rem}
.hlogo img{display:table-cell; vertical-align:middle; width:100%}
@media (max-width:1170px){.main{width:100%; padding-bottom:0.5rem}
}
@media (max-width:1100px){.hcont,.hlogo{float:none}
.hcen{width:auto}
.hed p{padding:0}
}
@media (max-width:680px){h1{font-size:40px}
.hcont{width:100%}
.hcont p{text-align:center}
.btn{float:none; display:block}
.hlogo{width:221px}
.hlogo, .hcont{min-height:120px}
.hcen{min-height:auto; padding:1rem 0}
}
@media (max-width:575.98px){.hed p{font-size:1.5rem}
.br-hov{width:100%; display:block!important; margin:0!important; padding:0!important; height:0!important}
}

#knop-big{padding:0}
#knop-big2{padding:0}
.my-pad{text-align:center; padding:2px}
.knop-big{display:inline-block; background:#E31F24;
    border-bottom: 3px #bc1010 solid; width:100%; padding:1.25rem 0; cursor:pointer; color:#fff; font-weight:600; letter-spacing:0.025rem; font-size:1rem; line-height:1.2rem;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	transition:1s}
.knop-big:hover{color:#fff; letter-spacing:0.075rem; font-size:113%; background:#d31F24;}

.header{padding-top:2rem; margin:0 auto; max-width:1920px; background:#212529 url("../img/bg-head.jpg") no-repeat center top; background-size:cover; padding-bottom:70px}
.h-data{color:#fff; font-family:'din_light',Arial,sans-serif; font-size:2.25rem}
.h-data font{color:#0073A0}
.header h1{margin-top:1.5rem}
.header h2{font-size:1.7rem; color:#fff; font-family:'din_medium',Arial}
.sp-preim, .my-preim{color:#fff; font-size:1.1rem; line-height:1.5}
.sp-preim img{width:100%; max-width:65px}
.my-preim img {
    width: 65px;
    display: block;
    margin: 0 auto 1rem;
}
.koform{width:100%; display:inline-block; text-align:center; vertical-align:top; position:relative; background:#008dad; margin:32px 20px 10px; padding:0px 0 10px}
.koform h4{color:#fff; margin:17px 0 0 0; letter-spacing:0.05rem}
.koform p{font-size:1rem; margin:8px 0 18px; color:#fff; line-height:1.4; letter-spacing:1px}
.koform label.agreed{position:absolute; bottom:20px; left:50%; margin-left:-115px}
.koform input.input_name{background:rgba(255,255,255,1) url(../img/input_name.png) no-repeat 11px 7px; border:none}
.koform input.input_phone{background:rgba(255,255,255,1) url(../img/input_phone.png) no-repeat 10px 9px; border:none}
.koform input.input_email{background:rgba(255,255,255,1) url(../img/input_email.png) no-repeat 12px 9px; border:none}
.koform textarea{width:230px; height:80px; font-family:'din_regular'; border:2px solid; border-color:#999 #aaa #ccc; margin:0 0 5px 0; background-color:rgba(255,255,255,1); -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px; padding:8px 20px; font-family:Verdana; font-size:16px; color:#000}
.koform .button20{font-size:22px; font-family:"din_regular",Calibri; width:464px; text-transform:uppercase; border-bottom:2px #bc1010 solid}
p.peregar{display:inline-block; margin:7px 0 13px; font-size:80%}
p.peregar a{font-size:14px; color:#fff; border-bottom:1px #fff solid}
p.peregar a:hover{border-bottom:1px #fff dashed}
.button20{font-family:"din_regular",Arial; width:336px; color:#fff; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display:inline-block; text-decoration:none; margin:0 auto; font-size:1.25rem; letter-spacing:0.5px; line-height:1.25; padding:12px 15px 10px; text-align:center; background:#E31F24; border-bottom:2px #bc1010 solid}
.button20:hover{background:#d31F24; color:#fff}
.regbtntbl.disable{pointer-events:none}
.regbtntbl.disable .button20{border-color:#d0d0d0; cursor:default; background:#F0F0F0; background-image:-ms-linear-gradient(top left,#F0F0F0 0%,#8C8C8C 100%); background-image:-moz-linear-gradient(top left,#F0F0F0 0%,#8C8C8C 100%); background-image:-o-linear-gradient(top left,#F0F0F0 0%,#8C8C8C 100%); background-image:-webkit-gradient(linear,left top,right bottom,color-stop(0,#F0F0F0),color-stop(1,#8C8C8C)); background-image:-webkit-linear-gradient(top left,#F0F0F0 0%,#8C8C8C 100%); background-image:linear-gradient(to bottom right,#F0F0F0 0%,#8C8C8C 100%)}
@media (max-width:1199.98px){.header h1 br{display:none}
h1{line-height:1}
.koform .button20{width:230px}
}
@media (max-width:767.98px){.header br{display:none}
.koform{width:90%; display:block; margin:32px auto 10px; padding:1% 5% 1%}
.sp-preim{text-align:center}
.predlog p{margin-bottom:4rem}
}
@media (max-width:469.98px){.button20{width:234px}
}

.cifra{width:120px; height:90px; display:inline-block; border:6px #FFE793 solid; position:relative; margin-bottom:1rem; margin-left:-1rem}
.quadro{position:absolute; top:-2rem; left:1rem; width:120px; display:inline-block; text-align:center; background:#fff}
.quadro div{display:inline-block; width:106px; height:100px}
.im-ico1{background:#008DAD url(../img/im-ico1.png) no-repeat center}
.im-ico2{background:#008DAD url(../img/im-ico2.png) no-repeat center}
.im-ico3{background:#008DAD url(../img/im-ico3.png) no-repeat center}
.im-ico4{background:#008DAD url(../img/im-ico4.png) no-repeat center}
.im-ico5{background:#008DAD url(../img/im-ico5.png) no-repeat center}
#blo1 .predlog p{font-size:1rem}
#blo1 .predlog p span{font-size:1.1rem; font-weight:600; display:inline-block; margin-bottom:0.5rem}
.blo2{background:#212529 url(../img/blo2.jpg) no-repeat center; background-size:cover}
.blo2 h2{color:#FFE793}
.blo2 h4{color:#fff; letter-spacing:0.05rem}
.blo2 p{color:#fff; text-align:left; position:relative}
.v-punkt {
    display: inline-block;
    position: relative;
    padding: 0 120px;
    margin: 0 0 1.5rem;
    font-family: 'din_regular',Arial,sans-serif;
    text-align: center;
    font-size: 2.65rem;
    line-height: 2;
}
.line-le{position:absolute; left:0; top:2.5rem; width:100px; height:6px; background:#FFE793}
.line-ri{position:absolute; right:0; top:2.5rem; width:100px; height:6px; background:#FFE793}
.li-vn{width:6px; height:20px; background:#FFE793; position:absolute; bottom:-20px}
.lef{left:0}
.righ{right:0}
.treug{position:absolute; left:0; margin-left:-34px; bottom:-30px}
.treug::after{content:''; position:absolute; left:20px; bottom:-20px; border:16px solid transparent; border-top:24px solid #FFE793;}
@keyframes spid-treug {
  0% {
    left: 20px;
    bottom: -20px;
    animation-timing-function: ease-in;
    }
  50% {
    left: 20px;
    bottom: -40px;
    }
  100% {
    left: 20px;
    bottom: -20px;
    }
}
.treug::after{
  animation: spid-treug 1s infinite linear;
  }
@media (max-width:991.98px){
.v-punkt {
    margin: 1rem 0 1.5rem;
    line-height: 1.2;
}
.v-punkt .pun-br{
    clear:both;
	display:block;
}		
}
@media (max-width:767.98px){.blo2{padding-bottom:6rem}
.v-punkt{padding:0; 
    margin-bottom: 95px;}
.line-le {
    left: 50%;
    margin-left: -60px;
    top: 115px;
    background: none;
    height: 15px;
    border-top: 5px #FFE793 dashed;
}
.line-ri{display:none}
.lef{left:50%; margin-left:-3px}
.knop-big {
    margin: 0.25rem 0;
}
}

.header-s{padding-top:2.5rem; margin:0 auto; max-width:1920px; background:#212529 url("../img/bg-head-s.jpg") no-repeat center top; background-size:cover; padding-bottom:70px}
.header-s h1{margin-top:1.5rem}
.header-s h2{font-size:1.75rem; color:#fff; font-family:'din_medium',Arial}
.header-s h4{color:#FFE793}
.header-s h5, .header-s p{color:#fff}
.imicon2{width:100px; height:100px; border:6px rgba(255,255,255,0.3) solid; text-align:center; padding:10px; margin:1.25rem auto 2rem; position:relative}
.imicon2 img{width:76%; margin:12% 0}
.zabor2 p{color:#fff}
.kwad-wh{position:absolute; bottom:-15px; left:-20px; width:12px; height:12px; transition:1s}
.treu-go{position:absolute; bottom:0; left:50%; margin-left:-7px; width:0px; height:0px; transition:1s}
.zabor2:hover .treu-go{bottom:-15px; left:-20px; margin-left:0; background:url(../img/treu-go.png) no-repeat; background-size:100%; width:32px; height:20px}
.zabor2:hover .bac-pink{background:#801C4E}
.zabor2:hover .kwad-wh{bottom:8px; left:84px; width:28px; height:28px}
.prog-le p{padding-left:90px; padding-top:10px; padding-bottom:10px; min-height:80px; position:relative; font-size:1.25rem}
.prog-bul{position:absolute; top:0; left:0; width:60px; height:60px; border:4px #f2f4f8 solid; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%}
.disc-0{position:absolute; top:50%; left:50%; width:16px; height:16px; margin-top:-8px; margin-left:-8px; background:#ABC446; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; transition:1s}
.disc-1{position:absolute; bottom:-10px; left:100%; width:4px; height:4px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; transition:1s; opacity:0}
.disc-2{position:absolute; top:110%; left:-10px; width:4px; height:4px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; transition:1s; opacity:0}
.disc-3{position:absolute; top:10px; left:-10px; width:4px; height:4px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; transition:1s; opacity:0}
.bac-pink{background:#FF6D6F}
.bac-whi{background:#fff}
.form-sobs input[type="text"]{width:300px; margin:0 10px 20px}
.form-sobs .button20{width:300px; margin:0 10px 10px}
.form-sobs input.input_name{background:rgba(255,255,255,1) url(../img/input_name.png) no-repeat 11px 7px; border:none}
.form-sobs input.input_phone{background:rgba(255,255,255,1) url(../img/input_phone.png) no-repeat 10px 9px; border:none}
.form-sobs input.input_email{background:rgba(255,255,255,1) url(../img/input_email.png) no-repeat 12px 9px; border:none}
@media (max-width:1199.98px){.form-sobs input[type="text"],.form-sobs .button20{width:auto}
}
@media (max-width:575.98px){.p-komu{text-align:center}
}
@media (max-width:449.98px){.prog-le p{padding-left:0px; padding-top:65px; text-align:center; font-size:1rem}
.prog-bul{left:50%; margin-left:-30px}
.form-sobs input[type="text"]{width:auto}
.form-sobs .button20{width:auto}
}
.pic{width:208px; height:159px; display:inline-block; position:relative; z-index:2}
.pic1{background:url(../img/pic1.jpg) no-repeat right top}
.pic2{background:url(../img/pic2.jpg) no-repeat right top}
.pic3{background:url(../img/pic3.jpg) no-repeat right top}
.pic4{background:url(../img/pic4.jpg) no-repeat right top}
.kwad{width:48px; height:48px; background:#FFE793; z-index:1; position:absolute; top:111px; left:50%; margin-left:-104px; transition:1.2s}
.neud:hover .kwad{background:#E31F24; width:30px; height:30px; top:138px; margin-left:-113px; border:6px #fff solid; z-index:3; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.neud p{margin-top:1rem}
#sobs2{padding:3.5rem 0 3rem; background:#f2f4f6}
.pryamoug{width:80px; height:100%; position:absolute; background:white; z-index:1}
#sobs2 h3 .h3-txt{z-index:2; position:relative; padding:1.25rem 2rem 1.5rem; line-height:1.6; display:inline-block}
#sobs2 h3{margin-top:0.5rem; line-height:1.6rem; font-family:'din_regular',Arial,sans-serif; position:relative}
#sobs2 a.button20{width:300px; margin:2.75rem 2rem 1.5rem}
.kwad-whi{width:30px; height:30px; border:6px #fff solid; z-index:1; position:absolute; top:0; left:0; transition:1.2s}
.kwad-blu{width:16px; height:16px; border:8px #008dad solid; z-index:4; position:absolute; top:22px; left:22px; transition:1.2s}
.hoch:hover .kwad-blu{z-index:2; top:18px; left:18px; width:80px; height:80px; border:6px #fff solid}
.hoch:hover .kwad-whi{background:#008dad; border:none}
.hoch p{z-index:3; position:relative; text-align:left; margin:1rem 0rem 1rem 1rem; padding:1rem 0 0 1rem; min-height:75px}
@media (max-width:767.98px){.li-ri-s{display:none}
}
@media (max-width:449.98px){#sobs2 a.button20{width:auto}
}
.kak1{background:#008DAD url(../img/kak1.png) no-repeat center}
.kak2{background:#008DAD url(../img/kak2.png) no-repeat center}
.kak3{background:#008DAD url(../img/kak3.png) no-repeat center}
.kak4{background:#008DAD url(../img/kak4.png) no-repeat center}
.kak5{background:#008DAD url(../img/kak5.png) no-repeat center}
.kak6{background:#008DAD url(../img/kak6.png) no-repeat center}
.rig-s{left:100%; transition:1s}
.li-ri-s{width:20px; height:6px; border-top:6px #FFE793 dashed; position:absolute; top:50%; margin-top:-3px; transition:1s}
.treug-s{position:absolute; left:100%; margin-left:-10px; margin-top:-3px; top:50%; z-index:5; transition:1s}
.treug-s::after{content:''; position:absolute; left:18px; bottom:-16px; border:16px solid transparent; border-left:24px solid #FFE793}
.predlog:hover .li-ri-s{padding:0 29%}
#sobs4{background:#f2f4f6}
.kwa-znach{width:30px; height:30px; left:50%; margin-left:-119px; top:-18px; background:#008dad; z-index:1; position:absolute; transition:1s}
.znachit img{z-index:2; position:relative; border-right:6px #f2f4f6 solid; border-bottom:6px #f2f4f6 solid; transition:1s}
.znachit:hover .kwa-znach{width:50%; height:50%; background:none; border:6px #FFE793 solid}
.znachit:hover img{border-right:6px #fff solid; border-bottom:6px #fff solid}
.etochto p{margin-top:1rem}
#offer{background:#008dad; padding:1rem 0 3rem}
#offer h2, #offer p{color:#fff}
#offer h3{color:#fff; font-family:'din_regular',Arial,sans-serif}
.obyekt1{background:url(../img/obyekt1.jpg) no-repeat center; background-size:cover; position:relative}
.obyekt1-a{background:url(../img/obyekt1-a.jpg) no-repeat center; background-size:cover; position:relative}
.obyekt2{background:url(../img/obyekt2.jpg) no-repeat center; background-size:cover; position:relative}
.obyekt2-a{background:url(../img/obyekt2-a.jpg) no-repeat center; background-size:cover; position:relative}
.num-le{position:absolute; left:10%; top:-5.5rem; font-size:10rem; color:#FFE793; font-family:Arial; font-weight:900}
.num-ri{position:absolute; right:10%; top:-5.5rem; font-size:10rem; color:#FFE793; font-family:Arial; font-weight:900}
.obyekt-no{display:none}
@media (max-width:767.98px){.obyekt1,.obyekt1-a,.obyekt2,.obyekt2-a{padding-bottom:80%}
.obyekt-no{display:block}
.obyekt-yes{display:none}
}
#sobs6{background:url(../img/sobs6.jpg) no-repeat center; background-size:cover; color:#fff}
#sobs6 h2{color:#FFE793}
#sobs6 h3, #sobs6 p{color:#fff}
.hoch ul{margin-top:-1rem; font-size:1.1rem}
h3.proso{border-left:6px #FFE793 solid; padding:1rem 1rem 1rem 2rem; line-height:1.6; transition:1s}
.kadas:hover h3.proso{border-left:6px #008dad solid}
.kwad-whi{transition:1s}
.kadas:hover .kwad-whi{border:15px #008dad solid}
#sobs7 h6{letter-spacing:0.01rem}
.chemico{width:90px; height:90px; display:inline-block; border:6px #FFE793 solid; position:relative; margin-left:1.75rem}
.pomicon{width:100px; height:100px; border:6px #fff solid; background:#008dad; text-align:center; padding:10px; position:absolute; top:0.5rem; left:-1.75rem}
.pomicon img{width:76%; margin:12% 0}
p.pitbul{font-size:1rem}
p.pitbul span{font-size:1.1rem; font-weight:600; display:inline-block; margin-bottom:0.5rem}
.chemblok .rig-s{margin-left:-30px}
.chemblok:hover .li-ri-s{padding:0 1rem}
@media (max-width:991.98px){.hoch ul{margin-top:0}
}
@media (max-width:767.98px){p.pitbul{text-align:center}
.chemblok .rig-s{display:none}
}
#sobs8{background:#f2f4f6}
.dokument{border-left:6px #fff solid; position:relative}
.sp-dokum{position:relative; z-index:6}
.sp-dokum ul{padding:0 0 0 25px}
.sp-dokum ul li{padding:5px 10px}
.kw-dokum{position:absolute; left:0; top:0; width:0; background:#fff; z-index:1; transition:1s}
.dokument:hover .kw-dokum{width:58px}
.porab{padding-bottom:64px; border-bottom:4px #ffe793 dashed}
#sobs10 h3{color:#000}
.poricon{width:80px; height:80px; position:absolute; left:50%; bottom:-40px; margin-left:-40px; background:#008dad; z-index:2; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.poricon img{width:64%; margin:18% 15%; display:block; transition:1s; z-index:2; position:relative}
.porab:hover img{margin:18% 18%; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.por-num{color:#b2b4b6; margin-left:-92px; position:absolute; left:50%; bottom:-38px; font-size:3rem; z-index:3}
.por-pabs{position:absolute; bottom:-152px}
.zapor{display:block; position:relative; text-align:center; min-height:100px}
.zapor p{display:inline-block; vertical-align:middle; position:relative; padding:0}
.zapor .poricon{left:100%; margin-left:-22px; bottom:32px}
.zapor .por-num{margin-left:0; left:0; top:-11px}
.por-num-ri{color:#b2b4b6; position:absolute; font-size:3rem; z-index:3; margin-left:-38px; left:100%; top:-11px}
.bord-go{border-right:4px #FFE793 dashed}
.zapor1, .zapor2{padding:0.25rem 0; margin-bottom:100px}
.zapor:hover img{margin:18% 18%; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
@media (max-width:991.98px){#sobs9{padding-bottom:0}
#sobs10 .bord-go{border-right:none}
.zapor1, .zapor2{margin-bottom:170px}
.por-pabs{position:relative; bottom:auto}
.por-num{bottom:auto; top:50px; margin-left:-130px}
.poricon{display:inline-block; left:auto; bottom:auto; margin-left:auto; margin-top:1rem}
.porab .poricon{left:50%; margin-left:-40px; margin-top:-110px; display:table}
.porab{border-bottom:none; padding-bottom:30px; padding-top:120px}
.zapor{min-height:80px; padding-bottom:0; margin-top:30px}
.zapor .por-num{position:absolute; left:50%; top:-70px; margin-left:-130px}
nevozmozhno .poricon{left:50%; margin-left:-40px; margin-top:-110px; display:table; bottom:auto; top:0}
.display-no{display:inline}
.por-num-ri{margin-left:-130px; left:50%; top:-70px}
.zapor .poricon{left:50%; margin-left:-40px; bottom:auto; margin-top:-110px}
.nevozmozhno{margin-bottom:130px; margin-top:60px}
}
@media (max-width:575.98px){.dlyabr br{display:none}
}
#sobs11{background:#f2f4f6}
#sobs11 .doverie p{font-size:1rem}
#sobs11 .doverie p span{font-size:1.1rem; font-weight:600; display:inline-block; margin-bottom:0.5rem}
.pic11-1{background:url(../img/pic11-1.jpg) no-repeat right top}
.pic11-2{background:url(../img/pic11-2.jpg) no-repeat right top}
.pic11-3{background:url(../img/pic11-3.jpg) no-repeat right top}
.pic11-4{background:url(../img/pic11-4.jpg) no-repeat right top}
.pic11-5{background:url(../img/pic11-5.jpg) no-repeat right top}
.pic11-6{background:url(../img/pic11-6.jpg) no-repeat right top}
.pic11-7{background:url(../img/pic11-7.jpg) no-repeat right top}
.kwad-11{width:48px; height:48px; background:#fff; z-index:1; position:absolute; top:111px; left:50%; margin-left:-104px; transition:1.2s}
.doverie:hover .kwad-11{background:#008dad; width:30px; height:30px; top:138px; margin-left:-113px; border:6px #fff solid; z-index:3; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.doverie p{margin-top:1rem}
#sobs12{padding-bottom:0}
.carousel{background:url(../img/kav-big.png) no-repeat left top,url(../img/kav-sm.png) no-repeat right top}
.card{margin:0 auto; border:0; background:#f2f4f6}
.card .carousel-item{height:184px}
.card .carousel-caption{background:#fff; padding:20px 0; right:0; left:0; color:#212529}
.card .carousel-caption h3{color:#3d3d3d}
.card .carousel-caption p{line-height:1.7; font-style:italic; padding-right:8px}
.card .carousel-caption .col-sm-3{display:flex; align-items:center}
.card .carousel-caption .col-sm-9{text-align:left}
.navi{text-align:center; margin:0 0 12px 0}
.navi a{text-decoration:none}
a >.ico{background-color:#008dad; padding:10px}
a:hover >.ico{background-color:#119ebe}
@media (max-width:991.98px){.card .carousel-item{height:280px}
.card .carousel-item img{width:67%}
}
@media (max-width:767.98px){.h4-bord{border-right:none; border-bottom:3px #CA00A6 solid; padding:0 0 1rem 0}
.card .carousel-caption p{line-height:1.5; padding-right:0; padding-top:1rem}
}
@media (max-width:575.98px){.card .carousel-item img{width:50%; margin:0.5rem 0}
}
#sobs13{padding-top:0}
.ot-avtora p{font-style:italic}
h6.gen-podp{font-size:1rem; margin-bottom:0; margin-top:1.5rem}
h6.gen-podp font{font-family:'din_light'; letter-spacing:0.02rem; font-size:1.5rem; font-style:italic; color:#008dad}
#sobs14 .bac-gr p{display:block; padding:1rem 2rem; border-bottom:2px #fff solid}
.line-t1{border-right:2px #fff solid}
@media (max-width:767.98px){.line-t1{border-right:none}
}
#sobs15{background:url(../img/sobs15.jpg) no-repeat center; background-size:cover; color:#fff}
#sobs15 p{font-size:1rem; margin:1rem 0}
.karta{background:url(../img/karta.jpg) no-repeat center; background-size:cover; min-height:320px}
.foot-form{margin-top:1.5rem}
.foot-form .form-sobs{margin-top:1rem}
footer h4{color:#fff; margin:1rem 0; text-align:center}
footer a{color:#fff; line-height:1.5rem; margin:3px 0 0; display:inline-block}
@media (max-width:991.98px){footer .row,footer .text-right{text-align:center!important}
}

.header-a{padding-top:2.5rem; margin:0 auto; max-width:1920px; background:#212529 url("../img/bg-head-a.jpg") no-repeat center; background-size:cover; padding-bottom:70px}
.header-a h1{margin-top:1.5rem}
.header-a h2{font-size:1.75rem; color:#fff; font-family:'din_medium',Arial}
.header-a h4{color:#FFE793}
.header-a h5, .header-a p{color:#fff}
.pic-a1{background:url(../img/pic-a1.jpg) no-repeat right top}
.pic-a2{background:url(../img/pic-a2.jpg) no-repeat right top}
.pic-a3{background:url(../img/pic-a3.jpg) no-repeat right top}
.pic-a4{background:url(../img/pic-a4.jpg) no-repeat right top}
.kak-a1{background:#008DAD url(../img/kak-a1.png) no-repeat center}
.kak-a6{background:#008DAD url(../img/kak-a6.png) no-repeat center}

input[type="checkbox"]{width:16px; height:16px}
input[type="text"]{width:230px; height:30px; line-height:30px; border:#c8c8c8 solid 1px; border-radius:5px; margin-bottom:1rem; background:#fafafa; color:#767778; font-size:17px; padding:0 10px 0 35px; box-shadow:inset 1px 1px 1px rgba(64,64,64,0.15),0px 1px 0px #fff}
input.input_age{width:230px; height:30px; line-height:30px; border:#c8c8c8 solid 1px; border-radius:5px; margin-bottom:14px; font-size:17px; padding:0 10px 0 35px; box-shadow:inset 1px 1px 1px rgba(64,64,64,0.15),0px 1px 0px #fff; background:rgba(255,255,255,0.6) url(../images/time.png) no-repeat 10px 7px; color:#000}
input.bttn{padding:0; width:276px; height:56px; border:none; box-shadow:none; color:#e9ff92; font-size:26px; cursor:pointer; text-shadow:0px 1px 0px rgba(0,0,0,0.33); background:url(../images/bttn.png) no-repeat 0 0}
input.bttn:hover{color:#fff; background-position:0px -56px}
input.bttn:active{color:#fff; background-position:0px -112px}
button[type="submit"]{padding:0; background:none; border:none}

footer{background:#212529; padding:16px 0 12px}
footer p{line-height:1.5rem; color:#fff; font-size:1rem; margin:3px 0 0}
footer p a{color:#fff}
footer a:hover{text-decoration:none; color:#fff}
.row-form2{display:none}
@media (max-width:767.98px){footer,footer p{text-align:center}
.row-form{display:none!important}
.row-form2{display:block; margin:30px auto 0; float:none; text-align:center}
}
a.ss-btn{margin:7px 0; display:inline-block; vertical-align:top; letter-spacing:0.35px; font-size:1rem; border-bottom:1px #fff dotted; color:#fff}
a.ss-btn:hover{border-bottom:1px #fff dashed; color:#fff}
.row-form{margin:0; display:inline-block}
.wrapper-ss{width:100%; height:auto; display:inline-table; margin:3px 0 0; text-align:center}
.wrapper-ss img:hover{opacity:0.8}
.wrapper-ss img{display:table-cell; vertical-align:top; width:29px}
.wrapper-ss a{color:#fff}
#confi-txt{border-top:1px #272829 solid}
#confi-txt p{font-size:1rem; text-align:justify}
@media (max-width:575.98px){#confi-txt .main{padding:0 15px}
#confi-txt p{font-size:0.8rem}
}

.bloform{background: #f2f4f6;}
.bloform h4 span{background: #008DAD;color:#fff;padding: 5px 10px;display: inline-block;margin-bottom: 8px;}
.bloform h4 font{color:#008DAD;}
.bloform input.input_name{background:rgba(255,255,255,1) url(../img/input_name.png) no-repeat 11px 7px;}
.bloform input.input_phone{background:rgba(255,255,255,1) url(../img/input_phone.png) no-repeat 10px 9px;}
.bloform input.input_phone{background:rgba(255,255,255,1) url(../img/input_email.png) no-repeat 12px 9px;}
.bloform p.peregar a {color: #212529; border-bottom: 1px #212529 solid;}
.bloform input[type="text"] {
    margin: 0 4px 17px;
    width: 240px;
}

.btn{float:right; display:inline-block; width:218px; margin:0 auto; padding:4px 0 2px; color:#fff; text-transform:uppercase; text-align:center; position:relative; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"din_regular",Arial; font-size:20px; border-bottom:2px #bc1010 solid; background:#E31F24}
.btn:hover{background:#d31F24; border-bottom:2px #ae283f solid; color:#fff}
.btn:active{background:#d31F24; border-bottom:2px #ae283f solid}
@media (max-width:575.98px){.btn{float:none}
}
.btn2{font-family:"din_regular",Arial; font-size:1.25rem; min-width:320px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#FFE793; border-bottom:3px #ccac00 solid; text-align:center; color:#000; font-weight:500; padding:19px 25px 14px 65px; letter-spacing:1px; text-transform:uppercase; line-height:1; margin:0 auto; display:inline-block; vertical-align:top; cursor:pointer; position:relative}
.btn2:hover{background:#f7dd84; color:#000}
.btn2 img{position:absolute; width:30px; left:22px; top:12px}
@media (max-width:575.98px){.btn2{min-width:0}
}
.button{font-family:"din_regular",Calibri; font-size:22px; min-width:320px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#960047; border-bottom:4px #680338 solid; text-align:center; color:#fff; font-weight:500; padding:19px 25px 14px; letter-spacing:1px; text-transform:uppercase; line-height:1; margin:20px auto 35px; display:inline-block; vertical-align:top; cursor:pointer}
.button:hover, 
.button:active{background:#a00456; border-bottom:4px #680338 solid!important; color:#fff}
@media (max-width:991.98px){h2 br{display:none}
}
.panel{background-color:#444; height:34px; padding:10px}
.panel a#login_pop, .panel a#join_pop{border:2px solid #aaa; color:#fff; display:block; float:right; margin-right:10px; padding:5px 10px; text-decoration:none; text-shadow:1px 1px #000; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px}
a#login_pop:hover, a#join_pop:hover{border-color:#eee}
.overlay{background-color:#fff; bottom:0; cursor:default; left:0; opacity:0; position:fixed; right:0; top:0; visibility:hidden; z-index:100000; -webkit-transition:opacity .5s; -moz-transition:opacity .5s; -ms-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s}
.overlay:target{visibility:visible; opacity:1}
.popup{background-color:#fff; display:inline-block; left:50%; opacity:0; padding:6px 0; position:fixed; text-align:justify; top:40%; visibility:hidden; z-index:10; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:opacity .5s,top .5s; -moz-transition:opacity .5s,top .5s; -ms-transition:opacity .5s,top .5s; -o-transition:opacity .5s,top .5s; transition:opacity .5s,top .5s}
.overlay:target+.popup{top:50%; opacity:1; visibility:visible}
.popup .big{width:1170px; height:500px; overflow:auto}
.popup .big img{width:100%}
.close{height:30px; line-height:30px; position:absolute; color:#000; right:0px; text-align:center; text-decoration:none; top:-36px; width:30px}
.close:before{color:rgba(255,255,255,0.9); content:"X"; font-size:24px}
.close:hover{color:rgba(255,255,255,1)}
.popup input[type="text"]{display:inline-block; width:280px; border:2px solid; border-color:#777 #888 #aaa; margin:0; height:20px; font-family:Verdana; font-size:16px; padding:10px 10px 10px 45px; color:#000; background-color:#fff; margin:10px 0 5px 0; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; border-radius:6px}
.popup input[type="text"]:hover{border-color:#555 #888 #888}
.popup2{background-color:#32ABC7; display:inline-block; left:50%; opacity:0; padding:0px; position:fixed; text-align:justify; top:40%; visibility:hidden; z-index:100001; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:opacity .5s,top .5s; -moz-transition:opacity .5s,top .5s; -ms-transition:opacity .5s,top .5s; -o-transition:opacity .5s,top .5s; transition:opacity .5s,top .5s}
.overlay:target+.popup2{top:50%; opacity:1; visibility:visible}
.popup2 .big{height:300px}
.close2{height:30px; line-height:30px; position:absolute; 
    color: #32ABC7; right:-30px; text-align:center; text-decoration:none; top:0px; width:30px}
.close2:before{color:rgba(50,171,199,0.9); ; content:"X"; font-size:24px}
.close2:hover{color:rgba(50,171,199,1)}
.popup2 input[type="text"], #popup input[type="text"]{display:inline-block; width:334px; border:2px solid; border-color:#999 #aaa #ccc; margin:0; font-family:Arial; font-size:15px; padding:7px 10px 7px 45px; margin:0px 0 16px 0; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px}
.popup2 input.input_name, #popup input.input_name{background:rgba(255,255,255,1) url(../img/input_name.png) no-repeat 11px 7px; border:none}
.popup2 input.input_phone, #popup input.input_phone{background:rgba(255,255,255,1) url(../img/input_phone.png) no-repeat 10px 9px; border:none}
.popup2 input.input_email, #popup2 input.input_email{background:rgba(255,255,255,1) url(../img/input_email.png) no-repeat 12px 9px; border:none}
.popup2 textarea{width:295px; height:80px; border:2px solid; border-color:#999 #aaa #ccc; margin:10px 0 5px 0; background-color:#fff; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; border-radius:6px; padding:8px 20px; font-family:Verdana; font-size:16px; color:#000}
.popup2 input[type="text"]:hover, .popup input[type="password"]:hover{border-color:#555 #888 #888}
.mod{width:450px; padding:15px 5px 10px 5px; text-align:center; position:relative}
.mod2 {
    width: 460px;
    padding: 35px 15px;
    text-align: center;
    position: relative;
}
.moda-tit{font-family:'din_medium',Calibri; font-size:30px; margin:0 0 1rem; line-height:1; color:#19223c; width:100%; text-align:center!important}
.moda-tit h4{line-height:1.2; margin:0 0 0.75rem; color:#fff; letter-spacing:0.05rem}
.moda-tit h4 font{color:#FFE793}
.moda-tit2{font-family:Arial; color:#fff; font-size:1.1rem; line-height:1.3; font-weight:400; padding:0 0 1rem; text-align:center!important}
.mod p.peregar{color:#fff; margin:0.75rem 0; font-size:80%}
.mod p.peregar a{color:#fff; border-bottom:1px #fff solid}
.mod p.peregar a:hover{border-bottom:1px #fff dashed}
.mod2 p {
    color: #fff;
    margin: 1.25rem 0 0.5rem;
    line-height: 2;
}
@media (max-width:575px){
.mod2 {
    width: 280px;
    padding: 20px 10px;
    text-align: center;
    position: relative;
}
.mod2 p {
    line-height: 1.5;
}
}
@media (max-width:470px){.mod{width:340px}
.moda-tit{font-size:24px}
.moda-tit2{font-size:22px}
.popup2 input[type="text"], #popup input[type="text"]{width:234px}
.popup2 .button20{width:234px}
}
@media (max-width:390px){.mod{width:240px}
.popup2 input[type="text"], .popup input[type="password"]{width:182px}
.popup2 .button20{width:182px}
.moda-tit{font-size:20px}
}

#bg_popup{background-color:rgba(0,0,0,0.8); display:none; position:fixed; z-index:99999; top:0; right:0; bottom:0; left:0}
#popup{background:#32ABC7; width:420px; margin:8% auto; padding:15px 5px 20px 5px; text-align:center; position:relative; -webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000; box-shadow:0px 0px 20px #000; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px}
#popup h4{line-height:1.2; margin:0 0 0.75rem; color:#fff; letter-spacing:0.05rem}
#popup h4 font{color:#FFE793}
#popup p{font-family:Arial; color:#fff; font-size:1.1rem; line-height:1.3; font-weight:400; padding:0}
#popup p.peregar{color:#fff; margin:0.75rem 0 0; font-size:80%}
#popup p.peregar a{color:#fff; border-bottom:1px #fff solid}
#popup p.peregar a:hover{border-bottom:1px #fff dashed}
.close3{display:block; position:absolute; top:0; right:-30px; width:30px; height:30px; font-size:24px; line-height:32px; color:rgba(255,255,255,0.8); cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%}
.close3:hover{color:#fff}

@media (max-width:767.98px){
.close3 {
    right: 0px;
}	
}
@media (max-width:469.98px){#popup{width:280px}
#popup .button20{width:234px!important}
#popup {
    width: 320px;
    padding: 25px 5px 20px 5px;
}
}
@media (max-width:390px){#popup .button20{width:182px!important}
}
.noselect{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}