.container{ max-width: 1230px; margin: 0 auto;}


/**
Header
**/
header{ display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0; left: 0; z-index: 3; width: 100%; background: transparent; transition: all 0.3s ease-in-out;}
header.headerInner{ background: #fff;}
.headerLeft{ padding: 10px 20px 10px 25px; flex: 1; display: flex; align-items: center;}
.headerLeft h1{ margin-right: 80px;}
.logo{ width: 131px; height: 78px; background: url(../images/fch-logo.png) 0 0 no-repeat; display: inline-flex;}
header.homeHeader{ align-items: flex-end;}
header.sticky{ background: #fff;}
header.homeHeader .headerLeft{ align-items: flex-end; padding: 0 20px 0 25px;}

.topNav ul{ display: flex; align-items: center;}
.topNav ul li{ margin-right: 35px; font-family: 'gothambold', Arial; font-size: 18px; color: #4A4A4A;}
.topNav ul li a{ color: #4A4A4A;}
.topNav ul li a:hover, .topNav ul li a.activePage{ color: #FF8D6B;}
.headerRight{ display: flex;}
.btnGetInTouch{ background: #000; font-family: 'gothambold'; font-size: 20px; color: #fff; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; padding: 40px 25px;}
.menuBtn{ background: #FF8D6B; padding: 40px 25px; display: inline-flex; align-items: center; justify-content: center; font-family: 'gothambold'; font-size: 17px; color: #fff;}

header.homeHeader .topNav ul li a{ color: #fff;}
header.homeHeader .topNav ul li a.activePage{ color: #FF8D6B;}
header.homeHeader .logo{ width: 159px; height: 93px; background: url(../images/Logo-white.png) 0 0 no-repeat;}

.rightNav{ width: 200px; background: #FF8D6B; position: absolute; right: -100%; top: 106px; transition: all 0.3s ease-in-out;}
.rightNav li{ margin-bottom: 15px; text-align: right; font-size: 16px; font-family: 'gothammedium';}
.rightNav li a{ padding: 0 25px; color: #000; position: relative; display: block;}
.rightNav li a.activePage:after{ width: 12px; height: 4px; content: ""; background: #000; position: absolute; right: 0; top: 9px;}
.rightNav.openNav{ right: 0;}

/* Nav Bar */
.navBar {
    display: inline-block;
    width: 30px;
    height: 23px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-right: 15px;
}


.navBar span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: #fff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.navBar span:nth-child(even) {
  left: 50%;
}

.navBar span:nth-child(odd) {
  left:0px;
}

.navBar span:nth-child(1), .navBar span:nth-child(2) {
  top: 0px;
}

.navBar span:nth-child(3), .navBar span:nth-child(4) {
  top: 8px;
}

.navBar span:nth-child(5), .navBar span:nth-child(6) {
  top: 16px;
}

.navBar.open span:nth-child(1),.navBar.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navBar.open span:nth-child(2),.navBar.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.navBar.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

.navBar.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

.navBar.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.navBar.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.navBar.open span:nth-child(5) {
  left: 5px;
  top: 12px;
}

.navBar.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 12px;
}

/**
Home
**/
.carouselOuter{ position: relative;}
.slideItem{ position: relative; /*min-height: 650px; background-size: cover; background-repeat: no-repeat; background-position: top left;*/}
.imgOverlay{ background: rgba(0,0,0,0.3); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.slideDetails{ position: absolute; width: 100%; padding: 20px 50px; top: 50%; left: 0; transform: translateY(-50%); z-index: 2;}
.slideDetails h3{ font-family: 'gothambook'; font-size: 70px; line-height: 72px; color: #fff; position: relative;}
.slideDetails h3:after{ width: 450px; height: 8px; background: #F9BF3C;  border-radius: 25px; content: ""; position: absolute; left: 0; bottom: -30px;}
.owl-dots{ width: 100%; text-align: center; position: absolute; left: 0; bottom: 35px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{ width: 25px; height: 25px; background: #fff; border-radius: 50%; opacity: 0.5; outline: 0;
border:0; transform: scale(0.5); transition: all 0.3s linear;}
.owl-carousel .owl-nav button.owl-next.active, .owl-carousel .owl-nav button.owl-prev.active, .owl-carousel button.owl-dot.active{ transform: scale(1); opacity: 1;}

.homeContentOuter{ background-image: linear-gradient(180deg, #1A2839, #003A5D); padding: 0 0 50px 0;}

.homeContent{ display: flex; margin-bottom: 100px;}
.homeContentLeft{ width: 504px; background: #F9BF3C; flex-shrink: 0; padding: 35px; display: inline-flex; display: flex; flex-direction: column; align-self: flex-start; margin-top: -100px; z-index: 1; border-radius: 25px 25px 0 25px; box-shadow: 0 19px 40px rgba(0,0,0,0.3);}
.homeContentLeft p{ font-family: 'gothammedium'; font-size: 25px; line-height: 38px; color: #fff; margin-bottom: 50px;}
.homeContentRight{ flex: 1; overflow: hidden; border-radius: 0 0 25px 25px; display: inline-flex;}

.contentList{ display: flex; flex: 1; justify-content: space-between;}
.contentList > li{ width: 385px; flex-shrink: 0; color: #fff; display: flex; flex-direction: column; justify-content: space-between;}
.contentList > li h4{ font-size: 40px; font-family: 'gothammedium'; line-height: 42px; margin-bottom: 60px;}
.contentList > li p{ font-size: 18px; line-height: 32px; font-family: 'gothammedium'; margin-bottom: 50px;}
.learnMore{ border:3px #F9BF3C solid; width: 250px; height: 62px; font-family: 'gothambold'; font-size: 20px; display: inline-flex; align-items: center; justify-content: center; color: #fff;}
.learnMore span{ width: 30px; height: 13px; background: url(../images/arrow.png) 0 0 no-repeat; margin-left: 30px;}
.learnMore.white{ border-color: #fff;}
.ourValues{ font-size: 18px; line-height: 32px; font-family: 'gothammedium';}
.ourValues li{ margin-bottom: 30px; position: relative; padding: 0 0 0 30px;}
.ourValues li:before{ width: 10px; height: 10px; background: #ebb63b; content: ""; border-radius: 50%; position: absolute; left: 0; top: 10px;}
.missionImg{ margin-bottom: 30px;}


/**
Services
**/
.bannerCont{ background-image: linear-gradient(180deg, #1A2839, #003A5D); padding: 50px 0; margin-top: 106px;}
.bannerCont .headerTitle{ font-family: 'gothammedium'; font-size: 60px; line-height: 62px; margin-bottom: 40px; text-align: center; color: #fff;}
.bannerCont .headerSubTitle{ font-size: 20px; line-height: 32px;}
.bannerCont.services{ text-align: center; color: #fff;}

.servicesCont{ padding: 45px 0;}
.mainTitle{ font-size: 36px; line-height: 38px; color: #000000; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 50px;}
.mainTitle span{ position: relative;}
.mainTitle span::after, .mainTitle span::before{ width: 150px; height: 2px; background: #dee4e6; content: ""; position: absolute; top: 50%; transform: translateY(-50%);}
.mainTitle span::before{ left: -165px;}
.mainTitle span::after{ right: -165px;}

.serviceList{ display: flex; justify-content: center;}
.serviceList.mBottom130{ margin-bottom: 130px;}
.serviceList li{ width: 290px; background: #fff; padding: 10px; margin: 0 10px; flex-shrink: 0; display: flex; flex-direction: column; box-shadow: 0 0 20px rgba(160,160,160, 0.3); position: relative;}
.serviceList li .imgCont{ border-radius: 10px 10px 0 0; overflow: hidden;}

.serviceList li .serviceDesc{ padding: 20px 10px 20px 15px;}
.serviceList li .serviceDesc h5{ font-family: 'gothammedium'; font-size: 18px; line-height: 20px; color: #000;}
.serviceDescTop{ display: flex; align-items: center; justify-content: space-between;}
.btnServiceDetails{ width: 50px; height: 50px; background: #f8f8f8; border:2px #e8e8e8 solid; border-radius: 50%; display: inline-flex; flex-shrink: 0; position: relative; align-items: center; justify-content: center; transform: rotate(45deg);}
.btnServiceDetails:before, .btnServiceDetails:after{
    position: absolute;
    content: ' ';
    height: 18px;
    width: 3px;
    background-color: #9B9B9B;
}
.btnServiceDetails:before {
  transform: rotate(45deg);
}
.btnServiceDetails:after {
  transform: rotate(-45deg);
}

.serviceDetails{ width: 615px; background: #fff; padding: 10px; top: 0; left: 0; position: absolute; transform: scale(0); z-index: 1; box-shadow: 0 0 20px rgba(0,0,0,0.2); transition: all 0.3s ease-in-out; transform-origin: left top;}
.serviceDetails.open{ transform: scale(1); }
.serviceList li:nth-child(3) .serviceDetails, .serviceList li:nth-child(4) .serviceDetails{
  right: 0;
  left: auto;
  transform-origin: right top;
}
.popImg{ height: 210px; margin-bottom: 15px; overflow: hidden; border-radius: 10px 10px 0 0;}
.serviceDetailsContent{ padding: 20px;}
.serviceDetails h6{ font-family: 'gothammedium'; font-size: 20px; color: #000; margin-bottom: 30px;}
.serviceDetails p{ font-size: 16px; line-height: 28px; color: #000000; margin-bottom: 30px;}
.closeBtnCont{ text-align: right; padding: 10px 10px 0 0;}
.btnServiceClose{ display: inline-block; cursor: pointer;}
.serviceBackdrop{ background: rgba(255,255,255, 0.2); width: 100%; height: 100%; position: fixed; left: 0; top: 0; display:none;} 


.whyConsiderFCH{ column-count: 2; column-gap: 80px;}
.whyConsiderFCH li{ margin-bottom: 40px; position: relative; padding-left: 40px;}
.whyConsiderFCH li::before{ width: 12px; height: 12px; background: #ebb63b; content: ""; border-radius: 50%; position: absolute; left: 0; top: 5px; border:1px #fff solid;}
.whyConsiderFCH li h6{ font-family: 'gothammedium'; font-size: 18px; color: #000000; line-height: 24px; margin-bottom: 20px;}
.whyConsiderFCH li p{ font-style: italic; font-size: 18px; margin-bottom: 15px; padding-left: 30px;}


/**
About
***/
.teamMember{ display: flex; flex-wrap: wrap;}
.teamMember li{ width: 260px; margin: 0 23px 40px 23px; display: inline-flex; flex-direction: column; align-items: center; text-align: center; cursor: pointer;}
.memberThumb{ width: 145px; height: 145px; border-radius: 50%; margin-bottom: 25px; overflow: hidden;}
.memberName{ color: #fff; font-size: 25px; line-height: 27px; font-family: 'gothambold'; margin-bottom: 5px;}
.memberTitle{ font-size: 18px; line-height: 20px; color: #90B2CB;}

.ourStory p{ font-size: 20px; line-height: 32px; color: #000000; margin-bottom: 40px;}
.valuableAssets{ background: #FFFFFF; border-radius: 15px; padding: 50px 60px; font-family: 'gothammedium'; font-size: 24px; line-height: 40px; color: #0A324E; font-style: italic; text-align: center; margin-bottom: 100px;}
.crp{ font-size: 22px; line-height: 32px; color: #000000; margin-bottom: 60px;}
.crpList{ display: flex; justify-content: space-between;}
.crpListCol{ flex: 1; flex-shrink: 0;}
.crpListCol:first-child{ padding-right: 50px;}
.crpListCol:last-child{ padding-left: 50px; border-left: 1px #e0e5e8 solid;}
.crpListCol h4{ font-size: 30px; color: #000000; line-height: 32px; margin-bottom: 20px;}
.crpListCol h5{ font-size: 20px; color: #4A4A4A; line-height: 28px; margin-bottom: 40px;}
.crpListCol ul li{ font-family: 'gothammedium'; font-size: 20px; color: #000000; line-height: 28px; margin-bottom: 18px; position: relative; padding-left: 28px;}
.crpListCol ul li::before{ width: 12px; height: 12px; background: #ebb63b; content: ""; border-radius: 50%; position: absolute; left: 0; top: 8px; border:1px #fff solid;}

.bioPopup{ width: 90%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9;}
.loadedCont{ display: flex;}
.bioPopupLeft{ width: 420px; flex-shrink: 0;}
.bioPopupRight{ flex: 1; padding: 30px; position: relative;}
.bioTop{ display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 40px;}
.bioTop h4{ font-size: 40px; line-height: 42px; font-family: 'gothambold'; color: #000;}
.bioTop h5{ font-size: 30px; line-height: 32px; color: #4A4A4A; margin-bottom: 10px;}
.bioTop h6{ font-size: 20px; line-height: 32px; color: #4A4A4A;}
.bioTop h6 a{ color: #4A4A4A;}
.emailBtn{border:3px #F9BF3C solid; height: 62px; font-family: 'gothambold'; font-size: 18px; display: inline-flex; align-items: center; justify-content: center; color: #4A4A4A; white-space: nowrap; padding: 0 25px;}
.bioPopupRight p{ font-size: 16px; line-height: 28px; color: #4A4A4A; margin-bottom: 30px;}
.bioContent{ max-height: 300px; overflow-y: auto;}
.btnPopClose{ display: inline-flex; position: absolute; right: -20px; top: -20px; cursor: pointer; z-index: 2;}
.backdrop{ background: rgba(0,0,0,0.7); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 8;}

/**
Success
**/
.bannerCont.success{ padding: 50px 0 130px 0;}
.successList{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: -100px; margin-bottom: 100px;}
.successList li{ width: 390px; padding: 10px; display: inline-flex; flex-shrink: 0; flex-direction: column; background: #fff; margin: 0 10px 40px 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.csCont{ padding: 10px;}
.csCont h5{ font-family: 'gothammedium'; font-size: 20px; color: #000000;}
.csCont h6{ font-family: 'gothammedium'; font-size: 16px; color: #000000; margin-bottom: 10px;}
.csCont p{ font-size: 16px; color: #4A4A4A; line-height: 26px; margin-bottom: 30px;}
.csCont a{ font-family: 'gothambold'; font-size: 20px; color: #FF8D6B;}
.hotelAwards{ display: flex; justify-content: space-between;}
.hotelAwardsCol{ width: 550px; font-family: 'gothammedium';}
.hotelAwardsCol h4{ font-size: 28px; line-height: 30px; color: #000; margin-bottom: 20px;}
.hotelAwardsCol ul{ font-size: 18px; color: #4A4A4A; margin-bottom: 60px;}
.hotelAwardsCol ul li{ position: relative; padding: 0 0 0 25px; margin-bottom: 20px;}
.hotelAwardsCol2 ul li{ position: relative; padding: 0 0 0 25px; margin-bottom: 10px;}
.hotelAwardsCol ul li:before{ width: 10px; height: 10px; background: #ebb63b; content: ""; border-radius: 50%; position: absolute; left: 0; top: 5px; border:1px #fff solid;}
.taCertificate{ margin: 60px 0;}
.taCertificate h3{ font-size: 36px; line-height: 38px; color: #000000; margin-bottom: 20px;}
.taCertificate p{ font-size: 18px; line-height: 30px; color: #000000;}


/**
Portfolio
**/

.bannerCont.portfolio{ padding: 50px 0 130px 0;}
.portfolioTab{ display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.portfolioTab li{ font-size: 26px; margin: 0 22px;}
.portfolioTab li a{ color: #9EBDD2; position: relative;}
.portfolioTab li a:after{ width: 100%; height: 3px; background: #FF8D6B; position: absolute; left: 0; bottom: -10px; content: ""; transform: scale(0); transition: all 0.2s ease-in-out;}
.portfolioTab li a.activeTab{ color: #fff;}
.portfolioTab li a.activeTab:after{ transform: scale(1);}

.hotelTabCont{ display: none;}
.hotelTabContOuter{ display: flex; flex-direction: column; margin-top: -100px; margin-bottom: 50px;}
.hotelList{ display: flex; flex-wrap: wrap; flex: 1; justify-content: space-between;}
.hotelList > li{ width: 48%; background: #fff; margin: 0 10px 30px 10px; box-shadow: 0px 9px 23px #E7EBF1; display: flex; box-shadow: 0 3px 30px rgba(0,0,0,0.2);}
.htlImage{ width: 280px; flex-shrink: 0; align-self: flex-start; display: inline-flex;}
.htlImage img{ height: 100%;}
.htlDetails{ flex: 1; padding: 20px; display: flex; flex-direction: column;}
.htlDetails h4{ font-size: 24px; line-height: 26px; color: #000000; margin-bottom: 15px; font-family: 'gothammedium';}
.htlDetails h5{ font-size: 16px; line-height: 22px; color: #9B9B9B; margin-bottom: 25px;}
.htlDetails .visit{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.htlDetails .visit li{ font-size: 16px; font-family: 'gothammedium';}
.htlDetails .visit li a{ color: #4A4A4A; text-decoration: underline;}
.rooms{ background: #f7f9f8; border:1px #f1f2f1 solid; border-radius: 4px; padding: 10px; display: flex; }
.roomLeft{ width: 70px; flex-shrink: 0; text-align: center; margin-right: 15px;}
.roomRight{ flex: 1; border-left: 2px #dce2e6 solid; padding-left: 15px;}
.rooms p{ font-size: 16px; line-height: 18px; color: #4A4A4A;}
.rooms h6{ font-size: 30px; line-height: 32px; color: #4A4A4A; font-family: 'gothambold';}
.rooms h6 span{ font-size: 14px; color: #9B9B9B; font-family: 'gothambook';}
.hotelList .viewDetails{ font-size: 20px; color: #FF8D6B; font-family: 'gothambold';}


.previousManagedList{ display: flex; justify-content: space-between;}
.previousManagedListCol{ width: 48%; margin: 0 10px;}
.previousHotelList{ display: flex; flex-direction: column;}
.previousHotelList > li{ background: #fff; margin-bottom: 30px; box-shadow: 0px 9px 23px #E7EBF1; display: flex; box-shadow: 0 3px 30px rgba(0,0,0,0.2); padding: 30px; display: flex;}
.htlLogoCont{ width: 200px; display: flex; justify-content: center; align-self: flex-start; margin-right: 40px;}
.phRight{ display:flex; flex-direction: column; flex: 1;}

.phRoomRow{ border-bottom: 2px #CBD3D7 solid; padding-bottom: 30px; margin-bottom: 30px; display: flex; flex-direction: column;}
.phRoomRow:last-child{ border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.phRoomRow h4{ font-size: 24px; line-height: 26px; color: #000000; margin-bottom: 15px; font-family: 'gothammedium';}


.phRooms{ background: #f7f9f8; border:1px #f1f2f1 solid; border-radius: 4px; padding: 10px; display: flex;}
.phRoomLeft{ width: 70px; flex-shrink: 0; text-align: center; margin-right: 15px;}
.phRoomRight{ flex: 1; border-left: 2px #dce2e6 solid; padding-left: 15px;}
.phRooms p{ font-size: 16px; line-height: 18px; color: #4A4A4A; margin-bottom: 5px;}
.phRooms h6{ font-size: 30px; line-height: 32px; color: #4A4A4A; font-family: 'gothambold';}
.phRooms h6 span{ font-size: 14px; color: #9B9B9B; font-family: 'gothambook'; vertical-align: middle;}

.awardWining{ width: 690px; padding:40px 30px 20px 30px; background: #fff; box-shadow: 0px 9px 23px rgba(0,0,0,0.2); position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 10; display: none;}
.awardWining h3{ color: #000000; font-size: 40px; line-height: 42px; font-family: 'gothambold'; margin-bottom: 10px;}
.awardWining h4{ color: #000000; font-size: 28px; line-height: 30px; font-family: 'gothambold'; margin-bottom: 70px; position: relative;}
.awardWining h4:after{ width: 250px; height: 3px; background: #FF8D6B; content: ""; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%);}
.awardWining p{ font-size: 26px; color: #4A4A4A; line-height: 28px; margin-bottom: 40px;}
.awardWining p span{ font-family: 'gothambold';}
.btnAwardClose{ display: inline-block; position: absolute; right: -20px; top: -20px; cursor: pointer;}
.awardBackdrop{ background: rgba(255,255,255,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9; display: none;}


/**
Careers
**/
.bannerCont .container{ position: relative;}
.applyFor{ font-size: 18px; font-family: 'gothammedium'; display: inline-flex; position: absolute; right: 0; top: 20px; color: #fff; background: #FF8D6B; padding: 10px 20px; border-radius: 6px;}
.txFilterJob{ font-size: 18px; font-family: 'gothammedium'; display: flex; color: #fff; padding-left: 5px; margin-bottom: 15px;}
.filterJobs{ display: flex; align-items: center; justify-content: space-between;}
.filterJobsCol{ flex: 1; margin: 0 5px;}
.filterJobsCol select{ width: 100%; background: #ffffff url(../images/selectboxArrow.png) 95% 26px no-repeat; border:1px #97a5ad solid; border-radius: 4px; height: 62px; -webkit-appearance: none; -moz-appearance: none; padding: 15px; font-size: 15px; color: #9B9B9B; font-family: 'gothambook'; outline: 0;}
.filterJobsCol .btnSearch{ width: 100%; background: #FF8D6B; outline: 0; border: 0; cursor: pointer; font-family: 'gothambold'; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; height: 61px;}
.sweet-alert h2, .sweet-alert .text-muted{ margin-bottom:20px;}
.confirm{ width: 100%; padding:0px 20px; background: #FF8D6B; outline: 0; border: 0; cursor: pointer; font-family: 'gothambold'; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; height: 61px;}

.searchedJobs{ padding: 0 0 50px 0;}
.jobRow{ display: flex; padding: 30px 0; border-bottom: 1px #e3e8eb solid;}
.jobRow:last-child{ border-bottom: 0;}
.jobRow .jobCol{ flex-shrink: 0; padding-right: 30px;}
.jobRow .jobCol h5{ font-size: 16px; line-height: 18px; color: #9B9B9B; font-family: 'gothammedium'; margin-bottom: 10px;}
.jobRow .jobCol p{ font-size: 16px; color: #000000; line-height: 22px;}
.jobRow .jobCol:nth-child(1){ flex: 1;}
.jobRow .jobCol:nth-child(2){ flex: 2;}
.jobRow .jobCol:nth-child(3){ flex: .5;}
.jobRow .jobCol:nth-child(4){ flex: .5;}
.jobRow .jobCol:nth-child(5){ flex: 1;}


.applicationForm{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: #fff; z-index: 9; overflow-y: auto;}
.applicationFormInner{ max-width: 960px; margin: 0 auto; padding-top: 50px;}
.btnCloseForm{ display: inline-flex; position: absolute; right: 20px; top: 20px;}
.applicationFormInner h3{ font-size: 36px; line-height: 38px; color: #000000; margin-bottom: 10px;}
.applicationFormInner h4{ font-size: 14px; line-height: 22px; color: #4A4A4A;}
.applicationFormInner h5{ font-family: 'gothambold'; font-size: 20px; line-height: 22px; color: #4A4A4A; margin-bottom: 30px;}
.applicationTab{ display: flex; margin-top: 50px; margin-bottom: 50px;}
.applicationTab li{ margin-right: 30px;}
.applicationTab li a{ font-size: 24px; color: #4A4A4A;}
.applicationTab li a.active{ color: #000000; font-family: 'gothambold'; position: relative;}
.applicationTab li a.active:after{ height: 3px; width: 100%; background: #FF8D6B; content: ""; position: absolute; left: 0; bottom: -15px;}
.tab{display: none;}
.applicationFormInner h6{ color:#9B9B9B; font-family: 'gothammedium'; font-size: 14px; margin-bottom: 20px;}
.frmRow{ display: flex; justify-content: space-between; margin-left: -10px; margin-right: -10px; margin-bottom: 40px;}
.frmRow .frmCol{ flex: 1; margin: 0 10px; flex-shrink: 0; display: flex; flex-direction: column;}
.frmRow .frmColBtn{ flex: 1; margin: 0 10px; flex-shrink: 0; display: flex; flex-direction: row;}
.frmRow .frmCol.flexTwo{ flex: 2;}

.frmLabel{ display: inline-flex; margin-bottom: 10px; font-size: 16px; color: #4A4A4A; font-family: 'gothambold';}
.txtInput{ width: 100%; background: #fff; border:1px #D8D8D8 solid; border-radius: 4px; font-size: 16px; color: #4a4a4a; padding: 20px 15px; outline: 0; font-family: 'gothammedium'; -webkit-appearance: none;}
.txtArea{ width: 100%; background: #fff; border:1px #D8D8D8 solid; border-radius: 4px; font-size: 16px; color: #4a4a4a; padding: 20px 15px; outline: 0; height: 197px; resize: none; font-family: 'gothammedium'; -webkit-appearance: none;}
.selectBox{ width: 100%; background: #ffffff url(../images/selectboxArrow.png) 92% 26px no-repeat; border:1px #D8D8D8 solid; border-radius: 4px; font-size: 16px; color: #4a4a4a; padding: 20px 15px; outline: 0; -webkit-appearance: none; -moz-appearance: none; font-family: 'gothammedium';}
.errorMsg{ font-size: 13px; color: #f00; margin-top: 5px;}

.btnNext{ background: #FF8D6B; color: #fff; width: 190px; height: 62px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-family: 'gothambold'; cursor: pointer; border:0; outline: 0; margin-top: 50px;}
.btnPrev{ background: #4a4a4a; color: #fff; width: 190px; height: 62px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-family: 'gothambold'; cursor: pointer; border:0; outline: 0; margin-top: 50px; margin-right: 10px;}
.btnAddLanguage{ width: 62px; height: 62px; background: #fff; border:1px #D8D8D8 solid; border-radius: 4px; font-size: 16px; color: #4a4a4a; outline: 0; font-size: 40px; display: inline-flex; align-items: center; justify-content: center; font-family: 'gothamblack'; cursor: pointer;}

.radioList{ display: flex; align-items: center; margin-top: 20px;}
.radioList li{ display: inline-flex; margin-right: 38px; font-family: 'gothambook'; font-size: 16px; color: #4A4A4A;width: 120px;}

/*-- Radio Box --*/
.radioOuter{ display: inline-flex;}
.radioOuter [type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.radioOuter [type="radio"]:checked + label,
.radioOuter [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-flex;
}
.radioOuter [type="radio"]:checked + label:before,
.radioOuter [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #9B9B9B;
    border-radius: 100%;
    background: #fff;
}
.radioOuter [type="radio"]:checked + label:before {
    border: 2px solid #FF8D6B;
}
.radioOuter [type="radio"]:checked + label:after,
.radioOuter [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #FF8D6B;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.radioOuter [type="radio"]:checked + label{
  color: #000; font-weight: bold;
}
.radioOuter [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.radioOuter [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/**
Contact Us
**/

.contactOuter{ padding: 50px 0;}
.contactInner{ max-width: 1000px; margin: 0 auto;}
.txtArea.contactMsg{ height: 120px;}
.btnNext.contactMsg{ margin-top: 0;}
.headerTitle.contact{ margin-bottom: 0;}

/**
Footer
**/
.footer{ display: flex; flex-direction: column;}
.footerTop{ background: #0a314e; padding: 40px 30px; display: flex; align-items: center; justify-content: space-between; color: #97B2C6;}
.fooLeft{ width: 600px; display: flex; flex-shrink: 0; align-items: center;}
.logoCont{ width: 138px; flex-shrink: 0; margin-right: 25px;}
.addressCont{ padding-left: 25px; border-left: 1px #305268 solid; flex: 1;}
.addressCont h5{ font-size: 14px; font-family: 'gothambold';}
.addressCont p{ line-height: 20px;}
.fooRight{ width: 600px; flex-shrink: 0; border: 2px #234760 solid; border-radius: 18px; padding: 10px 20px;}
.contactRow{ display: flex;}
.contactRow:first-child a{ border-bottom: 1px #35556d solid; padding-bottom: 15px; padding-top: 10px;}
.contactRow:last-child a{ padding-top: 15px; padding-bottom: 10px;}
.contactRow a{ flex: 1; flex-shrink: 0; display: flex; align-items: center; color: #97B2C6; font-family: 'gothambold'}
.contactRow a:first-child{ border-right: 1px #35556d solid;}
.contactRow a:last-child{ padding-left: 30px;}
.phoneIcon{ width: 23px; height: 23px; background: url(../images/call-icon.png) 0 0 no-repeat; margin-right: 30px;}
.linkedinIcon{ width: 29px; height: 29px; background: url(../images/linken-in-icon.png) 0 0 no-repeat; margin-right: 24px;}
.emailIcon{ width: 33px; height: 24px; background: url(../images/email-icon.png) 0 0 no-repeat; margin-right: 22px;}
.downloadBrochureIcon{ width: 27px; height: 31px; background: url(../images/download-brochure-icon.png) 0 0 no-repeat; margin-right: 25px;}

.footerBottom{ background: #09283c; padding: 35px 30px; display: flex; align-items: center; justify-content: space-between; font-family: 'gothammedium'; color: #97B2C6;}
.fooNav ul{ display: flex; align-items: center;}
.fooNav ul li{ margin-right: 25px; font-size: 14px;}
.fooNav ul li a{ color: #97B2C6;}
.footerBottom p{ font-size: 13px;}
.footerBottom p a{ color: #97B2C6;}




