#siteheader-navigation-container #logo-icon .title-logo {fill: #fff;}
#siteheader-navigation-container.logo-text-dark #logo-icon .title-logo { fill: #f15a55; }

#navbar-collapse-main .nav.navbar-nav-sec li a.career { color: #f15a55; }

#lobby { position: relative; background: #4b4848; margin: 0; transition: background .2s ease; }
body.diffColor #lobby { background: #4b4848; }
#lobby:after { content: ''; display: table; clear: both; }
.contentBox #headline h1 { margin-bottom: 50px;}
.subHeader h2 {color: #4b4848; margin: 0 0 66px 0;}
.contentBox #headline h1, .subHeader h2 {font-size: 280%; font-family: 'SimplerBold'; letter-spacing: -1.5px; line-height: 48px;}

#topJobsContent { position: relative; color: #fff;}
#topJobsGallery, #topJobsContent {padding: 0;}
.contentBox { width: 535px;}
#topJobsContent p { font-size: 110%; letter-spacing: -0.53px; line-height: 30px;}
#JobCarousel {margin: 0;} 

#topJobsGallery             { height: 100vh; }
.ms-loading-container, .ms-loading-container .ms-loading, .ms-slide .ms-slide-loading { display: none !important; }

#jobListingBody { max-width: 1170px; margin: 0 auto; padding: 95px 0; }
.jobListingBox {position: relative; padding: 35px;}
.jobListingBox:after { content: ''; display: table; clear: both;}
.jobListingBox > * {display: inline-block; vertical-align: middle;}
.jobListingBox:nth-child(even) {background: #F6F6F6;}
.jobListingBox h3 {font-size: 135%; letter-spacing: -0.8px;    line-height: 1.6;}
.jobBtn {text-align: center; letter-spacing: -0.5px; line-height: 45px; float: left; }
.jobBtn a { display: inline-block; color: #fff; font-size: 105%; letter-spacing: -0.5px; border-radius: 23px; background: #f15a55; height: 46px; width: 185px; }

.mrw-dynamic-form .mrw-form-label { position: absolute; z-index: 1; display: block; width: 100%; top: 20px; left: 20px; right: 0; padding: 0 8px; font-size: 86%; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; pointer-events: none; }
#jobsFormBox .form-control:focus ~ label.mrw-form-label, #jobsFormBox .form-control.focus ~ label.mrw-form-label { top: -22px; font-size: 14px; color: #7c7c7c; padding: 0; left: 14px; }
#jobsFormBox fieldset > div:not(.submitBtnBox) { padding: 0; }
.resumeFileName { position: absolute; right: 0; top: 30px; width: 160px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont { background-size: cover; }
/*View Styles*/
/*#PageView *, #PageView #headline h1 { color: #4b4848;}
#jobListings {max-width: 700px; padding: 130px 30px 200px; margin: 0 auto;}*/
.informationTooltip                             { display: inline-block; vertical-align: middle; font-size: 75%; /*border: 1px solid; width: 25px; height: 25px; border-radius: 50%; position: relative;*/ }
.informationTooltip svg                         { width:20px;height:20px;    vertical-align: top;/*position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);*/ }
.tooltip                                        { background:transparent; }
.tooltip-inner                                  { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center;  text-decoration: none; background-color: #000; border-radius: 4px;font-size:80%;text-align:center; }
#jobFormBox .attachResume label.error           { display:none; left: auto; bottom: auto; top: auto; position: relative; font-size: 80%; margin-right: 20px; }
span#attachResume-error                         { position: absolute; width: 100%; }

span.error, small.error { position: absolute; top: 0; left: 0; background: transparent; color: #f15a55; }
.attachResume span#attachResume-error { width: auto; }

.jobBtn .hoverEffect, .form-submit > .hoverEffect { display: block; line-height: normal;  }
.jobBtn .hoverEffect { margin-top: 8px; }

@media(min-width: 1440px) {
    .contentBox { position: absolute; top: 50%; right: 45%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);}
}

@media(min-width: 991px) {
    #topJobsContent, #JobCarousel { height: 100vh; }
    #topJobsGallery, #topJobsContent {width: 49.5%; display: inline-block;}
    #topJobsGallery { float: right;}
}

@media(max-width: 1439px) {
    .contentBox { margin: auto; padding-top: 230px;}
}

@media(max-width: 1280px) {
    .contentBox #headline h1, .subHeader h2 { font-size: 280%;}
    #topJobsContent p { font-size: 120%;}
    #jobListingBody {max-width: 90%;}
    .jobListingBox h3 { font-size: 120%;}
}

@media(min-width: 991px) and (max-width: 1024px) {
    /*#body, .owl-item, .owl-carousel .owl-item img {height: 832px;}*/

    /*.innerContent p { direction: rtl;}*/
    .innerContent { max-height: 507px; /*overflow: auto; direction: ltr;*/ padding-right: 10px;}
}

@media(max-width: 1024px) {
    #jobListingBody { padding: 165px 0 95px;}
    .contentBox { max-width: 80%; padding-top: 120px;}
}

@media(min-height: 768px) and (max-height: 1023px) {
    .contentBox { padding: 0; position: absolute; top: 50%; right: 45%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); }
    /*.innerContent { overflow: visible;}*/
}

@media(max-width: 991px) {
    #JobCarousel { height: 720px;}
    .contentBox { max-width: 100%; width: 80%; padding: 60px 0;}
    #jobListingBody { padding: 60px 0;}
    #topJobsGallery { height: 60vh; }
    #jobViewDescriptionBox p { line-height: normal; }
    #jobsFormBox fieldset       { padding-right: 0; }
    #jobFormBox                 { margin-top: 50px; }
}

@media(max-width: 767px) {
    #JobCarousel { height: 450px;direction: ltr;}

    .contentBox { width: 90%; position: unset; top: unset; right: unset; transform: none; }
    .contentBox, #jobListingBody { padding: 40px 0;}
    #topJobsContent p { font-size: 100%; line-height: 1.42;}
    .contentBox #headline h1, .subHeader h2 { /*letter-spacing: -2.7px;*/ margin-bottom: 30px;  font-size: 190%; }

    .jobListingBox { padding: 20px;}
    .jobListingBox h3 { font-size: 100%; line-height:1; }
    .jobBtn {height: 35px; width: 120px; line-height: 33px; border-radius: 13px;}
    .jobBtn a { font-size: 90%; letter-spacing: -0.95px;width: 100%; height: 34px;}

    #topJobsGallery { height: 450px; }
    .mrw-dynamic-form .mrw-form-label { font-size: 80%;line-height: 1; }
        #jobsFormBox .form-control          { margin-bottom: 20px; }
    #jobsFormBox .form-control:focus ~ label.mrw-form-label, #jobsFormBox .form-control.focus ~ label.mrw-form-label { top: -30px; }
    #jobListingView #headline h1 { text-align: center; line-height: 1; }
    .mrw-dynamic-form                       { padding-bottom: 50px; }
    .jobBtn .hoverEffect { margin-top: 5px; }

}

@media(max-width: 375px) {
    .jobListingBox h3 { max-width: 130px; }
}

@media(max-width: 320px) {
    .contentBox #headline h1, .subHeader h2 { font-size: 230%;}
    .jobBtn { width: 110px;}
}