
.contact-us .header {
    margin-bottom: 20px;
}

.contact-us .header h3 {
    font-size: 24px;
    font-weight: normal;
    margin: 33px 0;
    text-align: left;
    display: block;
}

.contact-us {
    font-size: 17px;
}

.contact-us h3 {
    text-align: left;
}

.contact-us .payment-info-form {
    max-width: none;
    margin: 30px 0;
}

.contact-us .payment-info-form:after {
    clear: both;
    content: '';
    display: table;
}

.contact-us .payment-info-form fieldset {
    width: calc(50% - 28px);
    margin-bottom: 0;
    float: left;
}

.contact-us .payment-info-form fieldset + fieldset {
    margin-left: 34px;
    width: calc(50% - 6px);
}

@media (max-width: 640px) {
    .contact-us .payment-info-form fieldset {
        width: 100%;
    }

    .contact-us .payment-info-form fieldset + fieldset {
        margin-left: 0;
        width: 100%;
    }
}

.contact-us .billing .field {
    margin: 0 0 10px;
}

.contact-us .billing .field label {
    width: auto;
    min-width: auto;
    line-height: 38px;
}

.contact-us .billing .field input {
    height: 38px;
}

.contact-us .input-box textarea {
    height: 188px;
    padding: 11px;
    display: block;
}

.contact-us .paging {
    margin: 0 0 55px;
}

.contact-us .contacts {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin: 30px 0 70px;
}

@media (max-width: 640px) {
    .contact-us .contacts {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.contact-us .contacts > * {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
    margin: 0 0 10px;
}

.contact-us .contacts li a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}
.contact-us .contacts li a[href^="tel"] {
    text-decoration: none;
    color: #000;
}

.contact-us .contacts .email:before {
    top: 7px;
}

.contact-us .contacts .website:before {
    top: 2px;
}

.contact-us .contacts .phone:before,
.contact-us .contacts .address:before {
    top: 0;
}

.contact-us .payment-info-block {
    font-size: 16px;
}

.contact-us .payment-info-block h4 {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #252525;
    margin: 0 0 10px;
}

.contacts {
    margin: 0;
    list-style: none;
    padding: 0;
    overflow: hidden;
}

.contacts li {
    position: relative;
    padding: 2px 0 0 40px;
    margin: 0 0 15px;
}

@media (max-width: 991px) {
    .contacts li {
        width: 50%;
        min-height: 28px;
    }
}
@media (max-width: 767px) {
    .contacts li {
        width: 100%;
    }
}
.contacts li:before {
    position: absolute;
    content: "";
    background: url(../../../../content/images/main-sprite.png);
}

.contacts li.email:before {
    background-position: 0 -19px;
    width: 26px;
    height: 23px;
    left: 0;
}

.contacts li.website:before {
    width: 28px;
    height: 28px;
    background-position: 0 -46px;
    left: 0;
}

.contacts li.phone:before {
    width: 23px;
    height: 23px;
    background-position: 0 -79px;
    left: 3px;
    top: -3px;
}

.contacts li.address:before {
    width: 18px;
    height: 28px;
    background-position: 0 -107px;
    left: 6px;
}

.contacts li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: underline;
    line-height: 28px;
}

.contacts li a:hover {
    text-decoration: none;
}

.g-recaptcha {
    display: inline-block;
    float: right;
    margin-bottom: 20px;
}
.error-msg {
    display: block;
    float: right;
    margin-bottom: 10px;
}