

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
}
 
.popup {
    top: 25%;
    left: 0;
    right: 0;       
    font-size: 14px;
    margin: auto;
    width: 85%;
    min-width: 320px;
    max-width: 600px;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font: 14px/18px 'Tahoma', Arial, sans-serif;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
 
 
.close { position: relative;
     
    border: none; 
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;

}
.close:before {
    color: rgba(255, 255, 255, 0.9);   
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; 
}

 
 
	
	
#car1{margin-right:40px;opacity:0}
#car2{opacity:0;margin-left:70px;} 
#car3{opacity:0;margin-left:10px;} 
#car1+label:after,#car2+label:after{content:'';width:67px;height:68px;position:absolute;background-color:#a7a7a7;top:45px}
 #car3+label:after{content:'';width:70px;height:70px;position:absolute;background-color:#a7a7a7;top:45px}
#car1+label:after{-webkit-mask-image:url('../icons/car.svg');mask-image:url('../icons/car.svg');left:12px}
#car2+label:after{-webkit-mask-image:url('../icons/truck.svg');mask-image:url('../icons/truck.svg');} 
#car3+label:after{-webkit-mask-image:url('../icons/jeep.svg'); mask-image:url('../icons/jeep.svg');} 
#car1:checked+label:after,#car2:checked+label:after,#car3:checked+label:after{position:absolute;background-color:#ff7300}
 
 
 
  


.calc .h2{font-size:34px;margin-bottom:0}.calc input[type=range]:focus{outline:none}
.calc .callback-calc a{position:relative;color:#333;border-bottom:1px dashed #333}.price{font-size:32px;margin:0}
.calc input[type=range]{position:relative;-webkit-appearance:none;margin-right:12px;border-radius:15px;height:18px;background-color:#f1f1f1;width:70%}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:24px;background:#ff7300;border-radius:18px;cursor:pointer;transition:.1s}
.calc input[type=range]::-moz-slider-thumb{-moz-appearance:none;width:12px;height:24px;background:#ff7300;border-radius:18px;cursor:pointer;transition:.1s}
.calc input[type=range]::-ms-slider-thumb{width:12px;height:24px;background:#ff7300;border-radius:18px;cursor:pointer;transition:.1s}

.calc .col-lg-6{margin-bottom:18px;width:400px;}#km-range:before,#km-range:after{top:100%;position:absolute}#km-range:after{content:'40';right:0}
#km-range:before{content:'0';left:0}#km-field{border-radius:16px;border:1px solid #cdd1da;text-align:center;position:relative;top:-4px}
  a:hover{text-decoration:none;color:#ff7300} #top-bar{background:#23313f}
#top-bar .top-item{margin:18px 0;text-align:center}#top-bar  #top-bar .top-item a{color:#fff;font-size:22px;cursor:pointer}
.logo img{max-width:150px}.logo{padding:8px 0}.top-item object{max-width:25px;position:relative;top:5px}.callback{margin-top:24px;position:absolute;left:-25px}
.callback a,.footer-callback{white-space:nowrap;color:#fff;font-size:14px;font-weight:400;border-bottom:1px dashed #fff;cursor:pointer}
.footer-callback{position:relative;bottom:40px;font-size:16px}#main-header .menu,footer .menu{list-style-type:none;display:flex;justify-content:space-between;margin:0}
 #mob-menu{display:none;position:absolute;top:0;width:100%;background:#fff;z-index:9}#mob-menu.active{display:block !important} 
 .top-img{max-width:100%;width:440px}

.calc{background-color:#fff;box-shadow:1px 7px 10px #939393;border-radius:0px 0px 12px 12px ;padding:20px 20px 20px 20px;margin-bottom:12px}
 
.main-content{padding:40px 0}@media (max-width:1000px){.faq-head h3{font-size:18px !important}.left-img{max-width:45%}
footer .phone-number{font-size:16px !important}.img-wrapper{padding:0 12px}h2{font-size:24px !important}  
.top-banner{height:auto}h1{font-size:25px !important;text-align:left;width:80%;margin-left:5%}.logo img{max-height:42px}
.callback input{max-width:80vw}.top-banner{height:auto}.md-d-none{display:none}. #top-bar object svg{left:50px !important}
.col-sm-6{width:48%}footer{text-align:center}#main-header{height:54px;box-shadow:0 2px 8px #d9d9d9 inset}
#mob-menu .menu{padding-left:18px;list-style-type:none;display:flex;flex-direction:column;margin:0}
#top-bar .top-item{text-align:center}.sm-d-none{display:none !important}.phone-number{text-align:center;white-space:nowrap}
#mob-menu .sub-menu{position:static;display:none;box-shadow:none !important;column-count:1}#mob-menu .menu .sub-menu li{border-bottom:none !important}
#mob-menu .sub-menu.active{display:block !important} 
 
 
 
 
 #main-header .menu-item:hover .sub-menu{display:block}
 #mob-menu .menu .menu-item-has-children>a:after{content:'';background:url('/wp-content/themes/otkrit-auto/img/icons/arrow.svg');width:18px;height:18px;right:12px;position:absolute;margin-top:12px;transform:rotate(180deg);transition:.3s ease all}#mob-menu .menu .menu-item-has-children.active>a:after{transform:rotate(0deg)}#mob-menu .menu a{line-height:40px !important}#mob-menu .menu li{border-bottom:1px solid #666;padding:16px 0}#menu-footer{flex-direction:column;padding:0 !important}footer #menu-footer.menu li a{line-height:1em}}@media (min-width:1000px){footer .phone-number{font-size:20px}#main-header .menu li a,#mob-menu .menu li a{position:relative}.lg-d-none{display:none}.sub-menu li{margin-bottom:20px;margin-right:12px}}@media (max-width:1200px){.front-h1{font-size:30px !important}.lg-md-d-none{display:none}#main-header .sub-menu{column-count:1 !important}}@media (min-width:1350px){
	 .calc-wrapper{position:relative;left:7%}.park .col-inner{height:285px}}footer{background:#23313f;color:#fff}footer object{max-width:25px}footer .menu li a,footer a{color:#fff;line-height:80px;font-size:18px}footer .phone-number{white-space:nowrap}.features{padding-top:60px}.feature{text-align:center}.feature p{margin-top:20px;font-size:16px}.feature svg{max-width:70px;fill:#d8d8d8;transition:.3s ease all}.feature:hover svg{fill:#ff7300}.front-h1{font-size:35px;color:#fff !important}.entry-content{font-size:16px}h2{font-size:34px}h4{font-size:18px}.entry-content li{list-style-type:none}.entry-content li:before{content:'';position:absolute;height:10px;width:10px;margin-left:-20px;margin-top:8px;background:url(/wp-content/themes/otkrit-auto/img/icons/li-style-type.svg)}.entry-content li,.entry-content p{font-family:'Open Sans';font-weight:700}.advantage object,.advantage img{float:left;width:90px;margin-top:4%;margin-right:18px}.advantage{background:#f6f6f6;border-radius:15px;padding:16px;margin-bottom:12px}.advantage:hover{transition:.6s;box-shadow:0 5px 8px rgba(62,62,63,.27)}section.callback-sec{background:#f6f6f6;padding:32px 0}.callback-sec .row{align-items:flex-end}.callback-sec label{margin-top:23px;margin-left:25px;font-size:16px}.callback-sec input,#callback-modal input,button{max-width:100%;margin-top:8px;border-radius:99px;border:1px solid gray;padding-left:24px;font-size:16px;font-family:'Open Sans';outline:0;padding:12px 18px;font-weight:700}.wpcf7-submit,button{transition:.6s;text-transform:uppercase;font-size:16px;font-weight:700;color:#fff;background-color:#ff7300;border:none !important}button a,button a:hover{color:#fff}.wpcf7-submit:hover,button:hover,button a:focus{background:#d86100;text-decoration:none}.faq-head{background:#f6f6f6;height:55px;position:relative;padding-left:24px;cursor:pointer}.faq-head h3{color:#333;width:max-content;padding-top:12px;border-bottom:1px dashed #333;font-size:20px}.faq-head:before{content:'';left:0;position:absolute;margin-left:0;height:55px;width:9px;background:#ff7300}.faq-details{margin-left:5%}.logo-footer img{max-width:150px}.logo-footer{margin-top:12px}#callback-modal{border-radius:25px;text-align:center}td{padding:12px}td:first-child,th:first-child{border-right:1px solid #e5e5e5;border-color:#e5e5e5 !important;padding-left:24px}td:last-child,th:last-child{text-align:center}th{background:#ff7300;color:#fff;padding:12px}.button{background:#ff7300;border-radius:99px;display:block;text-transform:uppercase;color:#fff;padding:12px;font-size:16px;text-align:center;min-width:210px;width:max-content;margin:12px auto}.button:hover{color:#fff}.button.blue{background:#23313f}.img-col{margin-top:40px;text-align:center;padding:40px 0}.img-wrapper img{max-width:100%}.labels{position:absolute;top:100px;left:150px}.calc-inner .col-lg-12{margin-bottom:12px !important}.h3{font-size:18px;margin-top:32px}.abs-text{position:absolute;top:80px;width:100%}.abs-text p{clear:both;font-size:18px;color:#333;font-weight:600}.right-side{float:right}.left-side{float:left}#text-top{margin-top:32px}#text-mid{margin-top:130px}#text-bot{margin-top:254px}#text-top .right-side{margin-right:32px}#text-mid .left-side{margin-left:-12px}#text-mid .right-side{margin-right:42px}#text-bot .left-side{margin-left:88px}#text-bot .right-side{margin-right:60px}.park .col-lg-3{padding:0}.park .col-inner{transition:.4s;text-align:center;margin:0 44px;text-align:center;margin:30px 8px;border:1.2px solid #c6c6c4;border-radius:11px}.park .col-inner:hover{background:#ff7300}.park .col-inner:hover h3{color:#fff}.park h2{margin-bottom:0}.park h3{transition:.4s;font-size:18px;color:#333;font-weight:400;margin-bottom:25px}.park .col-inner img{max-width:100%;border-radius:11px 11px 0 0}.copyright{margin-top:18px;font-size:12px}figcaption{text-align:center;color:#ff7300}
