/*Форма*/
.main_form {width: 100%; }
.main_form .descr {padding-bottom: 30px;}
.main_form .btn {margin-top: 5px;}
.main_form .content_container {border-radius: 5px;padding: 40px;}
.main_form input, .main_form textarea {opacity: 0.9;}
.main_form input:focus, .main_form textarea:focus {opacity: 1;}
.main_form .styled_switch, .main_form .styled_switch a {color: #000; font-size: 0.9rem;}
.main_form .styled_switch .checkbox:not(checked) + label {line-height: 26px;}
.main_form .styled_switch {
    padding-top: 15px;
    width: 400px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
}
.main_form textarea {margin-right: 15px;}
form .loader {display: none; z-index: 1; position: absolute; left: 0; right: 0; text-align: center;  top: 50%; transform: translateY(-50%);} 
form .loader img {width: 128px;}




/*map*/
#map {height: 600px;}
.map_form {position: relative; line-height: 1.3; font-size: 1.1rem;}
.map_form h2 {font-size: 1.7rem;}
.map_form label {font-size: 1rem; font-weight: 600;}
.map_form .bg {transition: all .30s ease-in;  opacity:1; visibility: visible; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: rgba(15, 64, 96, 0.5); z-index: 1;}
.map_form:hover .bg {visibility: hidden; opacity: 0;}
.map_form .phone_img {margin: 5px 0;}
.map_form .phone_img img {margin-right: 5px; display: inline-block;}

.map_form .form_container {
    position: absolute;
    right: 40px;
   
    z-index: 99;
    height: 600px;
}
.map_form .form_container .info {font-size: 1.05rem;}
.map_form .form_container .info > div {margin: 0 40px; padding: 20px; border-bottom: 1px solid #e6e6e6;}
.map_form .form {
    border: #b4c8d3 1px solid;
    background-color: #FFFFFF;
    padding: 40px;
    margin: 20px 0;   
    width: 400px;
}
.map_form .form p {padding: 3px 0;}
.map_form .form strong {padding: 2px 0;}
//.map_form .form a {color: var(--color1)}

.map_form [class*="placemark-overlay"] ymaps ymaps {
    -webkit-animation: marker-animation 1s infinite;
    animation: marker-animation 1s infinite;
}

@-webkit-keyframes marker-animation {
    0% {top: -105px; }
    50% {top: -110px;}
    100% {top: -105px; } 
}