@charset "utf-8";

/* CSS Document */



/*** DEFAULTS ***/

:root {

  --zuri-brown-color: #736357;

--zuri-orange-color:#f78803;

}



@font-face {

  font-family: 'dosis-regular';

  src: url('../woff2/dosis-regular-webfont.woff2') format('woff2'),

       url('../ttf/dosis-regular-webfont.ttf') format('truetype');

}

@font-face {

  font-family: 'dosis-medium';

  src: url('../woff2/dosis-medium-webfont.woff2') format('woff2'),

       url('../ttf/dosis-medium-webfont.ttf') format('truetype');

}

@font-face {

  font-family: 'dosis-bold';

  src: url('../woff2/dosis-bold-webfont.woff2') format('woff2'),

       url('../ttf/dosis-bold-webfont.ttf') format('truetype');

}



*

{

	box-sizing:border-box;

}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyCybot

{

	display:none!important;

}

#CookiebotWidget .CookiebotWidget-logo svg circle

{

	fill:var(--zuri-brown-color)!important;

}



html {

    /*scroll-behavior: smooth;*/

}

.sl-wrapper.simple-lightbox
{
background-color:rgba(255,255,255,0.9)!important;
z-index:99999999999999!important;
}
.sl-overlay
{
	display:none!important;
}

html, body

{

	margin:0;

	padding:0;

	font-family: 'dosis-regular', sans-serif;

line-height:160%;

	font-size:19px;

}

body #chat-widget-container

{

	max-height:calc(100% - 132px)!important;

	bottom:0!important;

}

a

{

	text-decoration:none;

}

h2

{

	    line-height: 120%;

	font-weight:normal;

	/*font-family: 'dosis-medium', sans-serif;*/

}

strong

{

	font-weight:normal;

	font-family: 'dosis-bold', sans-serif;

}



.gform_wrapper input[type=text],

.gform_wrapper input[type=email],

.gform_wrapper select



{

	font-size:18px!important;

}





.flx

{

	display:flex;

	flex-wrap:wrap;

}

img.resp

{

	max-width:100%;

	height:auto;

	display:block;

}

.headWrap

{

	position:fixed;

	top:0;

	left:0;

	right:0;

	background-color:#fff;

	z-index:9999999999999999999999999999999999;

}

.hero

{

	height:100vh;

	position:relative;

	overflow:hidden;

	min-height:600px;

}

.hero.min

{

height:60vh;	

}

.hero.plainBg

{

height:auto;

background-color:var(--zuri-brown-color);

min-height:300px;

}

.hero.plainBg .heroVisual::after{

display:none!important;

}

.hero.accommodation .heroVisual

{



}

.heroVisual

{

	position:absolute;

	top:0;

	right:0;

	bottom:0;

	left:0;

	background-size:cover;

	background-position:center;

	

}

.hero.page .heroVisual::after,

.hero.experience .heroVisual::after,

.archive .heroVisual::after,

.accommodation .heroVisual::after{

background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);

	display:block;

	position:Absolute;

	bottom:0;

	left:0;

	right:0;

	height:70%;

	z-index:2;

	content:" ";

}

.heroTitleBlock

{

position:absolute;

	padding-bottom:80px;

	bottom:0;

	left:0;

	right:0;

	z-index:3;



}

.hero.plainBg .heroTitleBlock

{

padding-bottom:40px;

}

.heroTitleBlock::after{

	position:absolute;

	height:70px;

	bottom:0;

	left:50%;

	border-right:1px solid #fff;

	content:" ";

	display:block;

}

.hero.plainBg .heroTitleBlock::after

{

height:50px;

}

.heroTitleBlock h1

{

	font-size: clamp(35px, 4vw, 50px);

    font-weight: normal;

    margin: 0;

    padding: 0 15px 20px 15px;

	color:#fff;

		text-align:Center;

	line-height:110%;

}

.heroTitleBlock .miniTitle

{

	font-size:22px;

	padding-bottom:12px;

	display:block;

	line-height:100%;



	

}

.centralNav ul

{

list-style-type:none;

list-style-position:inside;

margin:0;

text-indent:0;

padding:0;

	text-align:Center;

}

.centralNav ul li

{

display:inline-block;

}

.centralNav ul li a



{

	font-size:16px;

	color:#736357;

	display:block;

}

.navWrapper

{

	padding:15px 20px;

	background-color:#fff;

}

header

{

	display:block;

	position:fixed;

	top:0;

	left:0;

	right:0;

	z-index:100;

}

header .left

{

	flex:0 0 45px;

}

header .centralNav



{

flex:1;

display:none;

}



header .brand img

	{

		max-width:45px;

		display:inline-block;

	transition:max-width ease-out 0.3s;

		vertical-align: middle;

	}



header .langs

{

	/*padding-right:30px;*/

	display:none;

}

header .langs ul



{

	list-style-position:inside;

	list-style-type:none;

	margin:0;

	padding:0;

	text-indent:0;

	

}

header .langs ul > li

{

	position:relative;

	z-index:2;

	text-transform:uppercase;

}

header .langs > ul > li > a

{

	display:block;

	padding:4px 36px 4px 12px;

	border:1px solid #736357;

	font-size:16px;

	color:#736357;

	background-image:url(../svg/langs-arrow-icon.svg);

	background-position: calc(100% - 8px) center ;

	background-size:15px 15px;

	background-repeat:no-repeat;

}

header .langs ul  ul

{

	display:none;

	position:absolute;

	top:calc(100% - 1px);

	background-color:#fff;

	width:100%;

	border-right:1px solid #736357;

	border-bottom:1px solid #736357;

	border-left:1px solid #736357;



}

header .langs ul  ul li a

{

	display:block;

	padding:4px 30px 4px 12px;

	

	font-size:16px;

	color:#736357;	

}

header .langs ul li:hover ul

{

	display:block;

}

	header .right.opts

	{

		display:flex;

		align-items:center;

		justify-content:flex-end;

		flex:1;

		position:relative;

	}



header .right .topBook

{

margin-left:30px;	

}

header .right .topBook a

{

	display:block;

	padding:6px 40px 6px 20px;

	background-color:#f78803;

	color:#fff;

	transition:background-color ease-out 0.3s;

	font-size:16px;
	position:relative;

}
header .right .topBook a::before
{
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	background:url(../svg/zuri-book-icon.svg) center no-repeat;
	width:20px;
	height:20px;
	display:block;
	content:" ";
}


header .right .topBook a:hover

{

	background-color:#d97600;

	transition:background-color ease-out 0.3s;

}

header .right .navController

{

display:inline-block;

	margin-left:30px;

}



header .right .navController a

{

	display:block;

	width:40px;

	height:40px;

	position:relative;

}



header .right .navController.closer

{

	position:absolute;

	right:0;

	z-index:999;

	transition:all ease-out 0.3s;

}



header .right .navController a span

{

display:block;

	position:absolute;

	left:0;

	right:0;

	border-top:1px solid #f78803;

	border-bottom:1px solid #f78803;

	transition:left ease-out 0.2s;

}

header .right .navController a span.tp

{

top:5px;

	transform:rotate(0deg);

	transition:rotate ease-out 0.2s, top ease-out 0.2s, left ease-out 0.3s;;	



}

header .right .navController.closer a span.tp{

		transition:rotate ease-out 0.2s, top ease-out 0.2s;

	transform:rotate(45deg);

	top:17px;

}



header .right .navController.stnd a:hover span.tp

{

left:-15px;

	transition:left ease-out 0.2s;

}

header .right .navController a span.md

{

top:50%;

	transform:translateY(-50%);

}

header .right .navController.closer a span.md

{

opacity:0;

	transition:opacity ease-out 0.3s;

}

header .right .navController.stnd a:hover span.md

{

left:-7px;

	transition:left ease-out 0.2s;

}

header .right .navController a span.bt

{

bottom:5px;	

}

header .right .navController.closer a span.bt{

		transition:rotate ease-out 0.2s, bottom ease-out 0.2s;

	transform:rotate(-45deg);

	bottom:22px;

}

header::before{

	display:block;

	content:" ";

	transition:opacity ease-out 0.3s;

	height:20px;

	width:100%;

	position:absolute;

	bottom:-20px;

	left:0;

	right:0;

	opacity:0.01;

	pointer-events:none;

	/*background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);*/
background:url(../png/pseudo-header-bg-gradient.png) left top repeat-x;

}

	header .megaMenu.hiddenNav

	{

		opacity:0;

		display:none;

	}

	header .megaMenu.hiddenNav,

	header .megaMenu.fadeNav

	{

		right:-480px;

	}

.scrolling header::before{

	opacity:0.2;

	transition:opacity ease-out 0.3s;

}



header .megaMenu

{

	position:fixed;

	z-index:888;

	left:0;

	right:0;

	top:0;

	bottom:0;

	

	overflow-y:auto;

	background-color:rgba(115,99,87,0.95);

	display:flex;

	align-items:center;

	justify-content:center;

opacity:1;

	transition:opacity ease-out 0.6s, right ease-out 0.6s;

	

}

.megaMenu.hiddenNav



{



	



}



.megaMenu.fadeNav

{

	opacity:0;



	transition:opacity ease-out 0.6s, right ease-out 0.6s;	

}

.megaMenu .closeNav

{

position: absolute;

    right: 20px;

	top:20px;

    z-index: 999;

    transition: all ease-out 0.3s;	

}

.megaMenu .closeNav a

{

	    display: block;

    width: 40px;

    height: 40px;

    position: relative;

	transition:transform ease-out 0.3s;

	transform:rotate(0deg);

}

.megaMenu .closeNav a:hover{

	transform:rotate(90deg);

	transition:transform ease-out 0.3s;

}

.megaMenu .closeNav a span

{

	    display: block;

    position: absolute;

    left: 0;

    right: 0;

    border-top: 1px solid #ffffff;

    border-bottom: 1px solid #ffffff;

    transition: left ease-out 0.2s;

}

.megaMenu .closeNav a span.tp

{

	transform: rotate(45deg);

    top: 17px;

}

.megaMenu .closeNav a span.bt

{

    transform: rotate(-45deg);

    bottom: 22px;

}

.megaMenu  .mobileLangs span

{

	display:inline-block;

	margin:0 4px;

}

.megaMenu .mobileLangs

{

	padding-top:20px;

}

.megaMenu .mobileLangs a

{

	padding:8px 20px;

	border:1px solid #fff;

	color:#fff;

	text-decoration:none;

	text-transform:uppercase;

}

.megaMenu .mobileLangs a.active

{

	background:#fff;

	color:var(--zuri-brown-color);

}

.menuBrand

{

	position:absolute;

	top:20px;

	left:20px;

	display:none;

}

.menuBrand img

{

	max-width:120px;

}

.menuNav

{

    flex: 1;

    padding: 120px 30px 70px 20px;

    position: relative;

	

	

	

	justify-content:center;

	max-width:992px;

	margin:0 auto;

}

.menuNav .megaLeft,

.menuNav .menuRight

{

flex:1 0 100%;

	text-align:center;

}

.menuNav .megaLeft

{

	padding-bottom:20px;

}

.menuNav .megaLeft ul

{

	list-style-type:none;

	list-style-position:inside;

	margin:0;

	padding:0;

	text-indent:0;

	

}

.menuNav .megaLeft ul li.highlight

{

	padding-top:4px;

}

.menuNav .megaLeft ul li.highlight a,

.menuNav .megaLeft ul li.highlight a:hover

{

	border:1px solid #fff;

	padding:4px 10px;





}

.menuNav .megaLeft ul li.highlight a:hover

{

		background-color:#fff;

	color:var(--zuri-brown-color);

}

.menuNav .megaLeft ul li.highlight a::before,

.menuNav .megaLeft ul li.highlight a:hover::before{

	display:none;

}

.menuNav .megaLeft ul li a

{

	color:#ffffff;

	font-size:22px;

	display:inline-block;

	padding:0 0 4px 0;

	transition:padding ease-out 0.3s;

	position:relative;

}
.menuNav .megaLeft ul li.hideDesktop
{
	margin-top:10px;
}
.menuNav .megaLeft ul li.hideDesktop a
{
/*text-decoration:underline;*/
    padding: 8px 20px;
    border: 1px solid #fff;
}
.menuNav .megaLeft ul li.hideDesktop a::before {
    display: none;
    content: none;
}
.menuNav .megaLeft ul li a::before{

	position:absolute;

	top:15px;

	width:8px;

	left:-30px;

	content:" ";

	display:block;

	border-bottom:1px solid #fff;

	opacity:0;

	

	transition:left ease-out 0.3s,opacity ease-out 0.3s;

}

.menuNav .megaLeft ul li a:hover::before{

		opacity:1;

	left:-20px;

	transition:left ease-out 0.3s,opacity ease-out 0.3s;

}

.menuRight .megaSocial

{

	padding-bottom:20px;

}

.menuRight .megaSocial h2

{

	margin:0;

	padding:0 0 20px 0;

	color:#f78803;

	font-weight:400;

}

.menuRight .megaSocial .socialIcons a

{

	display:inline-block;

	margin-right:5px;

}

.menuRight .megaSubLinks 

{

	padding-bottom:20px;

}

.menuRight .megaSubLinks ul

{

	list-style-type:none;

	list-style-position:inside;

	margin:0;

	padding:0;

	text-indent:0;	

}

.menuRight .megaSubLinks ul li a

{

	

color:#56463b;

	display:block;

	padding-bottom:3px;

	font-size:22px;

}

.menuRight .megaBbook a

{

display: inline-block;

    padding: 10px 20px;

    background-color: #f78803;

    color: #fff;

    transition: background-color ease-out 0.3s;	

}

.menuRight .megaBbook a:hover

{

	background-color: #d97600;

    transition: background-color ease-out 0.3s;

}

.availabilityUtil 

{

	display:none;

	padding:20px;

	background-color:var(--zuri-orange-color);

}

.availabilityUtil .params 

{

	flex:1 0 80%;

	align-items:center;

}

.availabilityUtil .availabilityButton

{

	flex:1 0 20%;

	text-align:right;

	padding-left:10px;

}

.availabilityUtil .availabilityButton a

{

display: block;

	text-align:center;

    padding: 10px 20px;

    background-color: #fff;

    color: var(--zuri-orange-color);

    transition: background-color ease-out 0.3s;	

}

.availabilityUtil .availabilityButton a:hover

{

background-color:#d97600;

	transition:background-color ease-out 0.3s;

	color:#fff;

}

.availabilityUtil .paramEnt

{

	padding:0 10px;

	flex:1;

	text-align:center;

}

.availabilityUtil .paramEnt input[type=text]

{

	width:100%;

	display:block;

	background-color:transparent;

		border:1px solid #fff;

		color:#fff;

	border-radius:6px;

	padding:12px 10px;

	  font-family: 'dosis-regular', sans-serif!important;

	

	

		-webkit-appearance: none;

	font-size:16px;

	text-transform:uppercase;

}

.availabilityUtil .paramEnt input[type=text]::placeholder

{

	color:#fff;

	text-transform:uppercase;

}

.availabilityUtil .paramEnt input[type=text]:focus,

.availabilityUtil .paramEnt select:focus

{

	outline:none;

	position:relative;

}

.availabilityUtil .paramEnt select

{

	text-transform:uppercase;

    font-family: 'dosis-regular', sans-serif!important;

-webkit-appearance: none;

background-image:url(../svg/drop-selector-arrow.svg);



	background-size:20px 20px;

	background-color:transparent;

	background-position:calc(100% - 10px) center;



	background-repeat:no-repeat;

		padding:12px 10px;

	border:none;

	border:1px solid #fff;

		color:#fff;

	border-radius:6px;

	font-size:16px;



width:100%;

}

.availabilityUtil .paramEnt select option

{

	color:#000;

}

.availabilityUtil .paramEnt input.dateSelector

{

background-image:url(../svg/calendar-icon.svg);

	background-size:22px 25px;

	background-position:calc(100% - 10px) 6px;

	background-repeat:no-repeat;

	

}

.indexLinkWhite

{

	padding-top:20px;

}

.indexLinkWhite a

{

	

	border:1px solid #fff;

	padding:12px 20px;

	display:block;

	text-align:Center;

	position:relative;

	text-decoration:none!important;

	

}

.indexLinkWhite a::before

{

display:block;

	content:" ";

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	top:0;

	background-color:#fff;

	opacity:0;

	transition:opacity ease-out 0.3s;

}

.indexLinkWhite a:hover::before

{

opacity:1;	

	transition:opacity ease-out 0.3s;

}

.indexLinkWhite a span

{

color:#fff;	

	transition:color ease-out 0.3s;

	position:relative;

	z-index:2;

}

.indexLinkWhite a:hover span

{

	transition:color ease-out 0.3s;

color:var(--zuri-brown-color);	

	

}



.indexLinkBrown

{

	padding-top:20px;

}

.indexLinkBrown a

{

	

	border:1px solid var(--zuri-brown-color);

	padding:15px 24px;

	display:block;

	text-align:Center;

	position:relative;

	text-decoration:none!important;

	

}

.indexLinkBrown a::before

{

display:block;

	content:" ";

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	top:0;

	background-color:var(--zuri-brown-color);

	opacity:0;

	transition:opacity ease-out 0.3s;

}

.indexLinkBrown a:hover::before

{

opacity:1;	

	transition:opacity ease-out 0.3s;

}

.indexLinkBrown a span

{

color:var(--zuri-brown-color);	

	transition:color ease-out 0.3s;

	position:relative;

	z-index:2;

}

.indexLinkBrown a:hover span

{

	transition:color ease-out 0.3s;

color:#fff;	

	

}







.indexLinkOrange

{

	padding-top:20px;

}

.indexLinkOrange a

{

	

	background-color:var(--zuri-orange-color);

	padding:15px 24px;

	display:block;

	text-align:Center;

	position:relative;

	text-decoration:none!important;

	

	

}



.indexLinkOrange a span

{

color:#fff;

	transition:color ease-out 0.3s;

	position:relative;

	z-index:2;

}







.videoWrapper

{

	    flex: 1 0 100%;

	overflow:hidden;

	position:relative;

	padding-bottom:100%;

}



.videoWrapper .hpMiniClip

{

	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%);

}





.slick-dots li button:before

{

	font-size:14px!important;

}

.instagramHeader

{

	text-align:center;

	padding:30px 20px;

}

.instagramHeader a

{

	display:inline-block;

}

.instagramHeader h2

{

	font-size: clamp(40px, 4vw, 40px);

    font-weight: normal;

    margin: 0;

    padding: 45px 0 20px 0;

	background:url(../svg/instagram-title-icon.svg) top center no-repeat;

	color:var(--zuri-brown-color);

	    background-size: 40px;

}

.instagramHeader .instaSub

{

	font-size:22px;

	color:var(--zuri-brown-color);

}

.instagramFeed

{

	padding:0 10px;

}

.instaSld

{

	padding:10px;

}

.instaSld a

{

	position:relative;

	overflow:hidden;

	padding-bottom:100%;

	display:block;

}

.instaSld .instaTypeDisplay 

{

	position:absolute;

	top:15px;

	right:15px;

	width:20px;

	height:20px;

	z-index:2;

}

.instaSld .instaTypeDisplay.instaVid

{

	background:url(../svg/insta-video-type.svg) center no-repeat;

}

.instaSld a 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;

}

footer

{

	overflow:hidden;

}

footer .footerColorBlock

{

	/*margin-top:50px;*/

	padding:0 20px 20px 20px;

}

.footerColorBlock .footerColorInner

{

background-color:var(--zuri-brown-color);

	color:#fff;

	text-align:Center;

}

footer .brandFooter

{

	padding:80px 0 40px 0;

}

footer .brandFooter img

{

	display:inline-block;

	max-width:200px;

}

footer .footerNav

{

	padding:20px 0 60px 0;

}

footer .footerNav ul

{

	list-style-type:none;

	list-style-position:inside;

	margin:0;

	padding:0;

	

	

}

footer .footerNav ul li a

{

color:#fff;	

	display:inline-block;

	padding:8px;

}

footer .subNav

{

	padding:0 20px;

}
footer .subNav.offerActive
{
	    padding-bottom: 30px;
}

footer .subNav .footSubLeft,

footer .subNav .footSubRight

{

flex:1 0 100%;

	padding:0 0 15px 0;

}

footer .footSubLeft .affiliate

{

	text-align:center;

	padding-bottom:20px;

}

footer .footSubLeft .affiliate img

{

max-width:170px;

	display:inline-block;

}

footer .footSubLeft ul

{

	list-style-type:none;

	list-style-position:inside;

	margin:0;

	padding:0;

	text-indent:0;

}

footer .footSubLeft ul li

{

	padding-bottom:12px;

	text-align:Center;

}

footer .footSubLeft ul li a

{

	display:inline-block;

	font-size:16px;

	padding:10px 8px;

	border:1px solid var(--zuri-brown-color);

	color:var(--zuri-brown-color);

	line-height:100%;

}

footer .subNav .footSubRight

{

	display:flex;

	align-items:center;

}

footer .subNav .footSubRight input[type=text]

{

	padding:6px 12px;

	    font-family: 'dosis-regular', sans-serif;

	    font-size: 16px;

}

footer .subNav .footSubRight input[type=submit]

{

		padding:6px 12px;

	margin-left:10px;

	background-color:var(--zuri-brown-color);

	color:#fff;

	display:inline-block;

	    font-family: 'dosis-regular', sans-serif;

	border:none;

	    font-size: 16px;

}

footer .subNav .footSubRight .nlTitle

{

	display:block;

	padding-bottom:12px;

	text-align:center;

}

footer .subNav .footSubRight .elementsWrap

{

flex:1 0 100%;

	text-align:Center;

}

footer .subNav .footSubRight .subSocials

{

	

text-align:Center;

	flex:1 0 100%;

	padding-bottom:60px;

}

footer .subNav .footSubRight .subSocials a

{

	display:inline-block;

}

footer .subNav .footSubRight .subSocials img

{

	max-width:35px;

}

.dl.pdf a

{

	background:url(../svg/pdf-dl-icon.svg) center left no-repeat;

	padding:5px 0 5px 36px;

	display:inline-block;

	color:var(--zuri-brown-color);



}

.dl.lnk a

{

	background:url(../svg/link-dl-icon.svg) center left no-repeat;

	padding:5px 0 5px 36px;

	color:var(--zuri-brown-color);

	display:block;

}

.hero .videoController

{

	position:absolute;

	bottom:25px;

	left:30px;

	right:30px;

	z-index:10;

	text-align:center;

	display:none;

}

.hero .videoController a

{

	display:inline-block;

	color:#fff;

	font-size:18px;

	font-family: 'dosis-bold', sans-serif;

	padding:8px 0 8px 45px;

}

.hero .videoController a.soundControl

{

vertical-align: bottom;

	margin-left:12px;

	background-repeat:no-repeat;

	background-position:center;

	    padding: 40px 0 0 40px;

	background-size:40px 40px;

}

.hero .videoController a.soundControl.unmuted

{

	background-image:url(../svg/sound-icon.svg);

}

.hero .videoController a.soundControl.muted

{

	background-image:url(../svg/sound-off-icon.svg);

}

.hero .videoController a.soundControl.noShow

{

	display:none;

}

.hero .videoController a.playPause

{

background-image:url(../svg/pause-icon.svg);

background-repeat:no-repeat;

	background-position:left center;

	background-size:40px 40px;

	line-height:100%;

}

.hero .videoController a.playPause.paused

{

background-image:url(../svg/play-icon.svg);	

}

.hero .videoController a.soundControl

{



	display:inline-block;

	line-height:100%;

}

.hero .videoController a.soundControl.muted

{

background-image:url(../svg/sound-off-icon.svg);

background-repeat:no-repeat;

	background-position:left center;

	background-size:40px 40px;	

}

/*** DEFAULTS ***/



/* HOME */

.hero .videoHP

{

	position:absolute;

	z-index:0;

	left:0;

	right:0;

	bottom:0;

	top:0;

	overflow:hidden;

}

.hero .videoHP 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: -100000;

    top: 50%;

    right: 50%;

    transform: translate(50%, -50%);

}

.homeParts

{

	padding:10px 20px;

}

.basePage.lw

{

	max-width:1400px;

	margin:0 auto;

}

.basePage .basePageInner

{

padding:10px 20px;	

}
.pageParts .backgroundBox .vrTourPageLink,
.pageParts .homeLftRghtBox .vrTourPageLink
{
display:inline-block;
	margin:5px;
}
.pageParts .backgroundBox .vrTourPageLink::before,
.pageParts .homeLftRghtBox .vrTourPageLink::before{


}
.pageParts .homeLftRghtBox .rev .vrTourPageLink
{

}
.pageParts .backgroundBox .vrTourPageLink a,
.pageParts .homeLftRghtBox .vrTourPageLink a
{
    border: 1px solid #fff;
    padding: 12px 15px 12px 55px;
    display: block;
    text-align: Center;
    position: relative;
    text-decoration: none !important;
	color:#fff;
}
.pageParts .backgroundBox .vrTourPageLink a::after,
.pageParts .homeLftRghtBox .vrTourPageLink a::after
{
position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url(../svg/vr-tour-icon-white-large.svg) center no-repeat;
    background-size: 100%;
    display: block;
    content: " ";
}
.indexLinkWhite.inlinedLinks
{
	display:inline-block;
}


.slimFlexBanner 
{
	padding:10px 0;
}
.slimFlexBanner .slimFlexBannerInner
{
	position:relative;
}

.slimFlexBanner  .slimBannerLogo
{
	display:inline-block;
	max-width:70px;
	height:auto;
}
.slimFlexBanner .slimFlexBannerInner .slimBannerVisual
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.slimFlexBanner .slimFlexBannerInner h2
{
	margin:0;
	padding-bottom:10px;
}
.slimFlexBanner .slimFlexBannerInner p
{
margin:0;	
}
.slimFlexBanner .slimFlexBannerInner .slimBannerVisual::after{
	position:absolute;
	display:block;
	content:" ";
		top:0;
	right:0;
	bottom:0;
	left:0;
	opacity: 0.3;
    background-color: #000000;
}

.slimFlexBanner .slimBannerContent
{
	padding:40px 20px;
	text-align:center;
	color:#fff;
	position:relative;
	z-index:3;
}

.slimFlexBanner .slimBannerLink.indexLinkWhite a
{
	display:inline-block;
}
.homeLftRghtBox .flx

{

min-height:60vh;

	padding:10px 0;

}

.homeLftRghtBox .textualContent,

.homeLftRghtBox .visualElement

{

	

	flex:1 0 100%;

	

}

.homeLftRghtBox .visualElement

{

	position:relative;

	overflow:hidden;



}

.homeLftRghtBox .visualElement .imgWrapper

{



		padding-bottom:100%;

	background-size:cover;

	background-position:center;

	background-repeat:no-repeat;

}

.homeLftRghtBox .textualContent

{

background-color:var(--zuri-brown-color);

display:Flex;

	align-items:center;

}



.homeLftRghtBox .textualContent .inner

{

	padding:80px 30px;

	text-align:center;

	max-width: 550px;

    margin: 0 auto;

	color:#fff;

}

.homeLftRghtBox .textualContent .inner h2

{

	font-size:clamp(28px, 4vw, 40px);

	font-weight:normal;

	margin:0;

	padding:0 0 30px 0;

}

.homeLftRghtBox .textualContent .inner p 

{



	

	margin:0;

	padding:0 0 15px 0;

}

.homeLftRghtBox .textualContent .inner a

{

	color:#fff;

	text-decoration:underline;

}

.backgroundBox

{

padding:10px 0;	

}

.backgroundBoxInner

{

	height:100%;

	align-items:center;

	justify-content:center;

	min-height:70vh;

	position:relative;

}



.backgroundBox .textualContent

{

	padding:80px 30px;

	max-width:768px;

	margin:0 auto;

	position:relative;

	z-index:2;

	text-align:Center;

}

.backgroundBox .textualContent h2

{

	font-size: clamp(28px, 4vw, 40px);

    font-weight: normal;

    margin: 0;

    padding: 0 0 30px 0;

	color:#fff;

}

.backgroundBox .textualContent p

{



   

    margin: 0;

    padding: 0 0 15px 0;

	color:#fff;

}
.backgroundBox .textualContent p a
{
    
color:#fff;
text-decoration:underline;
font-weight:700;
}

.backgroundBox .backgroundBoxVisual

{

	position:absolute;

	z-index:0;

	left:0;

	right:0;

	top:0;

	bottom:0;

	background-size:cover;

	background-position:center;

	background-repeat:no-repeat;

}

.backgroundBox .backgroundBoxVisual::before

{

	

	display:block;

	position:absolute;

	top:0;

	bottom:0;

	left:0;

	right:0;

	content:" ";

	z-index:1;

}



.reviews{

	overflow:hidden;

		margin:10px 0;

	position:relative;

	}

.reviews::before{

	

	display:block;

	position:Absolute;

	top:0;

	bottom:0;

	left:0;

	right:0;

	content:" ";

	z-index:0;

	opacity:0.5;

	

}

.reviewsInner{

	padding:80px 40px;

	position:relative;

	z-index:1;

}

.reviewsHeader{

	text-align:center;

	position:relative;

	z-index:2;

	padding-bottom:20px;

}

.reviewsHeader .titleGraphic

{

	text-align:center;

}

.reviewsHeader .titleGraphic img

{

	display:inline-block;

}

.reviewsHeader h2

{

   font-size: clamp(28px, 4vw, 40px);

    font-weight: normal;

    margin: 0;

    padding: 0 0 20px 0;

}

.reviewsHeader .stars

{

	padding-bottom:20px;

}

.reviewsHeader .stars img

{

display:inline-block;	

}



.reviewsHeader p

{



    margin: 0;

}

.reviews .reviewsCols 

{

		position:relative;

	z-index:2;

	max-width:1400px;

	margin:0 auto;

}

.reviewEntry 

{

	padding:20px;

	text-align:center;

}

.reviewEntry p

{

	   /* font-size: clamp(24px, 4vw, 24px);*/

	font-size:22px;

		line-height:130%;

		margin:0;

		padding:0 0 15px 0;

	

}

.reviewEntry .author{

	font-style:italic;

		color: #56463b;

}

.reviews .learnMore

{

	padding-top:50px;

	text-align:Center;

}

.reviews .learnMore a

{

	    display: block;

    padding: 10px 20px;

   background:transparent;

    color: #56463b;

    transition: background-color ease-out 0.3s, color ease-out 0.3s;

    text-align: center;

	border:1px solid #56463b;

}

.reviews .learnMore a:hover{

	background-color:#56463b;

	transition: background-color ease-out 0.3s, color ease-out 0.3s;

	color:#fff;

}





.multiMosaicInner

{

	padding:0 0 0 0;

}

.mosaicLeftContent{

	background-color:var(--zuri-brown-color);

}

.mosaicContentWrap

{

	color:#fff;

	

		padding:30px;

}

.mosaicContentWrap h2

{

	padding: 0 0 20px 0;

    margin: 0;

    font-weight: 400;

    font-size: 28px;

    color: #fff;

}

.mosaicContentWrap .learnMore

{

	padding-top:20px;

}

.mosaicContentWrap .learnMore a

{

	    display: block;

    padding: 10px 20px;

    background-color: #56463b;

    color: #fff;

	border:1px solid #fff;

    transition: background-color ease-out 0.3s,color ease-out 0.3s;

    text-align: center;

}

.mosaicContentWrap .learnMore a:hover{

    background-color: #fff;

    transition: background-color ease-out 0.3s,color ease-out 0.3s;

	color:#56463b;

}

.mosaicRight

{

	min-height:300px;

	width:100%;

}

.mosaicRight .mosaicRightColumn-0,

.mosaicRight .mosaicRightColumn-1

{

flex:1 0 100%;	

}

.mosaicRight .mosaicRightColumn-0

{

	min-height:400px;

}

.mosaicRight .mosaicRightColumn-0 .visual{

		height:100%;

	}

	.mosaicRight .mosaicRightColumn-0 .visual a

	{

		position:relative;

		display:block;

		height:100%;

	}

	.mosaicRight .mosaicRightColumn-0 .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;

  

	}

.mosaicRight .mosaicRightColumn-0 .visual video

	{

	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;

  

	}

.mosaicRight .mosaicRightColumn-0 .visual,

	.mosaicRight .mosaicRightColumn-1 .visual,

	.mosaicRight .mosaicRightColumn-1 .colEnt .visual

	{



		position:relative;

	}

	.mosaicRight .mosaicRightColumn-1 .visual

	{

		height:100%;

	}

	.mosaicRight .mosaicRightColumn-1 .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;	

	}



/* END HOME */



/* archive */

.acommodationArchiveWrapperInner

{

	padding:20px 20px;

}

.effectColumnIntro

{

	padding:10px 0;

}

.effectColumnIntro .effectColumnIntroInner

{

	background-color:#efebe4;

}

.effectColumnIntro .effectColumnIntroInner p

{

	padding:15px 0;

	margin:0;

	color:var(--zuri-brown-color);

	font-size:20px;

}

.colLeft .in p,

.colFull strong

{

font-size:22px;

	font-weight:normal;

}

.effectColumnIntro .effectColumnIntroInner .flx

{

	/*max-width:1400px;

	margin:0 auto;*/

}

.effectColumnIntro .effectColumnIntroInner .colLeft p,

.effectColumnIntro .effectColumnIntroInner .colFull strong{

 font-family: 'dosis-medium';	

}

.effectColumnIntro .effectColumnIntroInner p a

{

color:var(--zuri-brown-color);

	text-decoration:underline;

	 font-family: 'dosis-medium';

}

.effectColumnIntro .effectColumnIntroInner .colLeft

{

flex:1 0 100%;

	padding:40px 30px 0 30px;

	text-align:Center;	

}

.effectColumnIntro .effectColumnIntroInner .colFull

{

flex:1 0 100%;

	padding:40px 30px 0 30px;

	text-align:Center;	

}

.effectColumnIntro .effectColumnIntroInner .colRight

{

flex:1 0 100%;

	padding:0 30px 40px 30px;

	text-align:Center;

}

/* end archive */



/* single accommodation */

.accommodationSingle

{

	position:relative;

}

.accommodationIntro

{

	padding:80px 0 0 0;

	max-width:900px;

	text-align:Center;

	margin:0 auto;

}

.accommodationIntro p

{

	    font-size: 20px;

    line-height: 160%;

	color:var(--zuri-brown-color);

}

.accommodationDisplay

{

	

	padding:165px 0 0 0;

	margin-top:-80px;

}

.accommodationDisplay .accommodationGalleryElemnent

{

	padding-bottom:40px;

}

.accommodationSingleInner

{

	padding:10px 20px;

}

.accommMosaicGrid

{

	min-height:400px;

}

.accommMosaicGrid .left,

.accommMosaicGrid .right

{

	flex:1 0 100%;

display:flex;



}

.accommMosaicGrid

{

	margin:0 -10px;

}

.accommodationDisplay .accommMosaicGridInner 

{

				height: 55vh;

    min-height: 400px;

}

.accommodationDisplay.rev .accommMosaicGridInner 

{

	flex-direction:row-reverse;



}

.accommMosaicGrid .left .big

{

	flex:1;

	padding:10px;

}

.accommMosaicGrid .right

{

	display:none;

	

}

.accommMosaicGrid .right .rightLeft

{

	display:flex;

	flex-direction:column;

	flex:1;

}

	.accommMosaicGrid .right .rightRight

{

	display:flex;

	flex-direction:column;

	flex:1;

	

}

.accommMosaicGrid .right .rightLeft div,

.accommMosaicGrid .right .rightRight div

{

	flex:1;

}

.accommMosaicGrid .right .rightRight{

	display:none;

}

.accommMosaicGrid .right .rightLeft > div,

.accommMosaicGrid .right .rightRight > div

{

padding:10px;	

}

.accommMosaicGrid .elem

{

	position:relative;

	overflow:hidden;

	background-color:#EBEBEB;

	flex:1;

	height: 100%;



}

.accommMosaicGrid .elem a::after

{

	background-color:rgba(0,0,0,0);

	position:absolute;

	top:0;

	left:0;

	bottom:0;

	right:0;

	z-index:3;

	display:block;

	content:" ";

	transition:background-color ease-out 0.4s;

}

.accommMosaicGrid .elem a::before

{

	background:url(../svg/photo-zoom-0.svg) center no-repeat;;

	position:absolute;

	width:50px;

	height:50px;

	top:50%;

	left:50%;

	transform:translate(-50%,-50%);

	z-index:4;

	display:block;

	content:" ";

	filter:blur(20px);

	opacity:0;

	transition:opacity ease-out 0.4s, filter ease-out 0.4s;

}

.accommMosaicGrid .elem a:hover::after

{

	background-color:rgba(0,0,0,0.3);

	transition:background-color ease-out 0.4s;	

}

.accommMosaicGrid .elem a:hover::before

{

	filter:blur(0px);

	opacity:1;

	transition:opacity ease-out 0.4s, filter ease-out 0.4s;	

}

.picCount

{

	position:absolute;

	bottom:30px;

	left:30px;

	right:auto;

	right:30px;

	font-size:20px;

	z-index:5;

	color:#fff;

	pointer-events:none;

	font-family: 'dosis-bold', sans-serif;

}

.picCount .desktop

{

	display:none;

}

.rev .picCount

{

left:auto;

	right:30px;

}

.accommMosaicGrid 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;

}

.accommodationTitleLabel

{

	position:relative;

	z-index:5;

}

.accommodationTitleLabel .accommTitleLabelInner

{

	padding:20px 40px;

	background-color:var(--zuri-brown-color);

	display:block;







	

	

}

.accommodationDisplay.rev .accommTitleLabelInner,

.accommodationDisplay .accommTitleLabelInner

{

	text-align:center;

}

.accommodationTitleLabel .accommTitleLabelInner h2

{

	margin:0;

	padding:0;

	line-height:140%;

	color:#fff;

	font-size:22px;

}

.accommodationDataCols 

{

	max-width:1400px;

	margin:0 auto;

	align-items:center;

	padding-top:40px;

}

.accommodationDataCols  .accommodationSchematic,

.accommodationDataCols  .accommodationTextual

{

	flex:1 0 100%;

	

}
.accommodationDataCols  .accommodationTextual .vrTour a
{
	padding:8px 0 8px 38px;
	display:block;
	background:url(../svg/vr-tour-icon.svg) center left no-repeat;
	    font-family: 'dosis-bold', sans-serif;
	    color: var(--zuri-brown-color);
	text-decoration:none;
}
	.accommodationDataCols .accommodationFiles

	{

		padding-top:15px;

	}

	.accommodationDataCols .accommodationFiles a



	{

		font-family: 'dosis-bold', sans-serif;

	}

.accommodationDataCols  .accommodationTextual .acTxt ul

{

list-style-position:inside;

	list-style-type:none;

margin:0;

	padding:0;

	text-indent:0;



}

.accommodationDataCols  .accommodationTextual .acTxt ul li

{

		padding-left: 20px;

    background: url(../png/list-bullet-0.png) left 12px no-repeat;

    background-size: 9px 9px;

	margin-bottom:10px;

	color:var(--zuri-brown-color);

}

.accommodationDataCols  .accommodationTextual .acTxt sup

{

	vertical-align: baseline;



    font-size: 10px;

    position: relative;

    font-family: "dosis-medium";

    top: -10px;

}

.accommodationVideoEntry

{

	max-width:1300px;

	margin:0 auto;

	padding-bottom:30px;

}

.accomVideoTitle

{

	text-align:center;

	padding-bottom:20px;

}

.accommodationVideoEntry .accommVideoWrapper

{

	    position: relative;

    overflow: hidden;

    width: 100%;

    padding-top: 56.25%;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}

.accommodationVideoEntry .accommVideoWrapper video

{

position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 100%;	

}



.accommodationSubNav

{

	display:flex;

	position:absolute;

	top:0;

	left:0;

	right:0;

	text-align:center;

	padding:8px 15px;

	background-color:#efebe4;

}

.accommodationSubNav .accommJnav

{

	flex:1;

	display:none;

}

.accommodationSubNav div:first-child{

	text-align:left;

	flex:1;

}

.accommodationSubNav div:last-child{

	text-align:right;

	flex:1;

}

.accommodationSubNav .prevAccomm a

{

	display:inline-block;

	padding:3px 0 3px 22px;

	font-family:'dosis-medium', sans-serif;

	margin:0;

	background:url(../svg/previous-arrow-accommodation.svg) center left no-repeat;

	transition:padding ease-out 0.3s;

}

.accommodationSubNav .nextAccomm a

{

	display:inline-block;

	padding:3px 22px 3px 0;

	margin:0;

		font-family:'dosis-medium', sans-serif;

	background:url(../svg/next-arrow-accommodation.svg) center right no-repeat;

	transition:padding ease-out 0.3s;

}

.accommodationSubNav .prevAccomm a:hover

{

		/*padding-left:30px;

	transition:padding ease-out 0.3s;*/

}

.accommodationSubNav .nextAccomm a:hover

{

	/*padding-right:30px;

	transition:padding ease-out 0.3s;*/

}

.accommodationSubNav .prevAccomm a::after,

.accommodationSubNav .nextAccomm a::after{

	display:none;

}

.accommodationSubNav a

{

	padding:0;



	margin:0 15px;

	color:var(--zuri-brown-color);

	font-size:16px;

	display:inline-block;

	font-family:'dosis-bold', sans-serif;

	position:relative;

}

.accommodationSubNav a::after

{

position: absolute;

    bottom: 2px;

    left: 50%;

    width: 0;

    display: block;

    content: " ";

    opacity: 0;

    transform: translateX(-50%);

    border-bottom: 3px solid #736357;

    transition: width ease-out 0.3s, opacity ease-out 0.3s;

}

.accommodationSubNav a:hover::after{

opacity: 1;

    width: 85%;

    transition: width ease-out 0.3s, opacity ease-out 0.3s;

	



}

.accommodationSubNav.stickScroll

{

	position:fixed;

	z-index:10;

	top:76px;

	left:0;

	right:0;

}

.accommodationAmenities

{

	background-color:var(--zuri-brown-color);

	padding:60px 0;

	margin:40px 0 10px 0;

}

.accommodationAmenitiesInner

{

	max-width:1300px;

	margin:0 auto;

}

.accommodationAmenitiesInner .amenEnt

{

flex:1 0 100%;

	color:#fff;

	display:flex;

	padding:18px 0;

	padding-left:30px;

}

	.accommodationAmenitiesInner .amenEnt span.icon

	{

		flex:0 0 40px;

		height:40px;

		

	}

.accommodationAmenitiesInner .amenEnt span.icon img

{

	max-width:33px;

}

	.accommodationAmenitiesInner .amenEnt span.label

	{

		display:block;

		flex:1;

		padding-left:20px;

		padding-right:30px;

	}

.accommodationAmenitiesInner .amenitiesTitle

{

	text-align:center;

	padding:20px 20px 30px 20px;

}

.accommodationAmenitiesInner .amenitiesTitle h2

{

	margin: 0;

    padding: 0;

    line-height: 140%;

    color: #fff;

    font-size: 24px;

}

/* end single accommodation */



/*experiences */

.archiveIntroduction

{

	padding: 50px 0 50px 0;

    max-width: 900px;

    text-align: Center;

    margin: 0 auto;

}

.archiveIntroduction p

{

	    font-size: 20px;

    line-height: 160%;

	margin:0;

	padding:0 0 15px 0;

    color: var(--zuri-brown-color);

}

.experienceArchiveWrapper

{

	padding:20px;

}

.experiencesEntries 

{

	max-width:1400px;

	margin:0 auto;

}

.experiencesEntries  .experienceBlock

{

	flex:1 0 100%;

	padding:0 10px 40px 10px;

}

.experiencesEntries  .experienceBlock h2

{

	color:var(--zuri-brown-color);

	font-size:26px;

	text-transform: uppercase;

}

.experiencesEntries  .experienceBlock .excerpt

{

	color:#3a3a3a;

}

.experienceBlock .experienceThumb {

	padding-bottom: 100%;

		position:relative;

	overflow:hidden;

}

.experienceThumb img

{

	max-width:100%;

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;

	display:block;

	transition:transform ease-out 1s;

	transform:scale(1);

}

a:hover .experienceThumb img

{

	transition:transform ease-out 1s;

	transform:scale(1.06);

}

.simpleIndex

{

	padding-top:15px;

}

.simpleIndex span

{

	display:inline-block;

	color:var(--zuri-brown-color);

	border-bottom:2px solid var(--zuri-brown-color);

}

.simpleIndexWhite span

{

	color:#ffffff;

	border-bottom:2px solid #ffffff;

}

/* end experiences */



/* page classes */

.postContent p

{

	color:var(--zuri-brown-color);

}

.postContent a

{

text-decoration:underline;

	color:var(--zuri-brown-color);

	font-family:"dosis-bold", sans-serif;

}

.pushMain

{

	padding-top:80px;

}

.postFeatureBox .postFeatureEntries

{

	margin:0 -10px;

	justify-content:Center;

}

.postFeatureBox .postFeatureEntries .postEntry

{

	flex:1 0 100%;

	padding:10px;

	margin-bottom:20px;

}

.postFeatureBox .postFeatureEntries .postEntry h2

{

color: var(--zuri-brown-color);

    font-size: clamp(24px, 4vw, 30px);

    margin: 0;

    padding: 0 0 20px 0;	

}

.postFeatureBox .postFeatureEntries .postEntry .postExcerpt

{

	    color: var(--zuri-brown-color);

    margin: 0;

    padding: 0 0 15px 0;

}

.postFeatureBox .postFeatureEntries .postEntry .postLinking

{

padding-top: 15px;	

}

.postFeatureBox .postFeatureEntries .postEntry a

{

	display: inline-block;

    color: var(--zuri-brown-color);

    border-bottom: 2px solid var(--zuri-brown-color);

}

.imageGrdBox

{

	

}

.sliderBox

{

	

}

.leftRightAuto

{

	padding:40px 0;

}

.leftRightAuto .lrEntry .lrLeft,

.leftRightAuto .lrEntry .lrRight

{

	flex:1 0 100%;

}

.leftRightAuto .lrEntry .lrRight

{

	padding-bottom:40px;

	padding-top:40px;

}

.leftRightAuto .lrEntry .lrRight p

{

	color:var(--zuri-brown-color);

	margin:0;

	padding:0 0 15px 0;

}

.leftRightAuto .lrEntry .lrRight h2

{

	color:var(--zuri-brown-color);

	    font-size: clamp(24px, 4vw, 30px);

	margin:0;

	padding:0 0 20px 0;

}

.leftRightAuto .lrEntry .lrRight h3

{

	color:var(--zuri-brown-color);

	margin:0;

	padding:0 0 15px 0;	

	

}

.leftRightAuto .lrEntry .lrRight a

{

	text-decoration:underline;

	color:var(--zuri-brown-color);

}

.leftRightAuto .lrEntry .lrRight ul

{

	color:var(--zuri-brown-color);

	

}

.standardContentComponent

{

	padding:40px 0;

}



.standardContentComponent p

{

	    color: var(--zuri-brown-color);

    margin: 0;

    padding: 0 0 15px 0;

}

.standardContentComponent a

{

  color: var(--zuri-brown-color);

	text-decoration:underline;

}

.standardContentComponent h2

{

	    color: var(--zuri-brown-color);

    margin: 0;

	    font-size: clamp(24px, 4vw, 30px);

    padding: 0 0 20px 0;

	font-weight:normal;

}

.standardContentComponent .maxWrap

{

	max-width:1440px;

	margin:0 auto;

	

}

.standardContentComponent .standardContentComponentInner

{

padding:0 30px;

}

.basePage.contact

{

max-width:1400px;

	margin:0 auto;	

}

.teamBlock

{

	background-color:var(--zuri-brown-color);

	padding:30px;

}

.teamMemberEntry .teamMemberPhoto,

.teamMemberEntry .teamMemberInfo

{

	flex:1 0 100%;

}

.teamMemberEntry .teamMemberInfo

{

	padding:30px 0;

	color:#fff;

}

.teamMemberEntry .teamMemberInfo a

{

	color:#fff;
font-size:16px;
	text-decoration:underline;

}

.teamHeader

{

	text-align:center;

}

.teamHeader .teamLogo

{

	text-align:Center;

	padding-top:40px;

	padding-bottom:20px;

}

.teamHeader .teamLogo img

{

	max-width:110px;

	display:inline-block;

}

.teamHeader h2

{

	margin:0;

	padding:0 0 40px 0;

	color:#fff;

	font-weight:normal;

}

.teamMemberEntry .teamMemberInfo h2

{

	margin:0;

	padding:0 0 15px 0;

	

}

.teamMemberEntry .teamMemberPosition,

.teamMemberEntry .teamMemberEmail

{

	padding-bottom:40px;

}

.teamMemberEntry .teamMemberStatement h3

{

font-family: 'dosis-regular', sans-serif;

	font-weight:normal;

	margin:0;

	padding:0 0 15px 0;

}

.teamMemberEntry .teamMemberStatement .state

{

	font-style:italic;

	font-size:20px;

}



.contactForm,

.dataRight,

.dataRight .resortData,

.dataRight .reservationsData

{

	flex:1 0 100%;

	font-size:17px;

}

.dataRight .resortData

{

	padding-bottom:20px;

}

.dataRight .resortData,

.dataRight .reservationsData

{

	color:var(--zuri-brown-color);

}

.dataRight .resortData a,

.dataRight .reservationsData a,

.dataRight .colContent a

{

color:var(--zuri-brown-color);	

}

.dataRight .colContent a

{

	text-decoration:underline;

}

.dataRight .resortData .socialLinks

{

	padding-top:20px;

}

.dataRight .resortData .socialLinks img

{

	max-width:35px;

}

.dataRight .resortData .resortAddress

{

	padding-bottom:20px;

}

.dataRight

{

	display:flex;

flex-wrap:wrap;

}

.dataRight h2

{

	margin:0;

	padding:0 0 15px 0;

}

.dataRight .resDataEntry

{

	padding-bottom:20px;

}

.dataRight .resDataEntry.sm h2

{

font-size:20px;	

}

.mapElement

{

	text-align:Center;

}

 .mapElement img

{

	margin: 0 auto;

}

.mapElement .tabletMap,

.mapElement .desktopMap

{

	display:none;

}

.contactComms

{

	padding:40px 0 60px 0;

}

.contactComms .contactForm

{

	padding-bottom:40px;

}



.contactComms .contactForm textarea

{

	max-height:80px!important;

	height:80px!important;

	min-block-size: 10rem!important;

	font-size:18px!important;

}

.contactComms .contactForm input[type=submit]

{



	width:100%!important;

	background-color:var(--zuri-brown-color)!important;

	color:#fff!important;

    padding: 15px 24px!important;

    display: block!important;

    text-align: Center!important;

    position: relative!important;

    text-decoration: none !important;

	font-size:20px!important;

}

.contactComms .contactForm .gform-theme--foundation .gform_fields

{

	grid-row-gap:20px!important;

}

.galleryListing .galleryLinkEntry

{

	position:relative;

	flex:1 0 100%;

}

.galleryListing .galleryLinkEntry a

{

	display:block;

	padding-bottom:70%;

	position:relative;

	overflow:hidden;

	border:2px solid #fff;

}

.galleryListing .galleryLinkEntry a::after{

	display:block;

	position:absolute;

	top:0;

	left:0;

	bottom:0;

	right:0;

	background-color:rgba(0,0,0,0.3);

	transition:background-color ease-out 0.4s;

	content:" ";

	z-index:2;

}

.galleryListing .galleryLinkEntry a .galleryTitleLabel

{

	position:absolute;

	top:50%;

	left:50%;

	border:1px solid #fff;

	color:#fff;

	padding:12px 18px;

	transform:translate(-50%,-50%);

	z-index:3;

	font-size:24px;

	background-color:rgba(255,255,255,0);

	transition:background-color ease-out 0.4s, color ease-out 0.4s;;

}

.galleryListing .galleryLinkEntry a:hover  .galleryTitleLabel

{

	background-color:rgba(255,255,255,1);

	color:var(--zuri-brown-color);

	transition:background-color ease-out 0.4s, color ease-out 0.4s;

}

.galleryListing .galleryLinkEntry a:hover::after{

background-color:rgba(0,0,0,0);	

	transition:background-color ease-out 0.4s;

}

.galleryListing .galleryLinkEntry a 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;

	z-index:1;

}



.videosWrapper,
.vrWrapper

{

	margin:0 -10px;

}

.videosWrapper .videoEntry,
.vrWrapper .vrEntry

{

	flex:1 0 100%;

}

.videosWrapper .videoEntry .videoEntryInner,
.vrWrapper .vrEntry .vrInner

{

	padding:10px;

}

.videoEntry .videoEntryInner .videoLabel,
.vrEntry .vrInner .vrLabel

{

	position:absolute;

	z-index:3;

	bottom:0;

	left:0;

	right:0;

	padding:6px 10px;

	background-color:rgba(115,99,87,0.6);

	color:#fff;

	font-size:16px;

}

.videosWrapper .videoEntry .videoEntryInner a,
.vrWrapper  .vrEntry .vrInner a

{

	position:relative;

	padding-bottom:70%;

	overflow:hidden;

	display:block;

}

.videosWrapper .videoEntry .videoEntryInner a::after
{
	
	display:block;

	content:" ";

	position:Absolute;

	width:80px;

	height:80px;

	top:50%;

	left:50%;

	background:url(../svg/video-gallery-play-icon.svg) center no-repeat;

	opacity:0.6;

	transform:translate(-50%, -50%);

	z-index:2;
}
.vrWrapper  .vrEntry .vrInner a::after

{

	display:block;

	content:" ";

	position:Absolute;

	width:80px;

	height:80px;

	top:50%;

	left:50%;

	background:url(../svg/vr-tour-icon-white-large.svg) center no-repeat;

	opacity:0.6;

	transform:translate(-50%, -50%);

	z-index:2;

}

.videosWrapper .videoEntry .videoEntryInner a:hover::after,
.vrWrapper  .vrEntry .vrInner a:hover::after

{

opacity:1;	

}

.videosWrapper .videoEntry .videoEntryInner a img,
.vrWrapper  .vrEntry .vrInner a 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;

	z-index:1;

}



.basePage.default

{

	max-width:1400px;

	margin:0 auto;

}

.basePage.default .basePageInner

{

	padding:40px 20px;

}





.videoOverlay {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: rgba(255,255,255,.8);

    z-index: 999999999999999;

    display: flex;

    align-items: center;

    justify-content: center

}



.videoOverlay.hide {

    display: none

}



.videoOverlayInner {

    flex: 1 0 100%;

    max-width: 1200px;

    padding: 15px

}



.vidContainTarget {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden;

    max-width: 100%;

   

    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,.75);

    -moz-box-shadow: 0px 0px 12px 0px rgiba(0,0,0,.75);

	 box-shadow: 0px 0px 12px 0px rgba(0,0,0,.75);

}



.vidContainTarget iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.videoOverlay .closeVid {

    position: fixed;

    top: 15px;

    right: 15px;

    width: 30px;

    height: 30px;

    z-index: 9999999

}



.videoOverlay .closeVid a {

    display: block;

    width: 30px;

    height: 30px;

    background-image: url(../svg/close-video-icon-thick8536.svg?v=asdf);

    background-size: 30px 30px;

    background-position: center;

    background-repeat: no-repeat

}

.filterOperator

{

	text-align:Center;

	    background-color: #efebe4;

}

.filterOperator div

{

	display:inline-block;



}

.filterOperator div a

{

	    padding: 3px 15px;

    color: var(--zuri-brown-color);

    font-size: 16px;

    display: block;

    font-family: 'dosis-bold', sans-serif;

	text-transform: uppercase;

	position:relative;

}

.filterOperator div a.active

{

	text-decoration:underline;

}

.photoMasonry .grid-sizer,

.photoMasonry .grid-item

{

    float: left;

	width:100%;

	

}

.photoMasonry .grid-item a

{

position:relative;

}

.photoMasonry .grid-item a::after

{

display:block;

position:absolute;



height:50%;

content:" ";

background: linear-gradient(0deg, rgba(115,99,87,1) 0%, rgba(115,99,87,0) 100%);

z-index:2;

opacity:0;

bottom:5px;

left:5px;

right:5px;

pointer-events:none;

}

.photoMasonry .grid-item span.picLabel

{

position:absolute;

bottom:5px;

right:15px;

font-size:16px;

color:#fff;

opacity:0;

transition:opacity ease-out 0.3s;

z-index:3;

pointer-events:none;

}

.photoMasonry .grid-item a:hover span.picLabel,

.photoMasonry .grid-item a:hover::after

{

opacity:1;

transition:opacity ease-out 0.3s;

}

.sl-wrapper .sl-image .sl-caption

{

background-color:rgba(115,99,87,0.5)!important;

font-size:16px!important;

}



.photoMasonry .grid-item.hidden

{

	display:none;

}

	.photoMasonry .grid-item a

	{

		padding:0 0 10px 0;

		display:block;

	}

.photoMasonry .grid-item a::before{

	    background: url(../svg/photo-zoom-0.svg) center no-repeat;

    position: absolute;

    width: 50px;

    height: 50px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 4;

    display: block;

    content: " ";

    filter: blur(20px);

    opacity: 0;

    transition: opacity ease-out 0.4s, filter ease-out 0.4s;

}

.photoMasonry .grid-item a:hover::before

{

	filter:blur(0px);

	opacity:1;

	transition:opacity ease-out 0.4s, filter ease-out 0.4s;	

}

.experienceSingle

{

	max-width:1400px;

	margin:0 auto;

}

.experienceSingle .experienceSingleInner

{

padding:40px 20px;	

}



.massError

{

	    min-height: 80vh;

    display: flex;

    align-items: center;

    justify-content: center;

}

.massError .errorInner

{

	padding:100px 30px 30px 30px;

	text-align: center;

}

.massError .errorInner .bigNum

{

	font-size: 130px;

    line-height: 100%;

	padding-bottom:20px;

    color: var(--zuri-brown-color);

}

.massError .errorInner  .errorMessage

{

	max-width:768px;

	line-height:180%;

	margin:0 auto;

}



.videoBoxer

{

padding:50px 0;

	max-width:1400px;

	margin:0 auto;

}

.videoBoxer .videoBoxerInner

{



}

.videoBoxer .videoBoxerInner .videoBoxerHeader

{

	padding-bottom:30px;

	text-align:Center;

}

.videoBoxer .videoBoxerInner .videoBoxerHeader h2

{

	color:var(--zuri-brown-color);

	font-weight:normal;

	font-size: clamp(28px, 4vw, 40px);

	margin:0;

	line-height:100%;

	

}

.videoBoxContainer

{



	padding-bottom:56.25%;

	position:relative;

	display:block;

	width: 100%;

}

.videoBoxContainer iframe

{

	position:absolute;

	top:0; 

	left: 0;

	width:100%;

	height:100%;

}

.videoBoxContainer  video

{

	position:absolute;

	top:0; 

	left: 0;

	width:100%;

	height:100%;	

}

.brochureGridInner

{

	padding:10px 0;

}



.tensorContent h2

{

	font-weight:normal;

	margin:0;

	padding:0 0 20px 0;

}

.tensorContent p

{

margin:0;

	padding:0 0 20px 0;

}

.brochureGrid

{

	/*max-width:1400px;

	margin:0 auto;*/

}

.tensorContent

{

	color:var(--zuri-brown-color);

}

.brochureGrid .tensorVisual

	{

		

		position:Relative;

		overflow:hidden;

		width:100%;

		height:100%;

	}

.brochureGrid .tensorVisual 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;

	

}

.upperLeftTL

{

	padding-bottom:40px;

}

.bottomRow

{

	padding-top:30px;

}

.brochureGrid .tensorVisual



{

padding-bottom:100%;

}

.imageBox

{

	max-width:1400px;

	margin:0 auto;

}

.imageBox .imageBoxInner

{

padding:20px 0;	

}

/*end page classes */



/* single classes */

.singlePost

{

	max-width:1200px;

	margin:0 auto;

}

.singlePostInner

{

	padding:40px 20px;

}

.singlePostInner .postDate

{

	font-style:italic;

	padding-bottom:15px;

	color:var(--zuri-brown-color);

}

.singlePostInner ul li

{

	color:var(--zuri-brown-color);

}

.singlePost h2

{

	margin:0;

	padding:0 0 15px 0;

	color:var(--zuri-brown-color);

}





/* end single classes */



/* category archive classes */

.offersArchiveWrapperInner

{

	padding:0 20px;

}

.catArchiveWrapper

{

max-width:1400px;

	margin:0 auto;

	

}

.catArchiveWrapper .catArchiveWrapperInner

{

	padding:50px 20px 0 20px;

}

.archiveBlock 

{

	padding-bottom:40px;

}

	.archiveEntries.cats .archiveThumb,

	.archiveEntries.cats .archiveData

	{

	flex:1 0 100%;	

	}



.archiveEntries.cats .archiveData .inWrap

{

	padding:20px;

	color:#fff;

	background-color:var(--zuri-brown-color);

}

.archiveEntries.cats .archiveData .inWrap h2

{

	margin:0;

	padding:0 0 20px 0;

	font-weight:normal;

	font-size:23px;

}

.archiveEntries.cats .archiveData .inWrap .excerpt

{

	padding-bottom:20px;

}



.archiveEntries.cats .archiveData .inWrap .pDate

{

position:relative;

	padding-bottom:12px;



	font-style:italic;

	

}

.archiveEntries.cats .archiveData .inWrap .simpleIndexWhite

{

	text-align:right;

}

.archiveEntries.cats .archiveData .inWrap .artSub

{

	padding-bottom:12px;

}



.archiveEntries.cats .archiveThumb a

{

display:block;



}

.archiveEntries.cats .archiveThumb img

{



max-width:100%;

	height:auto;

	display:block;

}

/* end category archive classes */

	.multiMosaic

	{

	padding:10px 0;	

	}

.mosaicRight .mosaicRightColumn-1 .colEnt

{

	flex:1 0 50%;

}

.mosaicRight .mosaicRightColumn-1 .colEnt a

{

	display:block;

	padding-bottom:100%;

}





/* contact google map */

.GcontactMap

{

min-height:70vh;

width:100%;

overflow:hidden;

}

.gm-style iframe + div { border:none!important; }

/* end contact google map */







/* begin signup */

.signupWrapper

{

	padding-bottom:50px;

}

.signupWrapper h2

{

	color:#765F57;

	font-size:35px;

}

.signupWrapper 

{

	color:#765F57;

}

.signupContent

{

	padding:50px 0 30px 0;

	max-width:992px;

	margin:0 auto;

	text-align:Center;

	color: var(--zuri-brown-color);

}

 .signupFormWrap

{

	max-width:992px;

	margin:0 auto;

}

 .signupFormWrap .signupFormInner

{

-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.24);

-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.24);

box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.24);

	border:1px solid #765F57!important;

	padding:30px;

}

.signupFormInner input[type=submit]

{

	    width: 100% !important;

    background-color:#765F57!important;

    color: #fff !important;

    padding: 15px 24px !important;

    display: block !important;

    text-align: Center !important;

    position: relative !important;

    text-decoration: none !important;

    font-size: 20px !important;

}



.signupFormInner .gform-theme--foundation .gform_fields

{

	grid-row-gap:20px!important;

}

.signupFormInner .gfield_description

{

	font-size:17px!important

}



.gform_confirmation_message_4

{

	text-align:Center;

	font-size:24px;

	color:#736357!important;	

}

.gform_confirmation_message_4 p

{

	color:#736357!important;

}

.gform_confirmation_message_4 a

{

color:#736357!important;

	text-decoration:underline!important;

}

#gform_4 .gform-field-label

{

	font-size:17px!important;

}

/* end signup */

/* members bar */

.memberBlock
{
	    padding: 10px 20px;
    background-color: var(--zuri-orange-color);
}
.memberBlock.home
{
    background-color: var(--zuri-brown-color);	
}
.memberBlock .memberBlockInner
{
	    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
}

.memberBlockInner .memberMsg
{
	    color: #fff;
    display: inline-block;
}
.memberBlockInner .memberButton
{
	    display: inline-block;
    padding: 0 10px;
}
.memberButton a
{
	    padding: 3px 12px;
    display: block;
    background-color: #fff;
    color: var(--zuri-orange-color);
}
.memberBlock.home .memberButton a
{
color: var(--zuri-brown-color);		
}
/* end members bar */
/* vr Overlay */
.vrOverlay
{
position: fixed;
    z-index: 99999999999999999999;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;	
}

.vrOverlay .vrTip
{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: Center;
    z-index: 5;
    background-color: #736357;
    padding: 8px 8px;
}
.vrOverlay .vrTip .vrTipInner
{
	text-align: left;
    display: inline-block;
    padding-left: 38px;
    font-size: 17px;
    line-height: 110%;
    color: #fff;
	position:relative;
}
.vrOverlay .vrTip .vrTipInner::before{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	background:url(../svg/vr-tour-indicator.svg) center no-repeat;
	content:" ";
	display:block;
	width:32px;
	height:32px;
}
.vrOverlay.hidden
{
	display:none;
}
.vrOverlay.showing
{
	display:flex;
}
.vrOverlay .floatingWrap
{
	padding:10px;
}
.vrOverlay .innerFrame
{
    width: 90vw;
height:73vh;
    margin: 0 auto;
    position: relative;	
}
.vrOverlay .closeVr
{
	position:absolute;
	top:10px;
	right:10px;
	z-index:10;
}
.vrOverlay .closeVr a
{
	display:block;
	width:50px;
	height:50px;
	background:url(../svg/close-video-icon-thick.svg) center center no-repeat;
	
}
.vrOverlay .innerFrame iframe
{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* end vr overlay */

/* begin footer offers bar */
footer .offerActive .footerSaleTicker
{
position:fixed;
bottom:0px;left:0;
	right:0;
background-color:#f78803;
	z-index:99;
	text-align:center;
	
}
footer .offerActive .footerSaleTicker .footerSaleTickerInner
{
	
	height:32.4px;
	max-width: 500px;
    text-overflow: ellipsis;
    overflow: hidden;
display: block;
    margin: 0 auto;
}
footer .offerActive .footerSaleTicker .footerSaleTickerInner a
{
	color:#fff;
	font-size:15px;

	padding:4px 10px;

}
html.footGlobalOffer  body #chat-widget-container
{
bottom:32px!important;
}
/* end footer offers bar */
header .zuriClub
{
display:none;
margin-right:15px;
}
header .zuriClub a
{
display: block;
    padding: 4px 12px 4px 12px;
    border: 1px solid #736357;
    font-size: 16px;
    color: #736357;
}
header .zuriClub a:hover{
	background-color:#736357;
	color:#fff;
}
.faqRows
{
	padding:40px 0;
}
.faqEntry 
{
	padding-bottom:20px;
	position:relative;
}
.faqEntry a::before
{
	position:absolute;
	content:" ";
	display:block;
	left:0;
	top:5px;
	background:url(../svg/faq-arrow.svg)center no-repeat;
	width:20px;
	height:20px;
	transition:transform ease-out 0.4s;
}
.faqEntry.active a::before
{
transition:transform ease-out 0.4s;
	transform:rotate(90deg);
}
.faqQuestion a
{
	color: var(--zuri-brown-color);
    font-size: 26px;
    text-transform: uppercase;
	text-decoration:none;
	position:relative;
	display:block;
	padding-left:30px;
}
.faqAnswer
{
	padding-left:30px;
}
.faqAnswer a
{
	text-decoration:underline;
	color:var(--zuri-brown-color);
}
.faqAnswer strong,.faqAnswer b
{
	color:var(--zuri-brown-color);
}
@media(min-width:768px)

{
	.teamMemberEntry .teamMemberInfo a
	{
		font-size:19px;
	}
	header .zuriClub
{
display:inline-block;
	}
	/* footer orrers bar */
	footer .offerActive .footerSaleTicker
	{
		bottom:63px;
	}
	html.footGlobalOffer body #chat-widget-container
	{
		max-height:calc(100% - 190px)!important;
	bottom:	95px!important;
	}
	/* footer offers bar */
	
	/* vr overlay */
	
.vrOverlay .innerFrame
{
height:83vh;
}
	
	/* end vr overlay */
/*** DEFAULTS ***/ 

	

	body #chat-widget-container

{

	

	bottom:63px!important;

}



	.indexLinkBrown a

	{

		display:inline-block

	}

/* to disable */

	

	#CookiebotWidget

	{

	bottom: 75px!important;

		left:20px!important;

	}

	/* end to disable */

	

	

	.hero .videoController

	{

		bottom:75px;

		display:block;

	}



	header .megaMenu

	{

		min-width:480px;

		left:auto;

		right:0;



		

		

	}

	

	header .megaMenu::before{

	/*content:" ";

		display:block;*/

		width:20px;

		height:100%;

		left:-20px;

		bottom:0;

		top:0;

		background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);

		position:absolute;

		pointer-events:none;

	}

	header .menuBrand

	{

		display:none;

	}

	header .menuNav

	{

		padding-left:50px;

	}

.accommodationSubNav div:first-child{



	flex:0 0 150px;

}

.accommodationSubNav div:last-child{



	flex:0 0 150px;

}

	.accommodationSubNav .accommJnav

	{

		display:block;

	}

	header .megaMenu

	{

		padding-top:0;

		

	}

	footer .footerColorInner

	{

		padding-bottom:60px;

	}

	footer .subNav

	{

	    padding: 10px 20px 5px 20px;

    position: fixed;

    bottom: 0;

    left: 0;

    background-color: #fff;

    right: 0;

	z-index:10;

	}
footer .subNav.offerActive
{
	    padding-bottom: 5px;
}
	footer .footerNav ul li

	{

		display:inline-block;

	}

		footer .subNav .footSubLeft,

footer .subNav .footSubRight

	{

		flex:1 0 50%;

		padding-bottom:0;

	}

	footer .subNav .footSubLeft ul

	{

		vertical-align:middle;

	}

	footer .subNav .footSubLeft ul,

	footer .subNav .footSubLeft ul li

	{

		display:inline-block;

		text-align:left;

		

	}

	footer .subNav .footSubLeft ul li

	{

		padding:0 0 0 8px;

	}

	footer .subNav .footSubLeft .affiliate

	{

	text-align:left;	

		padding-bottom:0;

	}

	footer .subNav .footSubLeft .affiliate .footLogo

	{

		

		display:inline-block;

		vertical-align:middle;

		padding-bottom:0;

		padding-right:15px;

	}

	footer .subNav .footSubLeft .affiliate .footLogo img

	{

		max-height:40px;

		width:auto;

		max-width:none;

	}

		footer .subNav .footSubLeft .navigation{

		display:inline-block;

		padding-left:20px;

	}

footer .subNav .footSubRight

	{



		justify-content:flex-end;

	}

	header .langs

	{

		display:inline-block;

	}

	header .right .topBook a

{



	padding:6px 40px 6px 15px;

	}

	footer .subNav .footSubRight .subSocials

{

	

text-align:right;

	padding-bottom:0;

}

	.menuNav .megaLeft,

.menuNav .menuRight

{

flex:1 0 50%;

	text-align:left;

}

	.menuNav .megaLeft

	{

		padding-bottom:0;

	}



header .brand img

	{

		max-width:45px;

		

	

	}

header .left

	{



		display:flex;

	}



	header .right.opts

	{

		/*flex:1;*/

	}

	header .right .navController

	{

		top:14px;

	

	}



	header .center

	{

	

	}

	header .center

	{

		text-align:center;

	}

	.flx.rev

	{

		flex-direction:row-reverse;

	}

.videoWrapper

{

	padding-bottom:0;

}	

/*** DEFAULTS ***/

	

	

/* HOME */

.homeLftRghtBox .textualContent

	{

	flex:1 0 45%;	

	}

.homeLftRghtBox .visualElement

	{

	flex:1 0 55%;

		display:flex;

		padding-left:20px;

		

	}

	.homeLftRghtBox .rev .visualElement

	{

	padding-left:0;

		padding-right:20px;

	}

.homeLftRghtBox .visualElement .imgWrapper

	{

		padding-bottom:0;

		flex:1 0 100%;

	}

	.homeLftRghtBox .textualContent .inner .indexLinkWhite a

{

display:inline-block;	

}

	

	.backgroundBox .indexLinkWhite a

	{

		display:inline-block;

	}

	.backgroundBox .backgroundBoxInner

	{

		min-height:40%;

	}

	.reviewsInner{



	padding:80px 40px;

}



	.reviewEntry 

	{

		padding:20px 30px;

	}

	.reviews .learnMore a

	{

		display:inline-block;

	}

	.reviews .indexLinkBrown

	

	{

		text-align:center;

	}



	.reviews .indexLinkBrown a,

	.indexLinkBrown.inline a

	.indexLinkBrown.inline a

	{

		display:inline-block;

	}



/* END HOME */	

	/*

/* archive */

	

	.heroTitleBlock .miniTitle

	{

		padding-bottom:12px;

	}

	

	.effectColumnIntro .effectColumnIntroInner

	{

		position:relative;

	overflow:hidden;

	}

	

	.effectColumnIntro .effectColumnIntroInner .flx

	{

		position:relative;

		z-index:1;

	}

	.effectColumnIntro .effectColumnIntroInner .colLeft

	{

		flex:1 0 45%;

	padding:40px 30px;

	text-align:left;

	}

		.effectColumnIntro .effectColumnIntroInner .colFull

	{

		

	padding:40px 30px;

	text-align:left;

	}

.effectColumnIntro .effectColumnIntroInner .colRight

{

flex:1 0 55%;

	padding:40px 30px 40px 20px;

	text-align:left;

}

	/* end archive */

	

	/* single accommodation */

	

	.accommodationDisplay .accommMosaicGridInner 

{

				height: 75vh;

    min-height: 500px;

}

.accommodationTitleLabel .accommTitleLabelInner

{



position:absolute;

	left:50px;

	bottom:-60px;

	    border: 10px solid #fff;

	

	

}

.accommodationDisplay.rev .accommTitleLabelInner

{

	left:auto;

	right:50px;

	text-align:left;

}

	

.accommMosaicGrid .left,

	.accommMosaicGrid .right



{



	flex:1 0 50%;

}

.accommMosaicGrid .right

{

	display:flex;

	

}



	

	.accommodationDataCols  .accommodationSchematic,

.accommodationDataCols  .accommodationTextual

{

	flex:1 0 50%;

padding-right:20px;

	

}

.accommodationDataCols  .accommodationTextual

	{

		padding-left:20px;

	}





	.accommodationAmenitiesInner .amenEnt

{

flex:1 0 50%;	

}

	.accommodationAmenities

	{

		padding:80px 0;

	}

	

	.homeLftRghtBox .flx

	{

		min-height:40vh;

	}

/* end single accommodation */

	

	

	/*experiences */



.experiencesEntries  .experienceBlock

{

	flex:0 0 50%;

	padding-bottom:70px;

	

}

/* end experiences */

	

/* page classes */

	.postFeatureBox .postFeatureEntries .postEntry

{

	flex:0 0 33.333%;

	padding:10px;

}

	

	.standardContentComponent

{

	padding:40px 0;

}

.teamMemberEntry

	{

		padding:20px 0;

	}

.teamMemberEntry .teamMemberPhoto,

.teamMemberEntry .teamMemberInfo

{

	flex:1 0 50%;

}

.teamMemberEntry .teamMemberInfo

{

	padding:30px;

	display:flex;

	align-items:Center;

}



.dataRight .resortData,

.dataRight .reservationsData

{

	flex:1 0 50%;

}

.dataRight .resortData

	{

		padding-bottom:0;

	}

.mapElement .tabletMap

	{

	display:block;	

	}

.mapElement .mobileMap

	{

		display:none;

	}

	.galleryListing .galleryLinkEntry

	{

		flex:1 0 50%;

	}

	

	.videosWrapper .videoEntry,
.vrWrapper .vrEntry
{

	flex:0 0 50%;

}

	.photoMasonry

	{

		position:relative;

	}

	.photoMasonry::after{

		content: '';

  display: block;

  clear: both;

	}

	.photoMasonry .grid-sizer,

	.photoMasonry .grid-item

{



	width:50%;

}

	.photoMasonry .grid-item a

	{

		padding:5px;

		display:block;

	}

	footer .subNav .footSubRight .nlTitle

	{

		display:inline-block;

		padding-right:10px;

	}

	footer .subNav .footSubRight .elementsWrap

	{

		text-align:right;

	}

	

	

		

		.brochureGridTensor {

display: grid;

grid-template-columns: repeat(6, 1fr);

grid-template-rows: repeat(6, 1fr);

grid-column-gap: 20px;

grid-row-gap: 20px;

				min-height:60vh;

}

	.brochureGridTensor .leftColumn {display:none;}

.brochureGridTensor .upperLeftTL { grid-area: 1 / 1 / 4 / 3; }

.brochureGridTensor .upperRightTR { grid-area: 1 / 3 / 4 / 5; }

.brochureGridTensor .rightColumn { grid-area: 1 / 5 / 7 / 7; }

.brochureGridTensor .bottomRow { grid-area: 4 / 1 / 7 / 5; }

	

.brochureGrid .tensorVisual



{

padding-bottom:0;

}	

.upperLeftTL

{

	padding-bottom:0;

}

.bottomRow

{

	padding-top:0;

}

	

	/*second brochure greid */

		.brochureGridTensorSecondary {

display: grid;

grid-template-columns: repeat(6, 1fr);

grid-template-rows: repeat(6, 1fr);

grid-column-gap: 20px;

grid-row-gap: 20px;

			min-height:60vh;

}

.brochureGridTensorSecondary .topLeftBlock { grid-area: 1 / 1 / 4 / 3; }

.brochureGridTensorSecondary .topLeftRightBlock { grid-area: 1 / 3 / 4 / 5; }

.brochureGridTensorSecondary .bottomLeftRow { grid-area: 4 / 1 / 7 / 5; }

.brochureGridTensorSecondary .rightFullColumn { grid-area: 1 / 5 / 7 / 7; }

.brochureGridTensorSecondary .topRightBlock {display:none;}

.brochureGridTensorSecondary .bottomRightBlock {display:none;}

	

	/* end second grid brochure */

	/* third brochure grid */

	.brochureGridTensorTertiary {

display: grid;

grid-template-columns: repeat(6, 1fr);

grid-template-rows: repeat(6, 1fr);

grid-column-gap: 20px;

grid-row-gap: 20px;

		min-height:60vh;

}



.brochureGridTensorTertiary .leftColumn {display:none; }

	

	

.brochureGridTensorTertiary  .centerTop { grid-area: 1 / 1 / 4 / 5; }

.brochureGridTensorTertiary  .centerBottomLeft { grid-area: 4 / 1 / 7 / 3; }

.brochureGridTensorTertiary  .centerBottomRight { grid-area: 4 / 3 / 7 / 5; }

.brochureGridTensorTertiary  .rightColumn { grid-area: 1 / 5 / 7 / 7; }



	/* end third brochure grid */

	

		/* end page classes */

	

	/* category classes */

	



	.archiveEntries.cats .archiveData

	{

		display:flex;

	}

	.archiveEntries.cats .archiveData .inWrap

	{

		position: relative;

    z-index: 3;

  



		width:100%;

	}

	/* end category classes */

}

@media(min-width:992px)

{

	/* footer offer */
	footer .offerActive .footerSaleTicker
	{
		position:Relative;
		left:auto;
		right:auto;
		bottom:auto;
		background:none;
		flex:1;
	}
	footer .offerActive .footerSaleTicker .footerSaleTickerInner
	{
		padding-top:5px;
	}
	footer .offerActive .footerSaleTicker .footerSaleTickerInner a
	{
		color:var(--zuri-brown-color);
	}
	
	footer .subNav.offerActive .footSubLeft
	{
		flex: 0 0 300px;
	}
	footer .subNav.offerActive .footSubRight
	{
		
	flex: 0 0 250px;	
	}
	html.footGlobalOffer body #chat-widget-container
	{
		bottom:63px!important;
	}
	/* end footer offer */
	
.galleryListing .galleryLinkEntry
	{
		flex:1 0 33.333%;
	}
	.galleryListing .galleryLinkEntry a
	{
		padding-bottom:90%;
	}

	/** DEFAULTS **/



	

	.sl-counter

	{

		font-size:40px!important;

	}

	.availabilityUtil 

{

	display:flex;

}

	/** DEFAULTS **/

	

/* HOME */

.homeLftRghtBox .flx

	{

		min-height:70vh;

	}

.homeLftRghtBox .textualContent

	{

	flex:1 0 40%;	

	}

.homeLftRghtBox .visualElement

	{

	flex:1 0 60%;	

	}

	



	.mosaicgrid 

	{

		min-height:65vh;

		

	}

	.mosaicLeft

	{

		flex:1 0 40%;

		display:flex;

	}

	.rev .mosaicLeft

	{

		

	}

	.mosaicLeftContent

	{

	flex:1;	

		

		display:flex;

		align-items:center;

	}.mosaicContentWrap h2

	{

		font-size: 34px;

	}

	

	.mosaicRight{

		flex:0 0 60%;

		flex-wrap:wrap;

		padding-left:20px

	}

	.rev .mosaicRight

	{

		padding-left:0;

		

	}

	.mosaicRight .mosaicRightColumn-0

	{

	flex:1 0 50%;

	

	}

	.rev .mosaicRight .mosaicRightColumn-0 .visual

	{

	

	}

	.mosaicRight .mosaicRightColumn-0 .visual{

			padding-right:10px;

	}

	.mosaicRight .mosaicRightColumn-1

	{

	

		flex:1 0 50%;

		padding-left:10px;

	}

	.rev .mosaicRight .mosaicRightColumn-1

	{

		padding-right:20px;

	}

	.mosaicRight .mosaicRightColumn-1 .colEnt{

		flex:1 0 100%;

	

	

	}

	.mosaicRight .mosaicRightColumn-1 .colEnt:first-child

	{

		padding-bottom:10px;

	}

	.mosaicRight .mosaicRightColumn-1 .colEnt:last-child

	{

		padding-top:10px;

	}

	.mosaicRight .mosaicRightColumn-1 .colEnt a

	{

		padding-bottom:0;

	}

/* END HOME */	

	

	/* archive */

	

	.heroTitleBlock

{

position:absolute;

	padding-bottom:140px;



}

	.heroTitleBlock::after

	{

		height:130px;

	}

	.hero.plainBg .heroTitleBlock

	{

	padding-bottom:50px;

	}

	.hero.plainBg  .heroTitleBlock::after

	{

	height:40px;

	}

.effectColumnIntro .effectColumnIntroInner::before

	{

		position:Absolute;

		top:0;

		right:0;

		bottom:0;

		left:0;

		content:" ";

		display:block;

		background-image:url(../png/baobab-tree-bg-graphic-overhang-1000px.png);

		background-position:top left;

		background-repeat:no-repeat;

		background-size:auto 100%;

		opacity:0.15;

	}

	.effectColumnIntro .effectColumnIntroInner .flx

	{

		/*justify-content: flex-end;*/

		justify-content:center;

		

	}

		.effectColumnIntro .effectColumnIntroInner .colLeft,

	.effectColumnIntro .effectColumnIntroInner .colFull

	{



		padding:12vh 40px 12vh 40px;

	}

.effectColumnIntro .effectColumnIntroInner .colRight

	{



		padding:12vh 40px 12vh 20px;

	}

		.homeLftRghtBox .flx

	{

		min-height:60vh;

	}



	/* end archive */

	

	/* single accommodation */

	

		.accommodationAmenitiesInner .amenEnt

{

flex:1 0 33.333%;



}



		.accommodationAmenities

	{

		padding:120px 0;

	}

		.accommMosaicGrid .right .rightLeft

	{

		display:flex;

		flex:1 0 50%;

	}

	.accommMosaicGrid .right .rightRight

	{

		flex:1 0 50%;

		display:flex;

	}

	.picCount .desktop

{

	display:block;

}

	.picCount .mobile

	{

		display:none;

	}

	/* end single accommodation */

	

	/* experiences */

	.experiencesEntries  .experienceBlock

{

	flex:0 0 33.333%;

	

}

	/* end experiences */

	

	/* page classes */

		.backgroundBox .backgroundBoxInner

	{

		min-height:70vh;

	}

	.standardContentComponent.bgBaobab

{

	background-image:url(../png/baobab-bg-white-800px.png);

	background-position:bottom left;

	background-repeat:no-repeat;

	

}

	.leftRightAuto

	{

		max-width:1400px;

		margin:0 auto;

	}

	.leftRightAuto .lrEntry .lrLeft,

.leftRightAuto .lrEntry .lrRight

{

	flex:1 0 50%;

}

	.leftRightAuto .lrEntry.md .lrRight

	{

	display:flex;

	align-items:center;

	}

.leftRightAuto .lrEntry .lrRight

{

	padding-bottom:0;

	padding-top:0;

}

		.leftRightAuto .lrEntry {

		padding-bottom:60px;

	}

	.leftRightAuto .lrEntry .lrRight .lrRightInner

	{

		padding-left:40px;

		

		

	}

		.leftRightAuto .lrEntry.rev .lrRight .lrRightInner

	{

	padding-left:0;

		padding-right:40px;

	}

	

	.teamMemberEntry .teamMemberPhoto

	{

		flex:1 0 40%;

	}

.teamMemberEntry .teamMemberInfo

{

	flex:1 0 60%;

}

	

	.contactForm

	{

		flex:1 0 35%;

		padding-right:50px;

		padding-bottom:0;

	}

	.dataRight

	{

		flex:1 0 65%;

		display:flex;

		

	}

	.dataRight .resortData,

.dataRight .reservationsData

{

	flex:1 0 50%;

}

	



	/* end page classes */

.mapElement .tabletMap

	{

	display:none;	

	}

.mapElement .desktopMap

	{

		display:block;

	}

	.videosWrapper .videoEntry,
	.vrWrapper .vrEntry

{

	flex:0 0 33.333%;

}

		.photoMasonry .grid-sizer,

	.photoMasonry .grid-item

{



	width:33.333%;

}

	

	

	.effectColumnIntro .effectColumnIntroInner .colLeft

	{

		flex: 1 0 40%;

	}

		.effectColumnIntro .effectColumnIntroInner .colRight

	{

	flex: 1 0 60%;	

	}

	.effectColumnIntro .effectColumnIntroInner .hlf .colRight,

	.effectColumnIntro .effectColumnIntroInner .hlf  .colLeft

	{

		flex:1 0 50%;

	}

		.archiveEntries.cats .archiveData

	{

		display:flex;

		align-items:center;

	}

	

	.archiveEntries.cats .archiveData .inWrap

	{

		    border: 10px solid #fff;

		margin-left:-50px;

	}

	.archiveEntries.cats .archiveThumb a

	{

	

	}

	

	



	

	

	.brochureGridTensor

{

display: grid;

grid-template-columns: repeat(8, 1fr);

grid-template-rows: repeat(8, 1fr);

grid-column-gap: 20px;

grid-row-gap: 20px;

min-height:80vh;

}

.brochureGridTensor .leftColumn { display:block; grid-area: 1 / 1 / 9 / 3; }

.brochureGridTensor .upperLeftTL { grid-area: 1 / 3 / 5 / 5; }

.brochureGridTensor .upperRightTR { grid-area: 1 / 5 / 5 / 7; }

.brochureGridTensor .rightColumn  { grid-area: 1 / 7 / 9 / 9; }

.brochureGridTensor .bottomRow { grid-area: 5 / 3 / 9 / 7; }



	/* second brochure grid */

	

	.brochureGridTensorSecondary {

display: grid;

grid-template-columns: repeat(8, 1fr);

grid-template-rows: repeat(8, 1fr);

grid-column-gap: 20px;

grid-row-gap: 20px;

		min-height:80vh;

}



.brochureGridTensorSecondary .topLeftBlock { grid-area: 1 / 1 / 5 / 3; }

.brochureGridTensorSecondary .topLeftRightBlock  { grid-area: 1 / 3 / 5 / 5; }

.brochureGridTensorSecondary .bottomLeftRow  { grid-area: 5 / 1 / 9 / 5; }

.brochureGridTensorSecondary .rightFullColumn { grid-area: 1 / 5 / 9 / 7; }

.brochureGridTensorSecondary .topRightBlock { grid-area: 1 / 7 / 5 / 9; display:block;}

.brochureGridTensorSecondary .bottomRightBlock { grid-area: 5 / 7 / 9 / 9; display:block;}

	



	/* end second brochure grid */

	

	

	/* third brochure grid */

	.brochureGridTensorTertiary {

display: grid;

grid-template-columns: repeat(8, 1fr);

grid-template-rows: repeat(8, 1fr);

grid-column-gap: 20px;

grid-row-gap: 20px;

		min-height:80vh;

}







	

.brochureGridTensorTertiary .leftColumn { grid-area: 1 / 1 / 9 / 3;display:block; }

.brochureGridTensorTertiary .centerTop { grid-area: 1 / 3 / 5 / 7; }

.brochureGridTensorTertiary .centerBottomLeft { grid-area: 5 / 3 / 9 / 5; }

.brochureGridTensorTertiary .centerBottomRight { grid-area: 5 / 5 / 9 / 7; }

.brochureGridTensorTertiary .rightColumn { grid-area: 1 / 7 / 9 / 9; }

	

	/* end third brochure grid */

		.archiveEntries.cats .archiveThumb,

	.archiveEntries.cats .archiveData

	{

	flex:1 0 50%;	

	}

}

@media(min-width:1200px)

{
		header .zuriClub
{
display:none;
	}
	
footer .offerActive .footerSaleTicker .footerSaleTickerInner a
	{
		font-size:18px;
	}
		header .megaMenu{

				display:none!important;

	}

	header .right .navController

	{

		

		display:none;

	}

header .right .topBook

	{

		margin-left:15px;

	}

	header .right.opts

	{

		flex:none;

	}



	header .centralNav 

	{

	display: flex;

    align-items: center;

    justify-content: flex-start;
	padding-left:15px;

	}

	header .centralNav ul li a

	{

	padding:3px 0;

		margin:0 5px;

	font-size:16px;

	position:relative;

	}

	header .centralNav ul li a::after

	{

	position:absolute;

	bottom:5px;

	left:50%;

	width:0;

	display:block;

	content:" ";

	opacity:0;

	transform:translateX(-50%);

	border-bottom:3px solid #736357;

	transition:width ease-out 0.3s, opacity ease-out 0.3s;

	}

	header .centralNav ul li a:hover::after{

	opacity:1;

	width:85%;

	transition:width ease-out 0.3s, opacity ease-out 0.3s;

	

	}

/* HOME */



/* END HOME */

	



	

	/* page classes */

		.teamMemberEntry .teamMemberPhoto

	{

		flex:1 0 30%;

	}

.teamMemberEntry .teamMemberInfo

{

	flex:1 0 70%;

}

		.photoMasonry .grid-sizer,

	.photoMasonry .grid-item

{



	width:25%;

}

	.leftRightAuto .lrEntry .lrRight .lrRightInner

	{

		padding-left:60px;

		padding-right:40px;

		

		

	}

		.leftRightAuto .lrEntry.rev .lrRight .lrRightInner

	{

	/*padding-left:40px;*/

		padding-right:60px;

	}

	/* end page classes */

	

		/* category classes */

	

	.archiveEntries.cats .archiveThumb

	{

	flex:1 0 60%;		

	}

	.archiveEntries.cats .archiveData

	{

	flex:1 0 40%;	

	}

		.archiveEntries.cats .archiveData .inWrap

	{



    margin-left: -130px;



	}

	/* end category classes */
header .centralNav ul li.hideDesktop 
{
display:none;
}
}
@media(min-width:1300px)

{
header .zuriClub
{
display:inline-block;
}
}
@media(min-width:1400px)

{



	header .centralNav ul li a

	{

		/*font-size:16px;*/

	}

/* HOME */



.homeLftRghtBox .textualContent

	{

		flex:1 0 30%

	}

	.homeLftRghtBox .visualElement

	{

	flex:1 0 70%;	

	}



			.effectColumnIntro .effectColumnIntroInner .colLeft

	{

		flex: 1 0 30%;

	}

		.effectColumnIntro .effectColumnIntroInner .colRight

	{

	flex: 1 0 70%;	

	}

	.effectColumnIntro .effectColumnIntroInner .hlf .colLeft

	{

	flex:1 0 50%;	

	}

	.effectColumnIntro .effectColumnIntroInner .hlf .colRight

	{

	flex:1 0 50%;	

	}

		.mosaicLeft

	{

		flex:1 0 30%;

		

	}

	.mosaicRight

	{

		flex:1 0 70%;

	}

		.leftRightAuto .lrEntry .lrRight .lrRightInner

	{

		padding-left:80px;

		padding-right:40px;

		

		

	}

		.leftRightAuto .lrEntry.rev .lrRight .lrRightInner

	{

	/*padding-left:40px;*/

		padding-right:80px;

	}

		/* accommodation single */

	.accommodationTitleLabel .accommTitleLabelInner h2

	{

		font-size:28px;

	}

	/* end accommodation single */

}



@media(min-width:1450px)

{



	header .centralNav ul li a

	{

		font-size:18px;

	}

	

}

