@charset "utf-8";
/* CSS Document */
/* GLOBALS */
*
{
	box-sizing:border-box;
}
:root {

  --primary-color: rgb(32,37,45);
	--secondary-color: rgb(23,27,33);
--primary-grey:rgb(235,235,235);
--secondary-grey:rgb(242,242,242);
	--tertiary-grey:rgb(234,234,234);
}

@font-face{
  font-family: "tanmoncheri";
  src:
    url("../fonts/TAN-MONCHERI.woff2") format("woff2"),
    url("../fonts/TAN-MONCHERI.woff")  format("woff"),
    url("../fonts/TAN-MONCHERI.ttf")   format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
html,body
{
	margin:0;
	padding:0;
	font-size:18px;
	line-height:140%;
	color:var(--primary-grey);
	  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}
.flx
{
	display:flex;
	flex-wrap:wrap;
}
img.resp
{
	max-width:100%;
	height:auto;
	display:block;
}
.centerWrap
{
	overflow:hidden;
}
.posRel
{
	position:relative;
}
h1,h2,h3
{
	font-weight:400;
}

footer
{
	padding:50px 0;
	background-color:var(--primary-color);
}
nav
{
	position:fixed;
	display:block;
	background-color:var(--secondary-color);
	align-items:center;
	justify-content:center;
	z-index:999;
	top:0;
	right:0;
	left:0;
	bottom:0;
}
nav.hiddenNav
{
	display:none;
}
nav.initShowNav
{
	display:flex;
	transition:opacity ease-out 0.4s;
	opacity:0;
}
nav.showNav
{
	display:flex;
	transition:opacity ease-out 0.4s;
opacity:1;	
}
nav .closeNav
{
	position:absolute;
	top:20px;
	right:20px;
	width:40px;
	height:40px;
}
nav .closeNav a
{
	display:block;
		width:40px;
	height:40px;
	background:url(../img/close-nav.svg)center no-repeat;
}
nav .navContain
{
	max-width:768px;
	margin:0 auto;
	width:100%;
}
nav .navContain .left,
nav .navContain .right
{
	flex:1 0 100%;
	text-align:Center;
	padding:20px;
}
nav .navContain .left
{
	padding-bottom:30px;
}
nav ul
{
	list-style-type:none;
	list-style-position:inside;
	text-indent:0;
	margin:0;
	padding:0;
	
}
nav ul li a
{
display:block;
	color:#fff;
	font-size:24px;
	text-decoration:none;
	padding:5px 0;
}
nav ul li a span
{
	font-weight:700;
}
nav .menuBrand
{
	padding-bottom:20px;
}
nav .menuBrand img
{
	width:160px;
	display:inline-block;
}
nav .strt
{
	padding-bottom:20px;
}
nav .channelsAndComms
{
	padding-bottom:20px;
}
nav .channelsAndComms a
{
	color:#fff;
	text-decoration:none;
}
nav .socialsLinks img
{
	width:24px;
}
nav  .socialsLinks .socIc {
    display: inline-block;
    padding: 0 15px;
}
.gform-theme--foundation .gform_fields
{
	row-gap:10px!important;
}
.gform-theme--foundation .gfield input,
.gform-theme--foundation .gfield select,
.gform-theme--foundation .gfield textarea
{
	border:none!important;
	box-shadow:none!important;
	background-color:var(--secondary-grey)!important;
}
.gform-theme--foundation .gfield input:focus,
.gform-theme--foundation .gfield select:focus,
.gform-theme--foundation .gfield textarea:focus,
.gform-footer input[type=submit]{
	--gf-local-outline-width:0!important;
}
.gform-theme--foundation .gfield textarea:focus::placeholder
{
	color:var(--secondary-grey)!important;
}
.iti__selected-dial-code
{
	color:#000!important;
	font-size:16px!important;
}
.iti__country-list li
{
	color:#000!important;
}
body .gform_wrapper .gfield .iti--inline-dropdown .iti__country-list
{
	max-height:230px!important;
}
.gform-footer
{
	margin-block-start:10px!important;
}
.gform-footer input[type=submit]
{
	background-color:#000!important;
	color:#fff!important;
	padding:15px!important;
	border-radius:0!important;
	
}
.gform-theme--foundation .gfield textarea.large
{
	min-block-size:10rem!important;
}

footer .channelsAndComms
{
	padding:30px 0;
}
footer .channelsAndComms a
{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:3px 0;
}
footer .brandFooter
{
	max-width:768px;
	margin:0 auto;
}
footer .brandFooter .flx
{
	text-align:center;
}
footer .brandFooter .flx .left img
{
	width:200px;
	display:inline-block;
	
}
footer .brandFooter .flx .left,
footer .brandFooter .flx .right
{
flex:1 0 100%;
	padding-bottom:30px;
}

.xtraBk a
{
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    padding: 9px 12px;
    display: inline-block;
    text-decoration: none;
    
    letter-spacing: 1px;	
}
.xtraBk a:hover
{
color:#fff;
	background-color:var(--primary-color);
}
/* END GLOBALS */
header
{
	display:block;
		position:fixed;
	top:0;
	left:0;
	right:0;
	padding:20px;
	z-index:10;
}
header::before
{
	position:absolute;
	top:0;
	right:0;
	left:0;
	height:20px;
	opacity:0;
	display:block;
	background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	transition:height ease-out 0.4s, opacity ease-out 0.4s;
	content: " ";
	pointer-events:none;
}
footer .footerNav .socials
{
	text-align:center;
	padding-top:20px;
}
footer .footerNav .socialsLinks
{
	display:inline-block;
}
.scrolling header::before
{
	transition:height ease-out 0.4s, opacity ease-out 0.4s;
	opacity:0.8;
	height:120px;
}
.headBarContainer
{
	position:relative;
	z-index:3;
}
.headBarContainer .brandLogo
{
		position:Absolute;
	top:0;
	left:0;
	transition:left ease-out 0.4s,transform ease-out 0.4s;
		transform:translateX(0);
	padding-top:12px;
}

.scrolling .headBarContainer .brandLogo
{
transition:left ease-out 0.4s,transform ease-out 0.4s;

}
.headBarContainer .brandLogo img,
.scrolling .headBarContainer .brandLogo img
{
	width:120px;
	display:inline-block;
	transform:translateX(0);
	transition:width ease-out 0.4s;
		
}
.navControls
{
	position:absolute;
	top:0;
	right:0;
	
}
.menuController a
{
	position:relative;
	color:#fff;
	font-size:12px;
	letter-spacing:1.5px;
	padding-bottom:30px;
	text-decoration:0;
	transition:all ease-out 0.4s;	
}
.bookButton
{
display: inline-block;
    padding-right: 14px;
    padding-top: 8px;
    vertical-align: top;
}
.bookButton a
{
color: #fff;
    border: 1px solid #fff;
    padding: 9px 12px;
    display: block;
    text-decoration: none;
	font-size:12px;
	letter-spacing:1px;
}
.bookButton a:hover{
	color:var(--primary-color);
	background-color:#ffffff;
}
.menuController
{
	display:inline-block;
	vertical-align: top;
}
.menuController a span
{
	position:absolute;
	width:45px;
	left:0;
	border-bottom:1px solid #fff;
	transition:all ease-out 0.4s;	
}

.menuController a span.bt
{
	bottom:0;
}
.menuController a span.md
{
	bottom:10px;
}
.menuController a span.tp
{
	bottom:20px;
}
.hero
{
	height:80vh;
	display:Flex;
	align-items:Center;
	text-align:center;
	position:relative;
	background-color:var(--primary-color);
	color:var(--primary-grey);
	min-height:550px;
}

.hero .heroMessage
{
	flex:1 0 100%;
	padding:0 20px;
			position:relative;
		z-index:3;
}
.hero .heroMessage h1
{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	position:relative;
	font-size:24px;
}
.hero.journey h1
{
font-family: "tanmoncheri";
    font-size: 34px!important;
    line-height: 140%;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;	
}
.hero .heroMessage h1::after{
	position:absolute;
	bottom:0;
	left:50%;
	width:80px;
	border-bottom:1px solid #fff;
	content:" ";
	display:block;
	transform:translateX(-50%);
}
.heroMessage .heroSub
{
	
	line-height:100%;
}
.hero .heroElements
{
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	padding-bottom:20px;
}
.heroElements .elementIcons
{
text-align:center;	
	width:100%;
}
.elementIcons .elIco
{
	display:inline-block;
	padding:0 6px;
}
.heroElements .elementIcons img
{
	max-width:50px;
	
}

.hero .heroVisual
	{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		z-index:1;
		overflow:hidden;
	}
	.hero .heroVisual::after{
	position:Absolute;
		z-index:3;
		left:0;
		top:0;
		right:0;
		bottom:0;
		background-color:var(--primary-color);
		display:block;
		content:" ";
	}
.heroVisual video
{
	background: transparent;
    background-position: center center;
    background-size: cover;
    height: auto;
    width: 101%;
    position: absolute;
    min-width: 101%;
    min-height: 101%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 2;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.homeIntro
{
	margin-top:1px;
}
.homeIntroInner .flx .left,
.homeIntroInner .flx .right
{
flex:1 0 100%;	
}

.homeIntroInner .flx .left
{
	position:relative;
	overflow:hidden;
	display:Flex;
	align-items:center;
	justify-content:center;
}
.homeIntroInner .flx .right
{
	background-color:var(--primary-color);
}
.homeIntroInner .flx .right
{
	text-align:Center;
}
.homeIntroInner .flx .right .contentInner
{
	max-width:725px;
	padding:60px 0;
}
.homeIntroInner .flx .right .txt
{
	padding:0  30px;
}
.homeIntroInner .flx .right .txt p
{
	font-weight:300;
	font-size:24px;
	line-height:150%;
	margin:0;
	padding:0 0 20px 0;
}
.moreLink
{
padding-top:20px;
	text-align:Center;
}
.moreLink a
{
	text-decoration:none;
	color:#fff;
	display:inline-block;
	position:relative;
	padding-bottom:6px;
}
.moreLink a::after{
	display:block;
	width:100%;
	left:0;
	right:0;
	bottom:0;
	border-bottom:1px solid #fff;
	content:" ";
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	transition:width ease-out 0.3s;
}
.moreLink a:hover::after
{
	transition:width ease-out 0.3s;
	width:130%;
}
.homeIntroInner .flx .left .visual
{
position:absolute;
z-index:1;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden;
	
}
.homeIntroInner .flx .left .visual img
{
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    height:150%;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    object-fit: cover;
    transition: filter ease-out 0.3s;
	
}
.homeIntroInner .flx .left .visual::before
{
	position:Absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	background-color:var(--primary-color);
	content:" ";
	display:block; 
	opacity:0.4;
}
.homeIntroInner .flx .left .titleGraph
{
	z-index:2;
	position:relative;
	padding:80px 30px;
}
.homeIntroInner .flx .left .titleGraph img
{
	width:100%;
}

.services
{
	margin-top:1px;
}
.services .serviceEntry
{
	flex:1 0 100%;
	position:relative;
}
.serviceEntry .visual
{
	position:relative;
	padding-bottom:100%;
	overflow:hidden;
}
.serviceEntry a
{
	display:block;
	color:#fff;
margin-bottom:1px;
}
.serviceEntry .visual img
{
	    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    object-fit: cover;
    transition: transform ease-out 0.9s;
	transform:scale(1);
}
.serviceEntry a:hover .visual img
{
	transform:scale(1.07);
	transition: transform ease-out 0.9s;
}
.serviceEntry .visual::before
{
	position:Absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	background-color:var(--primary-color);
	content:" ";
	display:block; 
	opacity:0.5;
	transition:opacity ease-out 0.4s;
}
.serviceEntry a:hover .visual::before
{
	opacity:0.1;
	transition:opacity ease-out 0.4s;	
}
	.services .serviceEntry .titleElem
	{
		text-align:Center;
		position:Absolute;
		z-index:3;
		top:0;
		left:0;
		right:0;
		padding:30px 20px;
	}
.serviceEntry .titleElem h2{
	font-family:"tanmoncheri";
	font-size:36px;
	margin:0;
	padding:0 0 15px 0;
	line-height:150%;
	text-transform: uppercase;
}
.serviceEntry .titleElem img
{
	display:inline-block;
	width:60px;
}
.serviceLink
{
	position:Absolute;
	bottom:0;
	left:0;
	right:0;
	padding:20px;
	z-index:3;
	text-align:right;
}
.serviceLink span
{
	display:block;
	padding-right:45px;
	position:relative;
	transition:padding ease-out 0.4s;
}
.serviceLink span::after
{
	display:block;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	content:" ";
	width:31px;
	height:25px;
	background:url(../img/arrow-white.svg) center no-repeat;
	
}
a:hover .serviceLink span
{
	padding-right:55px;
	transition:padding ease-out 0.4s;
}
.philosophy
{
		background-color:#dbdbdb;
	
	margin-top:1px;
	color:var(--primary-color);
}
.philosophy .philosophyInner
{
	position:relative;
	z-index:3;
	padding:50px 20px;
	text-align:Center;
	
	line-height:150%;
}
.philosophyInner .flx .left,
.philosophyInner .flx .right
{
	flex:1 0 100%;
}
.philosophyInner .flx .left
{
	padding-bottom:30px;
}
.philosophyInner .flx .left p
{
	margin:0;
	padding:0 0 15px 0;
}
.philosophy .philosophyTitle
{
	padding-bottom:20px;
}
.philosophy .philosophyTitle h2{
	font-family:"tanmoncheri";
	font-size:36px;
	margin:0;
	padding:0 0 15px 0;
	line-height:140%;
	text-transform: uppercase;
}


 .philosophyInner .elementEnt
{
	display:flex;
	flex-wrap:wrap;
		text-align:Center;
	padding-bottom:20px;

}
.elementEnt .elemIcon,
.elementEnt .elementTxt
{
	
	flex:1 0 100%;
	
}
.elementEnt  .elemIcon img
{
	
 width:80px;
display:inline-block;
}
.bottomCTA
{
	padding:40px 0;
}
.bottomCTA .bCTAInner
{
	max-width: 1500px;
        margin: 0 auto;
	padding: 80px 20px;
}
.bottomCTA .bCTAInner .left,
.bottomCTA .bCTAInner .right
{
	flex:1 0 100%;
}
.bottomCTA .bCTAInner .left
{
	padding-bottom:30px;
	color:var(--primary-color);
}
.bottomCTA .bCTAInner .left h2
{
	    font-family: "tanmoncheri";
    font-size: 36px;
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 140%;
    text-transform: uppercase;
}
.bCTAInner .socials
{
	text-align:Center;
	padding:30px 0 0 0;
	margin-top:30px;
	border-top:1px solid #000000;
}
.bCTAInner .socials .socialsTitle
{
	font-weight:400;
	font-size:20px;
	color:var(--primary-color);
}
.bCTAInner .socials .socialsLinks
{
	padding-top:30px;
}
.socialsLinks .socIc
{
	display:inline-block;
	padding:0 10px;
}
.socialsLinks a
{
display:inline-block;
}
	.socialsLinks a img
{
	width:34px;
}


.listingSan
{
    background-color: #dbdbdb;

    color: var(--primary-color);
	position:Relative;
}
.listingSan .listingSanInner
{
	padding:50px 20px;
}
.listingSan .listingSanInner .introContent
{
	position:relative;
	z-index:2;
	text-align:Center;
	max-width:992px;
	padding:0 0 30px 0;
	margin:0 auto;
	
}
.listingSan .listingSanInner .introContent p
{
	line-height:150%;
	color:var(--primary-color);
	font-size:26px;
}
.listingEntries 
{
	max-width:1300px;
	margin:0 auto;
position:Relative;
	z-index:2;
}
.listingEntries .listSanEntry
{
	
	
	flex:1 0 100%;
}
.listingEntries .listSanEntryInner
{
	margin-bottom:30px;
}
.listingEntries .listSanEntry a 
{
	min-height:450px;
	display:block;
	position:relative;
	background-color:var(--tertiary-grey);
	color:var(--primary-color);
	padding-bottom:40px;
	text-decoration:none;
		box-shadow: 0px 0px 0 0 rgba(0,0,0,0);
-webkit-box-shadow: 0px 0px 0 0 rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0 0 rgba(0,0,0,0);
		transition:color ease-out 0.4s, box-shadow ease-out 0.4s, background-color ease-out 0.4s;
}
.listingEntries .listSanEntry a:hover
{
	box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.31);
-webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.31);
	background-color:var(--primary-color);
	color:#fff;
	transition:color ease-out 0.4s,box-shadow ease-out 0.4s, background-color ease-out 0.4s;
}
.listingEntries .listSanEntry .visual
{
	position:relative;
	padding-bottom:50%;
	overflow:hidden;
	
}
.listingEntries .listSanEntry .visual img
{
	    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    bottom:0;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    object-fit: cover;
    transition: filter ease-out 0.3s;
}
.listingEntries .listSanEntry .leTitle
{
	padding:20px 15px;
	
}
.listingEntries .listSanEntry .leTitle h2
{
    font-family: "tanmoncheri";
    font-size: 30px;
	    line-height: 140%;
    text-transform: uppercase;
	margin:0;
	padding:0;
}
.listingEntries .listSanEntry .more
{
	position:Absolute;
	bottom:15px;
	right:15px;
	
}
.listingEntries .listSanEntry .more span {
	padding-right: 45px;
	position:Relative;
}
.listingEntries .listSanEntry .more span::after
{
	    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: " ";
    width: 31px;
    height: 25px;
    background: url(../img/arrow-blue.svg) center no-repeat;
}
.listSanEntry a:hover  .more span::after
{
background: url(../img/arrow-white.svg) center no-repeat;	
}
.cyDeck .flx .left,
.cyDeck .flx .right
{
	flex:1 0 100%;
}
.cyDeck .flx .right
{
	background-color:var(--primary-color);
}
.cyDeck .flx .left{
		position: relative;
    overflow: hidden;
	height:400px;
	}
.cyDeck .flx .left .visual
{
position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;	
}
.cyDeck .flx .right .contentWrap
{
	padding:40px 20px;
	text-align:Center;
	color:#fff;
}
.cyDeck .flx .left .visual img
{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    object-fit: cover;
    transition: filter ease-out 0.3s;	
}
.cyDeck .flx .left .visual::after
{
	    position: Absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: var(--primary-color);
    content: " ";
    display: block;
    opacity: 0.4;
}
.cyDeck .flx .right .contentWrap h2
{
	font-family: "tanmoncheri";
    font-size: 36px;
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 150%;
    text-transform: uppercase;
}
.cyDeck .subTitle
{
	font-weight:400px;
	font-size:22px;
	padding-bottom:25px;
}
.cyDeck .more
{
	padding-top:20px;
}
.cyDeck .more a
{
	text-decoration: none;
    color: #fff;
    display: inline-block;
    position: relative;
    padding-bottom: 6px;
}
.cyDeck .more a::after{
	display: block;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #fff;
    content: " ";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: width ease-out 0.3s;
}
.cyDeck .more a:hover::after
{
	transition:width ease-out 0.3s;
	width:130%;
}


/* journey classes */

.journeyStats
{
	text-align:Center;
	display:Flex;
	flex-wrap:wrap;
	justify-content:center;
	padding:40px 0;
}
.journeyStats .stat
{
	flex:1 0 50%;
}
.journeyStats .stat .statIcon
{
	padding-bottom:15px;
	
}
.journeyStats .stat .statIcon img
{
	width:65px;
	display:inline-block;
}
.journeyStats .stat .statLabel
{
	color:var(--primary-color);
	padding-right:10px;
	padding-left:10px;
}

.journeyIntro
{
	padding:60px 0;
	background-color:var(--primary-color);
}
.journeyIntroInner
{
padding:0 20px;
}
.journeyIntroContent
{

		text-align:Center;

}
.journeyIntroContent h2,
.simple .right h2
{
	font-family: "tanmoncheri";
    font-size: 36px;
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 140%;
    text-transform: uppercase;
}
.experienceGalleryInner
{
	padding:10px 0 0 0;
	position:relative;
}
.experienceGalleryInner .slideNumbers
{
	position:Absolute;
	top:30px;
	left:20px;
	right:20px;
	
	text-align:Center;
	z-index:3;
	color:#fff;
	font-family: "tanmoncheri";
    font-size: 36px;
	 line-height: 140%;
}
.expSlider .sld.slick-current
{
       opacity:1!important;
	transition:opacity ease-out 0.3s;
    }
.expSlider
{
	height:550px;
}
	.expSlider .slick-list, .expSlider .slick-track, .expSlider .slick-slide, .expSlider .slick-slide div
	{
		height:100%;
	}
.expSlider .sld img
{
	        height: 100%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%;
        object-fit: cover;
        position: relative;
        z-index: 1;
}
.expSlider .sld.slick-slide
{
	opacity:0.6;
	transition:opacity ease-out 0.3s;
}
.slick-prev, .slick-next{
	width:50px!important;
height:auto!important;
	padding-bottom:6px!important;
	background-color:rgba(255,255,255,0.6)!important;
	z-index:4!important;
}
.slick-prev:before, .slick-next:before
{
font-size:40px!important;
		color:var(--primary-color)!important;
	font-weight:bold!important;
	opacity:1!important;
}

.journeyLRInner
{
	padding:40px 20px;
}
.journeyLRInner .journeyLRBox
{
	max-width:1400px;
	margin:0 auto;
}
.journeyLRInner .journeyLRBox .left,
.journeyLRInner .journeyLRBox .right
{
	flex:1 0 100%;
}
.journeyLRInner .journeyLRBox .left .inner
{
	padding:30px 0;
}
.journeyLRInner .journeyLRBox .left .inner p,
.journeyLRInner .journeyLRBox .left .inner ul
{
	color:var(--primary-color);
}
.journeyLRInner .journeyLRBox .left .inner h2
{
	color:var(--primary-color);
	    font-family: "tanmoncheri";
    font-size: 36px;
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 140%;
    text-transform: uppercase;
}
.journeyInc
{
	padding:50px 0;
	background-color:var(--primary-color);
	border-bottom:1px solid #fff;
}
.journeyInc ul
{
	list-style-type:none;
	list-style-position:inside;
	text-indent:none;
	padding:0;
	margin:0;
}
.journeyInc ul li
{
	padding-bottom:6px;
}
.journeyInc .left,
.journeyInc .right
{
	color:#fff;
	text-align:Center;
	flex:1 0 100%;
}
.journeyInc h2
{
	    color:#ffffff;
    font-family: "tanmoncheri";
    font-size: 36px;
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 140%;
    text-transform: uppercase;
}
.journeyInc .incExclCols
{
	max-width:1400px;
	margin:0 auto;
}
.journeyInc .incExclCols .inner
{
	padding:30px 20px;
}

.cyCols
{
	padding:40px 0;
}
.cyColsInner
{
	max-width:1400px;
	margin:0 auto;
	padding:0 20px;
}
.colsThree .col
{
	flex:1 0 100%;
	padding-bottom:40px;
}

.colsThree .col h2
{
	line-height:120%;
}
.colsThree .col .colInner .colVisual
{

	position:relative;
}
.col .colInner .colVisual .visual
{
	position:relative;
	padding-bottom:100%;
}
.col .colInner .colContent
{
	color:var(--primary-color);
}
.col .colInner .colVisual .visual img
{
	height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%;
        object-fit: cover;
        transition: filter ease-out 0.3s;
	
}
.simple.flx
{
	flex-direction:column-reverse;
}
.simple .left,
.simple .right
{
	flex:1 0 100%;
}
.simple .left .visual
{
	height:400px;
	position:relative;
}
.simple .left .visual img
{
	        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%;
        object-fit: cover;
        transition: filter ease-out 0.3s;
}
.simple .right
{
	background-color:var(--primary-color);
	color:#fff;
}
.simple .right .inner
{
	padding:40px 20px;
}

.aboutContent

{
	background-color:var(--primary-color);
	padding:50px 0;
}
.aboutContentInner
{
	max-width:1000px;
	margin:0 auto;
	padding:0 20px;
	text-align:center;
	color:#fff;
}
.aboutContentInner h2
{
	font-family: "tanmoncheri";
    font-size: 36px;
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 140%;
    text-transform: uppercase;
}
.aboutContentInner p
{
	line-height:180%;
}

.cyRows
{
padding:50px 0;
}
.cyRows .cyRowsInner
{
max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
}
.cyRowEnt 
{
	padding-bottom:40px;
	flex:1 0 100%;
}
.cyRowEnt  .cyRowImg,
.cyRowEnt .cyRowCnt
{
	flex:1 0 100%;
}
.cyRowEnt .cyRowCnt
{
	padding:20px 0;
}
.cyRowEnt.fixed .cyRowCnt
{
background-color:var(--primary-color);
		padding:30px;

}
.cyRowEnt.fixed .cyRowCnt p
{
	color:#fff;

}
.cyRowEnt.fixed .cyRowCnt h2
{
	color:#fff;
}
.cyRowEnt .cyRowCnt h2,
.cyRowEnt .cyRowCnt p
{
	color:var(--primary-color);
	
}
.cyRowEnt .cyRowCnt h2
{
	line-height:130%;
	margin:0;
	padding:0 0 20px 0;
}
.cyRowEnt .cyRowCnt p
{
	margin:0;
	padding:0 0 15px 0;
	font-size:17px;
}
.cyRowEnt  .cyRowImg
{
	position:relative;

}
.cyRowEnt  .cyRowImg .vis
{
	padding-bottom:100%;
	position:relative;
}
.cyRowEnt  .cyRowImg img{ 
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    object-fit: cover;
    transition: filter ease-out 0.3s;
}
.cyRowsInner .rowsTitle
{
	padding:30px 0;
	text-align:center;
}
.cyRowsInner .rowsTitle h2
{
font-family: "tanmoncheri";
    font-size: 36px;
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 140%;
    text-transform: uppercase;	
	color:var(--primary-color);
}
/* end journey classes */

/* cy deck cta */
.cyCta
{
	position:relative;
	padding:50px 0;
	    background-color: #dbdbdb;
}
.cyCta .cyCtaInner
{
	max-width:1400px;
	margin:0 auto;
}
    .cyCta::before {
        position: absolute;
        display: block;
        content: " ";
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        width: 50%;
        background: linear-gradient(90deg, rgba(219, 219, 219, 1) 0%, rgba(163, 163, 164, 1) 52%, rgba(113, 103, 105, 1) 100%);
    }
.cyCtaInner .flx
{
	padding:0 20px;
	text-align:center;
	position:relative;
	z-index:3;
}
.cyCtaInner .telComs,
.cyCtaInner .cySoc
{
	flex:1 0 100%;
	padding:30px 0;
}
.cyCtaInner h2
{
	    color: var(--primary-color);
    font-family: "tanmoncheri";
    font-size: 28px;
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 140%;
    text-transform: uppercase;
}
.telComs .tel a
{
padding:10px 0 10px 48px;
	background:url(../img/tel-icon.svg) center left no-repeat;
	display:inline-block;
	font-size:22px;
	color:var(--primary-color);
	text-decoration:none;
	background-size:48px 48px;
}
.cySoc .cySo{
		margin:0 10px;
	display:inline-block;
}
.cySoc .cySo a
{
	display:block;
width:48px;
	height:48px;
}
.cySoc .cySo a img
{
	max-width:48px;
}
/* end cy deck cta */

.error404
{
	background-color:var(--primary-color);
text-align:Center;
padding: 80px 0;
}
.error404Inner
{
	padding:60px 30px;
	display:inline-block;

	text-align:Center;
}
.error404Inner .bigNum
{
	    font-family: "tanmoncheri";
    font-size: 45px;
    margin: 0;
    padding: 0 0 25px 0;
    line-height: 140%;
    text-transform: uppercase;
}
.error404Inner .errorMsg
{
	color:#fff;
}
@media(min-width:768px)
{
	.cyCta
	{
		padding:120px 0;
	}

	.cyCtaInner .telComs,
.cyCtaInner .cySoc
{
	flex:1 0 50%;
	padding:0;
}

	.cyRowsInner .rowsTitle h2
	{
	font-size: 38px;	
	}
	.listingEntries .listSanEntry.single-entry
	{
	flex:1;	
	}
	.listingEntries .listSanEntry.single-entry a
	{
	display: flex;
    padding: 0;
		min-height:inherit
	}
	.listingEntries .listSanEntry.single-entry a .visual {
		flex: 1 0 50%;
		padding-bottom:45%;
	}
	.listingEntries .listSanEntry.single-entry .leTitle
	{
		flex: 1 0 50%;
		display:flex;
		align-items:Center;
	}
	.listingEntries .listSanEntry.single-entry .leTitle > div
	{
		padding-left:50px;
	}
	.aboutContentInner h2
{
font-size: 38px;
}
	
	.simple
	{
		min-height:80vh
	}
	.simple.flx
{
	flex-direction:row;
}
.simple .left,
.simple .right
{
	flex:1 0 50%;
}
	.simple .right
	{
		display:flex;
		align-items:Center;
	}
	.simple .right .inner
	{
		flex:1 0 100%;
		padding:40px;
		max-width: 650px;
	}
	.simple .left .visual
	{
		
		height:100%;
	}
	.colsThree .col
	{
		flex:1 0 50%;
		
		padding:0 30px 30px 30px;
	}
	.cyDeck .flx
	{
		min-height:500px;
	}
	.cyDeck .flx .left,
.cyDeck .flx .right
	{
		flex:1 0 50%;
	}
	.cyDeck .flx .right{
				display:flex;
		align-items:center;
		justify-content:center;
	}
	.cyDeck .flx .left
	{
		height:auto;

	}
	.cyDeck .flx .right .contentWrap
	{
		
		padding:80px 40px;
		max-width:640px;
	}
	.cyDeck .flx .right .contentWrap p
	{
		line-height:150%;
		margin:0;
		padding:0 0 15px 0;
	}
	.bookButton a
	{
		font-size:16px;
		
	}
	.menuController a
	{
		letter-spacing:5px;
		
	}
	.scrolling .menuController a
{
letter-spacing:1.5px;
	
}
	.menuController a span{
		width:55px;
	}
.scrolling .menuController a span
{
transition:all ease-out 0.4s;
	width:43px;
}
	
	
.socialsLinks .socIc
	{
		padding:0 20px;
	}
	nav .navContain .left
	{
			flex:1 0 50%;
	text-align:left;
	}
nav .navContain .right
{
	flex:1 0 50%;

}
	nav .navContain .left
	{
		padding-bottom:0;
	}
	nav .menuBrand img
	{
		width:200px;
	}
	footer .brandFooter .flx
	{
		text-align:left;
	}
	footer .brandFooter .flx .left,
footer .brandFooter .flx .right
	{
	flex:1 0 50%;
		padding:0;
	}
	footer .brandFooter .flx .left
	{
		text-align:right;
		padding-right:20px;
	}
	footer .brandFooter .flx .left img
	{
		width:180px;
	}
	footer .brandFooter .flx .right
	{
		padding-left:20px;
	}
	.headBarContainer .brandLogo
	{
	
		top:0;
		left:50%;
		transform:translateX(-50%);
		padding-top:0;
	}
	.headBarContainer .brandLogo img
	{
		width:200px;
	}
	.scrolling .headBarContainer .brandLogo
	{
	left:0;
		transform:translateX(0);
	}
.hero
	{
		height:80vh;
	}
	.hero.mini
	{
		height:60vh;
	}
	.hero .heroMessage
	{
		line-height:1;

	}
	.hero .heroMessage h1
	{
		font-size:30px;
		line-height:130%;
	}
	.heroElements .elementIcons
	{
		padding:0 12px;
	}
	
	.homeIntroInner .flx
{
height:80vh;
	min-height:500px;
}
	.homeIntroInner .flx .left,
.homeIntroInner .flx .right
{
flex:1 0 50%;	
}
	.homeIntroInner .flx .right
	{
		display:flex;
		align-items:Center;
		justify-content:Center;
	}

	.homeIntroInner .flx .left .titleGraph
	{
		padding-top:50px;
		padding-bottom:50px;
	}
	.homeIntroInner .flx .left .titleGraph img
	{
		width:320px;
	}
.services .serviceEntry
	{
		flex:1 0 50%;
	}
	.services .serviceEntry a
	{
		margin:1px;
		
	}
	.services .serviceEntry:first-child a{
		margin-left:0;
	}
		.services .serviceEntry:last-child a{
		margin-right:0;
	}
	.services .serviceEntry .visual
	{
		padding-bottom:0;
		height:80vh;
		min-height:500px;
	}
	.services .serviceEntry .titleElem
	{
		padding-top:50px;
	}
	.serviceEntry .titleElem h2{
	
	font-size:38px;
}
	
.philosophy
	{
		
		position:Relative;
	
		
	}
	.philosophy .philosophyTitle h2
	{
	font-size:38px;	
	}
	.philosophy .philosophyInner
	{
		padding:80px 50px;
		text-align:left;
		        max-width: 1500px;
		margin:0 auto;
		font-size:24px;
		
	}
	.philosophy::before
	{
		position:absolute;
		display:block;
		content:" ";
		right:0;
		top:0;
		
		bottom:0;
		z-index:1;
		width:50%;
		background: linear-gradient(90deg,rgba(219, 219, 219, 1) 0%, rgba(163, 163, 164, 1) 52%, rgba(113, 103, 105, 1) 100%);
	}

	 .philosophyInner .elementEnt
	{
		text-align:left;
	}

	
	.elementEnt .elemIcon
	{
		flex:0 0 60px;
	}
.elementEnt .elementTxt
{
	
	flex:1;
	padding-left:30px;
	
}
	.bottomCTA .bCTAInner .left h2
	{
		font-size:38px;
	}
	.listingSan::before{
	        position: absolute;
        display: block;
        content: " ";
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        width: 50%;
        background: linear-gradient(90deg, rgba(219, 219, 219, 1) 0%, rgba(163, 163, 164, 1) 52%, rgba(113, 103, 105, 1) 100%);
	}
	.listingEntries .listSanEntry
	{
		flex:0 0 50%;
	}
	.listingEntries .listSanEntryInner
{
	margin:0 15px 30px 15px;
}
	.listingEntries .listSanEntry a
	{
		min-height:500px;
	}
	.journeyIntro
	{
		padding:100px 0;
	}
.journeyIntroInner
	{
		display:flex;
		justify-content:flex-end;
	}
	.journeyIntroInner .journeyIntroContent
	{
		text-align:left;
		flex:1;
		max-width:50%;
	}

	.expSlider
	{
		height: 80vh;
        min-height: 400px;
	}
	.expSlider .sld
{
	position: relative;
        padding: 0 5px;
}

	
	.journeyLRInner .journeyLRBox.even{
		flex-direction:row;
	}
	.journeyLRInner .journeyLRBox.odd
	{
		flex-direction:row-reverse;
		
	}
	.journeyLRInner .journeyLRBox.even .left
	{
		justify-content:flex-end;
	}
.journeyLRInner .journeyLRBox .left,
.journeyLRInner .journeyLRBox .right
{
	flex:1 0 50%;
}	

	.journeyLRInner .journeyLRBox .left
	{
		display:flex;
		
		align-items:Center;
	}
	.journeyLRInner .journeyLRBox .left .inner
	{
		flex:1 0 100%;
		padding:40px;
		max-width:600px;
	}
.journeyLRInner .journeyLRBox .right
	{
		min-height:600px;
		background-color:var(--primary-grey);
	}
	.journeyLRInner .journeyLRBox .right .visual
	{
		position:relative;
		height:100%;
	}
	.journeyLRInner .journeyLRBox .right .visual img
	{
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    object-fit: cover;
    transition: filter ease-out 0.3s;	
	}
	
	.journeyInc .left,
.journeyInc .right
	{
		flex:1 0 50%;
	}
	.journeyInc .incExclCols .inner
{
	padding:30px 60px;
}
	.experienceGalleryInner .slideNumbers
	{
		font-size:45px;

	}
	
	
	
	.cyRowEnt 
{
	padding-bottom:40px;
	flex:1 0 100%;
}
.cyRowEnt  .cyRowImg
	{
		flex:40%;
	}
.cyRowEnt .cyRowCnt
{
	flex:1 0 60%;
	padding:0 30px;
}
	
	
}
@media(min-width:992px)
{
	.error404Inner
{
	padding:100px 30px;
	}
	.listingEntries .listSanEntry.single-entry a .visual
	{
		padding-bottom:35%;
	}
		.cyCtaInner h2{
		font-size:36px;
	}
	.cyRowEnts.twoElems .fixed .cyRowImg,
	.cyRowEnts.twoElems .fixed .cyRowCnt
	{
	flex:1 0 50%;	
	}
		.cyRowsInner .rowsTitle h2
	{
	font-size: 45px;
	}
	.colsThree .col
	{
		flex:1 0 25%;
		padding-bottom:0;
		padding:0 15px;
	}
	
	.aboutContent
	{
		padding:80px 0;
	}
		.aboutContentInner h2
{
font-size: 45px;
}
	.simple .right .inner
	{
		padding:40px 80px;
	}
	.cyCols
{
	padding:60px 0 40px 0;
}
	.cyDeck .flx .right .contentWrap
	{
		/*padding-left:60px;*/
	}
	.cyDeck .flx .right .contentWrap h2
	{
		font-size:45px;
	}
	nav ul li a
	{
		font-size:30px;
		padding:10px 0;
	}
			.headBarContainer .brandLogo img
	{
		width:260px;
	}
	
	.hero .heroMessage
	{
	max-width: 880px;
    line-height: 290%;
		margin:0 auto;
	}
.hero .heroElements
	{
		bottom:20px;
	}
	.elementIcons .elIco
	{
		padding:0 15px;
	}
		.heroElements .elementIcons img
{
	max-width:70px;
	
}

	.homeIntroInner .flx .left .titleGraph img
	{
		width:400px;
	}	
		.serviceEntry .titleElem h2{
	
	font-size:45px;
}
		.philosophy .philosophyTitle h2
	{
	font-size:45px;	
	}

		.philosophyInner .flx .left,
.philosophyInner .flx .right
{
	flex:1 0 50%;
}
	
	.philosophyInner .flx .left
	{
		padding-bottom:0;
	}
	.philosophyInner .flx .right .inner
	{
		padding-left:40px;
	}
	.philosophyInner .elementEnt{
	max-width:500px;	
	}	
	
	.bottomCTA .bCTAInner .left
	{
	flex:1 0 60%;
		padding-right:40px;
	}
.bottomCTA .bCTAInner .right
{
	flex:1 0 40%;
}
		.bottomCTA .bCTAInner .left h2
	{
		font-size:45px;
	}
		.listingEntries .listSanEntry
	{
		flex:0 0 33.333%;
	}
		.listingEntries .listSanEntry a
	{
		min-height:450px;
	}
		.listingEntries .listSanEntry .visual
	{
		padding-bottom:65%;
	}
	/* journey classes */
	
	
	.journeyStats .stat
	{
		flex:0 0 220px;
	}
	.journeyIntroInner
	{
		padding-right:40px;
	}
	.journeyIntroContent h2,
	.simple .right h2
	{
	font-size:45px;	
	}
	.journeyLRInner
	{
		padding:80px 20px;
	}
	.experienceGalleryInner .slideNumbers
	{
		font-size:55px;
	}
	/* end journey classes */
	
	
}
@media(min-width:1200px)
{
			.cyRowsInner .rowTitle h2
	{
	        font-size: 60px;
	}
	.cyRowEnts 
	{
		justify-content:center;
	}
	.cyRowEnt 
{
	padding:15px;
	flex:1 0 50%;
}
	.cyRowEnt.fixed
	{
		flex:0 0 33.333%;
		padding:15px;
	}
	.twoElems .cyRowEnt.fixed
	{
	flex:1 0 50%;	
	}
	.cyRowEnts.twoElems .fixed .cyRowImg .vis
	{
		padding-bottom:auto;
		height:100%;
	}
	
.cyRowEnt  .cyRowImg
	{ .
		flex:45%;
	}

.cyRowEnt .cyRowCnt
{
	flex:1 0 55%;
}
		.cyRowEnt.fixed  .cyRowImg,
	.cyRowEnt.fixed .cyRowCnt
	{
		flex:1 0 100%;
	}
	
			.aboutContentInner h2
{
font-size: 60px;
}
	
	.cyDeck .flx
	{
		height:80vh;
	}
			.headBarContainer .brandLogo img
	{
		width:280px;
	}
	.scrolling .headBarContainer .brandLogo img
	{
		width:200px;
	}
	.hero
	{
	height:100vh;	
	}
		.hero .heroMessage h1
	{
		font-size:50px;
		font-weight:300;
	}
	.homeIntroInner .flx .left .titleGraph img
	{
		width:30vw;
	}	
	.philosophy .philosophyInner
	{
		padding:120px 50px;
	}
		/*	.serviceEntry .titleElem h2{
	
	font-size:60px;
}*/
			.philosophy .philosophyTitle h2
	{
	font-size:60px;	
	}
	.bottomCTA .bCTAInner
	{
		padding: 80px 50px;
	}
			.bottomCTA .bCTAInner .left h2
	{
		font-size:60px;
	}

}
@media(min-width:1300px)
{
		.services .serviceEntry
{
	flex:1 0 25%;
	
}
			.listingEntries .listSanEntryInner a
	{
		min-height:500px;
	}
}
