@charset "utf-8";

/* CSS Document */



/* DEFAULTS */

html,body

{

	margin:0;

	padding:0;

	font-size:16px;

	color:#2B2B2B;

font-family: 'Roboto', sans-serif;

}

*

{

	box-sizing:border-box;

}

.flx

{

	display:flex;

	flex-wrap:wrap;

}



img.resp

{

	display:block;

	max-width:100%;

	height:auto;

}

img.respInline

{

	display:inline-block;

	max-width:100%;

	height:auto;

}



body .centerWrap

{

	overflow:hidden;

	position:relative;

}



h2

{

line-height:100%;

}

header

{

	position:absolute;

	top:0;

	left:0;

	right:0;

	z-index:3;

	background-color:rgba(38,38,38,0);

	transition:background ease-out 0.3s;

}

header.scrolling

{

	position:fixed;

	background-color:rgba(38,38,38,0.3);

	transition:background ease-out 0.3s;

	padding-bottom:10px;

}

header.scrolling .brandLogo

{

	top:5px;



	transition:top ease-out 0.3s;

}

header.scrolling .brandLogo img

{

	width:60px;

	transition:width ease-out 0.5s;

}

header .headBarContainer

{

	padding:20px;

}

header .langs,

header .navControls

{

flex:1 0 50%;	

}



header .langs

	{

		position:relative;

	}

	header .langs ul

	{

		    list-style-type: none;

    list-style-position: inside;

    text-indent: 0;

    margin: 0;

    padding: 0;

		position:relative;

		display:inline-block;

	}

	header .langs li.curLang

	{

		    display: block;

    border: 1px solid #fff;
background-color:#fff;
    padding: 7px 18px;

    color:#AB632B;
min-width:70px;

    min-width: 55px;

    text-align: center;

		cursor:pointer;

	}



	header .langs li ul

	{

		position: absolute;

    top: 34px;

    right: 0;
left:0;

    background-color: #fff;

    min-width: 55px;

		z-index:2;

		background-color:#fff;

		display:none;

	}

header .langs li:hover ul

{

display:block;	

}

header .langs li ul li a

{

display:block;

padding: 7px 10px;

	    min-width: 55px;

    text-align: center;

		cursor:pointer;

	color:#AB632B;

	text-decoration:none;
}



header .brandLogo

{

	position:absolute;

	top:70px;

	z-index:2;

	left:50%;

	transform:translateX(-50%);

	

	

}

header .navControls

{

	text-align:right;

}

header .navControls .bookButton,

header .navControls .menuController

{

	display:inline-block;

	vertical-align:middle;

}

header .navControls .menuController.activeFixed

{

	position:fixed;

}

header .navControls .bookButton

{

	padding-right:60px;

}

header .navControls .bookButton a::before{

		display:block;

		width:40px;

	height:30px;

	content:" ";

	background:url("../img/book-calendar-icon.svg") center no-repeat;

	}

header .navControls .bookButton span

{

	display:none;

}

header .navControls .bookButton a

{

	display:block;

	

	

	color:#fff;

	text-decoration:none;

}

header .navControls .menuController

{

	position:absolute;

	top:20px;

	right:20px;

	z-index:1000;

}

header .navControls .menuController a

{

	display:block;

	width:40px;

	height:30px;

	position:relative;

	

}

header .navControls .menuController a span

{	

  display: block;

  height: 1px;

  width: 100%;

  border:1px solid #fff;

  position:absolute;

  transition:transform ease-out 0.3s, opacity ease-out 0.3s, top ease-out 0.3s, bottom ease-out 0.3s, width ease-out 0.3s;

}

header .navControls .menuController a span.tp

{

	top:0;

	left:0;

	

}

header .navControls .menuController a span.md{



	top:50%;

	left:0;

	transform:translateY(-50%);

}

header .navControls .menuController a span.bt{



	bottom:0;

	left:0;

}



header .navControls .menuController a.active span.tp{

transform:rotate(45deg);

	top:47%;

}

header .navControls .menuController a.active span.md{

opacity:0;

	width:0;

	

}

header .navControls .menuController a.active span.bt{

transform:rotate(-45deg);

	bottom:47%;

}



header .brandLogo

{

text-align:Center;	

}

header .brandLogo a

{

	display:inline-block;

}

header .brandLogo img

{

	max-width:110px;

	transition:width ease-out 0.5s;

}



footer

{

/* background-color:#262626;
 */
background-color:#000;
	padding:80px 0;

}

footer .footerInner

{

padding:0 20px;

	

}

footer .footerInner .brandLogo

{

	text-align:center;

	padding-bottom:40px;

}

footer .footerInner .left,

footer .footerInner .center,

footer .footerInner .right

{

	flex:1 0 100%;

	padding-bottom:40px;

	text-align:Center;

}

footer .footerInner .center p

{

	color:#AB632B;

	margin:0;

	padding-bottom:15px;

}

footer .footerInner .center a

{

	color:#AB632B;

	text-decoration:none;

	display:block;

	padding:3px 0;

}
footer .footerInner .center .commEnt
{
	font-size:18px;
}

footer .footerInner .right h2

{

	    color: #AB632B;

    font-family: 'Noto Serif Display',serif;

    font-weight: 400;

    font-size: 24px;

    margin: 0;

    padding: 0 0 20px 0;

}

footer .footerInner .right .socialChannels a

{

	display:inline-block;

	padding:4px 4px;

}

footer .footerInner .mapLink

{

	padding-top:30px;

	

}

footer .footerInner .mapLink a

{

	background:url(../img/pearl-island-google-marker.png) center left no-repeat;

	padding: 20px 0 20px 58px;

	display:inline-block;

	color:#e09c5e;

	text-decoration:none;

	

}

footer .footerInner .brandLogo img

{

	max-width:200px;

}

footer ul

{

	list-style-type:none;

	list-style-position: inside;

	text-indent:0;

	margin:0;

	padding:0;

}

footer ul a

{

	    color: #AB632B;

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

    font-size: 24px;

	display:block;

	padding:6px 0;

	line-height:100%;

	text-decoration:none;

}

/* END DEFAULTS */



.hero

{

	height:100vh;

	width:100%;

	position:relative;

	display:flex;

	background-color:#000000;

	align-items:flex-end;

	justify-content:center;

	overflow:hidden;

	min-height:600px;

}

.hero .explore

{

	position:absolute;

	bottom:0;

	left:50%;

	transform:translateX(-50%);

	z-index:2;

	height:110px;

	color:#fff;

	overflow:hidden;

	width:150px;

}

.hero .explore a

{

height:100%;

	position:absolute;

	text-decoration:none;

	top:0;

	left:0;

	right:0;

	bottom:0;

	display:block;

	

	

}

.hero .explore .label

{

color:#fff;

	    text-align: center;

    display: block;

	text-shadow: 0px 0px 8px rgba(0,0,0,0.33);

	    font-family: 'Noto Serif Display', serif;

}

.hero .explore::before

{

	display:block;

	content:" ";

	left:50%;

	height:80px;

	border-right:1px solid #fff;

	transform:translateX(-50%);

	position:absolute;

	bottom:0;

}

.hero .explore .dropSym

{

	opacity:0;

	position:absolute;

	left:50%;

	transform:translateX(-50%);

	animation-name: slideDown;

-webkit-animation-name: slideDown;  

animation-duration: 3.5s; 

-webkit-animation-duration: 3.5s;

animation-timing-function: ease-in-out; 

-webkit-animation-timing-function: ease-in-out;     

-webkit-animation-delay: 1.5s; /* Safari and Chrome */

animation-delay: 1.5s;

animation-iteration-count: infinite;

}



@keyframes slideDown {







    0% {top:30px;opacity:0}   







    50% {opacity:1; top:30px;}







	100% {top:110%;opacity:1;}







}



.heroVisual

{
background-color:#000;
	
	position:absolute;

	top:0;

	left:0;

	right:0;

	bottom:0;

	z-index:1;

	background-position:center;

	background-repeat:no-repeat;

	background-size:cover;

}

.heroVisual::before

{

	position:Absolute;

	top:0;

	right:0;

	left:0;

	content:" ";

	display:block;

	background: rgb(0,0,0);

background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);

	height:320px;

}

.heroVisual::after

{

	position:Absolute;

	bottom:0;

	right:0;

	left:0;

	content:" ";

	display:block;

	background: rgb(0,0,0);

background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);

	height:300px;

}

.heroMessage

{

	text-align:center;

	align-self:center;

	color:#fff;

	font-family: 'Noto Serif Display', serif;

	flex:1 0 100%;

	position:relative;

	z-index:2;

	text-shadow: 0px 0px 8px rgba(0,0,0,0.33);

}
.hero.home .heroMessage
{
padding:30px 15px;
background-color:rgba(183,105,46,0.5);
}

.heroMessage .heroTitle

{



	font-size:36px;

	font-weight:300;



	padding:0 15px 15px 15px;

	

}

.heroMessage .heroSubTitle

{

	font-size:20px;

	font-weight:400;

	max-width:768px;

	margin:0 auto;

	padding:0 15px;

}

nav

{

position:fixed;

	top:0;

	left:0;

	right:0;

	bottom:0;

	z-index:999;

		display:flex;

	align-items:center;

	justify-content:center;

}

nav.closed

{

	display:none;

	

}

nav.readyIn

{

	opacity:0;



}

nav .navWrap

{



	position:relative;

	z-index:3;

}

nav.fadeNavIn

{

	opacity:1;

	

	transition:opacity ease-out 0.6s;

		display:flex;

	align-items:center;

	jusify-content:center;

}

nav::before

{

	position:absolute;

	left:0;

	top:0;

	right:100%;

	bottom:0;

	background-color:#AB632B;

	opacity:0.3;

	content:" ";

	display:block;

	transition:right ease-out 0.6s, opacity ease-out 0.6s;

}

nav.fadeNavIn::before,

nav.fadeColsIn::before,

nav.open::before

{

right:0;

	opacity:0.85;

		transition:right ease-out 0.6s, opacity ease-out 0.6s;

}

nav .leftMenu

{

filter:blur(12px);

	opacity:0;



	transition:filter ease-out 0.6s, opacity ease-out 0.6s;

		transition:filter ease-out 0.6s, opacity ease-out 0.6s,transform ease-out 0.6s;

	flex:1 0 100%;

}

nav .commsWrap

{

filter:blur(12px);

	opacity:0;



	transition:filter ease-out 0.6s, opacity ease-out 0.6s;

		transition:filter ease-out 0.6s, opacity ease-out 0.6s,transform ease-out 0.6s;

	flex:1 0 100%;

}

nav.fadeColsIn .leftMenu,

nav.open .leftMenu

{

filter:blur(0);

	opacity:1;

transform:translateX(0);

	transition:filter ease-out 0.6s, opacity ease-out 0.6s;

		transition:filter ease-out 0.6s, opacity ease-out 0.6s,transform ease-out 0.6s;

}

nav.fadeColsIn .commsWrap,

nav.open .commsWrap

{

filter:blur(0);

	opacity:1;

transform:translateX(0);

	transition:filter ease-out 0.6s, opacity ease-out 0.6s,transform ease-out 0.6s;

}

nav .commsWrap

{

	text-align:Center;

}



nav .commsWrap .streetAddressHeader p

{

    font-size: 20px;

    font-weight: 400;

    color: #fff;

    margin: 0;

    padding: 0 0 20px 0;	

}

nav .commsWrap .commsEntries

{

padding-bottom:20px;

}

nav .commsWrap .commsEntries a

{

	display: Block;

    color: #fff;

    text-decoration: none;

	padding:6px 0;

}

nav .commsWrap .socialChannels a

{

	margin:0 4px;

	display:inline-block;

}

nav .commsWrap .mapLink

{

	padding-bottom:30px;

	text-align:center;

}

nav .commsWrap .mapLink a{

	    background: url(../img/pearl-island-google-marker.png) center left no-repeat;

    padding: 20px 0 20px 58px;

    display: inline-block;

    color: #fff;

	text-decoration:none;



}

nav .leftMenu ul

{

	list-style-type:none;

	list-style-position:inside;

	text-indent:0;

	margin:0;

	padding:0 0 30px 0;

}

nav .leftMenu ul li

{

	text-align:Center;

}

nav .leftMenu ul li a

{

	display:block;

	padding:0px 0;

	color:#fff;

	font-family: 'Noto Serif Display', serif;

	font-size:24px;

	text-decoration:none;

}





nav.open .navWrap

{

opacity:1;

	transition:opacity ease-out 0.6s;

}

.homeWelcome

{

	max-width:1400px;

	margin:0 auto;

	padding:40px 0;

}

.homeWelcome .headPart

{

	padding-bottom:50px;

}

.homeWelcome .headPart h1

{

font-size: 34px;

    font-weight: 300;

    padding: 0 0 15px 0;

	margin:0;

		color:#AB632B;

	  	font-family: 'Noto Serif Display', serif;

}

.homeWelcome .headPart h1 span.sm{

	font-size: 24px;

    font-weight: 300;

	display:block;

}

.homeWelcome .homeWelcomeInner

{

	padding:0 20px 0 20px;

}



.welcomeCols .left,

.welcomeCols .right

{

	flex:1 0 100%;

	position:relative;

}

.welcomeCols .left .leftContent

{

		padding-bottom:30px;

}

	.welcomeCols .left .leftVisual

	{

		max-height:500px;

		overflow:hidden;

	}

	.welcomeCols .left .leftVisual img

{

	width: 180%;

max-width: 180%;

    margin-left: -30%;

	

	

}

.welcomeCols .right .rightVisual-0,

.welcomeCols .right .rightVisual-1

{

position: relative;

    flex: 1;



    width: 100%;

}

.welcomeCols .right .rightVisual-0::after,

.welcomeCols .right .rightVisual-1::after

{

	display:block;

	position:absolute;







	background-color:#fff;

	content:" ";

}

.welcomeCols .right .rightVisual-0 img,

.welcomeCols .right .rightVisual-1 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;	

}

.welcomeCols .left .leftContent p

{

	line-height:170%;

	font-weight:300;

	margin:0;

	padding:0 0 15px 0;

}

.homeWelcome .indexLink

{

	padding-top:25px;

}

.homeWelcome .indexLink a

{

display:inline-block;

padding:12px 24px;

	color:#AB632B;

	position:relative;

	border:1px solid #AB632B;

transition:color ease-out 0.3s;

	text-decoration:none;

}

.homeWelcome .indexLink a::before

{

	right:100%;

	top:0;

	bottom:0;

	left:0;

	opacity:0;

	background-color:#AB632B;

	display:block;

	content:" ";

	position:absolute;

		transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.homeWelcome .indexLink a:hover

{

	color:#fff;

	transition:color ease-out 0.3s;

}

.homeWelcome .indexLink a:hover::before

{

right:0;

	opacity:1;

	transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.homeWelcome .indexLink a span

{

	position:relative;

	z-index:2;

	display:block;

}





.suitesDisplay 

{

	padding:30px 0;



}

.suitesDisplay .suitesDisplayInner

{



}

.suitesDisplay .suiteColumns .left,

.suitesDisplay .suiteColumns .right

{

	flex:1 0 100%;

	

}



.suitesDisplay .suiteColumns .left .suiteDisplayContent

{

	padding:40px 20px 30px 20px;
background-color:#ffffff;
}

.suitesDisplay .suiteColumns .left .suiteDisplayContent h2

{

font-size: 34px;

    font-weight: 300;

    padding: 0 0 15px 0;

    margin: 0;

    color: #AB632B;

    font-family: 'Noto Serif Display', serif;	

}

.suitesDisplay .suiteColumns .left .suiteDisplayContent .sub

{

font-size: 24px;

    color: #AB632B;

    display: block;

    font-family: 'Noto Serif Display', serif;

    font-weight: 500;	

}

.suitesDisplay .suiteColumns .left .suiteDisplayContent .accommIntro

{

	padding-top:20px;

}

.suitesDisplay .suiteColumns .left .suiteDisplayContent .accommIntro p

{

line-height: 170%;

    font-weight: 300;

    margin: 0;

    padding: 0 0 15px 0;	

}

.suitesDisplay .suiteColumns .right

{

	position:relative;

	min-height:400px;

	overflow:hidden;



	padding:0 20px 0 20px;



}

.suitesDisplay .suiteColumns .right a

{

	    display: block;

    position: relative;

    padding-bottom: 100%;

}

.suitesDisplay .suiteColumns .right .rightVisual

{

	background-size:cover;

	background-position:center;

	background-repeat:no-repeat;

	position:absolute;

	top:0;

	left:0;

	right:0;

	bottom:0;

}

/*.suitesDisplay  .headPart

{

	text-align:center;

	position:relative;

	z-index:3;

padding:0 20px;

}

.suitesDisplay  .headPart::before

{

position:absolute;

	left:50%;

	top:-50px;

	height:50px;

	border-right:1px solid #AB632B;

	content:" ";

	display:block;

}

.suitesDisplay  .headPart::after

{

	position:absolute;

	left:50%;

	bottom:-80px;

	height:50px;

	border-right:1px solid #AB632B;

	content:" ";

	display:block;

}

.suitesDisplay  .headPart h2

{

    font-size: 34px;

    font-weight: 300;

    padding: 0 0 15px 0;

    margin: 0;

    color: #AB632B;

    font-family: 'Noto Serif Display', serif;	

}

.suitesDisplay .headPart .sub

{

    font-size: 24px;

color: #AB632B;

    display: block;

	    font-family: 'Noto Serif Display', serif;

	font-weight:300;

	

}

.suitesDisplay .headPart .accommIntro

{

max-width:800px;

	margin:0 auto;

	position:relative;

	padding-top:30px;

}



.suitesDisplay .headPart .accommIntro p

{

line-height: 170%;

    font-weight: 300;

    margin: 0;

    padding: 0 0 15px 0;

	text-align:Center;

}*/

.suitesDisplay .indexLink

{

	padding-top:25px;

	/*text-align:center;*/

}

.suitesDisplay .indexLink a

{

display:inline-block;

padding:12px 24px;

	color:#AB632B;

	position:relative;

	border:1px solid #AB632B;

transition:color ease-out 0.3s;

	text-decoration:none;

}

.suitesDisplay .indexLink a::before

{

	right:100%;

	top:0;

	bottom:0;

	left:0;

	opacity:0;

	background-color:#AB632B;

	display:block;

	content:" ";

	position:absolute;

		transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.suitesDisplay .indexLink a:hover

{

	color:#fff;

	transition:color ease-out 0.3s;

}

.suitesDisplay .indexLink a:hover::before

{

right:0;

	opacity:1;

	transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.suitesDisplay .indexLink a span

{

	position:relative;

	z-index:2;

	display:block;

}

.suiteBlocks 

{

	position:relative;

}

.suitesDisplay .mastikTree

{

display:none;

}

.wellnessHome

{

	background-color:#262626;

	padding:50px 0 0 0;

	overflow:hidden;

}

.wellnessHome .headPart

{

	padding-bottom:30px;

}

.wellnessHome .headPart h2

{

	font-size: 34px;

    font-weight: 300;

    

    margin: 0;

    color: #AB632B;

    font-family: 'Noto Serif Display', serif;

	padding:0 0 15px 20px;

}

.wellnessHome .headPart .wellnessIntro

{

	max-width:768px;

	padding-left:20px;

}

.wellnessHome .left .extraContent

{

	padding:30px 20px 30px 20px;

}

.wellnessHome .headPart .wellnessIntro p,

.wellnessHome .left .extraContent p

{

line-height: 170%;

    font-weight: 300;

	color:#fff;

	

}

.wellnessHome .wellnessBig

{

	display:none;

}

.wellnessColumns .welnessColumnsInner  .left,

.wellnessColumns .welnessColumnsInner .right

{

	flex:1 0 100%;

	

}

.wellnessHome .circleGraphic

{

	display:none;

}

.wellnessHome .wellnessColumns  .left .wellnessVisual,

.wellnessHome .wellnessColumns .right .wellnessRightSlider

{

	position:relative;

}

.wellnessHome .wellnessColumns  .left .wellnessVisual::after,

.wellnessHome .wellnessColumns .right .wellnessRightSlider::after

{

position:absolute;



	background-color:#262626;

	z-index:2;

	display:block;

	content:" ";

}



.wellnessHome .left .indexLink

{

	padding-top:25px;



}

.wellnessHome .left .indexLink a

{

display:inline-block;

padding:12px 24px;

	color:#fff;

	position:relative;

	border:1px solid #fff;

transition:color ease-out 0.3s;

	text-decoration:none;

}

.wellnessHome .left .indexLink a::before

{

	right:100%;

	top:0;

	bottom:0;

	left:0;

	opacity:0;

	background-color:#fff;

	display:block;

	content:" ";

	position:absolute;

		transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.wellnessHome .left .indexLink a:hover

{

	color:#262626;

	transition:color ease-out 0.3s;

}

.wellnessHome .left .indexLink a:hover::before

{

right:0;

	opacity:1;

	transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.wellnessHome .left .indexLink a span

{

	position:relative;

	z-index:2;

	display:block;

}



.diningSocialHome 

{

	padding:100px 0 80px 0;



}

.mastikDrop-1,

.mastikDrop-2

{

display:none;

}

.diningSocialHome .diningSocialHomeInner

{



}

.diningSocialHome  .headPart

{

	text-align:center;

	position:relative;

	z-index:3;

padding:0px 20px 0 20px;

	margin-bottom:120px;

}

.diningSocialHome  .headPart::before

{

position:absolute;

	left:50%;

	top:-55px;

	height:50px;

	border-right:1px solid #AB632B;

	content:" ";

	display:block;

}

.diningSocialHome  .headPart::after

{

	position:absolute;

	left:50%;

	bottom:-80px;

	height:50px;

	border-right:1px solid #AB632B;

	content:" ";

	display:block;

}

.diningSocialHome  .headPart h2

{

    font-size: 34px;

    font-weight: 300;

    padding: 0 0 15px 0;

    margin: 0;

    color: #AB632B;

    font-family: 'Noto Serif Display', serif;	

}

.diningSocialHome .headPart .sub

{

    font-size: 24px;

color: #AB632B;

    display: block;

	    font-family: 'Noto Serif Display', serif;

	font-weight:300;

	

}

.diningLeftRight

{

	padding:50px 0 0 0;

	max-width: 1400px;

    margin: 0 auto;

}

.diningLeftRight .diningSocialElem{

	

		padding:0 20px 50px 20px;

}

.diningSocialElem .left,

.diningSocialElem .right

{

	flex:1 0 100%;

}

.diningSocialElem .left

{

	position:relative;

}

.diningSocialElem .left::after{

	position:absolute;

	top:0;

	right:0;

	bottom:0;

	left:0;

	content:" ";

	display:block;

	background-color:#fff;

}

.diningSocialElem .diningContent

{

	padding-top:40px;

}

.diningSocialElem .diningContent h2

{

    color: #AB632B;

    font-family: 'Noto Serif Display',serif;

		font-weight:400;

	font-size:36px;

	margin:0;

	padding:0 0 20px 0;

}

.diningSocialElem .diningContent p 

{

	    line-height: 170%;

    font-weight: 300;

    margin: 0;

    padding: 0 0 15px 0;

}





.diningSocialElem .diningContent .indexLink

{

	padding-top:25px;

	

}

.diningSocialElem .diningContent .indexLink a

{

display:inline-block;

padding:12px 24px;

	color:#AB632B;

	position:relative;

	border:1px solid #AB632B;

transition:color ease-out 0.3s;

	text-decoration:none;

}

.diningSocialElem .diningContent .indexLink a::before

{

	right:100%;

	top:0;

	bottom:0;

	left:0;

	opacity:0;

	background-color:#AB632B;

	display:block;

	content:" ";

	position:absolute;

		transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.diningSocialElem .diningContent .indexLink a:hover

{

	color:#fff;

	transition:color ease-out 0.3s;

}

.diningSocialElem .diningContent .indexLink a:hover::before

{

right:0;

	opacity:1;

	transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.diningSocialElem .diningContent .indexLink a span

{

	position:relative;

	z-index:2;

	display:block;

}







.diningHorizontalGrid

{

	max-width: 1400px;

    margin: 0 auto;

}

		.diningHorizontalGrid

	{

	padding:0 20px;

	}

.diningHorizontalGrid .diningSocialElem

{

	flex:1 0 100%;

	padding-bottom:50px;

}

.diningHorizontalGrid .diningSocialElem .top

{

	position:relative;

}

.diningHorizontalGrid .diningSocialElem .diningVisual::after

{

    position: absolute;

    top: 0;

 

    bottom: 0;

    left: 0;

    content: " ";

    display: block;

    background-color: #fff;

}



.homeStatement

{

	
background-color:#000000;
	min-height:100vh;

	position:relative;

	display:flex;

	align-items:center;

	justify-content:center;

	overflow:hidden;;

}

.homeStatement .homeStatementVisual

{

	position:absolute;

	top:0;

	left:0;

	right:0;

	height:200%;

	background-size:cover;

	background-position:center;

	background-repeat:no-repeat;

}

.homeStatement .homeStatementVisual::after{

	display:block;

	content:" ";

	background-color:rgba(0,0,0,0.45);

	top:0;

	right:0;

	left:0;

	bottom:0;

	position:absolute;

}

.homeStatement .homeStatementContent

{

	flex:1 0 100%;

	max-width:992px;

	text-align:Center;

	position:relative;

	z-index:2;

	margin: 50px 0;

	

}

.homeStatement .homeStatementContent::before{

	position:absolute;

	top:0;

	left:50%;

	height:40px;

	border-right:1px solid #fff;

	content:" ";

	display:block;

}

.homeStatement .homeStatementContent::after

{

	position:absolute;

	bottom:0;

	left:50%;

	height:40px;

	border-right:1px solid #fff;

	content:" ";

	display:block;	

}

.homeStatement .homeStatementContent .homeStatementContentInner

{

padding:40px 20px;	

}

.homeStatement .homeStatementContent .homeStatementContentInner p

{

	

    color: #fff;

    font-family: 'Noto Serif Display',serif;

    font-weight: 300;

    font-size: 24px;

    margin: 0;

    line-height: 160%;

    padding: 15px 0 15px 0;

}

.homeExperiences .headPart

{

padding:0 20px 15px 20px;	

}

.homeExperiences  .headPart

{

	text-align:center;

	position:relative;

	z-index:3;

padding:0px 20px 0 20px;

	margin-bottom:120px;

}

.homeExperiences  .headPart::before

{

position:absolute;

	left:50%;

	top:-60px;

	height:50px;

	border-right:1px solid #AB632B;

	content:" ";

	display:block;

}

.homeExperiences  .headPart::after

{

	position:absolute;

	left:50%;

	bottom:-80px;

	height:50px;

	border-right:1px solid #AB632B;

	content:" ";

	display:block;

}

.homeExperiences  .headPart h2

{

    font-size: 36px;

    font-weight: 300;

    padding: 0 0 15px 0;

    margin: 0;

    color: #AB632B;

    font-family: 'Noto Serif Display', serif;	

}

.homeExperiences .headPart .subContent

{

max-width:800px;

	margin:0 auto;

	position:relative;

	padding-top:20px;

}



.homeExperiences .headPart .subContent p

{

line-height: 170%;

    font-weight: 300;

    margin: 0;

    padding: 0 0 15px 0;

	text-align:Center;

}

.homeExperiences,

.experiencesArchive

{

	padding:60px 0 60px 0;

	position:relative;

	overflow:hidden;

}



.homeExperiences .homeExperiencesInner,

.experiencesArchive .experiencesArchiveInner

{

	max-width:1400px;

	margin:0 auto;

	position:relative;

	z-index:2;

	padding-top:50px;

}



.homeExperiences .experiencesColumns,

.experiencesArchive .experiencesColumns

{

	padding:0 20px;

}

.homeExperiences .experiencesColumns .experienceColumn,

.experiencesArchive .experiencesColumns .experienceColumn

{

	flex:1 0 100%;

	padding-bottom:40px;

	opacity:0;

}

.experienceColumn a

{

	text-decoration:none;

}

.experienceColumn .experienceColContent

{

	padding-top:20px;

	text-align:Center;

}

.experienceColumn .experienceColContent h2{

	color: #AB632B;

    font-family: 'Noto Serif Display',serif;

    font-weight: 400;

    font-size: 34px;

    margin: 0;

    padding: 0 0 20px 0;

}

.experienceColumn .experienceColContent .excerpt

{

line-height: 170%;

    font-weight: 300;



 

	color:#2B2B2B;

	

}

.homeExperiences .experiencesColumns .experienceColumn .experienceColVisual

{

	margin-top:0;

	transition:margin ease-out 0.5s;

}

	.homeExperiences .experiencesColumns .experienceColumn .experienceColVisual img

	{

	box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.2);

-webkit-box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.2);

-moz-box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.2);

		filter:brightness(1);

		transition:filter ease-out 1s;

	}



.homeExperiences .experiencesColumns .experienceColumn a:hover .experienceColVisual

{

	margin-top:-10px;

	transition:margin ease-out  0.5s;

}



.homeExperiences .experiencesColumns .experienceColumn a:hover .experienceColVisual img

{

filter:brightness(1.24);

	transition:filter ease-out 1s;

}

.homeExperiences .headPart .indexLink

{

	padding-top:15px;

}



.homeExperiences .headPart .indexLink a:hover

{

	color:#fff;

	transition:color ease-out 0.3s;

}

.homeExperiences .headPart .indexLink a

{

display:inline-block;

padding:12px 24px;

	color:#AB632B;

	position:relative;

	border:1px solid #AB632B;

transition:color ease-out 0.3s;

	text-decoration:none;

}

.homeExperiences .headPart .indexLink a::before

{

	right:100%;

	top:0;

	bottom:0;

	left:0;

	opacity:0;

	background-color:#AB632B;

	display:block;

	content:" ";

	position:absolute;

		transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.homeExperiences .headPart .indexLink a:hover::before

{

right:0;

	opacity:1;

	transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.homeExperiences .headPart .indexLink a span

{

	position:relative;

	z-index:2;

	display:block;



}



.homeLocation

{

	max-width:1400px;

	margin:0 auto;

	padding:60px 0;

}

.homeLocationInner 

{

	padding:0 20px;

}

.homeLocationInner .left,

.homeLocationInner .right

{

	flex:1 0 100%;

}

.homeLocationInner .left

{

	padding-bottom:30px;

}

.homeLocationInner .right .mapVisual

{

	position:relative;

}

.homeLocationInner .right .mapVisual::after{

	    position: absolute;

    top: 0;

 

    bottom: 0;

    left: 0;

    content: " ";

    display: block;

    background-color: #fff;

}

.homeLocationInner .left h2{

	font-size: 34px;

    font-weight: 300;

    padding: 0 0 15px 0;

    margin: 0;

    color: #AB632B;

    font-family: 'Noto Serif Display', serif;

}

.homeLocationInner .left .sub{

	font-size: 24px;

    color: #AB632B;

    display: block;

    font-family: 'Noto Serif Display', serif;

    font-weight: 300;

}

.homeLocationInner .left .excerpt

{

	padding-top:20px;

}

.homeLocationInner .left .excerpt p{

	    line-height: 170%;

    font-weight: 300;

    margin: 0;

    padding: 0 0 15px 0;

}



.homeLocationInner .indexLink

{

	padding-top:25px;

}

.homeLocationInner .indexLink a

{

display:inline-block;

padding:12px 24px;

	color:#AB632B;

	position:relative;

	border:1px solid #AB632B;

transition:color ease-out 0.3s;

	text-decoration:none;

}

.homeLocationInner .indexLink a::before

{

	right:100%;

	top:0;

	bottom:0;

	left:0;

	opacity:0;

	background-color:#AB632B;

	display:block;

	content:" ";

	position:absolute;

		transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.homeLocationInner .indexLink a:hover

{

	color:#fff;

	transition:color ease-out 0.3s;

}

.homeLocationInner .indexLink a:hover::before

{

right:0;

	opacity:1;

	transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.homeLocationInner .indexLink a span

{

	position:relative;

	z-index:2;

	display:block;

}





.archiveSuites

{

	max-width:1500px;

	margin: 0 auto;

	position:relative;

	z-index:2;

}

.archiveSuites .archiveSuitesInner

{

	padding:0 20px;

}

.suitesIntroduction

{



	

    margin: 0;

	

	position:relative;

	

}

.suitesIntroduction::before{

	position: absolute;

    top: 0;

    left: 50%;

width:10000px;

	bottom:0;

  



    background: rgb(183,104,48);

    background: linear-gradient(140deg, rgba(183,104,48,1) 0%, rgba(223,156,88,1) 100%);

    content: " ";

    display: block;

	transform:translateX(-50%);

}

.suitesIntroductionInner

{

	position:relative;

	z-index:2;

	max-width:992px;

	margin:0 auto;

	padding:120px 0;

		text-align:center;

line-height: 170%;

    font-weight: 300;

	font-size:20px;

	color:#fff;

}

.archiveSuites .suitesListing

{

	padding-top:80px;

	position:relative;



}

.archiveSuites .suiteBlock a

{

text-decoration:none;

}

.archiveSuites .suiteBlock

{

	padding-bottom:80px;

}



.suiteCols .left,

.suiteCols .right

{

	flex:1 0 100%;

}

.suiteCols .right

{

	display:none;

}

.suiteCols .left .mobVisual

{

	padding:20px 0;

}

	.suiteCols .left

	{

		display:flex;

		align-items:center;

		justify-content:center;

		width:100%;

	}

.suiteCols .right

{

	position:relative;



}



.suiteCols .leftData h2

{

	    font-size: 34px;

    font-weight: 300;

    padding: 0 0 15px 0;

    margin: 0;

    color: #AB632B;

    font-family: 'Noto Serif Display', serif;

	text-align:Center;

}

.suiteCols .leftData .excerpt

{

	line-height: 170%;

    font-weight: 300;

    margin: 0;

    padding: 0 0 15px 0;

	text-align:Center;

	color:#2B2B2B;



}

.suiteCols .leftData .baseAmenities,

.singleSuite .baseAmenities

{

	justify-content:center;

}

.singleSuite .baseAmenities

{

	max-width:1200px;

	align-items:center;

	margin:0 auto;

	padding:80px 0;

}

.suiteCols .leftData .baseAmenities .ico,

.singleSuite .baseAmenities .ico

{

flex:1 0 50%;

padding-bottom:30px;	

}

.suiteCols .leftData .baseAmenities .icoImg,

.singleSuite .baseAmenities .icoImg

{

padding:0 15px 15px 15px;

	text-align:Center;

}

.suiteCols .leftData .baseAmenities .icoImg img,

.singleSuite .baseAmenities .icoImg img

{

	display:inline-block;

}



.suiteCols .leftData .baseAmenities .icoLabel,

.singleSuite .baseAmenities .icoLabel

{

padding:0 15px 0 15px;

	text-align:Center;

	color:#2B2B2B;

	font-size:15px;

}

.singleSuite .galleryWrap.isotope .grid-item

{

	width: 100%;

    float: left;

}



.singleSuite .galleryWrap.isotope .grid-item a

{

overflow:hidden;

	display:block;

		margin:20px;

	position:relative;

}

.singleSuite .galleryWrap.isotope .grid-item a::before

{

position:absolute;

	top:80%;

	left:50%;

	border-left:2px solid #fff;

	z-index:2;

	pointer-events:0;

	height:60px;

	content:" ";

	display:block;

	transform:translateY(-50%);

	opacity:0;

	transition:opacity cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s, top cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s;

}

.singleSuite .galleryWrap.isotope .grid-item a::after

{

position:absolute;

	top:50%;

	left:20%;

	border-bottom:2px solid #fff;

	z-index:2;

	pointer-events:0;

	width:60px;

	content:" ";

	display:block;

	transform:translateX(-50%);

	opacity:0;

		transition:opacity cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s, left cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s;

}

.singleSuite .galleryWrap.isotope .grid-item a:hover::before

{

top:50%;

	opacity:1;

	transition:opacity cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s, top cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s;

}

.singleSuite .galleryWrap.isotope .grid-item a:hover::after

{

left:50%;

	opacity:1;

	transition:opacity cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s, left cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s;

}

.singleSuite .galleryWrap.isotope .grid-item div a img

{

	transform:scale(1);

	transition:transform cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s;

}

.singleSuite .galleryWrap.isotope .grid-item div a:hover img

{

	transform:scale(1.2);

	transition:transform cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s;

}

.singleSuite .roomGallery 

{

	padding:120px 0 80px 0;

	position:relative;

}

.singleSuite .roomGallery .headPart

{

text-align: center;

    position: relative;

    z-index: 3;

    padding: 0px 20px 0 20px;

margin-bottom:100px;

}

.singleSuite .roomGallery .headPart::before{

	position: absolute;

    left: 50%;

    top: -60px;

    height: 50px;

    border-right: 1px solid #AB632B;

    content: " ";

    display: block;	

}

.singleSuite .roomGallery .headPart::after{

position: absolute;

    left: 50%;

    bottom: -60px;

    height: 50px;

    border-right: 1px solid #AB632B;

    content: " ";

    display: block;

}

.roomGallery .headPart h2

{

	font-size: 34px;

    font-weight: 300;

    padding: 0 0 15px 0;

    margin: 0;

    color: #AB632B;

    font-family: 'Noto Serif Display', serif;

}

.viewSuite

{

	text-align:Center;

	padding-top:30px;

}

.viewSuite div

{

	    display: inline-block;

    

    color: #AB632B;

    position: relative;

    border: 1px solid #AB632B;

    transition: color ease-out 0.3s;

    text-decoration: none;



}

.viewSuite div::before

{

	right:100%;

	top:0;

	bottom:0;

	left:0;

	opacity:0;

	background-color:#AB632B;

	display:block;

	content:" ";

	position:absolute;

		transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

 .viewSuite div:hover span

{

	color:#fff;

	transition:color ease-out 0.3s;

}

.viewSuite div:hover::before

{

right:0;

	opacity:1;

	transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.viewSuite div span

{

	position:relative;

	z-index:2;

	display:block;

	padding: 12px 24px;

}





.suiteFeaturesServices

{

	padding:80px 0;

	background-color:#262626;

	color:#fff;

}

.suiteFeaturesServices .suiteFeaturesServicesInner

{

	max-width:1400px;

	margin:0 auto;

}



.singleSuite .suiteContent

{

	text-align:Center;

	position: relative;

    z-index: 2;

    max-width: 992px;

    margin: 0 auto;

    padding: 120px 20px 0 20px;



}

.singleSuite .suiteContent p

{

  padding:0 0 20px 0;

	margin:0;

    line-height: 170%;

    font-weight: 300;

    font-size: 20px;	

}

.suiteFeaturesServicesInner .headPart h2

{

	    font-size: 34px;

    font-weight: 300;

	text-align:Center;

    margin: 0;

    color: #AB632B;

    font-family: 'Noto Serif Display', serif;

    padding: 0 0 50px 0;

}

.suiteFeaturesServicesInner  .cols

{

	padding:0 30px;

}

.suiteFeaturesServicesInner  .cols:first-child{

	padding-bottom:80px;

}

.suiteFeaturesServicesInner  .cols ul

{

	list-style-position:inside;

	list-style-type:none;

	margin:0;

	text-indent:0;

	padding:0;

}

.suiteFeaturesServicesInner  .cols ul li

{

	text-align:center;

	padding:0 8px 15px 8px;

	display:block;

}



.suiteCTA

{

	    background: rgb(183,104,48);

    background: linear-gradient(141deg, rgba(183,104,48,1) 0%, rgba(223,156,88,1) 100%);

	padding:80px 20px;

}

.suiteStayInner .headPart

{

	    text-align: center;

    position: relative;

    z-index: 2;

    padding: 0px 20px 0 20px;

    margin-bottom: 90px;

}

.suiteStayInner .headPart h2 {

    font-size: 34px;

    font-weight: 300;

    padding: 0 0 00;

    margin: 0;

    color: #fff;

    font-family: 'Noto Serif Display', serif;

}

.suiteStayInner .headPart .subHeadContent

{

	padding:20px 0 20px;

	margin:0 auto;

	max-width:650px;

}

.suiteStayInner .headPart .subHeadContent p

{

	    line-height: 170%;

    font-weight: 300;

    margin: 0;

    padding: 0 0 15px 0;

    text-align: Center;

	color:#fff;

}

.suiteStayInner .headPart::after {

    position: absolute;

    left: 50%;

    bottom: -40px;

    height: 50px;

    border-right: 1px solid #fff;

    content: " ";

    display: block;

}

.suiteCTAForm

{

	max-width:992px;

	margin:0 auto;

	box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.2);

    -webkit-box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.2);

    -moz-box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.2);

	background-color:#fff;

}

.suiteCTAForm .left,

.suiteCTAForm .right

{

flex:1 0 100%;	

}

.suiteCTAForm .left

{

	display:Flex;

	align-items:Center;

}

.suiteCTAForm .right

{

	position:relative;

	overflow:hidden;

}

.suiteCTAForm .right 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;

}

.suiteCTAForm .left .fmWrap

{

padding:30px 15px;	

	flex:1 0 100%;

}

.gform-theme--framework.ui-datepicker table .ui-datepicker-current-day a

{

	background-color:#AB632B!important;

}

.suiteCTAForm .left .fmWrap textarea

{

	height:130px!important;

	    font-family: 'Roboto', sans-serif!important;

	min-block-size:130px!important;

	border:1px solid #c9c9c9!important;

	resize:none!important;

	padding:14px!important;

	

}

.suiteCTAForm .gfield_description 

{

	display:none!important;

}

.suiteCTAForm .left .fmWrap input[type=text],

.suiteCTAForm .left .fmWrap input[type=email],

.suiteCTAForm .left .fmWrap input[type=number]

{

	width:100%!important;

	border:1px solid #c9c9c9!important;

	box-shadow:none!important;

	padding:20px 14px!important;

}

.suiteCTAForm .gform-theme--foundation .gform_fields

{

	grid-row-gap:15px;

}

.suiteCTAForm .left .fmWrap input[type=submit]

{

	width:100%!important;

	background-color:#262626!important;

	color:#fff;

	font-family: 'Noto Serif Display', serif!important;

	font-size:24px!important;

	font-weight:400!important;

	padding:12px!important;

	transition:background ease-out 0.8s!important;

}

.suiteCTAForm .left .fmWrap input[type=submit]:hover

{

	background-color:#AB632B!important;

	transition:background ease-out 0.8s!important;

}

.weddingEvents

{

	padding:100px 0;

}

.weddingsEventsInner

{

	position:relative;

}

.weddingsEventsInner .leftVisual

{

	flex:1 0 100%;

	min-height:500px;

	overflow:hidden;

}

.weddingsEventsInner .rightVisual

{

	display:none;

	flex:1 0 100%;

	min-height:500px;

	overflow:hidden;	

}

.weddingsEventsInner .weddingMessaging

{

	position:absolute;

	top:50%;

	left:50%;

	transform:translate(-50%, -50%);

	z-index:3;

	width:100%;

}

.weddingsEventsInner .weddingMessaging .excerpt

{

	max-width:800px;

	margin:0 auto;

}

.single-suite .sl-wrapper .sl-counter

{

    font-size: 34px;

    font-weight: 300;

    padding: 0 0 15px 0;

    margin: 0;

    color: #AB632B!important;

    font-family: 'Noto Serif Display', serif;	

}





/* shortcode classes */

.shortcodeComp.leftRightBoxes

{

	padding:40px 0;

}

.shortcodeComp.leftRightBoxes .lrBox

{



}

.shortcodeComp.leftRightBoxes .lrLeft,

.shortcodeComp.leftRightBoxes .lrRight

{

flex:1 0 100%;	

}

.shortcodeComp.leftRightBoxes .lrRight

{

	padding-top:30px;

}

.shortcodeComp.leftRightBoxes .lrLeft

{

	display:flex;

	align-items:center;

}



.shortcodeComp.leftRightBoxes .lrLeft .wrp

{

	position:relative;

	flex:1 0 100%;

	padding-bottom:100%;

	overflow:hidden;

	height:100%;

	

}

.shortcodeComp.leftRightBoxes .lrLeft .wrp 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;	

}

.shortcodeComp.imageGrid

{

	margin:0 -8px;

	padding:0 0 40px 0;

}

.shortcodeComp.coloredBox .coloredBoxInner

{

padding:30px 30px 15px 30px;

margin:0;

	text-align:center;

}

.coloredBoxInner .coloredBoxContent p

{

	    font-size: 20px;

    line-height: 140%;



	margin:0;

	padding:0 0 15px 0;

}

.gridHead h2

{

	    text-align: center;

    font-weight: 400;

    font-size: 26px;

    color: #415e7b;

    margin: 0;

    padding: 0 0 20px 0;

}

.gridHead h2

{

	position:relative;

	    margin: 0 0 30px 0;

    padding: 0 0 30px 0;

}

.gridHead h2::after

{

    display: block;

    content: " ";

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 60px;

    border-top: 4px solid #ac8f57;

    transition: width ease-out 0.3s;	

}



.shortcodeComp

{

	position:relative;

	z-index:1;

}

.shortcodeComp.imageGrid .gridItem

{



	flex:1 0 100%;

	padding-bottom:10px;

}



.shortcodeComp.imageGrid .gridItemLarge

{

	flex:1 0 100%;

	padding-bottom:10px;

}

.shortcodeComp.imageGrid .cols-2 .gridItem .rp,

.shortcodeComp.imageGrid .cols-3 .gridItem .rp,

.shortcodeComp.imageGrid .cols-4 .gridItem .rp

{

flex:1 0 100%;

	padding-bottom:100%;

	overflow:hidden;

	position:relative;

}

.shortcodeComp.imageGrid .gridItem 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;

    	

}

.shortcodeComp.leftRightBoxes .lrRight .lrBoxCont

{

	padding:0 0 30px 0;



}

.shortcodeComp.leftRightBoxes .lrRight .lrBoxCont p

{

	    padding: 0 0 15px 0;

	margin:0;

    font-size: 16px;

    /* font-weight: 300; */

    line-height: 190%;

}

.shortcodeComp.leftRightBoxes .lrRight .lrBoxCont ul

{

	margin-top:0;

	margin-bottom:0;

	padding-top:15px;

	padding-bottom:15px;

	line-height:170%;

}

.shortcodeComp.leftRightBoxes .lrRight h2

{

	    font-weight: 400;

    font-size: 36px;

    margin: 0;

    padding-bottom: 18px;

    font-family: 'Noto Serif Display', serif;

   color: #AB632B;

    position: relative;

	line-height:120%;

}
.shortcodeComp.leftRightBoxes .lrRight a
{
    color:#AB632B;
}


.shortcodeComp.twoColBox

{

	padding:30px 0;

}



.shortcodeComp.twoColBox .twoColBoxInner 

{

	background-color:#415e7b;

	color:#fff;

	padding:90px 30px;

}

.shortcodeComp.twoColBox .twoColBoxInner .lfCol,

.shortcodeComp.twoColBox .twoColBoxInner .rgCol

{

flex:1 0 100%;

	text-align:Center;

}

.shortcodeComp.twoColBox .twoColBoxInner .lfCol

{

	padding-bottom:40px;

}

.shortcodeComp.twoColBox .twoColBoxInner h2

{

	font-weight:300;

	font-size:26px;

	color:#ac8f57;

	margin:0;

	padding:0 0 15px 0;

}

.shortcodeComp.twoColBox .twoColBoxInner ul

{

	list-style-type: none;

	list-style-position:inside;

	margin:0;

	padding:15px 0 0 0;

	text-indent:0;

	

	

}

.shortcodeComp.twoColBox .twoColBoxInner ul li

{

	padding:5px 15px;

}

.shortcodeComp.columnBoxes

{

	padding:40px 0;

}



.shortCodeComp.bookDirect

{

	padding:30px 0 30px 0;

}



.shortCodeComp.bookDirect .bookDirectInner

{

position:relative;

	padding:70px 0;

}

.shortCodeComp.bookDirect .bookDirectInner::Before

{

	position:absolute;

	top:0;

	bottom:0;

	left:0;

	right:0;



	display:block;

	content:" ";



	background-color:#f5f5f5;

}

.shortCodeComp.bookDirect .directTitle

{

position:relative;

	z-index:3;

	text-align:center;

	font-weight: 300;

    font-size: 34px;

    color: #415e7b;

    margin: 0;

    padding: 0 0 15px 0;

}

.shortCodeComp.bookDirect .directSubTitle

{

position:relative;

	z-index:3;

	font-weight: 300;

    font-size: 22px;

    color: #ac8f57;

    margin: 0;

	text-align:center;

    padding: 0 0 15px 0;

}

.shortCodeComp.bookDirect .directBookLink

{

position:relative;

	z-index:3;

	text-align:Center;

	padding-top:15px;

}

.shortCodeComp.bookDirect .directBookLink a

{

background-color: #415e7b;

    display: inline-block;

    padding: 15px 24px;

    color: #fff;

    text-decoration: none;

    font-size: 18px;	

}

.columnBoxesMainTitle h2

{

    font-size: 38px;

    font-weight: 400;

    color: #415e7b;

    margin: 0 0 15px 0;

    padding: 0 0 15px 0;

    position: relative;

	text-align:Center;

}

.columnBoxesMainTitle h2::after

{

	display: block;

    content: " ";

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 60px;

    border-top: 4px solid #ac8f57;

    transition: width ease-out 0.3s;

}

.columnBoxesEntries.flx

{

	margin:0 -10px;

}

.cols-2 .columnBoxEntry,

.cols-3 .columnBoxEntry,

.cols-4 .columnBoxEntry

{

flex:1 0 100%;

	padding:10px;

}

.columnBoxEntry .cbeTitle

{

	font-weight:400;

	padding:30px 0 15px 0;

	font-size:20px;

	color:#415e7b;

}

.columnBoxEntry  .cbeCont p

{

	margin:0;

	padding:0 0 15px 0;

	line-height:170%;

}

/* end shortcode classes */

.singlePage

{

	max-width:1400px;

	margin:0 auto;

}

.singlePageInner

{

	padding:60px 20px;

}

.page-id-1570 .singlePageInner > h2
{
	font-weight: 400;
    font-size: 36px;
    margin: 0;
    padding-bottom: 18px;
    font-family: 'Noto Serif Display', serif;
    color: #ab632b;
    position: relative;
    line-height: 120%;
}
.singlePageInner > ul,
.singlePageInner > ol
{
	line-height:180%;
}
.noPadd .singlePageInner

{

	

	padding:0;

}

.singlePageInner p

{

	    margin: 0;

    padding: 0 0 30px 0;

    font-size: 16px;

    color: #2B2B2B;

    font-family: 'Roboto', sans-serif;

}

.singlePageInner > p

{

padding: 0 0 15px 0;

    margin: 0;

    font-size: 16px;

 

    line-height: 190%;	

}

.singlePageInner p.intro

{

font-size: 28px;

	line-height:150%;

    font-weight: 400;

text-align:center;

    margin: 0 auto;

    color: #AB632B;

    font-family: 'Noto Serif Display', serif;

	display:block;

	max-width:992px;

	padding:0 0 20px 0;

	

}

.singlePageInner > h2

{

	    font-size: 30px;

    line-height: 150%;

    font-weight: 400;

  

	padding:0 0 20px 0;

	margin:0;

    color: #292929;

    font-family: 'Noto Serif Display', serif;

}

.singlePageInner > p > a

{

color: #AB632B;	

}

.swimFeature

{

	padding-bottom:50px;

}

.swimFeature .swimLeft

{



	align-items:center;

background-color:#AB632B;

		flex:1 0 100%;

}

.swimFeature .swimLeft .swimLeftInner

{

padding:30px;	

}

.swimLeftInner h2

{

font-size: 34px;

    font-weight: 300;

    margin: 0;

    color: #fff;

    font-family: 'Noto Serif Display', serif;

    padding: 0 0 15px 0;

}

.swimLeftInner p

{

color:#fff;	

	    line-height: 170%;

    font-weight: 300;

    color: #fff;

	margin:0;

	padding:0 0 20px 0;

}

.swimRight

{

	flex:1 0 100%;

}

.swimRight .swimRightWrap{

	padding-bottom:100%;

	position:relative;

	overflow:hidden;

}

.swimRight .swimRightWrap 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;

}

.swimRight::after{

	display:block;

	position:absolute;

	background-color:#fff;

	conent:" ";

	top:0;

	right:0;

	bottom:0;

	z-index:2;

}



.swimFeature .swimLeft .indexLink

{

	padding-top:25px;



}

.swimFeature .swimLeft .indexLink a

{

display:inline-block;

padding:12px 24px;

	color:#fff;

	position:relative;

	border:1px solid #fff;

transition:color ease-out 0.3s;

	text-decoration:none;

}

.swimFeature .swimLeft .indexLink a::before

{

	right:100%;

	top:0;

	bottom:0;

	left:0;

	opacity:0;

	background-color:#fff;

	display:block;

	content:" ";

	position:absolute;

		transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.swimFeature .swimLeft .indexLink a:hover

{

	color:#262626;

	transition:color ease-out 0.3s;

}

.swimFeature .swimLeft .indexLink a:hover::before

{

right:0;

	opacity:1;

	transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.swimFeature .swimLeft .indexLink a span

{

	position:relative;

	z-index:2;

	display:block;

}



.homeEventsCelebrate

{

	padding:50px 0 80px 0;

}

.homeEventsCelebrate .leftCelebrate,

.homeEventsCelebrate .rightCelebrate 

{

	flex:1 0 100%;

}

.leftCelebrate .celebrateCellHalf

{

	flex:1 0 50%;

	

}

.celWrap

{

	position:relative;

	padding-bottom:100%;

	overflow:hidden;

}



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

}

.homeEventsCelebrate .rightCelebrate

{

	align-items:Center;

}

.homeEventsCelebrate .rightCelebrate .rightCellebrateContent 

{

padding:30px;

	max-width:850px;

}

.rightCelebrate .rightCellebrateContent h2

{

    font-size: 34px;

    font-weight: 300;

    padding: 0 0 15px 0;

    margin: 0;

    color: #AB632B;

    font-family: 'Noto Serif Display', serif;	

}

.rightCelebrate .rightCellebrateContent p

{

line-height: 170%;

    font-weight: 300;

    margin: 0;

    padding: 0 0 15px 0;	

}





.rightCellebrateContent .indexLink

{

	padding-top:25px;

	/*text-align:center;*/

}

.rightCellebrateContent .indexLink a

{

display:inline-block;

padding:12px 24px;

	color:#AB632B;

	position:relative;

	border:1px solid #AB632B;

transition:color ease-out 0.3s;

	text-decoration:none;

}

.rightCellebrateContent .indexLink a::before

{

	right:100%;

	top:0;

	bottom:0;

	left:0;

	opacity:0;

	background-color:#AB632B;

	display:block;

	content:" ";

	position:absolute;

		transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.rightCellebrateContent .indexLink a:hover

{

	color:#fff;

	transition:color ease-out 0.3s;

}

.rightCellebrateContent .indexLink a:hover::before

{

right:0;

	opacity:1;

	transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

.rightCellebrateContent .indexLink a span

{

	position:relative;

	z-index:2;

	display:block;

}



.smErrorMsg

{

color: #AB632B;

    font-family: 'Noto Serif Display',serif;

    font-weight: 400;

    font-size: 30px;

	text-align:center;

}

.home .videoBlock
{
	max-width:1400px;
	margin:0 auto;
}

.home .videoBlock .videoBlockInner
{
	padding:0 20px 50px 20px;
}
.videoBlock .videoBlockInner .videoElement
{
	    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);
}
.videoBlockInner .videoElement iframe
{   position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.leftRightBoxes .extLink
{
padding-top:12px;	
}
.leftRightBoxes .extLink a
{
display:inline-block;
padding:12px 18px;
	color:#fff;
	text-decoration:none;
	background-color:#AB632B;
}
.leftRightBoxes .extLink.pdf a
{
	padding-left:45px;
	position:relative;
}
.leftRightBoxes .extLink.pdf a::before
{
	position:absolute;
	left:5px;
	top:0;
	bottom:0;
	width:40px;
	background:url(../img/pdf-dl-icon.svg)  center no-repeat;
	pointer-events: none;
	content:" ";
	display:block;
}

@media(min-width:768px)

{
.hero.home .heroMessage
	{
		background:none;
		padding:0;
	}
	

	nav .leftMenu ul

	{

		padding-bottom:0;

	}

	

	nav .leftMenu ul li

{

	text-align:left;
}

	.swimFeature .swimLeft,

	.swimFeature .swimRight

{

	flex:1 0 50%;

}

	.swimLeftInner h2,

	.rightCelebrate .rightCellebrateContent h2

{

	font-size:50px;

	}

	

nav .navWrap

	{

		min-width:700px;

	}

nav .leftMenu

{

filter:blur(12px);

	opacity:0;

transform:translateX(-30px);

padding-right:20px;

	flex:1 0 50%;

}

	nav .leftMenu ul li a

	{

		font-size:32px;

	}

nav .commsWrap

{

filter:blur(12px);

	opacity:0;

transform:translateX(30px);

padding-left:20px;

	flex:1 0 50%;

}

	

	header.scrolling

	{

		padding-bottom:0;

		

	}

	header.scrolling .headBarContainer 

	{

		

	}

header .headBarContainer

{

	padding:20px;

}

	header .langs,

header .navControls

{

flex:1 0 33.333%;	

}

		

header .brandLogo

{

	position:relative;

	top:auto;

	left:auto;

	flex:1 0 33.333%;

	transform:none;

	

	

}

	header .navControls .bookButton span

{

	display:block;

}

	header .navControls .bookButton a::before{

		display:none;

		

	}

	header .navControls .bookButton a

	{

		padding:6px 12px;

		background-color:#fff;
		color:#AB632B;
		border:1px solid #fff;

	}

	header .brandLogo img

{

	max-width:200px;

	transition:width ease-out 0.5s;

}

	



	footer .footerInner .left

	{

	flex:50%;

	}

footer .footerInner .center

	{

		flex:50%;

	}

footer .footerInner .right

{

	flex:1 0 100%;

	padding-bottom:40px;

}

	

	.heroMessage

	{

		align-self:auto;

		

	}

	.heroMessage .heroTitle

{



	font-size:50px;



	

}

.heroMessage .heroSubTitle

{

	font-size:26px;

	font-weight:400;

	padding-bottom:160px;

}

	.hero.archive.experiences .heroMessage .heroSubTitle

	{

	font-size:20px;	

	}

	.welcomeCols 

	{

		gap:50px;

	}

	.homeWelcome .headPart h1

{

font-size:50px;

	}

.welcomeCols .left,

.welcomeCols .right

{

	flex:1;

	display:Flex;

	flex-wrap:wrap;

	gap:50px;

	flex-direction:column;

	align-content:space-between;

}

	.welcomeCols .left .leftContent

	{

	padding:0;

	}

	.welcomeCols .left::before

{

	position:absolute;

	top:-40px;

	left:0px;

	right:0px;

	content:" ";

	display:block;

	border-bottom:1px solid #AB632B;

}



.welcomeCols .right::before

{

		position:absolute;

	top:-40px;

	left:0px;

	width:5000px;

	content:" ";

	display:block;

	border-bottom:1px solid #AB632B;

}

	.welcomeCols .left .leftVisual

	{

		max-height:580px;

		overflow:hidden;

	}

	.welcomeCols .right .rightVisual

	{

		position:relative;

		overflow:hidden;

		flex:1 0 100%;

	}

	.welcomeCols .right .rightVisual 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;	

	}

	.suitesDisplay  .headPart h2

	{

	font-size: 50px;	

	}

	.suitesDisplay  .headPart

{



margin-bottom:120px;

}

	.suitesDisplay .mastikTree

{

	max-width:500px;

	position:absolute;

	bottom:100%;

	right:0;

	display:block;

}

	

	.wellnessHome

	{

		

		padding-top:180px;

		position:relative;

		padding:50px 0 50px 0;

	}

	.wellnessHome .wellnessBig

	{

		display:block;

		position:absolute;

		left:-30px;

		font-family: 'Noto Serif Display', serif;

		font-weight:300;

		font-size:160px;

		color:#fff;

		opacity:0.1;

		top:50px;

		z-index:3;
max-width:501px;
	}

	.wellnessHome .headPart

	{

	max-width:1400px;

	margin:0 auto;

			position:relative;

		z-index:4;

	}

	.wellnessHome .headPart h2

	{

	font-size: 50px;	

	}

	.wellnessColumns

	{

		max-width:1400px;

		margin:0 auto;

		position:relative;

		z-index:2;

	}

	.wellnessColumns .welnessColumnsInner 

	{

		padding:0 20px;

		gap:50px;

		

	}

	.wellnessColumns .welnessColumnsInner  .left,

.wellnessColumns .welnessColumnsInner .right

{

	flex:1;

}

	.wellnessHome .circleGraphic

{

	display:block;

	position:absolute;

	bottom:0;

	right:0;

	z-index:3;

	pointer-events:none;

	opacity:0.5;

}

	.wellnessHome .left .extraContent

{

	padding:30px 0 0 0;

}

		.diningSocialHome  .headPart h2

	{

	font-size: 50px;	

	}



	.diningSocialElem.reverse

	{

		flex-direction:row-reverse;

	}

	.diningLeftRight .diningSocialElem 

	{

		gap:50px;

	}

	.diningLeftRight .diningSocialElem .left

	{

	flex:1;

	

		

	}

.diningLeftRight .diningSocialElem .right

{

	flex:1;

		display:flex;

		align-items:center;

}

	.diningSocialElem .diningContent

{

	padding:40px 0 40px 0;



}





 .diningHorizontalGrid .diningSocialElem

	{

		flex:0 0 50%;

		padding-bottom:0;

	}

	 .diningHorizontalGrid .diningSocialElem:nth-child(2n + 1)

	{

		padding-right:25px;

	}

 .diningHorizontalGrid .diningSocialElem:nth-child(2n + 2) {

padding-left:25px;

 

}

	

	

	

	.homeExperiences  .headPart::before

{



	border-right:1px solid #fff;

}

.homeExperiences  .headPart::after

{



	border-right:1px solid #fff;



}

.homeExperiences  .headPart h2

{



    color: #fff;
background-color:#AB632B;
	font-size: 50px;

}





.homeExperiences .headPart .subContent p

{

color:#fff;
background-color:#AB632B;
}

	

.homeExperiences .headPart .indexLink a

{



	border:1px solid #fff;

transition:color ease-out 0.3s;

	text-decoration:none;

	color:#fff;
	background-color:#AB632B;

}

.homeExperiences .headPart .indexLink a::before

{

	right:100%;

	top:0;

	bottom:0;

	left:0;

	opacity:0;

	background-color:#fff;

	display:block;

	content:" ";

	position:absolute;

		transition:right ease-out 0.3s, opacity ease-out 0.3s;

}

	

	.homeExperiences .headPart .indexLink a:hover

	{

	color: #AB632B;

    transition: color ease-out 0.3s;	

	}

	

.homeExperiences::before{

	position:absolute;

	top:0;

	left:0;

	right:0;

	height:70%;

	width:100%;
background-color:#AB632B;
	/*background: rgb(183,104,48);

background: linear-gradient(141deg, rgba(183,104,48,1) 0%, rgba(223,156,88,1) 100%);*/

	content:" ";

	display:block;

}

	.homeExperiences .experiencesColumns,

	.experiencesArchive .experiencesColumns

	{

		gap:50px;

	}

	.experiencesArchive .experiencesColumns 

	{

		gap:0;

	}

	.homeExperiences .experiencesColumns .experienceColumn

	{

		flex:1;

		padding-bottom:0;

	}

	.experiencesArchive .experiencesColumns .experienceColumn a

	{

		display:block;

		padding:0 25px;

	}

	.experiencesArchive .experiencesColumns .experienceColumn

	{

		flex: 0 0 33.333%;

	}

	.suitesDisplay

	{

		display:flex;

	justify-content:flex-end;

	}

	.suitesDisplayInner

	{

		flex:1 0 100%;

		max-width:1700px;

	}

	.suitesDisplay .suiteColumns .left .suiteDisplayContent h2

	{

		font-size:50px;

	}

	.homeLocationInner .left h2 {

    font-size: 50px;

}

	.suiteCols.reverse

	{

		flex-direction:row-reverse;

	}





	.suiteCols .leftData h2

	{

		font-size:50px;

	

	}





	.suiteCols .leftData .baseAmenities .ico



{

flex:1 0 25%;

	}

	.singleSuite .baseAmenities,

	.singleSuite .suiteContent

	{

		position:relative;

		z-index:2;

	}

		.singleSuite .baseAmenities .ico

	{

		flex:1 0 20%;

	}

.suiteFeaturesServicesInner .headPart h2

	{

		font-size:50px;

	}

	.suiteFeaturesServicesInner .cols ul

	{

		

	columns:2;	

	}

	.weddingsEventsInner .leftVisual,

	.weddingsEventsInner .rightVisual

	{

		display:block;

		flex:1 0 50%;

		position:relative;

	}

	.weddingMessaging

	{

		color:#fff;

		text-align:center;

		padding:40px 20px;

	}

	.weddingMessaging h2

	{

	font-size: 40px;

    font-weight: 300;

    padding: 0 0 20px 0;

    margin: 0;

		color:#fff;

    font-family: 'Noto Serif Display', serif;	

	}

.singleSuite .topWrap

	{

		position:relative;

	}

	.singleSuite .topWrap::after{

		width:730px;

		height:576px;

		content:" ";

		display:block;

		position:absolute;

		bottom:0;

	opacity:0.8;

		right:0;

		background:url(../img/mastik-tree-graphic-730px-556px.png) bottom right no-repeat;

	}

	.singleSuite .galleryWrap.isotope .grid-item

{

	width: 50%;

    float: left;

}

	.roomGallery .headPart h2

{

	font-size: 50px;

	}

	.suiteCTAForm .left,

.suiteCTAForm .right

{

flex:1 0 50%;	

}

	.suiteStayInner .headPart h2 {

	font-size: 50px;

	}

	.single-suite .sl-wrapper .sl-counter

	{

		font-size:50px;

	}

	

	

	/* shortcode comp classes */

	.shortCodeComp.bookDirect .directTitle

	{

		    font-size: 50px;

		font-weight: 300;

	}

	.shortcodeComp.coloredBox .coloredBoxInner

{

padding:40px 0 40px 0;

	

}



.shortcodeComp.leftRightBoxes .lrBox.reversed

	{

		flex-direction:row-reverse;

	}

.shortcodeComp.leftRightBoxes .lrLeft,

.shortcodeComp.leftRightBoxes .lrRight

{

flex:1 0 50%;	

}

	.shortcodeComp.leftRightBoxes .lrRight

	{

		padding-top:0;

	}

	.shortcodeComp.leftRightBoxes .lrRight

	{

		display:flex;

		align-items:center;

	

	}

	.shortcodeComp.leftRightBoxes .lrRight .lrBoxCont

{

	padding:0 0 0 0;

}

	.shortcodeComp.leftRightBoxes .lrRight .lrRightInner

{

	padding:60px 0 60px 30px;

	max-width:550px;

}

		.shortcodeComp.leftRightBoxes .reversed .lrRight

	{

		display:flex;

		justify-content:flex-end;

	}

	.shortcodeComp.leftRightBoxes .reversed .lrRight .lrRightInner

	{

		padding:60px 30px 60px 0;

		/*text-align:right;*/

		

	}

	.shortcodeComp.imageGrid

{



	padding:40px 0 40px 0;

}

	.shortcodeComp.imageGrid .gridItemLarge

	{

		padding:8px;

	}

	.shortcodeComp.imageGrid .gridItem

	{

		padding:8px;

	}

.shortcodeComp.imageGrid .cols-2 .gridItem

	{

		flex:0 0 50%;

		

	}

.shortcodeComp.imageGrid .cols-3 .gridItem

	{

	flex:0 0 33.333%;

	

	}

.shortcodeComp.imageGrid .cols-4 .gridItem

{

flex:0 0 25%;



}

	.shortcodeComp.twoColBox .twoColBoxInner .lfCol,

.shortcodeComp.twoColBox .twoColBoxInner .rgCol

{

flex:1 0 50%;	

}

	.shortcodeComp.twoColBox .twoColBoxInner 

{



	padding:90px 60px;

}

	.shortcodeComp.twoColBox .twoColBoxInner .rgCol

	{

		padding-bottom:0;

	}

	.shortcodeComp.twoColBox .twoColBoxInner h2

	{

		font-size:34px;

	}

	

	.cols-2 .columnBoxEntry

	{

	flex:0 0 50%;	

	}

.cols-3 .columnBoxEntry

	{

	flex:0 0 50%;	

	}

.cols-4 .columnBoxEntry

{

flex:1 0 50%;

}

	/* end shortcode comp classes */

}



@media(min-width:992px)

{

	.wellnessHome

	{

		padding: 100px 0 100px 0;

	}

	.homeEventsCelebrate .leftCelebrate

	{

		flex:1 0 50%;

	}

.homeEventsCelebrate .rightCelebrate 

	{

		flex:1 0 50%;

	}

		.swimLeftInner h2,

	.rightCelebrate .rightCellebrateContent h2

{

	font-size:70px;

	padding-bottom:25px;

	}

	.homeEventsCelebrate .rightCelebrate .rightCellebrateContent 

	{

		padding-left:100px;

	}

	.swimFeature .swimLeft .swimLeftInner

	{

		padding-left:60px;

	}

	.homeWelcome

{



	padding:80px 0;

}

nav .navWrap

	{

		min-width:900px;

	}

	.suitesDisplay .suiteColumns .right

	{

		padding:0;

	}

	.suitesDisplay .suiteColumns .right a

	{

		padding:0;

		    top: 0;

    position:absolute;

    right: 0;

    bottom: 0;

    left: 0;





	}

	.suitesDisplay 

{

	padding:80px 0;



}

	.suitesDisplay .suiteColumns .left .suiteDisplayContent

{

	padding: 80px 50px 80px 20px;

}

		.wellnessHome .wellnessBig

	{

		font-size:190px;

		left:-28px;
		max-width:600px;

	}

		.diningSocialElem .diningContent

{

	padding:40px 80px 40px 0;



}

		.diningSocialElem.reverse .diningContent

{

	padding:40px 0 40px 80px;



}	

	.diningSocialHome

	{

		position:relative;

		overflow:hidden;

	}

	.mastikDrop-1

	{

		display:block;

		position:absolute;

		right:-100px;

		top:25%;

		z-index:1;

		pointer-events:none;

		opacity:0.8;

		

	}

.mastikDrop-2

{

	display:block;

	position:absolute;

	left:-100px;

	bottom:25%;

	z-index:1;

	pointer-events:none;

	opacity:0.8;

}

.suitesDisplay .suiteColumns .right

{

	position:relative;

	min-height:600px;

	

}

	.suitesDisplay .suiteColumns .right .rightVisual

{

	background-size:cover;

	background-position:center;

	background-repeat:no-repeat;

	position:absolute;

	top:0;

	left:0;

	right:0;

	height:160%;

	bottom:auto;

}

	.suitesDisplay .suiteColumns .left

	{

		flex:1 0 34%;

	}

	.suitesDisplay .suiteColumns .right

	{

		flex:1 0 66%;

	}

	.suitesDisplay .suiteColumns .left

{

	display:flex;

	align-items:Center;

}



	.suitesDisplay .suiteColumns .right

	{

			padding-bottom:40%;

	}

	footer .footerInner .left,

footer .footerInner .center,

footer .footerInner .right

{

	flex:1 0 33.333%;

	padding-bottom:0;

}

	.homeLocationInner .left

	{

		flex:1 0 40%;

				padding-right:50px;

		display:flex;

		align-items:center;

		padding-bottom:0;

	}

.homeLocationInner .right

{

	flex:1 0 60%;

}



	

	

	

	.suiteCols .left

{

	flex:1 0 50%;

}

.suiteCols .right

{

	flex:1 0 50%;

		min-height:500px;

	display:block;

}



.suiteCols .left .mobVisual

{

	display:none;



}

	.suiteCols .right .visualWrapper

{

	position:absolute;

	top:0;

	left:0;

	right:0;

	bottom:0;

	overflow:hidden;

}

.suiteCols .right .visualWrapper 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;	

	transform:scale(1);

	transition:transform cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s;

}

	.suiteCols .right .visualWrapper img:hover

	{

		transform:scale(1.2);

	transition:transform cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s;	

	}

	.suiteCols  .leftData

	{

		padding-right:40px;

	}

	.suiteCols.reverse  .leftData

	{

		padding-right:0;

		padding-left:40px;

	}

		.suiteCols .leftData h2

	{

		font-size:50px;

	

	}

.suiteFeaturesServicesInner  .cols ul

	{

		columns:2;

	}

.weddingMessaging h2

	{

		font-size:90px;

	}

		.weddingMessaging h2 span.left

	{

		position:absolute;

		display:block;

		left:0;

		right:50%;

		top:30%;

		font-size:50px;

	}

	.weddingMessaging h2 span.right

	{

		position:absolute;

		display:block;

		left:50%;

		right:0;

		top:30%;

		font-size:50px;

	}

	.singleSuite .galleryWrap.isotope .grid-item

{

	width: 33.333%;

    float: left;

}

}









@media(min-width:1200px)

{

		.swimFeature .swimLeft .swimLeftInner

	{

		padding-left:130px;

		padding-right:130px;

	}

	.heroMessage .heroTitle

{

left:-32px;

	font-size:70px;



	

}

		.homeWelcome .headPart h1

{

font-size:70px;

	}

	.welcomeCols .left .leftVisual

	{

	max-height:750px;	

	}

		.suitesDisplay  .headPart h2

	{

	font-size: 70px;	

	}

		.wellnessHome .wellnessBig

	{

		font-size:300px;
max-width:940px;
	}

		.wellnessHome .headPart h2

	{

	font-size: 70px;	

	}

			.diningSocialHome  .headPart h2

	{

	font-size: 70px;	

	}

			.diningSocialElem .diningContent

{

	padding:40px 160px 40px 0;



}

		.diningSocialElem.reverse .diningContent

{

	padding:40px 0 40px 160px;



}	

	

	.homeExperiences  .headPart h2

{



    

	font-size: 70px;

}

		.suitesDisplay .suiteColumns .left .suiteDisplayContent h2

	{

		font-size:70px;

	}

	.homeLocationInner .left h2 {

    font-size: 70px;

}

	

		.suiteCols .left

{

	flex:1 0 40%;

}

.suiteCols .right

{

	flex:1 0 60%;

	height:80vh;

}

.suiteFeaturesServicesInner  .cols ul

	{

		columns:3;

	}

	.weddingMessaging h2 span.left,

	.weddingMessaging h2 span.right

	{

		font-size:70px;

	}

	.weddingMessaging h2

	{

		font-size:170px;

	}

	.suiteFeaturesServicesInner .headPart h2

	{

		font-size:70px;

	}

		.roomGallery .headPart h2

{

	font-size: 70px;

	}

}

@media(min-width:1340px)

{

	.suitesDisplay .suiteColumns .left

	{

		flex:1 0 30%;

	}

	.suitesDisplay .suiteColumns .right

	{

		flex:1 0 70%;

	}

}