.contact__top{position:relative;width:100%;display:grid;display:-moz-grid;grid-template-columns:1fr 1fr;grid-gap:20px;margin-bottom:9%}
#googleMap,.contact__info{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden}
#googleMap{position:relative;height:100%;overflow:hidden;border:none;outline:none;background-color:#e0e5f0}
.contact__info{position:relative;background:#3f4040 url(../img/lines.svg) 0 0 no-repeat;-webkit-background-size:cover;background-size:cover;display:block;padding:10%;overflow:hidden}
.contact__h2{color:#fff;font-weight:700;font-size:  max(20px,min(2vw,30px)) ;margin-bottom:30px}
.contact__ul{margin:0;list-style:none;padding:0 0 3%}
.contact__li{position:relative;display:block;width:100%;padding-left:40px;padding-bottom:30px}
.contact__li::before{content:'';position:absolute;top:3px;left:0;width:20px;height:20px;background:transparent url(../img/contact/arrow.svg) 50% 50% no-repeat;overflow:hidden}
.contact__title,.contact__link{color:#fff;font-weight:400;font-size:  max(18px,min(1.3vw,22px)) }
.contact__title{margin-bottom:3px}
.contact__link{font-weight:700;display:inline-block}
.contact__link > p {margin: 0;}
.form{position:relative;margin:0 auto;max-width:800px;border:1px solid #7d7d7d;background-color:#fff;padding:70px 7% 30px;text-align:center}
.form__titles{display:inline-block;position:absolute;top:-25px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;background-color:#fff;z-index:2;padding:0 30px}
.form__title,.form__subtitle{color:#262626}
.form__title{text-transform:uppercase;font-weight:400;font-size:  max(18px,min(2vw,30px)) ;margin-bottom:5px}
.form__subtitle{font-weight:400;font-size:  max(15px,min(1.3vw,20px)) }
.form__inputs{display:grid;display:-moz-grid;grid-template-columns:1fr 1fr;gap:15px 20px}
.form__inputContainer{position:relative;width:100%;overflow:hidden}
.form__inputContainer--message{grid-column:span 2}
.form__focusLine{content:'';position:absolute;bottom:-3px;left:1px;width:calc(100% - 2px);height:2px;background-color:#e18240;z-index:2}
.form__inputLabel{display:block;width:100%;margin-bottom:10px;color:#262626;font-weight:400;font-size:  max(18px,min(1.3vw,20px)) ;text-align:left}
.form__input,.form__textarea{width:100%;height:50px;outline:none;border:1px solid #7d7d7d;color:#262626;font-weight:400;font-size:  max(18px,min(1.3vw,20px)) ;padding:10px 15px}
.form__textarea{display:block;width:100%;resize:none;height:150px}
.form__input::placeholder,.form__textarea::placeholder{color:#262626}
.form__input:focus ~ .form__focusLine,.form__textarea:focus ~ .form__focusLine{-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px);transform:translateY(-4px)}
.form__checkbox{width:50%;display:flex;align-items:center;margin:0}
.form__label{display:flex;justify-content:center;align-items:center;width:30px;height:30px;min-height:30px;margin-right:10px;border:1px solid #7d7d7d}
.form__label svg{display:block;width:70%;opacity:0}
.form__label.checked svg{opacity:1}
.form__container{position:relative;width:100%;display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;margin:20px auto 0}
.form__terms{position:relative;top:2px;color:#262626;font-weight:400;font-size:  16px }
.form__submit{position:relative;display:inline-block;width:45%;border:none;outline:none;background-color:#262626;color:#fff;text-transform:uppercase;font-weight:700;font-size:  18px ;padding:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
input:not(:focus):invalid ~ .form__focusLine{-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px);transform:translateY(-4px);background-color:#ff7256}
@media only screen and (max-width: 1400px) {
    .form{padding-top:50px}
}
@media only screen and (min-width: 1251px) {
    .contact__link:hover,.form__terms:hover{cursor:pointer;color:#e18240}
    .form__label:hover{cursor:pointer}
    .form__submit:hover{cursor:pointer;background-color:#e18240}
}
@media only screen and (max-width: 999px) {
    .form__inputs{display:block}
    .form__inputs .form__inputContainer:not(:last-of-type){margin-bottom:15px}
}
@media only screen and (max-width: 764px) {
    .form{padding:50px 10px 10px}
    .form__submit{padding:10px}
    .form__titles {padding: 0 10px;top: -21px;}
    .contact__top {display: block;}
    #googleMap {padding-bottom: 80%;margin-bottom: 20px;}
    .form__container {display: block;}
    .form__checkbox {width: 100%;margin-bottom: 20px;justify-content: center;}
}