/* Contact Page */
#SiteFooterContainer{ display: none !important; }

#navbar-collapse-main .navbar-nav > li > a.contact { color: #f15a55; }

.title-logo { fill: #f15a55; }
#siteheader-navigation-container #logo-icon { fill: #4b4848 !important; }
.contact-page-section { width: 100%; min-height: 100vh; display: table; }

.contact-aside-form { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding-top: 200px; padding-bottom: 100px; }
.contact-aside-form .contact-forms-wrapper { width: 480px; margin: 0 auto; }
.contact-aside-form .contact-form-title { font-size: 185%; padding-left: 45px; line-height: 1; margin-bottom: 30px; }
.contact-aside-form .mrw-form-label { font-size: 90%; }
.contact-aside-form .form-submit { width: 185px; height: 46px; float: right; margin-top: 20px; border: none; border-radius: 23px; color: #fff; font-size: 110%; background-color: #f15a55;padding:0;font-family:inherit; }
.contact-aside-form .mrw-dynamic-form .form-control { border: none; font-size: 90%; height: 32px; border-bottom: 1px solid #4b4848; box-shadow: none; resize: none; border-radius: 0; padding: 0; min-height: 1px; margin-bottom: 50px; }
.contact-aside-form fieldset { border: none; padding: 0; }
.contact-aside-form fieldset > div { padding: 0; }
.contact-aside-form label.mrw-form-label { position: absolute; z-index: 1; display: block; top: -10px; left: 20px; right: 0; padding: 0 5px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; pointer-events: none; }
.contact-aside-form .form-control:focus ~ label.mrw-form-label, .contact-aside-form .form-control.focus ~ label.mrw-form-label { top: -22px; font-size: 14px; color: #7c7c7c; padding: 0; left: 14px; }
/*.contact-aside-form .mrw-dynamic-form { padding-right: 25px; }*/
.contact-address a.hoverEffect          { height: 23px; }
.contact-aside-info { width: 50%; display: table-cell; vertical-align: middle; position: relative; background-color: #f15a55; color: #fff; }
body.diffColor .contact-aside-info { background-color: #4b4848; }
.aside-content { width: 480px; margin: -30px auto 0; font-size: 90%; }
.aside-content > div:not(:last-child) { margin-bottom: 25px; }

.contact-title h3 { font-size: 110%; }
.contact-title h1 { font-family: 'CeraGRBlack-Richkid'; text-transform: uppercase; font-weight: bold; margin: 0 0 15px 0; font-size: 280%; }
.contact-address h3 { display: inline-block; }
.contact-address span { font-weight: bold; margin: 0 8px; }
.contact-address h2 { margin: 0 0 5px 0; font-size: 185%; font-weight: bold; }
.contact-address h3:first-of-type { border-bottom: 2px solid #fff; }
.contact-other-info { margin-top: 25px; padding-top: 20px; }
.contact-other-info h2 { margin: 15px 0 0 0; font-size: 110%; font-weight: bold; }
.contact-other-info h3 { font-size: 105%; }
.contact-other-info h3 a { display:block;}
.contact-socials { padding-top: 30px; }
.contact-socials a { background: #fff; border-radius: 50%; width: 32px; height: 32px; display: inline-block; text-align: center; margin-left: 20px; padding: 1px;position:relative;transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
.contact-socials a svg { fill: #f15a55; max-width: 18px;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out;  }
.contact-socials a:hover,.contact-socials a:focus { background: #4b4848; }
.contact-socials a:hover svg,.contact-socials a:focus svg {fill:#ffffff; }
.form-submit > .hoverEffect { display: block; line-height: 1; }

span.error, small.error { position: absolute; top: 0; left: 0; background: transparent; color: #f15a55; }
.contact-aside-form .mrw-dynamic-form .checkboxWrapper input[type=checkbox].form-control { width: 19px; height: 19px; -webkit-appearance: none; border: 1px solid; border-radius: 3px; display: inline-block; vertical-align: middle; margin-bottom: 0; background: #ffffff; cursor: pointer !important; }

.checkboxWrapper label.mrw-form-label { position: relative; top: auto; left: auto; right: auto; display: inline-block; vertical-align: middle; margin: 0; margin-right: 5px; font-size: 90%; padding: 0; }
.contact-aside-form .checkboxWrapper .form-control:focus ~ label.mrw-form-label, .contact-aside-form .checkboxWrapper .form-control.focus ~ label.mrw-form-label { top: auto; font-size: 90%; color: inherit; right: auto; left: auto; }
.contact-aside-form .mrw-dynamic-form .checkboxWrapper input[type=checkbox].form-control:checked { background-color: #4B4848 !important; background-image: url('../../../000Frames/site/images/checked-icon.png') !important; background-size: 75% !important; background-position: center center !important; background-repeat: no-repeat !important; }
.checkboxWrapper { margin-bottom: 15px; }
.contact-aside-form .mrw-dynamic-form
.contactContentWrapper textarea { margin-bottom: 30px; }

@media (max-width: 1170px) {
    .contact-aside-form .mrw-dynamic-form { padding: 0; }
    .contact-aside-form .contact-form-title { padding-left: 0; }
    .aside-content { width: 390px; margin-top: -40px; }
    .contact-aside-form .contact-forms-wrapper { width: 400px; margin: 0 auto; }
}

@media (max-width: 991px) {
    .title-logo { fill: #fff; }
    #siteheader-navigation-container #logo-icon { fill: #fff; }
    .contact-page-section { display: block; }
    .contact-aside-info { display: block; width: 100%; }
    .contact-aside-form { display: block; width: 100%; padding-top: 60px; padding-bottom: 60px; }
    .aside-content { margin: 0 auto; width: 500px; padding-top: 100px; padding-bottom: 85px; }
    .mrw-dynamic-form { display: block; }
    .contact-aside-form .mrw-dynamic-form { width: 100%; margin: 0 auto; padding-top: 0; padding-bottom: 0; }
    .contact-aside-form .contact-forms-wrapper { width: 500px; margin: 0 auto; }
    #siteheader-navigation-container.logo-text-dark .navbar-brand svg { fill: #474747; }
    #siteheader-navigation-container.logo-text-dark .navbar-brand svg .title-logo { fill: #f15a55; }
}

@media (max-width: 768px) {
    .row { margin: 0; }
    body.diffColor #siteheader-navigation-container #logo-icon { fill: #fff !important; }
    .contact-aside-form .contact-forms-wrapper, .aside-content { width: 90%; padding-right: 20px; padding-left: 20px; }
    .aside-content { padding-top: 120px; padding-bottom: 80px; }
    .contact-aside-form .contact-form-title { font-size: 150%; }
    .contact-aside-form { display: block; width: 100%; padding-top: 45px; padding-bottom: 45px; }
    .contact-address h3, .contact-title h3 { font-size: 100%; }
    .contact-title h1 { font-size: 215%; }
    .contact-address h2 { font-size: 205%; }
    .contact-other-info h2 { font-size: 105%; }
    contact-other-info h3 { font-size: 95%; }
    .contact-other-info { padding-top: 15px; }
    .checkboxWrapper label.mrw-form-label { width: calc(100% - 30px); vertical-align: top; line-height: 1.2; }
    .contact-aside-form .mrw-dynamic-form .checkboxWrapper input[type=checkbox].form-control { vertical-align: top; }
}

@media (max-width: 375px) {
    .contact-title h1 { font-size: 190%; }
    .contact-address h2 { font-size: 190%; }
    .contact-other-info h3 { font-size: 100%; }
    .contact-other-info h2 { font-size: 105%; }
    contact-other-info h3 { font-size: 95%; }
    .contact-aside-form .contact-forms-wrapper, .aside-content { width: 100%; }
    .contact-aside-form .contact-form-title { font-size: 180%; }
    .contact-aside-info .contact-address span { margin: 0 4px; }
    .contact-aside-info .contact-address h3:first-of-type { position: relative; bottom: -2px; }
}