/***
Home Page
***/
body.noScroll{ overflow: hidden;}
.homepageHeader{
  overflow: hidden;
  position: relative;
}
.homepageHeader video{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  z-index: -1;
}
.headerBg{
  max-width: 80%;
  overflow: hidden;
}
.nimbusHeaderContent{
  position: absolute;
  left: 70px;
  top: 60px;
  display: flex;
  flex-direction: column;
}
.logo{
  max-width: 322px;
  margin-bottom: 60px;
}
.hospitality{
  max-width: 493px;
  margin-bottom: 60px;
}
.btnLearnMore{
  border: 3px #FFFFFF solid;
  border-radius: 10px;
  font-family: 'gothambold';
  font-size: 24px;
  color: #fff;
  flex-shrink: 0;
  align-self: flex-start;
  width: 250px;
  height: 60px;
  align-items: center;
  justify-content: center;
  display: flex;
  transition: all 0.3s ease-in-out;
}
.btnLearnMore:hover{
  background: #fff;
  color: #41a350;
}
.headerBg img{
  vertical-align: top;
}
.menuBg{
  position: fixed;
  right: 0;
  top: 0;
  width: 219px;
  height: 94px;
  background: url(../images/menuBg.png) top right no-repeat;
  background-size: contain;
  z-index: 102;
}
.navigation{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #0D1820; z-index: 101; display: none;}
.logoBg{ max-width: 584px;}
.menuLogo{ width: 260px; position: absolute; left: 70px; top: 70px;}
.topNav{ position: absolute; right: 0; top: 100px; text-align: right;}
.topNav li{ font-family: 'gothambold'; font-size: 55px; line-height: 56px; text-transform: uppercase;}
.topNav li a{ color: #8E9599; padding: 25px 100px 25px 0; display: block; position: relative;}
.topNav li a:hover, .topNav li a.active{ color: #fff;}
.topNav li a:hover:after,
.topNav li a.active:after{
  position: absolute;
  content: "";
  width: 8px;
  height: 100%;
  right: 0;
  top: 0;
  background: rgb(0,102,158);
  background: -moz-linear-gradient(top, rgba(0,102,158,1) 0%, rgba(101,208,30,1) 100%);
  background: -webkit-linear-gradient(top, rgba(0,102,158,1) 0%,rgba(101,208,30,1) 100%);
  background: linear-gradient(to bottom, rgba(0,102,158,1) 0%,rgba(101,208,30,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00669e', endColorstr='#65d01e',GradientType=0 );
}

.menuBtn{
  width: 103px;
  position: fixed;
  top: 35px;
  right: 20px;
  cursor: pointer;
  z-index: 102;
}
.navBar {
  display: inline-block;
  width: 36px;
  height: 24px;
  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;
  vertical-align: bottom;
}
.menuText{
  font-family: 'gothambold';
  font-size: 17px;
  color: #fff;
  margin-left: 10px;
}

.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: 10px;
}

.navBar span:nth-child(5), .navBar span:nth-child(6) {
top: 20px;
}

.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: 4px;
}

.navBar.open span:nth-child(2) {
left: calc(50% - 5px);
top: 4px;
}

.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;
}



.ourMission{
  position: relative;
  background: #151F27;
  display: flex;
}

.dvMissionLeft{
  width: 50%;
  background: #151F27;
  position: relative;
  overflow: hidden;
}
.missionIcon{
  position: absolute;
  max-width: 215px;
  display: inline-block;
  left: 170px;
  top: 50%;
  transform: translateY(-50%);
}
.triangle {
  width: 300px;
  height: 100%;
  background: #1C7FB8;
  /* The points are: centered top, left bottom, right bottom */
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.triangle02 {
  width: 400px;
  height: 110%;
  background: rgba(12, 73, 130, 0.2);
  /* The points are: centered top, left bottom, right bottom */
  clip-path: polygon(100% -84px, 0 100%, 100% 100%);
  -webkit-clip-path: polygon(100% -84px, 0 100%, 100% 100%);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.dvMissionRight{
  width: 50%;
  padding: 50px;
  background: #1C7FB8;
  text-align: right;
}
.dvMissionRight h3{
  font-family: 'gothambold';
  font-size: 50px;
  color: #fff;
  margin-bottom: 20px;
}
.dvMissionRight p{
  font-size: 24px;
  line-height: 38px;
  color: #fff;
}
.ourValues{
  background: #C62864;
  position: relative;
  display: flex;
  overflow: hidden;
}
/* .ourValuesBg{
  max-width: 1235px;
  float: left;
  position: relative;
  margin-top:-60px; 
}
.ourValuesBg img{
  vertical-align: top;
} */
.valueIcon{
  position: absolute;
  max-width: 218px;
  display: inline-block;
  right: 170px;
  top: 50%;
  transform: translateY(-50%);
}

.dvOurValuesLeft{
  width: 50%;
  background: #C62864;
  position: relative;
  padding: 50px;
  overflow: hidden;
}
.triangle03 {
  width: 300px;
  height: 100%;
  background: #C62864;
  /* The points are: centered top, left bottom, right bottom */
  clip-path: polygon(100% 0, 0 0%, 0% 100%);
  -webkit-clip-path: polygon(100% 0, 0 0%, 0% 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.triangle04 {
  width: 400px;
  height: 120%;
  background: rgba(198, 40, 100, 0.2);
  /* The points are: centered top, left bottom, right bottom */
  clip-path: polygon(100% 0, 0 0%, 0% 100%);
  -webkit-clip-path: polygon(100% -65px, 0 0%, 0% 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.dvOurValuesRight{
  width: 50%;
  padding: 50px;
  background: #151F27;
  position: relative;
}
.dvOurValuesLeft h3{
  font-family: 'gothambold';
  font-size: 50px;
  color: #fff;
  margin-bottom: 20px;
}

.valueList{
  column-count: 2;
  column-gap: 40px;
}
.valueList li{
  font-size: 24px;
  color: #fff;
  padding: 0 0 0 46px;
  margin-bottom: 30px;
  position: relative;
}
.valueList li:before{
  width: 16px;
  height: 16px;
  background: #DFE4E6;
  border-radius: 100px;
  content: "";
  left: 0;
  top: 6px;
  position: absolute;
}

/***
Who we are
***/
.stickyHeader{
  display: none;
}
.innerPageHeader{
  height: 130px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
.innerLogo{ width: 160px; position: absolute; left: 40px; top: 25px; z-index: 5;}
.innerHeader{
  height: 94px;
  background: #0e1821;
}
.innerHeaderTop{
  background:#65D01E;
  height: 130px;
  width: 85%;
  float: left;
  position: relative;
}
.innerHeaderTop:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgb(101,208,30);
  background: -moz-linear-gradient(left, rgba(101,208,30,1) 0%, rgba(0,102,158,1) 100%);
  background: -webkit-linear-gradient(left, rgba(101,208,30,1) 0%,rgba(0,102,158,1) 100%);
  background: linear-gradient(to right, rgba(101,208,30,1) 0%,rgba(0,102,158,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65d01e', endColorstr='#00669e',GradientType=1 );
  transform-origin: bottom left;
  -ms-transform: skew(-45deg, 0deg);
  -webkit-transform: skew(-45deg, 0deg);
  transform: skew(-45deg, 0deg);
}
.whoWeAreCont{
  padding: 100px 30px;
  margin-top: 130px;
}
.whoWeAreContInner{
  max-width: 1190px;
  margin: 0 auto;
  text-align: center;
}
.whoWeAreContInner h2{
  font-family: 'gothambold';
  font-size: 55px;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 55px;
}
.whoWeAreContInner p{
  font-size: 30px;
  line-height: 47px;
  color: #000000;
}
.curly-quotes{
  position: relative;
}
.curly-quotes p{
  padding: 0 77px;
}
.curly-quotes:before, .curly-quotes:after {
  font-family: '';
  display: inline-block;
  vertical-align: top;
  height: 40px;
  line-height: 48px;
  font-size: 200px;
  opacity: .2;
  font-style: normal;
}

.curly-quotes:before {
  content: '\201C';
  margin-right: 4px;
  margin-left: -8px;
  position: absolute;
  left: 0;
  top: 30px;
}

.curly-quotes:after {
  content: '\201D';
  margin-left: 4px;
  margin-right: -8px;
  position: absolute;
  right: 0;
}
.ourMissionContainer{
  display: flex;
}
.ourMissionBg{
  max-width: 884px;
  position: relative;
}
.ourMissionBg img{
  vertical-align: top;
}
.ourMissionContainerOuter{
  flex: 1;
  position: relative;
  background: #E17419;
}
.ourMissionContainerOuter:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: #E17419;
  transform-origin: bottom left;
  -ms-transform: skew(-47deg, 0deg);
  -webkit-transform: skew(-47deg, 0deg);
  transform: skew(-47deg, 0deg);
}
.shape1{
  background: rgba(216,83,17, 0.5);
  width: 70px;
  height: 100%;
  position: absolute;
  z-index: 3;
  transform-origin: bottom left;
  -ms-transform: skew(-47deg, 0deg);
  -webkit-transform: skew(-47deg, 0deg);
  transform: skew(-47deg, 0deg);
  left: -70px;
}
.shape2{
  background: rgba(215,109,25, 0.5);
  width: 140px;
  height: 50%;
  position: absolute;
  z-index: 3;
  transform-origin: bottom left;
  -ms-transform: skew(0deg, 0deg);
  -webkit-transform: skew(0deg, 0deg);
  transform: skew(0deg, 0deg);
  left: -70px;
}
.ourMissionContentContainer{
  max-width: 570px;
  position: relative;
  margin: 90px 0 0 90px;
  z-index: 3;
}
.ourMissionContentContainer h3{
  font-family: 'gothambold';
  font-size: 40px;
  color: #fff;
  margin-bottom: 20px;
}
.ourMissionContentContainer p{
  font-size: 24px;
  line-height: 38px;
  color: #fff;
}
.quoteContainer{
  background: #0D1820;
  padding: 50px 0 30px 0;
}
.quoteContainerInner{
  max-width: 1005px;
  margin: 0 auto;
  text-align: center;
  font-style: italic;
  font-size: 42px;
  color: #fff;
}

.ourHistoryContainer{
  display: flex;
}
.ourHistoryBg{
  width: 869px;
  flex-shrink: 0;
  position: relative;
}
.ourHistoryBg img{
  vertical-align: top;
}
.ourHistoryContainerOuter{
  flex: 1;
  position: relative;
  background: #431398;
}
.ourHistoryContainerOuter:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: #431398;
  transform-origin: top right;
  -ms-transform: skew(-47deg, 0deg);
  -webkit-transform: skew(-47deg, 0deg);
  transform: skew(-47deg, 0deg);
}
.ourHistoryContentContainer{
  max-width: 570px;
  position: relative;
  margin: 90px 0 0 90px;
  z-index: 6;
  text-align: right;
}
.ourHistoryContentContainer h3{
  font-family: 'gothambold';
  font-size: 40px;
  color: #fff;
  margin-bottom: 20px;
}
.ourHistoryContentContainer p{
  font-size: 24px;
  line-height: 38px;
  color: #fff;
}
.historyShape1{
  background: rgba(46,13,120, 0.5);
  width: 90px;
  height: 100%;
  position: absolute;
  z-index: 3;
  transform-origin: top left;
  -ms-transform: skew(-47deg, 0deg);
  -webkit-transform: skew(-47deg, 0deg);
  transform: skew(-47deg, 0deg);
  right: -90px;
}
.historyShape2{
  background: #34107e;
  width: 50px;
  height: 50%;
  position: absolute;
  z-index: 3;
  transform-origin: top left;
  -ms-transform: skew(0deg, 0deg);
  -webkit-transform: skew(0deg, 0deg);
  transform: skew(0deg, 0deg);
  left: 0px;
}
.ourValuesOuter{
  padding: 50px 0 50px 90px;
  display: flex;
  justify-content: space-between;
}
.ourValuesLeft{
  flex: 1;
  flex-shrink: 0;
}
.ourValuesLeft h3{
  font-family: 'gothambold';
  font-size: 40px;
  color: #000000;
  margin-bottom: 50px;
}
.ourValuesLeft h4{
  font-family: 'gothambold';
  font-size: 24px;
  line-height: 39px;
  color: #000000;
}
.ourValuesLeft p{
  font-size: 24px;
  line-height: 39px;
  color: #000000;
  margin-bottom: 40px;
}
.ourValuesRight{
  max-width: 787px;
  flex-shrink: 0;
}
.ourValuesRight img{
  vertical-align: top;
}

/***
What we do
***/
.whatWeDoOuter{ padding: 50px 0 50px 90px; margin-top: 130px;}
.whatWeDoOuter h3{ font-family: 'gothambold'; font-size: 55px; color: #000000; text-transform: uppercase; text-align: center; margin-bottom: 50px;}
.whatWeDoContent{ display: flex; justify-content: space-between;}
.whatWeDoContentLeft{ flex: 1; flex-shrink: 0; padding: 0 30px 0 0;}
.whatWeDoContentLeft p{ font-size: 30px; line-height: 47px; margin-bottom: 40px; color: #000;}
.whatWeDoContentRight{ max-width: 656px; flex-shrink: 0;}
.resources{ display: flex; flex-wrap: wrap; padding-top: 30px;}
.resources li{ display: flex; width: 270px; height:146px; border-radius: 10px; align-items: center; justify-content: center; margin: 0 20px 20px 0; text-align: center;}
.resources li span{ font-family: 'gothambold'; font-size: 26px; color: #fff;}
.resources li:nth-child(1){
  background: rgb(208,30,173);
  background: -moz-linear-gradient(45deg, rgba(208,30,173,1) 0%, rgba(0,102,158,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(208,30,173,1) 0%,rgba(0,102,158,1) 100%);
  background: linear-gradient(45deg, rgba(208,30,173,1) 0%,rgba(0,102,158,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d01ead', endColorstr='#00669e',GradientType=1 ); 
}
.resources li:nth-child(2){
  background: rgb(206,130,60);
  background: -moz-linear-gradient(45deg, rgba(206,130,60,1) 0%, rgba(111,111,233,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(206,130,60,1) 0%,rgba(111,111,233,1) 100%);
  background: linear-gradient(45deg, rgba(206,130,60,1) 0%,rgba(111,111,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce823c', endColorstr='#6f6fe9',GradientType=1 );
}
.resources li:nth-child(3){
  background: rgb(229,85,77);
  background: -moz-linear-gradient(45deg, rgba(229,85,77,1) 0%, rgba(244,209,133,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(229,85,77,1) 0%,rgba(244,209,133,1) 100%);
  background: linear-gradient(45deg, rgba(229,85,77,1) 0%,rgba(244,209,133,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5554d', endColorstr='#f4d185',GradientType=1 );
}
.resources li:nth-child(4){
  background: rgb(183,41,97);
  background: -moz-linear-gradient(45deg, rgba(183,41,97,1) 0%, rgba(82,135,220,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(183,41,97,1) 0%,rgba(82,135,220,1) 100%);
  background: linear-gradient(45deg, rgba(183,41,97,1) 0%,rgba(82,135,220,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b72961', endColorstr='#5287dc',GradientType=1 );
}
.resources li:nth-child(5){
  background: rgb(229,180,123);
  background: -moz-linear-gradient(-45deg, rgba(229,180,123,1) 0%, rgba(198,69,157,1) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(229,180,123,1) 0%,rgba(198,69,157,1) 100%);
  background: linear-gradient(135deg, rgba(229,180,123,1) 0%,rgba(198,69,157,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5b47b', endColorstr='#c6459d',GradientType=1 );
}


/***
Portfolio
***/
.portfolioOuter{ padding: 90px; margin-top: 130px;}
.portfolioOuter h3{ font-family: 'gothambold'; font-size: 55px; color: #000000; text-transform: uppercase; text-align: center; margin-bottom: 50px;}
.portfolioCol{ width: 48%; padding:0 15px 15px 15px; box-shadow: 0 3px 10px #DFE4EB; display: flex; margin-bottom: 60px;}
.portfolioImg{ width: 235px; flex-shrink: 0; margin-top: -20px;}
.portfolioImg img{ vertical-align: top;}
.portfolioDesc{ flex: 1; padding: 30px;}
.portfolioDesc h4{ font-family: 'gothambold'; font-size: 26px; color: #000000; margin-bottom: 15px;}
.portfolioDesc p{ font-family: 'gothambold'; font-size: 16px; line-height: 22px; color: #4A4A4A; margin-bottom: 40px;}
.portfolioDesc a{ font-family: 'gothambold'; font-size: 16px; line-height: 22px; color: #4A4A4A; text-decoration: underline;}


/***
Contact Us
***/
.contactOuter{ padding: 90px 0 0 0; margin-top: 130px;}
.contactOuter h3{ font-family: 'gothambold'; font-size: 55px; color: #000000; text-transform: uppercase; text-align: center; margin-bottom: 50px;}
.contactContent{ display: flex;}
.contactLeft{ width: 690px; background: #0D1820; padding: 0 60px; display: flex; align-items: center; position: relative;}
.contactLeft:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(13, 24, 32, 0);
	border-left-color: #0D1820;
	border-width: 30px;
	margin-top: -30px;
}
.contactLeft p{ font-size: 30px; font-style: italic; color: #fff;}
.contactRight{ flex: 1;}
.contactRight iframe{ width: 100%; height: 590px;}

/***
Footer
***/
.footer{
  background: #dee7ec;
  padding: 60px 40px;
}
.bottomNavigation{ display: flex; margin-bottom: 60px; align-items: center;}
.bottomMenu{
  text-align: center;
  flex: 1;
}
.socialIcon a{ display: inline-block; margin-left: 5px;}

.bottomMenu li{
  display: inline-block;
  font-size: 15px;
  margin: 0 13px;
}
.bottomMenu li a{
  display: block;
  color: #4A4A4A;
}
.bottomMenu li a:hover,
.bottomMenu li a.active{
  color: #000;
}
.footerBar{
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.footerBar p{
  font-size: 12px;
  color: #4A4A4A;
}
.footerBar p a{
  color: #4A4A4A;
}

.copyrightOuter{ 
  position: absolute;
  width: 100%;
  bottom: 30px;
  padding-right: 100px;
  left: 0;
  display: flex; 
  align-items: center;
}
.copyright{ text-align: center; flex: 1;}
.copyright p{ 
  font-family: 'gothambold';
  font-size: 12px;
  color: #A2A2A2;
  margin-bottom: 10px;
}
.copyright p a{
  color: #A2A2A2;
}