@charset "utf-8";
/* CSS Document */


html,body
{
margin:0;
padding:0;
font-family: 'Roboto', sans-serif;
font-size:16px;
	
}
*
{
box-sizing:border-box;	
}
header
{
position:absolute;
top:0;
left:0;
right:0;
width:100%;
z-index:200;	
}
header .topBarFlx
{
display:flex;

}
header .isVis .topBarFlx
{

background-color:rgba(150,145,141,0.8);
min-height:85px;	
}
header .topBar
{
width:100%;	
transition:top ease-out 0.7s;
top:-80px;
}
header .topBar.isVis
{
position:fixed;
transition:top ease-out 0.7s;
right:0;
top:0;
left:0;
width:100%;

	
}
header .isVis .topLeft
{
padding-top:22px;	
}
header .isVis .topRight,
header .isVis .topMiddle
{
padding-top:15px;	
}
header .navJumps
{
display:none;	
}
header .topBar .topMiddle img.white
{
display:none;	
}
header .topBar .topMiddle img.colored
{
display:inline-block;	
}
header .topBar.isVis .topMiddle img.white
{
display:inline-block;	
}
header .topBar.isVis .topMiddle img.colored
{
display:none;	
}
header .topBar.isVis .topMiddle img
{
width:175px;
transition:width ease-out 0.3s;	
}
header .topBar.isVis .topMiddle
{
top:0;
padding-top:10px;	
}
header::before
{
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
height:230px;
width:100%;
left:0;
top:0;
display:block;
content:" ";
position:absolute;
z-index:0;		
}
.topLeft
{
flex:1 0 50%;
position:relative;
z-index:1;	
padding:30px 0 0 20px;
display:none;
}

.topLeft .socials a
{
display:inline-block;
width:33px;
height:33px;
margin-right:15px;	
}
.topRight
{
flex:1 0 50%;
text-align:right;
position:relative;
z-index:1;
padding:30px 20px 0 0;		
}
.topRight a
{
font-family: 'Noto Serif Display', serif;
display:inline-block;
padding:12px 19px;
background-color:rgba(255,255,255,0.2);
text-decoration:none;
color:#fff;
border:1px solid #fff;
font-weight:bold;
letter-spacing:0.1em;
font-size:18px;
transition:background-color cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.4s, color cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.4s, padding cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.4s;	
}
.isVis .topRight a
{
background-color:rgba(255,255,255,0);	
}
.topRight a:hover
{
background-color:#fff;
color:#333;
transition:background-color cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.4s, color cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.4s, padding cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.4s;
padding:12px 26px;	
}
.topMiddle
{
flex:1;	
position:relative;
z-index:3;
padding-top:20px;
padding-left:30px;	
}
.topMiddle img
{
width:180px;
height:auto;
display:inline-block;	
}
.homeHero
{
height:100vh;
position:relative;
width:100%;
min-height:668px;
overflow:hidden;	
}
.heroVisual
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;	
}
.heroVisual .visualBlock
{

background-image:url(../img/landing-hero-desktop-small-1200px-march.jpg);
height:133%;
position:absolute;
left:0;
right:0;
width:100%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;


}
.homeHero .heroMessaging
{
position:absolute;
bottom:30px;
width:100%;
z-index:6;	
}
.homeHero .heroMessaging .heroMessagingInner
{
	text-align:center;

}

.homeHero .heroMessaging .heroMessagingInner .massTitle
{

color:#fff;
font-size:50px;
font-weight:400;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.41);
font-family: 'Noto Serif Display', serif;	
}
.homeHero .heroMessaging .heroMessagingInner .minTitle
{
font-weight:100;
color:#fff;
font-size:30px;	
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.41);
}

.centerWrap
{
overflow:hidden;
	
}
.centerWrap .parallaxBlob
{
position:relative;	
}
.centerWrap .parallaxBlob .oliveParallaxObject
{
position:absolute;
left:0;
top:0;
height:100%;
opacity:0;	
}
.introRow
{
padding:160px 0 0 0;

position:relative;	
}
.introRow::before
{
display:block;
content:" ";
position:absolute;
width:1px;
height:0;
border-left:1px solid #c6c3be;
left:50%;
top:0;
transition:height cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.4s; 	
}
.introRow.animate.is-active::before
{
height:130px;
transition:height cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s; 		
}
.introRow .introRowInner
{
	padding:0 30px;
	text-align:Center;
}

.introRow .introRowInner .introMini
{
letter-spacing: 0.1em;
    color: #e5e1da;
    font-weight: 400;
    font-size: 19px;
	
}
.introRow .introRowInner .introMax h1
{
padding-top:20px;
font-family: 'Noto Serif Display', serif;
letter-spacing:-0.03em;
font-size:60px;
color:#9c988d;
font-weight:300;
margin:0;
padding:10px 0 0 0;
}
.welcomeFlx
{
display:flex;
flex-wrap:wrap;
padding-top:60px;
align-items:Center;	
}
.welcomeFlx .welcomeLeft
{
flex:1 0 100%;

position:relative;
min-height:400px;
overflow:hidden;	
}
.welcomeFlx .welcomeRight
{
flex:1 0 100%;	
}
.welcomeFlx .welcomeRight .welcomeRightInner
{
background-color:rgba(255,255,255,0.9);
padding:40px;

}
.welcomeFlx .welcomeRight .welcomeRightInner p
{
line-height:190%;
font-weight:400;
color:#333;	
}
.welcomeFlx .welcomeLeft .welcomeVisual
{
position:absolute;
top:0;
left:0;
height:130%;
width:100%;
bottom:0;

background-image:url(../img/welcome-visual-desktop-1200.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;	
}

.homevillas
{
padding:60px 0 30px 0;	
}
.homevillas .homeVillasHeader
{
max-width:1600px;
margin:0 auto;	
text-align:Center;
}
.homevillas .homeVillasHeader .homeVillasHeaderFlx
{
padding:0 30px 60px 30px;
	
}
.hVLeft h2
{

    font-size: 60px;
font-family: 'Noto Serif Display', serif;
    color: #9c988d;
    font-weight: 100;
    margin: 0;
    padding: 20px 0 0 0;
	letter-spacing:-0.03em;

}
.hVLeft .sub
{
color:#afada9;
font-weight:300;
font-size:18px;	

}
.villaContain
{
position:relative;
padding-bottom:40px;
}
.villaContain::before
{
position:absolute;
left:0;
top:0;
right:0;
bottom:100%;
content:" ";
display:block;
background-color:#f9f9f9;
opacity:0;

}
.villaContain.is-active::before
{
bottom:0;
opacity:1;
transition:bottom cubic-bezier(0.25, 0.41, 0.32, 0.95) 2s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;
}
.villaSlider
{
position:relative;
z-index:1;
max-width:1600px;
margin:0 auto;		
}
.villaEntryFlx
{
display:flex;
flex-wrap:wrap;	
}
.villaEntryFlx .vFlxLeft
{
flex:1 0 100%;
	
}
.villaEntryFlx .vFlxRight
{
flex:1 0 100%;
display:none;	
}
.villaData
{
padding:40px 30px 20px 30px;
color:#3f484c;
position:relative;


}

.villaData h2
{
font-family: 'Noto Serif Display', serif;
font-size:40px;
margin:0;
padding:0;
font-weight:300;
padding-bottom:3px;
line-height:120%;
color:#3f484c;
}
.villaData .nSub
{
font-weight: 400;
    color: #949494;
    padding-bottom: 7px;
    font-size: 15px;
    line-height: 140%;
	
}
.villaMobImg
{
padding-top:10px;	
}
.villaData .descriptor
{
padding-bottom:15px;	
}
.villaData .descriptor sup { vertical-align: top; position: relative; top: -0.5em;font-size:0.6em; }

.villaData .descriptor p
{
line-height:170%;	
}
.villaData::before
{
/*width:110px;
left:0;
top:-30px;
border-top:1px solid #3f484c;
content:" ";
display:block;
position:absolute;	
*/
}

.villaSnap img.resp
{
	max-width:100%;
	height:auto;
	display:block;
}
/*.slick-slide .villaSnap img
{
filter:brightness(1.2);
transition:filter ease-out 0.5s;	
transition-delay:0.8s;
}
.slick-slide.slick-active .villaSnap img
{
filter:brightness(1);
transition:filter ease-out 0.5s;
transition-delay:0.8s;	
}*/
.villaSnap

{

position:relative;	
}

.villaSnap .amens
{
padding:12px;
background-color:#3f484c;
text-align:Center;
}
.villaSnap .amens .amen
{
display:inline-block;
vertical-align:top;
margin: 0 5px;
min-width:80px;
padding-bottom: 10px;	
}

.villaSnap .amens .amen img
{
max-width:40px;
height:auto;
display:block;
margin:0 auto;	
}
.villaSnap .amens .amen  .label
{
padding-top:12px;
color:#fff;
font-size:14px;
text-align:center;
max-width:110px;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.64);	
}
.villaSliderNav
{
position:relative;
z-index:2;
display:flex;
justify-content:flex-end;
max-width:1600px;
margin:0 auto;
}
.villaSliderNavInner
{
	flex:0 0 100%;
	display:flex;
margin-top:26px;
padding:0 30px;
}
.villaSliderNav .prv
{
flex:1 0 33.333%;	
}
.villaSliderNav .cnt
{
flex:1 0 33.333%;
text-align:center;	
font-size:40px;
color:#3f484c;

margin-top:-15px;
font-weight:400;
}
.villaSliderNav .nxt
{
flex:1 0 33.333%;
text-align:right;	
}
.villaSliderNav .prv a
{
display:inline-block;
width:100px;
height:28px;
background:url(../img/villa-slider-prev.svg) center no-repeat;
transition:width cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.5s;
}
.villaSliderNav .prv a:hover
{
transition:width cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.5s;
width:125px;	
}
.villaSliderNav .nxt a
{
display:inline-block;
width:100px;
height:28px;
transition:width cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.5s;
background:url(../img/villa-slider-next.svg) center no-repeat;	
}
.villaSliderNav .nxt a:hover
{
width:125px;
transition:width cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.5s;	
}
.suiteDetail
{
padding-bottom:15px;	
}
.suiteDetail a
{
	    display: inline-block;
    padding: 15px 20px 15px 20px;
    background-color: #939395;
    text-decoration: none;
    color: #fff;
font-family: 'Noto Serif Display', serif;
    font-size: 20px;
	transition:background-color ease-out 0.4s;	
}
.suiteDetail a:hover
{
	transition:background-color ease-out 0.4s;
 background-color: #3f484c;	
}
.bookVillaButton a
{
	    display: inline-block;
    padding: 15px 16px 15px 32px;
    background-color: #3f484c;
    text-decoration: none;
    color: #fff;
font-family: 'Noto Serif Display', serif;
    font-size: 20px;
	transition:padding ease-out 0.4s;	
}
.bookVillaButton a span.bookArrow
{
display:inline-block;
width:0;
height:17px;
margin-left:18px;
background:url(../img/book-arrow-icon-0.svg) center right no-repeat;
transition:width cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.5s, margin-left cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.5s;
}
.bookVillaButton a:hover span.bookArrow
{
margin-left:18px;
width:56px;
transition:width cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.5s, margin-left cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.5s;	
}


.homeAmenitiesInner
{
max-width:1600px;
margin:0 auto;	
}
.homeAmenitiesHeader
{
padding: 0 30px 30px 30px;
}
.homeAmenitiesHeader .sub
{
padding-left:0;	
}
.homeAmenitiesHeader h2
{
    
    font-size: 90px;
    color: #9c988d;
    font-weight: normal;
    margin: 0;
    padding: 20px 0 0 0;
    letter-spacing: -0.03em;	
}
.amenityRight
{
display:none;	
}
.amenitiesFlx
{
display:flex;
flex-wrap:wrap;
padding:50px 0 20px 0;

}
.amenitiesFlx .amenityLeft{
display:flex;
flex:1 0 100%;
justify-content:center;	
flex-wrap:wrap;	
}
.amenitiesFlx .amenitiy
{
flex:1 0 20%;
padding-bottom:50px;	
}
.amenitiesFlx .amenitiy .amenityIcon
{
text-align:Center;	
}
.amenitiesFlx .amenitiy .amenityIcon div
{

width:60px;
height:60px;
display:inline-block;	
}
.amenitiesFlx .amenitiy .amenityLabel
{
padding:15px 15px 0 15px;
font-size:15px;
text-align:center;
color:#333;	
}
.homeExperience
{
max-width:1600px;
margin:0 auto;
padding:60px 0 50px 0;	
}
.homeExperience .experienceInner
{
padding:0 20px;	
}
.homeExperience .experienceHeader
{
text-align:center;	
}
.homeExperience .experienceHeader h2
{
font-family: 'Noto Serif Display', serif;
    font-size: 60px;
    color: #9c988d;
    font-weight: 300;
    margin: 0;
    padding: 20px 0 0 0;
	letter-spacing:-0.03em;	
}
.homeExperience .experienceHeader .sub
{
padding-left: 10px;
    color: #afada9;
    font-weight: 300;
    font-size: 18px;	
}
.homeExperience .homeExperienceFlx
{
display:flex;
flex-wrap:wrap;
padding-top:60px;
margin:0 -10px;	
}
.homeExperience .homeExperienceFlx .experienceBox
{
flex:1 0 100%;	
padding-bottom:40px;
}
.homeExperience .homeExperienceFlx .experienceBox .experienceBoxInner
{
padding:0 15px;	
}
.homeExperience .homeExperienceFlx .experienceBox .experienceVisual
{
min-height:450px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
position:relative;


}

.homeExperience .homeExperienceFlx .experienceBox .experienceVisual .visualLabel
{
font-family: 'Noto Serif Display', serif;
position:absolute;
bottom:10px;
left:10px;
color:#fff;	
font-weight:400;
font-size:40px;
text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.56);
}
.experienceData
{
padding-top:45px;	
}
.experienceData .expTitle
{
color:#3f484c;
font-weight:500;
font-size:18px;	
}
.experienceData .expData p
{
line-height:170%;
font-weight:400;
margin:0;
padding:15px 0 0 0;
color:#333;	
}
.homeGallery
{
padding:50px 0;	
}
.homeGalleryInner
{
max-width:1600px;
margin:0 auto;

}
.homeGalleryHeader
{
padding:0 25px 30px 25px;	
}
.homeGalleryHeader h2
{
    font-family: 'Noto Serif Display', serif;
    font-size: 60px;
    color: #9c988d;
    font-weight: 300;
    margin: 0;
    padding: 20px 0 0 0;

}
.sub
{
padding-left:3px;
    color: #afada9;
    font-weight: 300;
    font-size: 18px;	
}
.galleryGridCols
{
display:flex;
flex-wrap:wrap;
padding:0 15px;
}
.galleryGridCols .leftCol,
.galleryGridCols .rightCol
{
flex:1 0 100%;	
}
.galleryGridCols .leftCol img,
.galleryGridCols .rightCol img
{
max-width:100%;
height:auto;
display:block;	
}
.imgBox
{
padding:15px;
overflow:hidden;
position:relative;	
}
.imgBox .zoom
{
display:none;	
width:0px;
height:0px;
position:absolute;
opacity:0;
border-radius:50%;
background-color:rgba(81,148,159,0.5);
top:50%;
left:50%;
transform:translate(-50%, -50%);
transition:width cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.4s,height cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.4s,opacity cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.4s;
}
.imgBox .zoom::before
{
position:absolute;
left:50%;
top:50%;
border-right:1px solid #fff;
height:0;
transform:translateY(-50%);	
content: " ";
display:block;	
transition:height cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.4s;	
pointer-events:none;
}
.imgBox .zoom::after
{
position:absolute;
left:50%;
top:50%;
border-bottom:1px solid #fff;
width:0;
height:0;
transition:width cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.4s;	
content: " ";
display:block;
transform:translateX(-50%);	
pointer-events:none;
}
.imgBox a:hover .zoom::before
{
height:30px;

transition:height cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.4s;
transition-delay:0.3s;	
}
.imgBox a:hover .zoom::after
{
width:30px;	
transition:width cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.4s;
transition-delay:0.4s;	
}
.imgBox a:hover .zoom
{
width:90px;
height:90px;
opacity:1;
transition:width cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.4s,height cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.4s,opacity cubic-bezier( 0.14, 0.97, 0.31, 0.98 ) 0.4s;	
}
.imgBox a::after
{
	
	height:100%;
	display:block;
	content:" ";
	position:absolute;
	top:0;
	width:100%;
	left:0;
	bottom:0;
	background-color:#fff;
	opacity:1;
	transition:opacity cubic-bezier( 0.14, 0.97, 0.31, 0.98 )  2s,height cubic-bezier( 0.14, 0.97, 0.31, 0.98 )  2s;
}
.imgBox.is-active a::after
{
	opacity:1;
	height:0;
	transition:opacity cubic-bezier( 0.14, 0.97, 0.31, 0.98 )  2s,height cubic-bezier( 0.14, 0.97, 0.31, 0.98 )  2s;
}
.imgBox a
{
display:block;
overflow:hidden;
position:relative;}
.imgBox a img
{

transform:scale(1,1);
transition:transform ease-out 0.5s;	
}
.imgBox a:hover img
{
transform:scale(1.05,1.05);
transition:transform ease-out 1.5s;		
}
.imgBox img
{
display:block;
max-width:100%;
height:auto;	
}

.homeCTA
{
background-color:#fbf6f1;
padding:50px 0;	
}
.homeCTAInner
{
padding:0 30px;	
}
.homeCTAInner .homeCTAFlx
{
max-width:1500px;
margin:0 auto;
display:flex;
flex-wrap:wrap;	
align-items:center;
}
.homeCTAInner .homeCTAFlx .homeCtaLeft
{
	flex:1 0 50%;
	text-align:right;
}
.homeCtaLeft .ctaDat
{
display:inline-block;
text-align:left;
padding-right:30px;	
}
.homeCTAInner .homeCTAFlx .homeCtaLeft p
{
margin:0;
padding:12px 0 0 0;
color:#3f484c;
font-weight:#00;
font-size:20px;	
}
.homeCTAInner .homeCTAFlx .homeCtaRight

{
flex:1 0 50%;	
}
.homeCTAInner .homeCTAFlx .homeCtaRight .ctaDatLink
{
padding-left:30px;	
}
.homeCtaLeft h2
{
    
    font-size: 50px;
    color: #3f484c;
    font-weight: normal;
    margin: 0;
    padding: 20px 0 0 0;	
}
.homeCTAInner .homeCTAFlx .homeCtaRight .ctaDatLink a
{
background-color:#7e7871;
padding:30px 100px;	
font-weight:400;
letter-spacing:0.3em;
color:#fff;
font-size:22px;
text-decoration:none;
}
.footerWrap
{
/*background-color:#51949f;*/
background-color:#fbf6f1;	
}
.footerInner
{
max-width:1600px;
margin:0 auto;
padding:30px 0;	
}
.footerInner .footerFlx
{
display:flex;
padding:0 30px;
flex-wrap:wrap;	
color:#424242;
}
.footerInner .footerFlx .footerLeft
{
padding-bottom:30px;
	border-bottom:1px solid #d5d5d5;
	margin-bottom:30px;	
	flex:1 0 100%;
	text-align:Center;
	font-size:14px;		
}
.footerInner .footerFlx .footerLeft p
{
margin:0;
padding:0 0 5px 0;	
}
.footerInner .footerFlx .footerLeft a
{
color:#424242;	
}
.footerInner .footerFlx .footerLeft .socialFoot
{
text-align:Center;
padding-top:15px;	
}
.footerInner .footerFlx .footerLeft .socialFoot a
{
display:inline-block;
width:32px;
height:32px;	
}

.footerInner .footerFlx .footerRight
{
	flex:1 0 100%;
	text-align:Center;
	font-size:14px;
}
.footerInner .footerFlx .footerRight a.mail
{
display:inline-block;

background:url(../img/mail-icon-dark.svg) center left no-repeat;
color:#424242;
padding:7px 0 7px 40px;
text-decoration:none;
font-size:15px;
}
.footerInner .footerFlx .footerRight .footBook
{
padding-top:20px;	
}
.footerInner .footerFlx .footerRight .footBook a
{
    font-family: 'Noto Serif Display', serif;
display: inline-block;
    min-width: 220px;
    border: 1px solid #939393;
    text-align: Center;
    padding: 18px 14px;
    color: #333;
    text-decoration: none;
    font-size: 16px;

font-weight:bold;
	letter-spacing:0.1em;	
}
.footerInner .footerFlx .footerMiddle
{
	flex:1 0 100%;
	text-align:Center;
		padding-bottom:30px;
	border-bottom:1px solid #d5d5d5;
	margin-bottom:30px;			

}

.footerInner .footerFlx .footerMiddle img
{
display:inline-block;
max-width:220px;
height:auto;	
}


.homeLocation
{
padding: 50px 0;	
}
.homeLocationInner
{
max-width: 1600px;
    margin: 0 auto;	
}
.locationHeader
{
    padding: 0 25px 30px 25px;
	
}
.locationHeader h2
{
font-family: 'Noto Serif Display', serif;
    font-size: 60px;
    color: #9c988d;
    font-weight: 300;
    margin: 0;
    padding: 20px 0 0 0;
    text-align:center;
}	
.locationHeader .sub
{
padding-left:5px;
text-align:center;	
}
.locationMapElem
{
padding:30px 30px 0 30px;
position:relative;	
}

.homeLocationData .homeLocationDataInner
{
padding:60px 40px 45px 40px;	
}
.homeLocationData .homeLocationDataInner p
{
    line-height: 170%;
    font-weight: 400;
    margin: 0;
    padding: 0 0 15px 0;
	    color: #333;	
}

.locationVisualParallax
{
min-height:650px;
position:relative;
overflow:hidden;

}
.locationVisualParallax a
{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
display:block;
z-index:10;	
}
.homeLocationData
{

background-color:rgba(239,235,231,0.4);
}
.locationParallaxObject
{
height:130%;
position:absolute;
top:0;
left:0;
width:100%;
background-image:url(../img/kastro-map-mobile.jpg);
background-position:center;
background-size:cover;
background-repeat:no-repeat;	
}
/* animation classes */


.animate.fromLeft, .animate.fromRight, .animate.fromBottom, .animate.fromTop {
	opacity: 0;
	
	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;
}
.animate.fromLeft.is-active, .animate.fromTop.is-active, .animate.fromBottom.is-active, .animate.fromRight.is-active {
	opacity: 1;

	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;
}
.animate.fadeInLong {
	opacity: 0;
	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 4s;
}
.animate.fadeInLong.is-active {
	opacity: 1;
	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 4s;
}
.animate.fadeIn {
	opacity: 0;
	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;
}
.animate.fadeIn.is-active {
	opacity: 1;
	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;
}

/* reveal helper */
.revealRelPos
{
overflow:hidden;
position:relative;	
}
/* end reveal helper */
.animate.revealUp {
	transform: translateY(100%);
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;
}
.animate.is-active.revealUp {
	transform: translateY(0);
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.revealDown {
	transform: translateY(-100%);
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.is-active.revealDown {
	transform: translateY(0);
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.is-active.delay-0-8 {
	transition-delay: 0.8s!important;
}
.is-active.delay-0-6 {
	transition-delay: 0.6s!important;
}
.is-active.delay-0-4 {
	transition-delay: 0.4s!important;
}
.is-active.delay-0-3 {
	transition-delay: 0.3s!important;
}
.is-active.delay-0-2 {
	transition-delay: 0.2s!important;
}


/* end animation classes */

.homeVideo
{
	max-width:1600px;
margin:0 auto;
padding:30px;
}
.homeVideo #homevid
{
	
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

footer .supported
{

text-align:center;
padding:20px 0;   
    font-size: 15px;
	 color: #cbcbcb;	
}
footer .supported a
{

     color: #cbcbcb;
    text-decoration: none;	
}
@media(min-width:768px)
{
	.footerInner .footerFlx .footerLeft p
	{
	padding-left:7px;	
	}
	.footerInner .footerFlx .footerLeft .socialFoot
	{
	text-align:left;	
	}
	header .navJumps
{
display:block;
position:absolute;
width:100%;
top:180px;
left:50%;
transform:translateX(-50%);
text-align:Center;	
}
header .navJumps a
{

font-weight:300;
display:inline-block;
padding:5px 15px;
color:#fff;
font-size:20px;
text-decoration:none;
text-shadow: 0px 0px 10px rgb(0,0,0,0.9);	
}
header .isVis .navJumps
{
display:none;	
}

	.topMiddle
	{
	position:absolute;
top:20px;
padding:0;
left:50%;
transform:translateX(-50%);

z-index:1;
	}
	.footerInner .footerFlx .footerLeft
	{
	flex:1;
	text-align:left;
	border:none;
	padding:0;
	margin:0;	
	
	}
	.footerInner .footerFlx .footerMiddle
	{
	flex:0 0 100px;
	border:none;
	padding:0;
	margin:0;	
	text-align:center;

	}
.footerInner .footerFlx .footerRight
{
flex:1;
text-align:right;	
}
.footerInner .footerFlx .footerRight
{
text-align:right;	
}
.heroVisual .visualBlock
{
background-image:url(../img/landing-hero-desktop-small-1200px-march.jpg);
}
.topLeft
{
display:block;	
}
.topRight
{
	
}
.topMiddle
{
	
}
.topMiddle img
{
width:300px;

}
.homeHero .heroMessaging
{

bottom:100px;
width:100%;

	
}
.homeHero .heroMessaging .heroMessagingInner
{
text-align:center;

position:relative;
}
.homeHero .heroMessaging .heroMessagingInner::before
{
display:block;
width:1px;
border-left:1px solid #fff;
content:" ";
position:absolute;
top:110%;
left:50%;
height:0;
opacity:0;
}
.homeHero .heroMessaging.is-active .heroMessagingInner::before{
	opacity:1;
		transition: height cubic-bezier(0.25, 0.41, 0.32, 0.95) 2s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 2s;
		transition-delay:0.6s;
height:400px;		
}

.homeHero .heroMessaging .heroMessagingInner .massTitle
{

font-size:70px;
font-weight:300;
	
}
.homeHero .heroMessaging .heroMessagingInner .minTitle
{

font-size:26px;	

}
.welcomeFlx .welcomeLeft
{
min-height:600px;	
}

.homevillas
{
padding:120px 0 20px 0;	
}
.villaData
{
padding-top:20px;	
}
.homeGallery
{
padding-bottom:90px;	
}
.homeGalleryHeader h2,
.introRow .introRowInner .introMax h1,
.homeExperience .experienceHeader h2,
.homeLocation .locationHeader h2
{

    font-size: 90px;
}
.homeLocation .locationHeader h2,
.locationHeader .sub
{

}
.vFlxRight 
{
position:relative;	
}
.vFlxRight .mag
{
position:absolute;
top:15px;
right:15px;
width:60px;
height:60px;
z-index:3;
background:rgba(0,0,0,0.6);	
}
.villaSnap .amens
{
position:absolute;
bottom:20px;
left:20px;
background:none;	
}
.villaSnap::before
{
position:absolute;
bottom:0;
left:0;
width:100%;
height:140px;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
display:block;
content:" ";	
}
.villaSnap .amens .amen
{
margin:0 10px;	
}
.villaSnap .amens .amen img
{
max-width:60px;	
}
.homeExperience .homeExperienceFlx .experienceBox .experienceVisual .visualLabel
{
font-size:65px;

}
.locationVisualParallax
{
min-height:650px;
position:relative;
overflow:hidden;
margin-left:270px;	
}
.homeLocationData
{
position:absolute;
width:400px;
top:50%;
transform:translateY(-50%);
z-index:2;
left:30px;
background-color:rgba(239,235,231,0.4);	
}
.locationParallaxObject
{
height:130%;
position:absolute;
top:0;
left:0;
width:100%;
background-image:url(../img/kastro-map.jpg);
background-position:center;
background-size:cover;
background-repeat:no-repeat;	
}
/* animation classes */

.animate.fromLeft {
	transform: translateX(-80px);
  opacity: 0;
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fromLeft.is-active {
	transform: translateX(0);
	opacity: 1;
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fromRight {
	transform: translateX(80px);
	opacity: 0;
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fromRight.is-active {
	transform: translateX(0);
	opacity: 1;
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fromBottom {
	transform: translateY(80px);
	opacity: 0;
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fromBottom.is-active {
	transform: translateY(0);
	opacity: 1;
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fromTop {
	transform: translateY(-80px);
	opacity: 0;
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fromTop.is-active {
	transform: translateY(0);
	opacity: 1;
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fadeInLong {
	opacity: 0;
	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 3s;
}
.animate.fadeInLong.is-active {
	opacity: 1;
	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 3s;
}
.animate.fadeIn {
	opacity: 0;
	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.fadeIn.is-active {
	opacity: 1;
	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.revealUp {
	transform: translateY(100%);
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.is-active.revealUp {
	transform: translateY(0);
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.revealDown {
	transform: translateY(-100%);
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.is-active.revealDown {
	transform: translateY(0);
	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;
}
.animate.beforeToLeft::before
{
display:block;
left:0;
top:0;
bottom:0;
width:100%;
content:" ";
background-color:#fff;
position:absolute;
s-index:5;
transition: width cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s,opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;	
}
.animate.is-active.beforeToLeft::before
{
opacity:1;
width:0;
transition: width cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s,opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;	
}
.animate.beforeToRight::before
{
display:block;
right:0;
top:0;
bottom:0;
width:100%;
content:" ";
background-color:#fff;
position:absolute;
s-index:5;
transition: width cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s,opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;	
}
.animate.is-active.beforeToRight::before
{
opacity:1;
width:0;
transition: width cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s,opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;	
}

.is-active.delay-0-8 {
	transition-delay: 0.8s!important;
}
.is-active.delay-0-4 {
	transition-delay: 0.4s!important;
}
/* end animation classes */




}
@media(min-width:992px)
{
	.villaSnap .amens .amen
	{
	padding-bottom:0;	
	}
	.villaSliderNav .cnt
	{
	font-weight:100;
	font-size:60px;	
	}
	.villaData .descriptor p
	{
	font-size:15px;
	line-height:160%;
		
	}
.homeHero .heroMessaging
{

bottom:130px;	
}
.heroVisual .visualBlock
{
background-image:url(../img/landing-hero-desktop-2200px-march.jpg);
}
.welcomeFlx .welcomeLeft
{

}
.welcomeFlx .welcomeLeft
{
flex:1 0 70%;
min-height:700px;	
}
.welcomeFlx .welcomeRight .welcomeRightInner
{

margin-left:-120px;	
}
.welcomeFlx .welcomeRight
{
flex:1 0 30%;	
}
.villaSliderNavInner
{
	flex:0 0 65%;
margin-top:-60px;
padding:0;
}
.villaData
{
padding:20px 40px 20px 30px;
}
.vFlxRight
{
display:block;	
}
.villaMobImg
{
display:none;	
}
.villaSnap
{
	display:block;
transform:translateY(-100px);
}

.villaData
{

opacity:0;

transition:opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.5s;

}
.slick-active .villaData{
	opacity:1;
transition:opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.7s,;
transition-delay:0.8s;
		
}


.villaEntryFlx .vFlxLeft
{
flex:1 0 35%;
display:flex;
align-items:center;	
}
.villaEntryFlx .vFlxRight
{
flex:1 0 65%;
display:block;	
}
.hVLeft h2
{
font-size:90px;	
}
.homeExperience .homeExperienceFlx .experienceBox
{
flex:1 0 33.333%;
padding-bottom:0;	
}
.galleryGridCols .leftCol,
.galleryGridCols .rightCol
{
flex:1 0 50%;	
}
.homeGalleryHeader h2,
.introRow .introRowInner .introMax h1,
.homeExperience .experienceHeader h2,
.homeLocation .locationHeader h2
{
font-weight:100;

}
.locationParallaxObject
{

background-image:url(../img/kastro-map.jpg);
}
@media(min-width:1200px)
{
.homeHero .heroMessaging .heroMessagingInner .massTitle
{

font-size:80px;
font-weight:100;
	
}
.homeHero .heroMessaging .heroMessagingInner .minTitle
{

font-size:40px;	

}
.villaContain::before
{
top:100px;	
}
.villaData h2
{
font-size:45px;
line-height:130%;
font-weight:100;	
}
}