.page--contacts.container {margin-top: 50px}

.cotacts--box {display: flex;gap:40px;}
.cotacts--box > div{min-width: calc(50% - 20px)}
.cotacts--map {height: 0;padding-top: 59%;position: relative}

.cotacts--left h1{text-align: left;text-transform: uppercase}

.con-ip-name{color: #000;font-size: 22px;font-style: normal;font-weight: 600;line-height: 30px;margin-bottom: 30px;  }
.con-ip-adres{color: #000;font-size: 18px;font-style: normal;font-weight: 400;line-height: 24px;margin-bottom: 30px;  }

#map {position: absolute;top:0;left:0;width: 100%;height: 100%}

.con--row {display: flex;gap:40px;justify-content: space-between}
.con--label {color: rgba(0, 0, 0, 0.70);font-size: 18px;font-style: normal;font-weight: 400;line-height: 21.6px;margin-bottom: 5px}
.con--value {color: #000;font-size: 18px;font-style: normal;font-weight: 400;line-height: 21.6px}

.d--MAIL {display: none}

.contacts--form {margin-top: 150px;max-width: 990px}
.contacts--form .d--double{gap:20px;}
.contacts--form .d--row{margin-bottom: 20px}
.contacts--form [type="text"]{height: var(--height);line-height: var(--height);background-color: #fff;border-radius: 10px;border: 1px solid rgba(0, 0, 0, 0.50);width: 100%;padding: 0 20px;}
.contacts--form textarea{line-height: var(--height);background-color: #fff;border-radius: 10px;border: 1px solid rgba(0, 0, 0, 0.50);padding: 0 20px;height: 200px;width: 100%;max-width: 100%;min-width: 100%;max-height: 200px;min-height: 200px;outline: none}
.contacts--form .custom-checkbox+label::before{top:-3px}
.input--agree {display: flex;gap:10px;}
.js--send-letter.btn--gray-fill {margin-top: 40px;text-transform: uppercase;font-size: 14px}
.js--send-letter.btn--gray-fill.--disabled {opacity: .5}

.contacts--form .--error [type=text]{border-color:#ff0000}
.contacts--form h2{margin-bottom: 30px;text-transform: uppercase}

.leaflet-control-attribution.leaflet-control {display: none}

@media all and (max-width: 1480px) {
    .con-ip-adres, .con-ip-name {font-size: 18px;line-height: 24px;}
    .con--label, .con--value {font-size: 16px;line-height: 20px;}
    .contacts--form {margin-top: 100px;}
}

@media all and (max-width: 767px) {
    .con-ip-adres, .con-ip-name {font-size: 18px;line-height: 24px;}
    .con--label, .con--value {font-size: 16px;line-height: 20px;}
    .contacts--form {margin-top: 50px;}
    .cotacts--box {flex-wrap: wrap;gap:20px;}
    .cotacts--box > div{min-width: unset;width: 100%}
}

@media all and (max-width: 545px) {
    .contacts--form .d--double {gap:0}
    .js--send-letter.btn--gray-fill {margin-top: 0;font-size: 12px;}
}

@media all and (max-width: 359px) {
    .con--row {flex-wrap: wrap}
}