.contact-us {
    color: theme-color("primary");
    background: $desert-storm;
    width: 100%;

    .see-more:after,
    .see-more:before {
        display: none;
    }
}

.contact-us__inner {
    @include make-container();
    @include make-container-max-widths();
    padding: 0;
}

.contact-us__header {
    display: flex;
    justify-content: center;
    background: no-repeat center center;
    background-size: cover;
    min-height: rem-calc(456px);
    color: $white;

    h1 {
        font-size: rem-calc(115px);
        font-weight: 300;
        letter-spacing: 2.88px;
        margin: auto;
    }
}

.contact-us__content {
    padding: 0 rem-calc(80px);
}

.contact-us__tabs {
    padding: rem-calc(45px) 0;
    display: flex;
    flex-direction: row;
    align-items: center;

    span {
        color: #1d222c;
        font-size: rem-calc(10px);
        line-height: 14px;
        letter-spacing: 0.025em;
    }
}

.contact-us__submit,
.contact-us__tab {
    background-color: #1d222c;
    border: none;
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.025em;
    padding: rem-calc(10px) rem-calc(30px);
    cursor: pointer;
    outline: none;

    &:active,
    &:focus,
    &_active {
        background-color: #c8c8c8;
        outline: none;
    }
}

.contact-us__inquiries-tab {
    margin-left: rem-calc(45px);
}

.contact-us__contacts-tab {
    margin-left: rem-calc(10px);
}

.contact-us__form {
    border-top: 1px solid #bfbebe;
    padding: rem-calc(50px) 0;

    form {
        width: 100%;
        display: flex;
    }

    &_left,
    &_right {
        width: 50%;
    }

    &_left {
        margin: 0 rem-calc(40px) 0 rem-calc(60px);
    }

    &_right {
        margin: 0 rem-calc(80px) 0 rem-calc(60px);
    }

    label {
        font-size: 10px;
        font-weight: 400;
        color: #1d222c;
    }

    textarea {
        background-color: #f6f6f5;
        border: 1px solid #bfbebe;
        min-height: rem-calc(175px);
    }
}

.contact-us__submit {
    margin: rem-calc(35px) auto 0;
    display: block;
}

/* Scion Hotels Contacts */
.contact-us__contacts {
    border-top: 1px solid #bfbebe;
    color: #394956;
    padding: rem-calc(50px) 0 rem-calc(55px);

    &__title {
        color: #394956;
        font-size: rem-calc(14px);
        font-weight: 500;
    }

    &__separator {
        width: rem-calc(35px);
        height: rem-calc(1px);
        background-color: #1d222c;
        margin: rem-calc(35px) 0;
        border: 0;
    }
}

.contact-us__countries {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;

    .contact-us__col {
        width: 20%;
    }
    .contact-us__col:last-child .contact-us__countries-title {
        margin: 0;
    }
}

.contact-us__countries-title,
.contact-us__country-name {
    color: #394956;
    font-weight: 500;
    text-transform: uppercase;
}

.contact-us__countries-title {
    font-size: rem-calc(16px);
    letter-spacing: 0.0225em;
}

.contact-us__country {
    &-name {
        font-size: rem-calc(14px);
        line-height: rem-calc(18px);
        letter-spacing: 0.025em;
        margin: rem-calc(30px) 0 0;
    }

    &-phone {
        display: block;
        margin-bottom: rem-calc(30px);
        font-family: $font-family-serif;
        font-size: rem-calc(14px);
        font-weight: 400;
        letter-spacing: 0.0535em;
        line-height: rem-calc(18px);
        text-decoration: none;
        color: #394956;
        &:hover {
            text-decoration: underline;
            color: #394956;
        }
    }
}