.block {
width: 100%;
overflow-x: hidden;
position: relative;
}
.titleFont p, .titleFont strong{
font-family: "HelveticaNeue_HvCn";
}
.container{
width:1000px;
margin:0 auto;
position: relative; 
height: 100%;   
}
.scrolling #page {
overflow: hidden !important;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#content {
position: relative;
}
.bold { font-weight: bold;
font-style: normal;
line-height: 1;
text-transform: uppercase;
}
.btn, input[type='submit'].btn {
background-color: #fa5a0a;
color: #FFF;
text-decoration: none;
font-size: 15px;
padding: 8px 25px 5px 15px;
margin-right: 10px;
float: left;
background-repeat: no-repeat;
background-size: 8px 10px;
background-position: right 8px top 50%;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/indMap-white.png);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hbMenuBtn {
margin-right: 10px;
padding: 8px 22px 5px 12px;
background-color: #9d9d9d;
margin-bottom: 10px;
}
.hbHeaderContent {
width: 360px;
position: absolute;
bottom: 200px;
left: 0; padding: 20px;
}
#hbMenu {
position: fixed;
left: 0;
top: 125px;
background: #FFF;
padding-top: 10px;
z-index: 9000;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
width: 100%;
}
#hbMenu.noScroll, #hbMenu.noScroll.bottomHB{
bottom: auto !important;
top: 60px !important;
position: fixed;
}
@media screen and (max-width: 1200px){
#hbMenu.noScroll, #hbMenu.noScroll.bottomHB{
bottom: auto !important;
top: 60px !important;
}
}
#quickNav{
display: none;
}
#hbMenuContent {
float: left;
position: relative;
left: 50%;
}
#hbMenuContent li {
float: left;
position: relative;
left: -50%;
}
.hbMenuBtn{
margin-right: 10px;
padding: 8px 22px 5px 12px;
background-color:#9d9d9d;
margin-bottom: 10px;
}
.hbMenuBtn.active{
background-color:#fa5a0a;
}
.hbMenuBtn:hover{ }
.hbMenuBtn.lastMenuBtn{
margin-right:0;
}
#hbHeader {
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden;
}
@media screen and (min-width: 1025px){
#hbHeader {
background-attachment: fixed;
}
}
#hbMenu.bottomHB{
top: auto !important;
bottom: 0;
position:absolute;
}
img.hbImage {
height: 90%;
height: 100%;
width: auto;
position: absolute;
right: 0;
bottom: 0;
}
.hbEven img.hbImage {
right: auto;
left:0;
}
.hbBlock{
overflow: hidden;
}
.hbOdd.hbBlock {
color: #FFF;
}
@media screen and (min-width: 1025px){
.hbBlock { }
}
.hbOdd{
background-color:#312725;
}
.hbEven{
background-color:#FFF;
}
.hbBlockInner {
padding: 120px 0 0;
padding: 240px 0 0;
width: 60%;
float: left;
margin-bottom: 120px;
margin-left: 15%;
padding-left: 7%;
position: relative;
background:none !important;
}
.hbBlockInnerInner{
float:left;
}
.hbEven .hbBlockInnerInner{
float:none;
}
.hbLine{
width:3px;
height:100%;
position:absolute;
background:#fa5a0a;
left: 0;
bottom: 90px;
left: -2px;
}
.hbEven .hbLine{
bottom:auto;
top:0;
}
.hbInnerTitle{
padding-top: 120px;
padding-top: 180px;
}
.noScroll .hbBlockInner{
padding-top: 0;
}
.noScroll .hbInnerTitle{
padding-top: 90px;
}
.noScroll .hbLine { }
.hbEven .hbBlockInner {
margin-left: 30%;
}
.hbInnerBlockContent{
font-size:15px;
margin-top:30px;
float:left;
position: relative;
width: 100%;
}
.hbInnerBlock {
position: relative;
float: left;
height: 100%;
width: 100%;
margin-bottom: 40px;
}
.hbBlockBtns {
float: left;
}
.hbBtn {
float: left;
margin-top: 10px;
margin-right: 20px;
}
.hbInnerBlock.last{
padding-bottom: 0;
}
.hbInnerBlock.last .hbBtn {
bottom: -40px;
}
.hbIcon {
background: #fa5a0a;
float: left;
width: 72px;
height: 72px;
position: absolute;
top: 50%;
margin-top: -36px;
left: -16%;
border-radius: 50%;
}
.hbIcon img{
width: 40px;
height: 40px;
margin-top: 16px;
margin-left: 16px;
float: left;
}
a {
text-decoration: none;
}
.outer{
right: auto;
}
footer {
float: left;
width: 100%;
margin-top: 40px;
}
.top_title_careers {
font-size: 90px;
}
.invDesktop{
display:none;
}
.invMobile{
display:block;
}
.scrolling #allContainer {
overflow: hidden !important;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#wrapper {
position: absolute;
top: 0;
left: 0;
-webkit-transition: margin 0.3s ease-in-out;
-o-transition: margin 0.3s ease-in-out;
-moz-transition: margin 0.3s ease-in-out;
transition: margin 0.3s ease-in-out;
}
.fhBlock{
position:relative;
float:left;
width:100%;
height:100%;
}
.careersTitle {
height: auto;
z-index: 20;
}
.careersTitleInner{
padding: 40px 0 0;
}
.fhBlockInner {
position: relative;
}
.fhBlockTop {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
width: 100%;
height: 1000px;
}
.white {
color: white;
}
.topCareersDivision {
width: 100px;
height: 2px;
background-color: #FFF;
clear: both;
margin: 20px 0 25px;
}
.topCareersContainer{
width: 50%;
}
.topHBContainer{
width: 50%;
}
.topBannerBtn{
margin-top: 10px;
margin-top: 20px;
margin-right: 25px;
}
.smallTitleBold {
font-size: 32px;
}
.smallTitleBold strong{ }
.smallerTitleBold {
font-size: 24px;
}
.orangeLineSmall {
width: 70px;
height: 1px; background-color: #5a5a5a;
float: left;
clear: both;
margin: 10px 0;
}
.whiteOpportunitiesLine {
width: 90px;
display: inline-block;
background: #FFF;
height: 1px;
margin: 10px 0;
}
.careersPhrases1 {
width: 300px;
border-bottom: 2px solid #5a5a5a;
margin-bottom: 5px;
float: left;
clear: both;
}
.careersPhrases2 {
width: 300px;
margin-bottom: 20px;
float: left;
clear: both;
}
.pageColumn{
float:left;
margin-right:20px;
}
.pageColumn p {
float: left;
width: 100%;
margin-top: 7px;
}
.col-1{
width: 100%;
margin-right: 0px;
}
.col-2{
width: 480px;
margin-right: 40px;
}
.col-3{
width: 320px;
}
.lastCol{
margin-right:0px;
}
.careersTitleHalf{
width: 50%;
float: left;
}
.careersTitleHalfRight {
margin-left: 5%;
width: 45%;
color: #FFF;
}
.careersCultureBlock .careersTitleInnerCulture {
color: #FFF;
}
.flBlockGray {
background-color: #ebebeb;
}
.flBlockImg {
background-position: center center;
background-size: cover;
}
.fhBlockHalf {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
}
.fhBlockHalfRight {
left: auto;
right: 0;
cursor: pointer;
}
.path_stories_right_block{
z-index: 100;
}
.benefitContainer {
width: 90%;
margin: 0 5%;
}
.benefitIcon {
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin-bottom: 10px;
}
.careerPathHomeBlock {
width: 25%;
float: left;
}
.careerPathHomeImage {
width: 100%;
height: 400px;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.benefitsBlockInner{
overflow:hidden;
}
.orangeLine {
float: left;
width: 100px;
height: 1px;
background-color: #5a5a5a;;
margin: 10px 0 20px;
}
.careerPathHomeDescription {
width: 100%;
float: left;
}
.careerPathHomeDescriptionInner {
width: 100%;
float: left;
color: #312725;
}
.careerPathHomeContent {
padding: 20px 30px 0;
float: left;
color: #312725;
}
.benefitBlock {
width: 23%;
margin: 10px 1%;
float: left;
}
.btnCentered {
float: none;
}
.flBlockHalf {
width: 50%;
float: left;
text-align: center;
}
.flBlockHalfLeft{
}
.flBlockHalfRight{
}
.fitBlockHalf {
width: 50%;
position: absolute;
height: 100%;
top: 0;
left: 0;
}
.fitBlockHalfRight {
left: auto;
right: 0;
}
.blockOpportunitiesInner {
max-width: 300px;
margin: 0 auto;
text-align: center;
}
.fitImageCountry{
overflow:hidden;
}
.fitImageCountry.active{
background-size: 110%;
}
.fitImageCountryInner{
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
background-size: cover;
background-repeat: no-repeat;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.fitImageCountry.active .fitImageCountryInner{
top:-5%;
left:-5%;
width:110%;
height:110%;
}
.blockOpportunitiesContent {
}
.leftSocialContainerCareers {
position: absolute;
left: 0;
width: 25%;
height: 100%;
background: #b6aca9;
box-sizing: border-box;
text-transform: uppercase;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.leftSocialContainerCareers:hover {
background: #9b9390;
}
.leftSocialContainerCareers .outer {
width: 70%;
left: 15%;
}
.leftSocialContainerCareers .inner {
line-height: 1.4;
font-size: 16px;
}
.rightSocialContainerCareers {
position: absolute;
width: 75%;
right: 0;
height: 100%;
top: 0;
}
.ctaBlogSocial{
width: 66%;
width: 66.66%;
float: left;
position: relative;
height: 50%;
overflow: hidden;
background:#4a4a4a;
text-align:center;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ctaBlogSocial:hover{
background:#302e2e;
}
.blog_careers{
width: 50px;
margin-top: 30px;
position: relative;
display: inline-block;
}
.blog_careers img{
width: 50px;
}
.ctaBlogSocial .outer {
width: 60%;
left: 20%;
}
.ctaBlogSocial .inner {
line-height: 1.4;
font-size: 16px;
}
.fitBtn {
display: inline-block;
}
.instaImageCareers {
width: 33%;
width: 33.33%;
float: left;
position: relative;
height: 50%;
overflow: hidden;
}
.instaImageCareersInner{
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.instaImageCareers:hover .instaImageCareersInner{
top:-10%;
left:-10%;
width:120%;
height:120%;
}
.instaIcon{
position: absolute;
width: 50px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
}
.instaOverlay{
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
background-color:rgba(0,0,0,0.3);
}
.instaIconInstagram{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/careers_icon_instagram.png);
}
.instaIconBlog{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/careers_icon_blog.png);
}
.fhBlockCountry {
background: #b0afaf;
position: absolute;
width: 100%;
height: 100%;
left: 100%;
top: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 100;
}
.fhBlockCountry.active {
left: 0%;
opacity: 1;
}
.fhBlockCountry .fhBlockInner {
width: 105%;
left: -1%;
margin-top: 0 !important;
}
.careerDepartment {
overflow: hidden;
color: #FFF;
position: relative;
float: left;
width: 19%;
height: 32.7%;
text-align: center;
background-size: cover;
background-position: center center;
margin: 0.2%;
}
.careerDepartment .smallTitleBold {
width: 80%;
margin: 0 auto;
padding-top: 14px;
font-size: 26px;
}
.deptBG {
background: rgba(0,0,0,0.6);
position: absolute;
width: 100%;
height: 100%;
}
.deptHover{
}
.emptyCareerDepartment{
background-color:#312725;
text-align: center;
background-size: 20%;
background-size: 25%;
background-position: center center;
background-repeat:no-repeat;
}
.fhBlockCountryUS .careerDepartment {
width: 32.7%;
height: 34.7%;
margin: 0.2%;
}
.closeDepartments{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/closeDepartment.png);
position: absolute;
top: 40px;
right: 30px;
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
cursor: pointer;
z-index: 100;
}
.flBlockLightGray{
background-color:#efefef;
}
.testimonialContainer {
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.testimonialContainerRight {
left: auto;
right: 0;
}
.testimonialBlock {
position: relative;
width: 50%;
float: left;
height: 50%;
background-position: center;
background-size: cover;
}
.testimonialBlockFlRight{
float:right;
}
.testimonialBlock.testimonialBlockLarge {
width: 100%;
}
.testimonialBlock .inner {
padding: 0 30px;
}
.testimonialBlockLarge .inner {
padding: 0 60px;
}
.testimonialFullBlock {
width: 100%;
height: 100%;
position: absolute;
background-color: #b6aca9;
top: 0;
left: 0;
}
.testimonialContainerHalf{
width:40%;
margin-top: 50px;
float:left;
}
.testimonialContainerLine{
width: 40%;
height: 1px;
background: #FFF;
float: left;
margin: 30px 0 0;
}
.testimonialContainerTitle {
margin-bottom: 10px;
}
.additionalTestimonialSubtitle{
margin: 10px 0;
}
.playCareersVideo{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/careersVideo.png);
width: 80px;
height: 80px;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -40px;
z-index: 100;
}
.benefitTitleInner {
font-size: 16px;
width: auto;
float: none;
}
.firstCareerCol{
width: 280px;
margin-right: 40px;
}
.firstCareerCol p{
margin-top: 0px;
}
.playCultureVideo{
}
#hbMenu {
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
}
.deptHover {
padding: 0 10%;
left: -1px;
width: 82%;
height: 102%;
text-align: left;
opacity: 0;
background: #FFF;
position: absolute;
top: 100%;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.careerDepartment:hover .deptHover {
top: -1px;
opacity: 1;
}
.deptBtn {
font-weight: bolder;
border-bottom: 2px solid #fa5a0a;
float: left;
}
#hbMenu{
overflow: visible;
}
#hbMenuContent ul {
display: none;
position: absolute;
width: 160px;
top: 28px;
margin-left: -40px;
padding-top: 8px;
left: 0;
}
#hbMenuContent li:hover ul {
display: block;
}
#hbMenuContent ul li {
left: 0;
width: 100%;
text-align: center;
line-height: 1.2;
box-sizing: border-box;
padding: 0px 20px 20px;
background: #F3F3F3;
}
#hbMenuContent ul li.firstPath {
border-top: 2px solid #fa5a0a;
padding-top: 20px;
}
#hbMenuContent ul li a{
color: #5a5857;
text-decoration:none;
width: 100%;
float: left;
}
#hbMenuContent ul li a.active{
color : #fa5a0a;
}
#hbMenuContent ul li a:hover{
color:#fa5a0a;
}
.locationBottom #hbMenuContent ul {
top: auto;
bottom: 10px;
bottom: 7px;
margin-bottom: 31px;
}
.forceCenter{
margin-top: 0px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.noArrowCareers{    
padding: 8px 17px 5px 17px;
background-image: none;
}
.careerPathHover{
display:none;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.careerPathPlay{
opacity:0;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/careersVideo.png);
width: 30px;
height: 30px;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -15px;
z-index: 100;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.careerPathHover:hover .careerPathPlay {
opacity: 1;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
}
.careersCultureBlock {
overflow: hidden;
}
video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
z-index: 10;
}
.benefitArrow{
display:none;
}
.plus_careers{
display:none;
}
.linkedin_careers img {
width: 50px;
margin-top: 50px;
}
.plus_path_testimonial{
display:none;
}
#page{
overflow-x: hidden;
}
.btn, input[type='submit'].btn{
}
.newBlock .hbOdd .hbBlockBtns .btn, input[type='submit'].btn{
color:#fff !important;
border-color: #b9b9b9;
}
.newBlock .hbEven .hbBlockBtns .btn, input[type='submit'].btn{
color:#312725 !important;
border-color: #5a5a5a;
}
.newBlock .hbBlockBtns .btn, input[type='submit'].btn{
background-color: transparent !important;
background-image: none;
border-bottom: 2px solid;
background: transparent;
padding-left: 0;
padding-right: 0;
}
.faqTypes{
position:absolute;
right:0;
top:0;
right: 20px;
}
.faqType{
width:50px;
height:40px;
float:right;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size:cover;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/faqSign.png);
position:relative;
}
.faqTypeInner{
width: 26px;
height: 26px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
position: absolute;
top: 7px;
right: 7px;
}
.faqTypeHome{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/faq-homes.png);
}
.faqTypeCondo{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/faq-condos.png);
}
.faqTypeCentral{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/faq-central.png);
}
.faq-sizer { 
width: 33%;
}
.faq-item {
float: left;
width: 33%;
margin-bottom:20px;
}
#facWrapper{
background:#ededed;
overflow: hidden;
}
#headFaq {
width: 100%;
margin: 0 auto;
}
#faq {
padding: 50px 0;
width: 100%;
}
.wtf{
width: 50%;
margin-top: 10px;
}
.faq-item-inner {
padding: 20px;
padding-left: 30px;
padding-top: 40px;
background: #FFF;
float: left;
margin: 10px;
box-sizing: border-box;
width: 100%;
width: calc(100% - 20px);
}
.what-the-faq{
float: left;
padding-top: 8px;
padding-left: 20px;
position: relative;
min-height: 20px;
box-sizing: border-box;
width: 100%;
}
.what-the-faq.answer p {
word-wrap: break-word;
}
.question{
text-transform:uppercase;
margin-bottom: 10px;
}
.what-the-faq span {
font-size: 25px;
position: absolute;
top: 0;
top: 4px;
left: -10px;
}
#faqContainer {
float: left;
width: 100%;
margin: 30px 0;
position: relative;
}
.testimonialPageContentInner {
font-size: 15px;
}
@media screen and (max-width: 1200px){
.testimonialPageContentInner p{
line-height: 1.2;
}
}
@media screen and (max-width: 1700px) {    
.title {
font-size: 45px;
}
}
@media screen and (max-width: 1024px) {
.container{
width: 90%;
}
.pageColumn {
width: 40%;
margin: 0 5%;
}
.col-1{
width: 90%;
margin: 0 5%;
}
.firstCareerCol {
width: 90%;
}
#quickNav{
display: block;
position: absolute;
width: 120px;
text-align: center;
bottom: -30px;
margin-left: -80px;
left: 50%;
margin-right: 0;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/select-white.png);
background-size: 10px 7px;
padding: 8px 25px 5px 15px;
margin-bottom: 0px;
background-color: #312725 !important;
}
#quickNav.active{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/select-white-back.png);
}
.hbHeaderContent {
position: relative;
bottom: auto !important;
width: 80%;
padding: 20px 5%;
margin: 110px 5% 15px;
}
#hbMenu.bottomHB, #hbMenu{
position: fixed;
bottom: auto;
overflow: visible;
border-bottom: 4px solid #312725;
padding: 0;
}
.hbIcon {
left: -16%;
width: 12%;
height: auto;
top: auto;
bottom: 0;
}
.hbIcon img {
width: 60%;
height: auto;
margin: 0;
padding: 20%;
}
#hbMenuContent li{
width: 100%;
}
btn.hbMenuBtn{
width: 90%;
padding: 8px 5% 5px;
}
.hbMenuBtn {   background: none;
color: #312725;
width: 90%;
margin: 0 5%;
padding: 10px 0;
}
.hbMenuBtn.active{
color:#FFF;
}
.hbMenuBtn:hover {
background: none !important;
color: #fa5a0a;
}
#faq {
width: 90%;
margin-left: 5%;
}
#headFaq{
width:100%;
}
.wtf{
width:100%;
}
.faq-sizer { 
width: 100%;
}
.faq-item {
width: 100%;
}
}
@media screen and (max-width: 1400px){ .locationBottom #hbMenuContent ul {
margin-bottom: 28px;
bottom: 10px;
}
.benefitTitle {
width: 100%;
float: left;
position: relative;
}
.benefitIcon {
float: left;
margin-right: 10px;
width: 22px;
height: 22px;
}
.pageTitle {
font-size: 18px;
line-height: 1.2;
}
.title {
font-size: 38px; 
}
.smallTitleBold {
font-size: 28px;    
font-size: 26px;
}
.benefitTitleInner { width: auto;
float: initial;
font-size: 14px;
}
.orangeLine {
margin: 5px 0 10px;
}
.top_title_careers {
font-size: 70px;
}
.careerDepartment .smallTitleBold {
font-size: 18px;
}
.careersPhrases1 {
width: 260px;
}
}
@media screen and (max-width: 1024px){
.active #quickNav{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/select-white-back.png);
}
.noArrowCareers{  
padding: 8px 0% 5px;
}
#hbMenu {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#hbMenu.active{
top:61px !important;
top: 0px !important;
}
.top_title_careers {
font-size: 60px;
}
.invDesktop{
display:block;
}
.invMobile{
display:none;
}
#hbMenu.topCareers {
top: 0px;
margin-top: 61px;
}
.blockCareers{
}
.blockCareers .middle{
}
.fhBlock .outer{
position: relative;
display: block;
}
.fhBlock .middle{
display: block;
}
.fhBlock{
top:0 !important;
}
.topCareersContainer {
margin-left: 5%;
}
.topHBContainer{
width: 80%;
margin: 0 auto;
padding: 70px 0;
}
.careersTitle.container {
width: 90%;
margin: 20px 5%;
}
.benefitBlock {
width: 31.33%;
margin: 20px 1%;
}
.blockWhereYouFit{
width: 100%;
overflow: hidden;
}
.blockWhereYouFit .flBlockHalf{
padding: 100px 0;
}
.careerPathHomeContent {
margin-bottom: 40px;
}
.instaImageCareers {
height: 300px;
}
.careerPathHomeDescription {
min-height: 250px;
min-height: 150px;
}
.ctaBlogSocial .outer {
position: absolute;
display: table;
width: 80%;
right: 10%;
}
.ctaBlogSocial {
height: 300px;
}
.ctaBlogSocial .middle {
display: table-cell;
}
.ctaBlogSocial .inner {
font-size: 16px;
}
.linkedin_careers img {
margin-top: 20px;
}
.blog_careers {
margin-top: 10px;
}
.socialContainerCareers {
position: relative;
width: 100%;
float: left;
height: auto;
}
.socialContainerCareers.leftSocialContainerCareers {
width: 80%;
padding: 50px 10%;
box-sizing: initial;
font-size: 16px;
}
.socialContainerCareers.leftSocialContainerCareers .outer {
width: 100%;
float: left;
right: auto;
padding: 0px;
}
.testimonialBlock {
height: 300px;
}
.fhBlock .testimonialContainer .outer {
display: table;
position: absolute;
}
.fhBlock .testimonialContainer .middle {
display: table-cell;
}
.testimonialBlock.testimonialBlockLarge {
height: 300px;
width: 50%;
}
.testimonialBlockLarge .inner {
padding: 0 30px;
}
.pageColumn {
margin-bottom: 40px;
}
.careerPathHomeBlock {
width: 50%;
}
.flBlockImgCountry {
position: relative;
width: 100%;
float: left;
padding: 50px 0;
background-size: cover;
background-position: center;
}
.forceCenter {
top: 0;
transform: none;
}
.careersTitleInner{
color: #312725;
}
.emptyCareerDepartment{
display:none;
}
.fhBlock .outer.vCenter{
display: table;
position: absolute;
}
.fhBlock .outer.vCenter .middle {
display: table-cell;
}
.fhBlock .outer.deptHover.vCenter {
display: none;
}
.fhBlockCountry .fhBlockInner {
float: left;
}
.careerDepartment, .fhBlockCountryUS .careerDepartment {
width: 32%;
height: 200px;
}
.fitImageCountryInner{
background-image:none !important;
}
.blockWhereYouFit.active .fhBlockCountry.active {
position: relative;
}
.blockWhereYouFit.active .countryCareersTitle {
display:none;
}
.blockWhereYouFit.active .careersCountryInfo {
display:none;
}
.careersTitleInner.careersTitleHalf {
width: 100%;
}
.containerCareersInnerCareValues{
width: 90%;
float: left;
margin-left: 5%;
margin-bottom: 20px;
}
.careersCultureBlock{
width: 100%;
float: left;
height: 400px;
position: relative;
}
.careersTitleInnerCulture{
padding-top:20px;
}
.fhBlockCountry .fhBlockInner.fhBlockMtop {
margin-top: 2px !important;
background: #b0afaf;
}
.testimonialContainer {
width: 100%;
height: auto;
position: relative;
}
.testimonialPageImage{	
width: 100%;
height: 500px;
position: relative;
float: left;
}
.testimonialFullBlock {
position: relative;
float: left;
}
.testimonialFullBlock .testimonialContainerHalf {
width: 80%;
padding: 60px 10%;
margin-top: 0;
}
.testimonialContainerLine{
}
.blockCareValues {
background-color: #ebebeb;
margin-top: 40px;
}
.blockCareValues .careersTitle {
margin-top: 0;
margin-bottom: 0;
}
div#firstCareerPhrase {
margin-top: 20px;
}
.arrowMobCareers {
display: block;
width: 40px;
height: 40px;
position: absolute;
right: 0;
top: 0;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/icon-mobile-plus.png);
background-size: 15px 15px;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: 3;
}
.hbInnerTitle {
padding-top: 90px;
float:left;
}
#hbMenuContent{
margin-top: 0;
float: left;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#hbMenuContent{
margin-top: 0;
float: left;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.locationBottom #hbMenuContent ul {
bottom: auto;
margin-bottom: 0;
}
.arrowMobCareers.active {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/icon-mobile-minus.png);
}
ul#hbMenuContent li.active .arrowMobCareers {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/icon-mobile-minus.png);
}
#hbMenuContent li:hover ul {
display: none;
}
#hbMenuContent li.active:hover ul, #hbMenuContent li.active ul{
display:block;
}
.hbMenuBtn { font-weight: normal;
font-style: normal;
text-transform: uppercase;
line-height: 20px;  }
#hbMenuContent ul {
position: relative;
display: none;
width: 100%;
top: 0;
margin-left: 0;
float: left;
padding-top: 0;
}
#hbMenuContent ul li.firstPath {
border-top: none;
padding-top: 10px;
}
#hbMenuContent ul li {
text-align: left;
background-color: #ebebeb; padding: 5px 5% 10px;
}
.path_stories_right_block {
height: 600px;
position: relative;
float: left;
width: 100%;
}
.additionalTestimonialSubtitle {
}
.careersTitleInner{
margin-bottom: 30px;
}
.testimonialFullBlock {
position: relative;
float: left;
}
.firstCareerCol {
width: 90%;
}
.careersPhrases1 {
width: 85%;
}
#firstCareerPhrase {
margin-top: 0 !important;
}
.careersPhrasesBlock {
width: 50%;
float: left;
}
.benefitDescription {
padding-left: 32px;
}
.benefitTitleInner {
width: 100%;
padding-left: 32px;
float: left;
box-sizing: border-box;
margin-bottom: 5px;
}
.benefitIcon {
position: absolute;
top: 0;
left: 0;
}
.careerPathHomeDescriptionInner {
font-size: 15px;
}
.careerPathHomeContent .orangeLine {
margin: 6px 0 14px;
}
.linkedinTextContainer{
}
.testimonialPageContentInner {
font-size: 15px;
}
.careersPhrasesBlock-1 {
box-sizing: border-box;
padding-left: 6%;
}
.hbImage{
display:none;
}
.hbBlockInner{
margin-top: 0 !important;
padding-top: 0px;
margin-left: 10%;
width: 70%;
}
.hbEven .hbBlockInner {
margin-left: 10%;
}
.hbBlockInnerInner, .hbEven .hbBlockInnerInner{
float:left;
}
}
@media screen and (max-width: 700px){
.careersTitleInner {
margin-bottom: 30px;
}
.careersPhrasesBlock-1 {
padding-left: 0%;
}
.careerPathHomeDescriptionInner {
font-size: 14px;
}
.title {
font-size: 30px;
}
.smallTitleBold {
font-size: 22px;
}
.careerDepartment .smallTitleBold{
font-size: 20px;
}
.pageTitle {
font-size: 16px;
}
.testimonialBlock {
width: 100%;
height: 400px;
}
.careerDepartment .smallTitleBold {
padding-top: 0;
}
.testimonialBlockText {
height: auto;
padding: 20px 0;
}	
.fhBlock .testimonialContainer .testimonialBlockText .outer{
position: relative;
display: block;
}
.fhBlock .testimonialContainer .testimonialBlockText .middle {
display: block;
}
.blockCareers .outer{
width: 90%;
padding: 0px 5%;
}
.topCareersContainer {
width: 100%;
width: 80%;
margin-left: 0%;
}
.containerCareersInnerCareValues{
width: 100%;
margin-left: 0%;
}
.topBannerBtn{
width: 50%;
}
.careerPathHomeDescription .btn {
width: 40%;
margin-left: 30%;
box-sizing: border-box;
}
.flBlockImgFit {
display: none;
}
.blockCareers.blockWhereYouFit .outer {
width: 100%;
padding: 0;
}
.flBlockImgCountry {
width: 100%;
background-size: cover;
background-position: center center;
}
.pageColumn {
width: 100%;
margin: 0;
margin-bottom: 30px;
}
.instaImageCareers {
width: 50%;
height: 300px;
}
.testimonialBlock.testimonialBlockLarge {
height: 400px;
width: 100%;
}
.testimonialBlock.testimonialBlockLarge.testimonialBlockText{
height: auto;
padding: 20px 0;
}
.top_title_careers {
font-size: 40px;
}
.careerDepartment, .fhBlockCountryUS .careerDepartment {
width: 49%;
height: 200px;
}
.closeDepartments {
top: 20px;
right: 10px;
width: 20px;
height: 20px;
}
.ctaBlogSocial .outer {
position: relative;
right: 0;
margin: 50px auto;
width: 80%;
}
.ctaBlogSocial .middle {
display: block;
}
.ctaBlogSocial {
width: 100%;
height: auto;
position: relative;
float: left;
overflow: auto;
}
.fitImageCountryInner {
background-image:none !important;
}
.testimonialFullBlock .testimonialContainerHalf {
width: 100%;
padding: 0%;
}
.careersPhrasesBlock{
width: 100%;
}
.careersPhrases1 {
width: 100%;
}
.careersPhrases2 {
width: 100%;
}
.benefitsBlockInner .outer{
width: 100%;
padding: 0;
}
.benefitContainer {
width: 100%;
margin: 0;
}
.benefitBlock {
width: 90%;
margin: 0;
padding: 0 5%;
}
.benefitBlock:nth-child(even) {
background: #FFF;
}
.benefitBlock:nth-child(odd) {
background-color: #ebebeb;
}
.benefitTitle {
height: 60px;
display: table;
position: relative;
}
.benefitIcon {
margin-top: 15px;
margin-top: 17px;
margin-right: 15px;
}
.benefitTitleInner.pageTitle {
display: table-cell;
vertical-align: middle;
text-align: left;
width: 100%;
padding-right: 40px;
float: none;
padding-top: 5px;
}
.benefitDescription {
display: none;
float: left;
width: 100%;
margin-bottom: 20px;
}
.active .benefitDescription {
display:block;
box-sizing: border-box;
}
.active .benefitArrow{
background-image:url(//empirecommunities.com/wp-content/themes/empire-theme/images/downArrow_careers_active.png);
}
.benefitArrow{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/downArrow_careers.png);
display: block;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 30px;
height: 30px;
position: absolute;
right: 0;
background-repeat: no-repeat;
background-size: 10px;
background-position: center;
top: 50%;
margin-top: -15px;
}
.careerPathHomeBlock {
width: 100%;
margin-bottom: 30px;
margin-bottom: 0;
}
.careerPaths .outer {
width: 100%;
padding: 0;
}
.careerPathHomeContent {
margin-bottom: 0;
width: 100%;
float: left;
padding: 0;
}
.careerPathHomeTitle {
width: 90%;
float: left;
position: relative;
text-align: center;
padding: 5px 5%;
}
.orangeLine {
display: none;
}
.careerPathHomeImage {
float: left;
}
.active .careerPathHomeDescription {
display: block;
background: #b6aca9;
padding: 50px 5%;
padding: 30px 5%;
width: 90%;
min-height: 0px;
}
.plus_careers{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
top: 3px;
margin-left: 5px;
}
.minus_careers{
display:none;
}
.active .plus_careers{
display:none;
}
.active .minus_careers{
display: inline-block;
}
.careerPathHomeDescription {
display: none;
}
.linkedin_careers img {
margin-top: 10px;
}
.testimonialFullBlock .outer {
width: 100%;
padding: 0px;
}
.testimonialFullBlock {
position: relative;
float: left;
}
.testimonialFullBlock .testimonialContainerHalfInner {
}
.testimonialContentHalfInner{
display: none;
width: 90%;
padding: 40px 5%;
width: 80%;
padding: 40px 10%;
float:left;
}
.active .testimonialContentHalfInner{
display:block;
}
.testimonialContainerHalfInner .smallTitleBold {
background: #FFF;
text-align: center;
padding: 10px 5% 5px;
width: 90%;
}
.plus_path_testimonial{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/downArrow_careers.png);
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 10px;
height: 10px;
background-repeat: no-repeat;
background-size: 10px;
background-position: center;
position: relative;
top: -5px;
margin-left: 10px;
}
.active .plus_path_testimonial{
background-image:url(//empirecommunities.com/wp-content/themes/empire-theme/images/downArrow_careers_active.png);
}
.topBannerBtn.pathBtn {
width: auto;
}
.topBannerBtn.pathBtn {
width: auto;
padding: 8px 25px 5px 20px;
margin-right: 15px;
}
.testimonialPageBlockText, .testimonialBlock.testimonialBlockLarge.testimonialBlockText{
height: auto;
padding: 0;
}
.testimonialPageBlockText .inner{
padding: 0;
}
.testimonialPageContentInner{
display:none;
padding: 40px 5%;
float: left;
}
.active .testimonialPageContentInner{
display:block;
}
.testimonialPageBlockText .outer {
width: 100%;
padding: 0;
}
.testimonialPageContentInner p {
display: inline;
}
.testimonialPageBlockText .testimonialContainerTitle {
text-align: center;
margin-bottom: 0px;
padding: 10px 0 5px;
background: #FFF;
}
.testimonialPageBlockText .plus_path_testimonial {
top: -1px;
}
}
@media screen and (max-width: 500px){
#hbMenuContent ul li{
text-align:center;
}
.careerDepartment, .fhBlockCountryUS .careerDepartment {
width: 49%;
height: 170px;
}
.instaImageCareers {
width: 50%;
height: 200px;
}
}
@media screen and (min-width: 1025px){
.flBlockImgCountry {
background-image:none !important;
}
.careerPathHomeBlock:hover{
}
.careerPathHomeBlock:hover .careerPathHomeImage{
}
.careerPathHomeBlock:hover .careerPathHover{
display:block;	
}
}
@media screen and (min-width: 1700px){
html, body {
font-size: 18px;
}
.title{
font-size: 54px;
}
.smallTitleBold {
font-size: 32px;
}
.top_title_careers {
font-size: 120px;
}
.benefitIcon {
width: 40px;
height: 40px;
}
.benefitTitleInner {
font-size: 20px;
}
.deptHover .department_title {
margin-bottom: 10px;
}
.linkedin_careers img {
width: 80px;
}
.instaIcon {
width: 66px;
height: 66px;
margin-left: -33px;
margin-top: -33px;
}
.blog_careers img {
width: 66px;
}
.leftSocialContainerCareers .inner {
font-size: 18px;
}
.ctaBlogSocial .inner {
font-size: 18px;
}
.careerPathHomeContent {
font-size: 16px;
}
.careerPathHomeContent .orangeLine {
margin: 2px 0 15px;
}
.col-1{
}
.col-2{
width: 730px;
margin-right: 40px;
}
.col-3{
width: 470px;
margin-right: 45px;
}
.lastCol {
margin-right: 0px;
}
.firstCareerCol {
width: 430px;
margin-right: 80px;
}
.container {
width: 1500px;
}
.pageTitle {
font-size: 24px;
margin-bottom: 5px;
}
.hbHeaderContent {
width: 500px;
padding: 30px;
}
#faq {
width: 1520px;
}
#headFaq {
width: 1500px;
}
#faqContainer {
margin: 50px 0;
}
.what-the-faq {
padding-left: 30px; }
.what-the-faq span {
font-size: 30px;
}
.faq-sizer {
width: 25%;
}
.faq-item {
width: 25%;
}
}
@media screen and (min-width: 2400px){
html, body { }
.btn, input[type='submit'].btn { }
.pageTitle { }
.top_title_careers {
font-size: 120px;
}
.smallTitleBold { }
.firstCareerCol {
width: 580px;
margin-right: 80px;
}
.careersPhrases1 {
width: 450px;
}
.careersPhrases2 {
width: 450px;
}
.benefitTitleInner { }
.careersTitleInner {
padding: 60px 0 0;
}
.careerDepartment .smallTitleBold { }
.smallerTitleBold{ }
#hbMenuContent ul li {
width: 160%;
left: -30%;
}
.locationBottom #hbMenuContent ul {
bottom: 14px;
}
#hbMenuContent ul {
top: 33px;
padding-top: 14px;
}
}
.fhBlockTop .topCareersContainer .btn, input[type='submit'].btn{
color:#fff !important;
border-color: #b9b9b9;
}
.fhBlockTop .topCareersContainer .btn, input[type='submit'].btn{
background-color: transparent !important;
background-image: none;
border-bottom: 2px solid;
background: transparent;
padding-left: 0;
padding-right: 0;
}
.careerPaths .careerPathHomeDescription .btn, input[type='submit'].btn{
color:#312725 !important;
border-color: #5a5a5a;
}
.careerPaths .careerPathHomeDescription .btn, input[type='submit'].btn{
background-color: transparent !important;
background-image: none;
border-bottom: 2px solid;
background: transparent;
padding-left: 0;
padding-right: 0;
} .newBlock #hbMenuContent .hbMenuBtn {
padding: 8px 12px 5px 12px;
background-color: #eff0f2 !important;
color:#302825 !important;
background-image: none;
}
.newBlock #hbMenuContent .hbMenuBtn.active {
background-color: #302825 !important;
color: #fff !important;
}
.newBlock .hbOdd .hbIcon{
background-color: #fff !important;
}
.newBlock .hbOdd .hbLine{
background-color: #fff !important;
}
.newBlock .hbEven .hbIcon{
background-color: #312725 !important;
}
.newBlock .hbEven .hbLine{
background-color: #312725 !important;
}
.newBlock .hbOdd .hbBlockBtns .btn, input[type='submit'].btn{
color:#fff !important;
border-color: #b9b9b9;
}
.newBlock .hbEven .hbBlockBtns .btn, input[type='submit'].btn{
color:#312725 !important;
border-color: #5a5a5a;
}
.newBlock .hbBlockBtns .btn, input[type='submit'].btn{
background-color: transparent !important;
background-image: none;
border-bottom: 2px solid;
background: transparent;
padding-left: 0;
padding-right: 0;
}
.newBlock .hbBlockBtns .btn:hover{
background-color: transparent !important;
}
.newBlock .singleContent a, .authorDescription a {
color: #312725;
}
@media screen and (max-width: 1024px) {
.newBlock #hbMenuContent .hbMenuBtn{
background-color: #fff !important;
}
}