/*
Contact CSS
*/

/* Contact Hero
========================= */
.hero-container { display: flex; justify-content: center; width: 100%; padding: 1em 2em 0em; }
.hero { display: block;background-color: #fff; position: relative; width: 100%; height: 600px; max-height: 100%; overflow: hidden; z-index: 999; }
.hero-block { display: block; width: 100%; height: 0; }
.hero-block .hero-bg { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; overflow: hidden; }

/* About
========================= */
.contact-overview { display: flex; flex-direction: column; align-items: center; margin: 0 2em; padding: 4em 0 4.5em; }
.contact-inner { display: flex; flex-direction: column; max-width: 1480px; width: 100%; }

.contact-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; padding: 0; }
.contact-wrapper .column { display: flex; flex-direction: column; margin: 0; padding: 1em; width: 100%; }

.contact-general.column { background: #f4f4f4; justify-content: center; padding: 2.5em 2em; width: 48%; }

.contact-block-title { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; }
.contact-subtitle { color: #888; font-family: 'Mulish', sans-serif; font-size: 1.5rem; font-weight: 600; letter-spacing: .08em; line-height: 1.4; margin: 0; padding: 0 0 0.5em; text-transform: uppercase; }
.contact-title { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 2.6rem; font-weight: 600; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; }
.contact-block-details { padding: 2em 0 1em; }
.contact-block-details p { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; line-height: 1.6; margin: 0; padding: 0; }

.contact-block-general-wrapper { display: flex; flex-direction: column; margin: 0 -1em; padding: 0; }

.contact-block-general { display: flex; flex-direction: column; }
.contact-block-general.column { padding: .5em 1em; }
.contact-block-general span { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; line-height: 1.6; margin: 0; padding: 0; }

.contact-block-general .office-title { font-weight: 800; padding: 0 0 0.8em; }
.contact-block-general .office-address { line-height: 1.4; padding: 0 0 0.2em; }
.contact-block-general .office-address:nth-of-type(2) { color: #484848; font-size: 1.7rem; font-weight: 800; padding: 0 0 0.5em; text-transform: uppercase; }
.contact-block-general .office-email { font-weight: 600; padding: 0.5em 0 0.2em; }
.contact-block-general .office-email span { color: #484848; font-weight: 600; }
.contact-block-general .office-phone, .contact-block-general .office-fax, .contact-block-general .security { font-weight: 600; padding: 0 0 0.2em; }
.contact-block-general .office-phone span, .contact-block-general .office-fax span, .contact-block-general .security span { color: #484848; font-weight: 600; }

.contact-block-leasing { display: flex; flex-direction: column; padding: 2em 0 0; }
.contact-block-leasing.column { padding: .5em 1em; }

.leasing-contact { display: flex; flex-direction: column; padding: .25em 0 .5em; }
.leasing-contact:last-of-type { padding: .25em 0 0; }

.contact-block-leasing span { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1.6; margin: 0; padding: 0; }

.contact-block-leasing .leasing-title { color: #484848; font-size: 1.7rem; font-weight: 800; letter-spacing: .05em; padding: 0 0 0.2em; text-transform: uppercase; }

.contact-block-leasing .office-phone span, .contact-block-leasing .mobile-phone span, .contact-block-leasing .contact-email span { color: #484848; font-weight: 600; }

.contact-form.column { width: 48%; }

/* Form
========================= */
.quform-1 .quform-label > label { color: #333c4e; font-family: 'Mulish', sans-serif; font-size: 1.5rem; font-weight: 600; text-transform: uppercase; }
.quform-1 .quform-input-select  .quform-field-select { padding: 20px; }

.quform-1 .quform-input-textarea .quform-field-textarea { font-weight: 600; resize: none; height: 150px; }

.quform-1 .quform-element-submit { vertical-align: bottom; margin: 10px 0; float: right; }
.quform-1 .quform-button-submit button { line-height: 1.2; transition: transform .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out,-webkit-transform .2s ease-in-out; }    
.quform-button-text.quform-button-submit-text { font-family: 'Mulish', sans-serif; font-size: 1.4rem; font-weight: 800; }
.quform-input.quform-input-recaptcha { font-size: 1.5rem; }
.quform-1 .character-counter { color: #828282; font-size: 1.6rem; }

.quform-1 .quform-success-message { background-color: #cef4a9; border-left: 5px solid #85c14b; color: #000; padding: 5px 15px; margin: 0 0 10px 0; position: relative; }

/* Responsive
--------------------------------------------- */
@media only screen and (min-width: 1980px) {
.hero { height: 700px; }
}

@media only screen and (min-width: 2500px) {
.hero { height: 750px; }
}

@media only screen and (max-width: 1480px) {
.hero { max-height: calc(100vw * 0.38852); }
.contact-title { font-size: 2.5rem; }
}

@media only screen and (max-width: 1280px) {
.hero { max-height: calc(100vw * 0.39063); }
.contact-overview { padding: 3.5em 0; }
.contact-title { font-size: 2.4rem; }
.contact-general.column { width: 52%; }
.contact-block-details { padding: 1.5em 0 1em; }
.contact-form.column { width: 46%; }
.quform-1 .quform-label > label { font-size: 1.4rem; }
.quform-button-text.quform-button-submit-text { font-size: 1.3rem; }
}

@media only screen and (max-width: 1140px) {
.contact-title { font-size: 2.3rem; }
.contact-block-details { padding: 1.5em 0 1em; }
}

@media only screen and (max-width: 1023px) {
.hero { max-height: calc(100vw * 0.39101); }
.contact-overview { padding: 3em 0 3.5em; }
.contact-title { font-size: 2.2rem; }
.contact-block-general-wrapper { flex-direction: row; flex-wrap: wrap; }
.contact-general.column { padding: 2em; width: 100%; }
.contact-block-general.column { padding: 1em 1em .5em; width: 50%; }
.contact-block-leasing.column { padding: 1em 1em .5em; width: 50%; }
.contact-form.column { padding: 2em 0 0; width: 100%; }
.contact-form.column .quform-1 { padding: 0 .5em; }
}

@media only screen and (max-width: 880px) {
.hero { max-height: calc(100vw * 0.39773); }
}

@media only screen and (max-width: 768px) {
.hero-container { padding: .8em 1.5em 0em; }
.hero { max-height: calc(100vw * 0.39064); }
.contact-overview { padding: 2.5em 0 3em; }
.contact-title { font-size: 2.1rem; }
.contact-general.column { padding: 2em 1.5em; }
.contact-block-general span { font-size: 1.7rem; }
.contact-block-leasing span { font-size: 1.7rem; }
}

@media only screen and (max-width: 719px) {
.contact-block-details { padding: 1em 0 .5em; }
.contact-block-general-wrapper { flex-direction: column; }
.contact-block-general.column { width: 100%; }
.contact-block-leasing.column { padding: .8em 1em .5em; width: 100%; }
}

@media only screen and (max-width: 640px) {
.hero { max-height: calc(100vw * 0.4297); }
.contact-overview { margin: 0 1.5em; }
.contact-general.column { padding: 2em 1.5em 1.5em; }
.contact-title { font-size: 2rem; }
.contact-overview { padding: 2.5em 0; }
.contact-subtitle { padding: 0 0 0.25em; }
.contact-block-details { padding: 1em 0 0.5em; }
.contact-block-details p { font-size: 1.7rem; }
.contact-form.column { padding: 1.5em 0 0; }
}

@media only screen and (max-width: 580px) {
.contact-block-leasing .leasing-title { padding: 0; }
}

@media only screen and (max-width: 480px) {
.hero { max-height: calc(100vw * 0.46874999); }
.contact-title { font-size: 1.9rem; }
.contact-overview { padding: 2.5em 0 2em; }
.contact-general.column { padding: 2em 1.2em 1.5em; }
.contact-block-details { padding: .8em 0 0.5em; }
.contact-block-general.column { padding: 0.5em 1em; }
.contact-block-leasing.column { padding: .5em 1em; width: 100%; }
.quform-button-text.quform-button-submit-text { font-size: 1.2rem; }
}

@media only screen and (max-width: 420px) {
.hero { max-height: calc(100vw * 0.4762); }
}