body.main {background: #b7bab9 url(../images/backgrounds/main.jpg) no-repeat 0 0 fixed;}

h2 {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.advantages {
    display: flex;
    margin-top: 40px;
    gap: 20px;
}

.advantage-col {
    position: relative;
    font-size: 22px;
    display: flex;
}

.advantage-col::before {
    content: '';
    background-image: url('../images/arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 100%;
    margin-right: 16px;
}

#content .center {padding-top: 50px;}
#contact-map {width: 100%;}

.blank-content {width: 100%; background-color: #fff;}
.blank-content .side-map {width: 33%; float: left;}
.blank-content .main-content {width: 100%; float: left;}

.blank-content .bottom {width: 100%; height: 4px; padding: 0; position: absolute; bottom: -4px;}
.blank-content .bottom span {width: 50%; height: 4px; background: url(../images/box-bottom-bg.png) no-repeat right; display: block; float: left;}
.blank-content .bottom span:first-child {background-position: 0 0;}
.blank-content .bottom span.blank {background-position: right bottom;}
.blank-content > a {width: 34px; height: 38px; background-color: #b71f16; display: block; position: absolute; right: 0; bottom: 0;}
.blank-content > a span {width: 13px; height: 9px; margin: 16px auto 0; background: url(../images/sprite.png) no-repeat -24px -34px; display: block;}

.main-content .box.full-box p.title {margin-left: 0;}
.main-content .box > div label {width: 14%; clear: both;}
.main-content .box > div textarea {width: 100%; height: 100%; padding: 5px 10px; font-size: 16px; border: 1px solid #dcdcdc;}
.main-content .box > div div.input {width: 45%;}
.main-content .box > div div.textarea {width: 60%; height: 130px; margin-bottom: 9px; margin-right: 5%; float: left; box-sizing: border-box;}
.main-content .box > div div.submit {margin-left: 14%; float: none; clear: both;}
.main-content .box > div div.submit input[type=submit] {width: 77px; height: 35px; background-color: #b71f16; color: #fff; font-size: 14px; font-weight: 700; text-align: center; border: 0;}

.main-content .box.boxMap{float: none;clear:both;width: auto;}
.boxMap img{max-width: 100%}

.checkbox {
    margin-left: 14%;
}
.main-content .box > div div.input.checkbox {
    width: 60%;
    height: auto;
}

.main-content .box > div label {
    font-weight: 500;
    height: auto;
}

.input-checkbox {
    margin-top: 0;
}
 
.checkbox input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox input[type='checkbox']:checked + span {
    background-position: -23px -15px;
}
  
.invalid-check {
    display: none;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    padding: 10px;
    margin: 10px;
    text-align: center;
    float: left;
    width: 100%;
}

.error-checkbox .invalid-check {
    display: block;
}

.boxMap img {
    width: 100%;
}
/* ==========================================================
! Large desktop
========================================================== */
@media (max-width: 1200px) {
    .advantages {
        flex-wrap: wrap;  
    }
}
@media (min-width: 980px) and (max-width: 1199px) {
    
}
/* ==========================================================
! Portrait tablet to landscape and desktop
========================================================== */
@media (min-width: 768px) and (max-width: 979px) {
    
}
/* ==========================================================
! Landscape phone to portrait tablet
========================================================== */
@media (max-width: 767px) { 
    
}
@media (max-width: 600px) { 
    .blank-content .side-map {width: 100%; height: 300px; float: none;}
    .blank-content .main-content {width: 100%; float: none;}
}
/* ==========================================================
! Landscape phones and down
========================================================== */
@media (max-width: 480px) {
    .main-content .box{float: none;clear:both;width: auto;}
    .main-content .box > div div.textarea {width: 80%;}
    .main-content .box > div div.input {width: 65%;}
}
@media (max-width: 320px) {
    #content .center {padding-top: 110px;}

    .main-content .box > div label {width: 18%; font-size: 12px;}
    .main-content .box > div div.textarea {width: 76%;}
    .main-content .box > div div.submit {margin-left: 18%;}
}