/*@import url('reset.css');
@import url('/bootstrap/bootstrap-grid.css');*/
@import url('s1.css');
@import url('s2.css');
@import url('s3.css');
@import url('s4.css');
@import url('s5.css');
@import url('s6.css');
.map-cod {min-height: 323px;}.an,.btn{overflow:hidden;position:relative}.an:after,.btn:after{content:'';position:absolute;top:-50%;bottom:-50%;z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.6) 100%);width:45px;-webkit-transform:skewX(-22deg);left:-65%;-webkit-animation-name:blick;animation-name:blick;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes blick{60%{left:100%}to{left:130%}}@keyframes blick{60%{left:100%}to{left:130%}}.map-cod{position:relative;z-index:0}@media (max-width:968px){.map-cod iframe{max-height:400px}}@media (max-width:461px){.map-cod iframe{max-height:323px}}.oko-play{width:115px;height:115px;background:#3383ea;margin:auto;border-radius:50%}.active-pulse:after,.active-pulse:before{content:"";position:absolute;border:3px solid #3383ea;left:-35px;right:-35px;z-index:-1;top:-35px;bottom:-35px;border-radius:50%;-webkit-transform:translate3d(0,0,0);animation:pulse 1.8s linear infinite;-webkit-animation:pulse 1.8s linear infinite;opacity:0}.play{position:absolute;top:calc(50% - 26px);left:calc(50% - 44px);cursor:pointer;width:114px;display:unset;z-index:-1}.active-pulse:after{animation-delay:.5s}@keyframes pulse{0%{transform:scale(.5);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}}
.wrap-popup {
    cursor: pointer;
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.47);
}
.content-popup {
    position: relative;
    max-width: 489px;
    width: 100%;
    background: white;
    padding: 50px 20px 24px 20px;
}
.clouse {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background-image: url('../img/clouse-popup.jpg');
}
.logo-popup {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.logo-popup.call-me2 p span {
    text-transform: uppercase;
    color: #505050;
    font-size: 16px;
    font-weight: 400;
}
.logo-popup h3 {
    color: #505050;
    font-family: Muller;
    font-size: 26px;
    font-weight: 700;
    max-width: 360px;
    margin-bottom: 11px;
    text-transform: uppercase;
}
.logo-popup h3 span {
    display: block;
}
.logo-popup p {
    font-family: Muller;
    color: #505050;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 18px;
    max-width: 434px;
}
.logo-popup p span {
    display: block;
    color: #ffcd01;
    font-size: 22px;
    font-weight: 700;
}
.logo-phone {
    color: #505050;
    font-family: Muller;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
    align-self: flex-start;
}
.form-pop {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 371px;
    width: 100%;
}
.wrap-form {
    display: flex;
    align-items: center;
    flex-direction: column;
}
input:not([type=checkbox]):not([type=radio]), select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}
input:focus {
    outline: none;
    border: unset;
}
input[type=tel]{
    color: #5d5c5c;
    font-family: Muller;
    font-size: 18px;
    font-weight: 300;
    max-width: 384px;
    width: 100%;
    background: #f4f7f9;
    border: 1px solid #efefef;
    border-radius: 6px;
    padding: 15px;
    letter-spacing: 1px;
}
.wrap-inp-f {
    margin-top: 32px;
    max-width: 384px;
    width: 100%;
    text-align: center;
}
.wrap-inp-f button {
    background: #ff5501;
    outline: none;
    border: unset;
    border-radius: 35px;
    width: 100%;
}
.wrap-inp-f button:focus {
    outline: none;
}
.wrap-inp-f p {
    cursor: pointer;
    color: white;
    font-family: Muller;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 4px;
    margin-top: 3px;
}
.wrap-inp-f p span {
    display: block;
    text-transform: uppercase;
}
.secsus-wrap span {
    color: #7cbef4;
    margin-left: 5px;
}
.mini-secs {
    color: #6b6260;
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    max-width: 314px;
    margin-top: 24px;
}
.mini-secs span {
    border-bottom: 1px solid #6b6260;
}
.secsus-wrap.true-view .secsus {
    background-image: url(../img/active-uslovie.png);
    background-position: center;
    background-repeat: no-repeat;
}
.secsus {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #f4f7f9;
    border: 1px solid #efefef;
    border-radius: 2px;
    margin-left: 0px;
    margin-right: 12px;
}

.secsus-wrap {
    position: relative;
    cursor: pointer;
    text-align: left;
    font-family: Muller;
    font-size: 14px;
    font-weight: 400;
    color: #404040;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    max-width: 357px;
    margin-top: 18px;
}
@media (max-width: 380px) {
    .content-popup {
        padding: 50px 10px 24px 10px;
    }
    .wrap-inp-f p {
        font-size: 16px;
    }
    .secsus-wrap {
        font-size: 12px;
    }
    input[type=tel] {
        font-size: 16px;
    }
    .logo-popup p {
        font-size: 15px;
    }
    .logo-popup h3 {
        font-size: 22px;
    }
    .logo-popup p span {
        font-size: 19px
    }
}
@media (max-width: 340px) {
    .content-popup {
        padding: 50px 5px 24px 5px;
    }
}