/**		Styles for "Screen" Media
*		File: styles.css
*		Client: nanuku.com
*		Author: Charlie Carter lll
* --------------------------------------------------------------
**/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.dave {
		position: relative;
		background:#fff2d6;
		border:4px solid #e0ae46;
		text-align: center;
		padding: 35px 20px;
		box-sizing: border-box;
	}


/** Element/Global Styles (including Typography)
-------------------------- **/
html {
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   color:#666666;
   height: 100%;
   background: #bebebe;
}
   a { color:#1494cb; text-decoration: none; outline:none; cursor: pointer;}
      a img { border: 0; }
      a:hover, a:focus, a:active {
	      text-decoration: none;
	      outline: none;
      }
	  
	 

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
   div.title {
      line-height: 1.25em;
      font-weight:normal;
	  font-family: "LuxiaMedium";
   }
      h1, .content h1 { font-size: 2.2em; }
      h2, .content h2 { font-size: 1.8em; }
      h3, .content h3 { font-size: 1.4em; }
      h4, .content h4 {font-weight: bold; }
      h4, .content h4, div.title { font-size: 1.2em; text-transform: uppercase; }
      h5, .content h5 { font-size: 1.0em; }
      h6, .content h6 { font-size: 0.9em; }

h1, .content h1, h2, .content h2, h3, .content h3 {color:#1494cb;}

.clearafter:after { content: ""; display: block; height: 100%; clear: both; visibility: hidden; }

strong {font-weight: bold;}
em {font-style: italic;}

body {
	max-width: 1920px;
	margin: 0 auto;
	font-size: 17px;
	position: relative;
	box-shadow: 0 0 10px #7c7c7c;
	color: #000;
}
{font-family:'Avenir LT W01_85 Heavy1475544';}
{font-family:'Avenir LT W01_35 Light1475496';}
/*h1, h2, h3, h4, h5 {font-family:'Helvetica';}*/



#contact, #explore, .slider-inner-content .more, #launch-map h3, #bottom-footer, #main-nav, .third-sec h3, #explore .book-visit .lvl2 a, .box-info .small-title, .map-navi, #contact-section label, #contact-section form input, #contact-section form textarea, .chosen-container-single .chosen-single, .chosen-container .chosen-results li, .primary .lvl1 > a, #discover-section label, #main-nav .book-li, .map .location, .instagram-title , .real-estate-li a, .slider-bottom .download, ul.clean li.main, .contact-us a, .top-sec-col a, .footer-sec .locations, .bottom-sec{font-family:'Avenir LT W01_65 Medium1475532';}
#contact .sec span, .stay h2 span, .stay h4 span, .live h2 span, .blog-content .date, .blog-content .title, .back-to a, #article h2.entry-title, .single-post .entry-content h3, .slider-bottom, .contact #contact-us .contact-info .title, .navbar-nav  {font-family:'Avenir LT W01_85 Heavy1475544';}
.stay h2, .stay h4, .slide h3, #launch-map h3 span, .explore-menu a, .image-gallery h3, #contact-us {font-family:'Avenir LT W01_35 Light1475496';}
/*#explore .book-visit a, .button a, .header-text h1, #book-items .sec a, .load-more, .third-sec .social-sec, #explore .book-visit .lvl2 a span, #contact-section form .submit input, .see-nanuku .sec h3, .blog h1, .slider-title, .big-col h3, .listing-features .left-sec h3, #three-col-items .col .title, .big-col .button{font-family:'Helvetica';}*/

.box-info h3 {font-family: 'Helvetica'; font-style: italic;}



body, .main-content .container h3, .top-sec-col h3  {font-family: 'Playfair Display', serif;}
/* Header Styles */

.header-sec {
	max-width: 1920px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1000;
	top:0;

}

#available-properties .header-img {
	background: url(../images/header-new-lifestyle.jpg) no-repeat center center !important;
	background-size: cover;
	height: 400px;
}

.show-video {
	display: block;
	height: 100%;
}

/*
.header-sec {
	transition: all .3s ease-out;
	transition: margin-top .3s ease-out .2s;
}
*/

.home .header-container {
	position: relative;
}
.header-sec.change {
/* 	top:-40px; */
	position: fixed;
	opacity: 0;
	transition: all .01s ease-out;
}

	.interior .header-sec.change {
		position: fixed;
	}

.interior .header-sec {
	position: relative;
}

.header-sec .fixed-logo {
	display: none;
}
.header-sec.change .main-logo {
	display: none;
}

.header-sec.change .fixed-logo {
	display: block;
}

.header-sec.change .fixed-logo {
	padding: 5px;
}

.header-sec.fixed {
/* 	position: fixed; */
	background: rgba(255,255,255, .9);
	opacity: 1;
	animation: moveMenu .5s ease-out;
	-webkit-animation: moveMenu .5s ease-out;
}



@keyframes moveMenu {
 0% {
    top:-40px;
 }
 50% {
    top:10px;
 }
 100% {
    top:0;
 }

}

.social-media-icons li {
	display: inline-block;
	font-size: 28px;
}
	.social-media-icons li a {
		padding: 5px 4px;
		display: block;
	}

.mobile-icon, .navbar .last {
	display: none;
}
.navbar .no-border a {
	border: none;
}



.no-padding {
	padding:0;
}
.logo a {
	padding:10px 0 10px 40px;
	display: inline-block;
}
/*.logo {
	position: relative;
	z-index: 10000;
}*/
img {
	max-width: 100%;
}

.interior .header-container, .interior .header-sec{
	position: relative;
}
.header-img {
	width: 100%;
	position: relative;
}
.home .wrapper .header-img {
	height: auto;
	background: none;
}
	.header-img img {
		width: 100%;
	}
	.header-overlay {
		background:url(../images/header-overlay.png) no-repeat top left;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background-size: cover;
		top: 0;
		z-index: 100;
	}
		.header-overlay .main-title {
			color: #fff;
			position: absolute;
			left: 0;
			right: 0;
			top:50%;
			transform: translateY(-50%);
			text-align: center;
		}
			.header-overlay .main-title h1 {
				font-size: 150px;
				color: #fff;
				line-height: .6em;
			}
				.header-overlay .main-title h1 span {
					font-size: 35px;
					text-transform: uppercase;
					letter-spacing: 4px;
				}

				.down-arrow {
					padding-top: 100px;
				}
    .video-sec {
	    max-width: 1120px;
	    margin: 0 auto;
	    margin-top: -140px;
	    position: relative;
	    z-index: 999;
    }
    #video {
	    position: relative;
	    cursor: pointer;
    }
    	.video-sec iframe {
	    	width: 100%;
	    	height: 100%;
	    	position: relative;
	    	z-index: 1;
/*
	    	position: absolute;
	    	left: 0;
	    	right: 0;
	    	bottom: 0;
	    	top: 0;
	    	z-index: 13;
	    	opacity: 0;
*/
    	}
    	.video-sec .play-button {
	    	background: url(../images/main-vide-play.jpg) no-repeat center center;
	    	background-size: cover;
		    height: 100%;
		    position: absolute;
		    top: 0;
		    width: 100%;
		    z-index: 12;
    	}
		.video-sec .right-sec{
			font-size: 19px;
			text-transform: uppercase;
			position: absolute;
			right: 0;
			top:50%;
			transform: translateY(-10%);
			line-height: 1.4em;
		}

	.contact-us .contact-us-link a {
		background: #bbe0f0;
		color: #000;
		font-size: 12px;
		padding: 12px 15px;
		letter-spacing: 2px;
		display: inline-block;
		text-transform: uppercase;
	}


	.down-arrow a {
		display: block;
		height: 100%;
	}


    .main-content {
	    background: #f6f5f1;
	    text-align: center;
    }
    	.main-content .container {
	    	max-width: 780px;
	    	margin: 0 auto;
	    	line-height: 1.4em;
	    	padding: 80px 0;
	    	margin-top: -40px;
    	}
    		.main-content .container h3 {
	    		font-size: 30px;
	    		color: #000;
	    		padding-bottom: 30px;
    		}

.top-sec-col {
	max-width: 1420px;
	margin: 90px auto 0;
	text-transform: uppercase;
}

	.top-sec-col .left-sec {
		position: relative;
	}
	.top-sec-col .left-sec img, .top-sec-col .right-sec img {
		position: absolute;
		left: 0;
		top:50%;
		transform: translateY(-50%);
		max-width: 55%;
	}
	.top-sec-col .right-sec img {
		left: auto;
		right: 20px;
	}

		.left-sec .pull-right, .right-sec .pull-left {
			text-align: center;
			padding:45px 0;
		}
 			.top-sec-col h3 {
	 			font-size: 18px;
	 			color: #000;
	 			letter-spacing: 2px;
 			}
 				.top-sec-col a {
	 				color: #fff;
	 				background: #e0ae46;
	 				padding: 18px;
	 				margin-top: 15px;
	 				display: inline-block;
	 				font-size: 10px;
	 				letter-spacing: 2px;
 				}

 	.mid-sec {
	 	padding-top: 50px;
 	}


 .footer-sec .mid-sec {
	 max-width: 1270px;
	 margin: 0 auto;
	 width: 96%;
	 line-height: 1.4em;
 }

 	.footer-sec .bottom-sec {
	 	background: #f6f5f1;
	 	padding: 35px 80px 80px;
	 	font-size: 12px;
 	}

 .footer-sec {
	 text-align: center;
 }
 	.footer-logo {
	 	padding-bottom: 20px;
 	}
 		.footer-sec .locations {
	 		padding-top: 30px;
	 		padding-bottom: 60px;
 		}

.footer-sec .left-sec, .footer-sec .right-sec {
	background: #f6f5f1;
}
	.top-sec-col > .left-sec {
		border-right: 10px solid #fff;
	}
	.top-sec-col > .right-sec {
		border-left: 10px solid #fff;
	}






	/* Auberge Resort */

	.auberge 1.header-img {
		background: url("../images/lifestyle-main-header.jpg") no-repeat center center / cover;
		height: 550px;
		position: relative;
	}
		.header-text {
			bottom: 0;
		    left: 0;
		    overflow: hidden;
		    position: absolute;
		    right: 0;
		    text-align: center;
		}
			.header-text h1 {
				color: #fff;
			}
	.interior .one-col h3 {
		color: #5a5a5a;
	    font-size: 46px;
	    line-height: 1.2em;
	    padding-bottom: 15px;
	    text-align: center;
	}
	.interior .one-col {
		line-height: 1.2em;
	    margin: 0 auto;
	    max-width: 1200px;
	    padding: 30px 0 35px;
	}
	.button {
		text-align: center;
		margin-top: 20px;
	}
		.button a, .area-map .button, .big-col.additional .button{
			background: #ca9f43;
			color: #fff;
			display: inline-block;
			padding: 15px 35px;
			letter-spacing: 2px;
			border-radius: 30px;
			border: 1px solid #fff;
			text-transform: uppercase;
			margin: 0 auto;
		}
			.interior .button a {
				color: #fff;
			}
	.four-sec {
		height: 50%;
	}
/*
		.auberge .four-sec .first-sec {
			background: url("../images/nan-gallery-1.jpg") no-repeat center center / cover;
			height: 100%;
			width: 25%;
		}
*/

	.gal-sec {
		padding: 0 60px 60px;
		height: 100%;
		display: none;
	}
		.gal-sec.active {
			height: 1000px;
			display: block;
		}

	.gal-sec .sec {
		float: left;
	}
	.roll {
		position: relative;
	}
	.roll .overlay {
		background: rgba(31, 92, 147, 0.8);
	    bottom: 0;
	    left: 0;
	    opacity: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	    transition: all 0.3s ease-out;
	}



.blog iframe {
	width: 100%;
}

.disclaimer {
	font-size: 8px;
	text-transform: none;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-right: 33px;
}

#bottom-footer .social-media {
	position: absolute;
	left: 30px;
	font-size: 20px;
	top: auto;
}
.social-media ul li {
	float: left;
	padding-right: 10px;
}
	.social-media ul li a {
		display: block;
		color: #bea062;
/*
		height: 35px;
		width: 35px;
*/
	}

.social-media {
	right: 400px;
	position: absolute;
	top:20px;
}

.pic-by{
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.pic-by p{
	color: #fff;
	font-size: 12px;
	background: rgba(0, 0, 0, 0.5);
	padding: 5px;
	font-style: italic;
}


/* modal styles */

#brochure .form-container input {
	display: block;
	border: none;
	background: #e4e4e4;
	text-align: center;
	padding: 20px;
	border-bottom: 1px solid #fff;
	color: #0f2332;
	width: 100%;
}
	#brochure .form-container .submit input {
		background: #0293c9;
		color: #fff;
	}
	#brochure-main .form-container input {
	display: block;
	border: none;
	background: #e4e4e4;
	text-align: center;
	padding: 20px;
	border-bottom: 1px solid #fff;
	color: #0f2332;
	width: 100%;
}
	#brochure-main .form-container .submit input {
		background: #0293c9;
		color: #fff;
	}
.modal-dialog {
	max-width: 400px;
	width: 100%;
}

.glyphicon-certificate {
	font-size: 8px;
	vertical-align: middle;
	display: inline-block;
	padding: 0 5px;
	margin-top: -5px;
}




#discover-section #two-col-items .home-designs {
	background:url(../images/home-designs-new.jpg) no-repeat;
	background-size: cover;
}

.youtube-videos {margin: 0 60px 60px;}
.youtube-videos  .video {
	float: left;
	width: 50%;
/* 	height: 600px; */
}
	.youtube-videos  .video a {
		display: block;
		height: 100%;
	}
		.youtube-videos  .video a img {
			width: 100%;
		}


/* Post Launch Styles */

#homesites-section #two-col-items h3, #properties-section #two-col-items h3,
#homesites-section #three-col-items h3, #properties-section #three-col-items h3 {
		padding-top: 25px;
		padding-bottom: 90px;
		font-size: 46px;
		/*color: #5a5a5a;*/
		color:#000;
		text-align: center;
	}



#three-col-items .col {
	float: left;
	width: 33%;
	text-align: center;
	margin: 0 0 50px;
	box-sizing: border-box;
}
	#three-col-items .col .title {
		font-size: 46px;
		color: #dfbd76;
		text-transform: none;
		line-height: 1em;
		padding-top: 20px;
	}
		#three-col-items .col .title span {
			font-size: 22px;
			color: #011828;
		}
		#three-col-items .descr {
			font-size: 20px;
			color: #e5e5e5;
			text-align: left;
			line-height: 1.4em;
		}
			#three-col-items .col-img {
				margin-top: -75px;
			}
				#three-col-items .col .button a {
					display: inline-block;
				}




/*
#three-col-items .button a{
	margin-top: 15px;
}
*/

#three-col-items .presales{
	border-left: 2px solid rgba(0,0,0,0.05);
	border-right: 2px solid rgba(0,0,0,0.05);
}



#three-col-items .homesites{
	border-right: 2px solid rgba(0,0,0,0.05);
}

#two-col-items .col {
	float: left;
	width: 50%;
	text-align: center;
	padding: 0 140px 50px;
	box-sizing: border-box;
}
	#two-col-items .col .title {
		font-size: 46px;
		color: #dfbd76;
		text-transform: none;
		line-height: 1em;
		padding-top: 20px;
	}
		#two-col-items .col .title span {
			font-size: 22px;
		}
		#two-col-items .descr {
			font-size: 20px;
			color: #e5e5e5;
			text-align: left;
			line-height: 1.4em;
		}
			#two-col-items .col-img {
				margin-top: -75px;
			}
				#two-col-items .col .button a {
					display: inline-block;
				}

#two-col-items .homesites {
	background:url(../images/homesites.jpg) no-repeat;
	background-size: cover;
}
#two-col-items .existing {
	background:url(../images/existing.jpg) no-repeat;
	background-size: cover;
}
	.benefits-banner {
		background:url(../images/benefit-banner.jpg) no-repeat center center;
		background-size: cover;
		height: 350px;
		margin-bottom: 60px;
	}
		.benefits-banner .button {
			display: flex;
			flex-direction: column;
			justify-content: center;
			height: 100%;
		}

#two-col-items .custom-built {
	background:url(../images/custom-built.jpg) no-repeat;
	background-size: cover;
}
#two-col-items .built-homes {
	background:url(../images/built-homes.jpg) no-repeat;
	background-size: cover;
}
	#homesites .promo {
		max-width: 1200px;
		margin:0 auto;
		display: block;
		width: 100%;
	}


/* Homesites */
	.area-map {
		margin-top: 85px;
	}
		.area-map .button {
			margin-top: -52px;
			padding-bottom: 20px;
		}
	.map-img {
		text-align: center;
	}
		.homesites .header-img {
			background:url(../images/homesite-header.jpg) no-repeat center center;
			background-size: cover;
		}
			.map-img img {
				max-width: 100%;
			}


/* Home Designs */
.design-sliders {
	margin-bottom: 80px;
}

.home-designs .slider-container {
	width: 50%;
	position: relative;
	float: left;
}
	.slider-title {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 35px;
		text-align: center;
		font-size: 54px;
		color: #fff;
		z-index: 100;
	}
		.slider-title h3 {
			color: #fff;
		}
	.slider-bottom {
		font-size: 13px;
		color: #011828;
		text-transform: uppercase;
		background:#cacaca;
		padding: 20px 0 20px 10px;
		text-align: center;
	}
			.slider-bottom p {
				display: inline-block;
			}
				.slider-bottom .download a {
					background:#bea062;
					color: #fff;
					padding: 18px 50px;
				}
				.slider-bottom .download {
					float: right;
				}

.home-designs .col-item {
	float: none !important;
	width: 100% !important;
}


.built-products .big-col {
	height: 500px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition:all .3s ease-out;
	position: relative;
}
	.big-col h3 {
		font-size: 75px;
		color: #fff;
		text-transform: uppercase;
	}
	.built-products .villa {
		background: rgba(0,0,0,0) url(../images/tinikatolu.jpg) no-repeat center center;
		background-size: cover;
	}
	.built-products .additional{
		background: rgba(0,0,0,0) url(../images/additional-homes.jpg) no-repeat center center;
		background-size: cover;
	}
		.built-products .button, .big-col h3 {
			position: relative;
			z-index: 2;
		}
		.built-products .button a {
			margin-top: 10px;
		}
	.built-products .big-col:hover {
		background-color: rgba(0,0,0,.5);
	}
	.big-col:before {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: inherit;
		content: ' ';
		z-index: 1;
	}




/* Listing Template */

.listing .intro-content h3.price {
	font-size: 36px;
}

	.image-gallery h3 {
		text-align: center;
		font-size: 46px;
		color: #dfbd76;
		margin-bottom: 25px;
	}

	.gallery-list .list-img {
		float: left;
		width: 33.33%;
		display: none;
		opacity: 0;
	}
		.gallery-list .list-img img {
			width: 100%;
		}

	.listing-features  {
		max-width: 1110px;
		width: 96%;
		margin:90px auto;
		box-sizing: border-box;
	}
	#presidential-villas .one-col h3{
		padding-top: 30px;
	}
	#presidential-villas .listing-features  {
		margin: 50px auto 90px;
	}
		.listing-features .left-sec {
			float: left;
			width: 50%;
			line-height: 1.2em;
			text-align: right;
/* 			border-right: 1px solid #d5d5d5; */
			box-sizing: border-box;
			padding-right: 40px;
			padding-top: 20px;
		}
			.listing-features .left-sec h3 {
				font-size: 50px;
				color: #000;
				text-transform: uppercase;
				margin-bottom: 10px;
			}
			.listing-features .left-sec .button {
				text-align: right;
			}
		.listing-features .right-sec {
			float: right;
			width: 49.9%;
			box-sizing: border-box;
			padding-left: 55px;
			line-height: 1.2em;
			padding-bottom: 15px;
			border-left: 1px solid #d5d5d5;
		}
			.listing-features .right-sec ul {
				list-style: disc;
/* 				margin-top: 40px; */
				padding-top: 20px;
				padding-left: 40px;

			}
				.listing-features .right-sec ul li {
					padding:2px 0;
				}
	.gallery-items-container .load-more {
		display: block;
		margin:0;
		cursor: pointer;
	}



#sthoverbuttons .sthoverbuttons-shade-r, #sthoverbuttons .sthoverbuttons-top-r, #sthoverbuttons .sthoverbuttons-bottom-r {
	background:none !important;
}

.sthoverbuttons-label > span {
	display: none !important;
}
/*
.sthoverbuttons-chicklets span {
	height: auto !important;
}
*/

#sthoverbuttons #sthoverbuttonsMain {
	width: 50px !important;
	padding: 0 !important;
}
.st_facebook_large, .stButton .stLarge, .st_twitter_large, .st_linkedin_large {
	width: 50px !important;
	height: 50px !important;
}
	.st_facebook_large .stLarge {
		background:url(../images/facebook.png) no-repeat !important;
	}
	.st_twitter_large .stLarge {
		background:url(../images/twitter.png) no-repeat !important;
	}
	.st_linkedin_large .stLarge {
		background:url(../images/linkedin.png) no-repeat !important;
	}
	.st_pinterest_large .stLarge {
		background:url(../images/pinterest.png) no-repeat !important;
	}
#main-section {
/* 	background:url(../images/main-bg.jpg) no-repeat center center; */
	background-size: cover;
	position: relative;
	overflow: hidden;
	background: #212121;
}



.stay {
	position: absolute;
	right: -10%;
	transition: right .3s ease-out, opacity  .01s ease-out;
	-webkit-transition: right .3s ease-out, opacity  .01s ease-out;
	-moz-transition: right .3s ease-out, opacity  .01s ease-out;
	top:0;
	opacity: 0;
}
	.stay.animate {
		right: 0;
		opacity: 1;
		transition: right .3s ease-out, opacity  .5s ease-out;
		-webkit-transition: right .3s ease-out, opacity  .5s ease-out;
		-moz-transition: right .3s ease-out, opacity  .5s ease-out;
	}
.stay .right-sec, .live .left-sec {
	float: right;
	width: 70%;
	background: rgba(0,18,30, .75);
	height: 100%;
	position: relative;
	font-size: 20px;
	color: #fff;
	line-height: 1.2em;
	z-index: 100;
}
	.stay .right-container, .live .right-container {
		left: 0;
	    margin: -283px auto 0;
	    max-width: 780px;
	    position: absolute;
	    right: 0;
	    top: 50%;
	}
	.stay .right-container {
		margin-top: -344px;
	}
	.stay img, .live img {
		display: block;
		margin:0 auto;
	}
		.stay img {
			transform: translate(100px, 0);
		}
			.stay.animate img {
				transform: translate(0,0);
				transition:all .4s ease-out .1s;
			}
			.stay h2 {
				transform: translate(150px, 0);
			}
				.stay.animate h2 {
					transform: translate(0,0);
					transition:all .4s ease-out .2s;

				}
				.stay p {
					transform: translate(175px, 0);
				}
					.stay.animate p {
						transform: translate(0,0);
						transition:all .4s ease-out .2s;
					}
						.stay h4 {
							transform: translate(200px,0);
						}
							.stay.animate h4 {
								transform: translate(0,0);
								transition:all .4s ease-out .2s;
							}
								.stay .button {
									opacity: 0;
								}
									.stay.animate .button {
										opacity:1;
										transition:all .3s ease-out 1s;
									}
		.live img {
			transform: translate(-100px, 0);
		}
			.live.animate img {
				transform: translate(0,0);
				transition:all .4s ease-out .1s;
			}
			.live h2 {
				transform: translate(-150px, 0);
			}
				.live.animate h2 {
					transform: translate(0,0);
					transition:all .4s ease-out .2s;

				}
				.live p {
					transform: translate(-200px, 0);
				}
					.live.animate p {
						transform: translate(0,0);
						transition:all .4s ease-out .2s;
					}
						/*
.stay h4 {
							transform: translate(200px,0);
						}
							.stay.animate h4 {
								transform: translate(0,0);
								transition:all .4s ease-out .2s;
							}
*/
								.live .button {
									opacity: 0;
								}
									.live.animate .button {
										opacity:1;
										transition:all .3s ease-out 1s;
									}
		.stay h2, .live h2 {
			text-transform: uppercase;
			line-height: 1em;
			color: #fff;
			font-size: 35px;
			padding-top: 25px;
			padding-bottom: 14px;
		}
			.stay h2 span, .live h2 span {
				color: #dfbd76;
			}
		.stay h4 {
			font-size: 23px;
			padding-top: 25px;
		}
			.stay h4 span {
				color: #dfbd76;
			}

			.area-map  a {
				display: block;
				height: 100%;
				text-align: center;
			}
			.area-map .button {
				text-align: center;
				margin-top:-25px;
			}

.stay .left-sec, .live .right-sec {
	float: left;
	width: 30%;
	height: 100%;
	position: relative;
	opacity: 0;
	transition:all .5s ease-out;
}
	.live .left-sec {
		float: left;
	}
	.live .right-sec {
		float: right;
	}
	.stay.animate .left-sec, .live.animate .right-sec{
		opacity: 1;
		transition:all .5s ease-out 1s;
	}
	.stay .left-sec .button, .live .right-sec .button {
		position: absolute;
		top:50%;
		margin-top: -24px;
		left: 50%;
		margin-left: -103px;
	}


.stay .right-container {
	transition: all .1s ease-out;
	right: -200px;
	opacity: 0;
}
	.stay.animate .right-container {
		right: 0;
		opacity: 1;
		transition: all .4s ease-out;
	}

.live .right-container {
	left: -200px;
	opacity: 0;
	transition: all .1s ease-out;
}
	.live.animate .right-container {
		left: 0;
		opacity: 1;
		transition: all .4s ease-out;
	}

.live {
	position: absolute;
	transition: left .4s ease-out, opacity  .05s ease-out;
	-webkit-transition: left .4s ease-out, opacity  .05s ease-out;
	-moz-transition: left .4s ease-out, opacity  .05s ease-out;
	left: -10%;
	top:0;
	opacity: 0;
}
	.live.animate {
		left: 0;
		opacity: 1;
		transition: left .3s ease-out, opacity  .5s linear;
		-webkit-transition: left .3s ease-out, opacity  .5s linear;
		-moz-transition: left .3s ease-out, opacity  .5s linear;
	}

/* Lifestyles */


.interior #logo {
	display: none !important;
}

#lifestyle-section .header-img {
	background:none;
}

.header-img {
	height: 550px;
	background:url(../images/lifestyle-main-header.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

#presidential-villas .header-img {
	background:url(../images/Pool-and-Courtyard_Edited2.jpg) no-repeat center center;
	height: 850px;
				background-size: cover;

	}

	#presidential-villas .price{
		font-weight: bold;
	}
	.header-text {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
		text-align: center;
		overflow: hidden;
	}
	.header-text h1 {
		font-size: 160px;
		color: #fff;
		text-transform: uppercase;
		margin:0;
		padding: 0;
		line-height: 0;
		padding: 3.2% 0 2.9%;
	}

#lifestyle-main  {
	font-size: 20px;
	line-height: 1.2em;
}
.to-do {
	background:#212121;
}

.to-do .one-col, .slider-inner-content, #amenity-section .col-content, #homeDesigns-section .col-content, .combine .col-content {
	color: #f4f4f4;
}

.three-col  {
	padding-bottom: 40px;
}
	.three-col .col-item {
		float: left;
		width: 33.33%;
	}
	.interior .grid-layout .one-col {
		max-width: 33.33% !important;
		margin: 0 auto;
	}
	.col-item img, .interior  .one-col img{
		width: 100%;
	}
	.interior .col-item h3, .interior .one-col .col-descr h3 {
		color: #dfbd76;
		font-size: 35px;
		line-height: 1em;
		padding-bottom: 10px;
		text-align: left;
	}
		.col-item .col-descr, .interior .one-col .col-descr  {
			box-sizing: border-box;
			padding:2% 6%;
		}






/* Amenities */


#amenity-section .header-img {
	background:url(../images/bg-amenities.jpg) no-repeat center center;
	background-size: cover;
}


.col-container .left {
	float: left;
	width: 50%;
	

}
.col-container .right {
	float: right;
	width: 50%;
}
	.col-container .col-item {
		background:#212121;
		
	}
		.slider-slide {
			width: 100%;
			height: 100%;
		}
	.col-container .cycle-prev {
		position: absolute;
		left: 30px;
		top:50%;
		width: 37px;
		height: 68px;
		margin-top: -34px;
		cursor: pointer;
		z-index: 1000;
		background:url(../images/prev-slide.png) no-repeat;
	}
	.col-container .cycle-next {
		position: absolute;
		right: 30px;
		top:50%;
		width: 37px;
		height: 68px;
		margin-top: -34px;
		cursor: pointer;
		z-index: 1000;
		background:url(../images/next-slide.png) no-repeat;
	}


/* Gallery */

#gallery .header-text, #discover-nanuku .header-text, .blog .header-text, .blog-detail .header-text{
	position: static;
}
	#gallery .header-text h1, #discover-nanuku .header-text h1, .blog .header-text h1, .blog-detail .header-text h1 {
		color: #777777;
		padding: 30px 0;
		line-height: 1.2em;
	}
	.gal-sec {
		padding:0 60px 0 60px;
		height: 100%;
		display: none;
	}
		.gal-sec.active {
			display: block;
			height: 1000px;
		}
	.gal-sec .sec {
		float: left;
	}
	.four-sec {
		height: 50%;
	}
	.four-sec .first-sec {
		width: 25%;
		height: 100%;
		background:url(../images/gallery-1.jpg) no-repeat center center;
		background-size: cover;
	}
	.views .first-sec, .views .three-sec .third-sec  {
		background:none;
	}

	.views .instagram-title {
		padding-top: 30px;
	}

	video {
	 	height: 100%;
	    left: 0;
	    object-fit: cover;
	    top: 0;
	    width: 100%;
	    position: absolute;
	}

/*
	video {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto;
	    height: auto;
	    z-index: -100;
	    background-size: cover;
	    overflow: hidden;
	}
*/



	.four-sec .gallery-col-container {
		width: 50%;
		height: 100%;
	}

			.four-sec .gallery-col-container .top-sec {
				background:url(../images/gallery-2.jpg) no-repeat center center;
				background-size: cover;
				height: 50%;
				width: 100%;
			}
			.four-sec .gallery-col-container .bottom-sec {
				background:url(../images/gallery-3.jpg) no-repeat center center;
				background-size: cover;
				height: 50%;
				width: 100%;
			}
	.four-sec .third-sec {
		width: 25%;
		height: 100%;
		background:url(../images/gallery-4.jpg) no-repeat center center;
		background-size: cover;
		text-align: center;
		position: relative;
	}
		.roll .overlay {
			opacity: 0;
			transition:all .3s ease-out;
			background: rgba(31,92,147, .8);
			position: absolute;
			top:0;
			left: 0;
			right: 0;
			bottom: 0;
		}
			.roll .overlay:hover h3 {
				transition:all .3s ease-out .5s;
				opacity: 1;
			}
			.roll h3 {
				font-size: 12px;
				color: #fff;
				text-transform: uppercase;
				line-height: 1.8em;
				letter-spacing: 4px;
				position: absolute;
				bottom: 50%;
				margin-bottom: -22px;
				left: 0;
				right: 0;
				opacity: 0;
				text-align: center;
			}
				.roll h3 span {
					font-size: 30px;
					letter-spacing: 4px;
				}
			.roll .social-sec {
				position: absolute;
				bottom: 123px;
				text-align: center;
				left: 0;
/* 				opacity: 0; */
				right: 0;
				color: #fff;
				font-size: 12px;
				text-transform: uppercase;
				letter-spacing: 2px;
/* 				transition: all 1s ease-out; */
			}
				.roll .social-links {
					position: absolute;
					left: 0;
					right: 0;
					text-align: center;
					bottom: 0;
					opacity: 0;
					transition:all .1s ease-out;
				}
				.roll .overlay:hover .social-links  {
					opacity: 1;
					bottom: 55px;
					transition: all .3s ease-out 1.2s;
				}

					.roll .social-sec .hr {
						background:#fff;
						padding-left: 0;
						padding-right: 0;
						height: 1px;
						margin: 12px auto 0;
						transition:all .3s ease-out;
						max-width: 0;
					}
						.roll .social-sec p {
							opacity: 0;
							transition:all .3s ease-out;
						}
							.roll .overlay:hover p {
								opacity: 1;
								transition:all .3s ease-in .4s;
							}
						.roll .overlay:hover .social-sec .hr {
							padding-left: 47px;
							padding-right: 47px;
							transition:all .2s ease-out .8s;
						}
			.roll:hover .overlay {
				opacity: 1;
			}
				.roll {
					position: relative;
				}
	.gal-sec .three-sec {
		height: 50%;
	}
		.three-sec .first-sec {
			height: 50%;
			width: 25%;
			background:url(../images/gallery-5.jpg) no-repeat center center;
			background-size: cover;
		}
		.three-sec .second-sec {
			height: 50%;
			width: 25%;
			background:url(../images/gallery-6.jpg) no-repeat center center;
			background-size: cover;
		}
		.three-sec .third-sec {
			height: 50%;
			width: 50%;
			background:url(../images/gallery-7.jpg) no-repeat center center;
			background-size: cover;
		}
		.three-sec .fourth-sec {
			height: 50%;
			width: 25%;
			background:url(../images/gallery-8.jpg) no-repeat center center;
			background-size: cover;
		}
		.three-sec .fifth-sec {
			height: 50%;
			width: 50%;
			background:url(../images/gallery-9.jpg) no-repeat center center;
			background-size: cover;
		}
		.three-sec .sixth-sec {
			height: 50%;
			width: 25%;
			background:url(../images/gallery-10.jpg) no-repeat center center;
			background-size: cover;
		}
	.load-more {
		text-align: center;
		background:#bea062;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin: 0 60px 80px 60px;
		color: #fff;
		display: block;
		padding: 22px 0;
		display: none;
		cursor: pointer;
	}

#instafeed {
	margin:0 60px 60px;
}

.instagram-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	color: #bea062;
	letter-spacing: 4px;
	padding-bottom: 30px;
}
	.instagram-title a {
		color: #bea062
	}
	#instagram-item {
		float: left;
		width: 20%;
		position: relative;
	}
		#instagram-item img {
			width: 100%;
			height: 100%;
		}

	.instagram-info .caption {
			font-size: 20px;
			padding-top: 20%;
			padding-bottom: 40px;
		}
			.instagram-info .likes {
				background: url(../images/instagram-likes.png) no-repeat top center;
				padding-top: 46px;
				margin-bottom: 20px;
				position: absolute;
				top:50%;
				margin-left: -25px;
				width: 50px;
				margin-top: -22px;
				left: 50%;
				font-size: 14px;
			}
			.instagram-info .comments {
				background: url(../images/comments-instagram.png) no-repeat top center;
				padding-top: 46px;
			}
		#instagram-item a {
			display: block;
			height: 100%;
			cursor: pointer;
			overflow: hidden;
		}
	#instagram-item:hover .instagram-info {
			opacity: 1;
			background: rgba(54, 83, 109, .85);
		}
		#instagram-item:hover .instagram-img {
/* 			 margin: 0; */
			 overflow: hidden;
		}

		#instagram-item .instagram-info {
		    background: rgba(54, 83, 109, 0);
		    bottom: 0;
		    box-sizing: border-box;
		    color: #3c3c3e;
		    left: 0;
		    opacity: 0;
		    overflow: hidden;
		    padding: 20px;
		    position: absolute;
		    right: 0;
		    text-align: center;
		    top: 0;
		    transition: all 0.5s ease 0s;
		}


/* Amenity Section */

#amenity-section .intro-content {
	padding-bottom: 70px;
}
#amenity-section .col-item h3 {
	padding-bottom: 20px;
	padding-top: 32px;
}
	#amenity-section .col-content, #homeDesigns-section .col-content, .combine .col-content, .combine .col-content {
		padding-left: 60px;
          display: table-cell;
          vertical-align: middle;
          padding-right: 110px;
          line-height: 1.2em;

	}
		#amenity-section .col-container .col-item, #homeDesigns-section .col-container .col-item, .combine .col-container .col-item{
			display: table;
		}



/* Interactive Map */

.mobile-exit {
	display: none;
	position: absolute;
	right: 20px;
}
	.mobile-exit img {
		width: auto;
	}

body.interactive {
	width: 100%;
	max-width: none;
	position: static;
}

.map-top-left a {
	display: block;
	height: 100%;
}

#preloader {
	background:#021734;
	position: absolute;
	left: 0;
	top:0;
	right: 0;
	bottom: 0;
	z-index:100;
}

body.interactive {
	background:#021734;
}

#interactive-map {
	overflow: hidden;
	background: #011532;
	height: 100%;
	position: relative;
}

.map-logo {
	background: url(../images/nanuku-map-logo.png) no-repeat;
	width: 197px;
	height: 67px;
	position: absolute;
	bottom: 40px;
	right: 40px;
	z-index: 5;
}
	.map-logo a {
			display: block;
			height: 100%;
		}
.map-top-left {
	background: url(../images/map-top-left.png) no-repeat;
	width:59px;
	height: 59px;
	position: absolute;
/* 	left: 30px; */
/* 	top:20px; */
	left: 50%;
	margin-left: -30px;
	top:50%;
	margin-top: -30px;
	z-index: 1010;
	-webkit-animation: rotate 2s linear infinite;
	-moz-animation: rotate 2s linear infinite;
	-ms-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
}

@-moz-keyframes rotate {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes rotate {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}



	.map-top-left.move {
		left: 30px;
		top:20px;
		margin:0;
		transition: all .5s ease-out forwards;
		transform: rotate(0) !important;
		-webkit-transform:rotate(0) !important;
		-moz-transform: rotate(0) !important;
		-webkit-animation: none !important;
	}

#map-zoom1 {
	background: #011532 url(../images/Nanuku-Map.jpg) no-repeat center center;
	opacity: 1;
	transform: scale(1);
	overflow: hidden;
	position: absolute;
	z-index: 1;
	transition: all .5 ease-out;
	-webkit-transition: all .5 ease-out;
	-moz-transition: all .5 ease-out;
	background-size: 100%;
}


	#map-zoom1 .box-info, #map-zoom2 .box-info {
		top:0;
		right: 50px;
		z-index: 100;
	}
#map-zoom2  .box-info {
    top: -100px;
}

#icon-container .icon .icon-img {
	background:url(../images/bg-icon.png) no-repeat center center;
/* 	transition:all .3s ease-out; */
	width: 45px;
	height: 45px;
	cursor: crosshair;
	-webkit-animation: iconThrob 1s ease-out 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: iconThrob 1s ease-out 2s;
    -moz-animation-iteration-count: infinite;
/*     opacity: 0.0 */
}
	#icon-container .icon:hover .icon-img {
		background:url(../images/active-icon.png) no-repeat center center;
		animation-play-state: paused;
		-webkit-animation-play-state: paused;
	    -moz-animation-play-state: paused;
	    -o-animation-play-state: paused;
	}

#icon-container {
	position: absolute;
/*
	height: 778px;
	width: 643px;
*/
/* 	border: 1px solid red; */
/*
	left: 50%;
	margin-left: -321px;
	margin-top: -389px;
	top:50%;
*/
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
	#map-zoom1 .icon-one {
		position: absolute;
/*
		top:298px;
		left: 87px;
*/
		top:50%;
		left: 50%;
		margin-left: -13%;
		margin-top: -1.5%;
	}
		#map-zoom1 .icon-one  .box-info {
			width: auto;
		}
	#map-zoom1 .icon-two {
		position: absolute;
/*
		bottom:203px;
		left: 217px;
*/
		bottom: 50%;
		left: 50%;
        margin-bottom: -7%;
        margin-left: 3%;
	}
	#map-zoom1 .icon-three {
		position: absolute;
/*
		top:203px;
		right: 217px;
*/
		top:50%;
		right: 50%;
		margin-right: 4%;
		margin-top: 4.5%;
	}
	#map-zoom1 .icon-four {
		position: absolute;
/*
		top:203px;
		right: 217px;
*/
		top:50%;
		right: 50%;
		margin-right: 0%;
		margin-top: -1.5%;
	}
		#map-zoom1 .icon-four .box-info {
		width: 600px;}

.box-info {
	opacity: 0;
	position: absolute;
	width: 320px;
	background: #03132b;
	box-sizing: border-box;
	padding:20px 30px 30px;
	font-size: 16px;
	color: #fff;
	line-height: 1.2em;
	right: 75px;
	top:75px;
	transition:all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
}

	.box-info .small-title {
		font-size: 14px;
		color: #cf9943;
		text-transform: uppercase;
		letter-spacing: 0px;
		transition:all .1s ease-out;
		-moz-transition:all .1s ease-out;
		-webkit-transition:all .1s ease-out;
		opacity: 0;
	}
		.icon:hover .box-info .small-title {
			letter-spacing: 4px;
			transition:opacity .3s ease-out .5s, letter-spacing .2s ease-out 1.2s;
			-webkit-transition:opacity .3s ease-out .5s, letter-spacing .2s ease-out 1.2s;
			-moz-transition:opacity .3s ease-out .5s, letter-spacing .2s ease-out 1.2s;
			opacity: 1;
		}
		.box-info h3 {
			font-size: 64px;
			line-height: .9em;
			padding: 15px 0 15px 0;
			color: #cf9943;
			opacity: 0;
			margin-top: -20px;
		}
			.icon:hover .box-info h3{
				transition: margin .5s ease-out .5s, opacity 1s ease-out .5s;
				margin-top: 0;
				opacity: 1;
			}
		.box-info p {
			opacity: 0;
			margin-top: -40px;
		}
			.icon:hover .box-info p {
				transition: margin .5s ease-out .8s, opacity 1s ease-out .8s;
				margin-top: 0;
				opacity: 1;
			}

	.icon:hover .box-info {
		opacity: 1;
/*
		right: 100px;
		top:100px;
*/
		transition:all .5s ease-out;
		-moz-transition:all .5s ease-out;
		-webkit-transition:all .5s ease-out;
	}
/*
	.reddot {
		position: absolute;
		top: 50%;
		left: 50%;
		background-color: red;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		margin-top: 150px;
		margin-left: 15px;
		z-index: 1000;
	}
*/


#plane1 {
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -500px;
	margin-left: -97px;
	position: absolute;
	transform: rotate(-51deg);
	-moz-transform: rotate(-51deg);
	-webkit-transform: rotate(-51deg);
	-webkit-animation:spin 2s ease 1.2s forwards;
	-moz-animation:spin 2s ease 1.2s forwards;
	animation:spin 2s ease 1.2s forwards;
	animation-fill-mode: forwards;
}
#plane2 {
	position: absolute;
	left: 50%;
	top:50%;
	margin-left: -286px;
	margin-top: -479px;
	-webkit-animation:spin2 2s ease 1.2s forwards;
	-moz-animation:spin2 2s ease 1.2s forwards;
	animation:spin2 2s ease 1.2s forwards;
	animation-fill-mode: forwards;
	transform: rotate(68deg);
	-webkit-transform: rotate(68deg);
	-moz-transform: rotate(68deg);

}
	#plane2 img {
		transform: rotateY(-180deg);
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
	}
#plane3 {
    bottom: 50%;
    margin-bottom: -333px;
    margin-right: -145px;
    position: absolute;
    right: 50%;
    transform: rotate(261deg);
    -webkit-transform: rotate(261deg);
    -moz-transform: rotate(261deg);
	-webkit-animation:spin3 2s ease 1.2s forwards;
	-moz-animation:spin3 2s ease 1.2s forwards;
	animation:spin3 2s ease 1.2s forwards;
	animation-fill-mode: forwards;
}
	#plane3 img {
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
	}
#plane4 {
	margin-right: -38px;
    margin-top: -632px;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: rotate(-183deg);
    -webkit-transform: rotate(-183deg);
    -moz-transform: rotate(-183deg);
	-webkit-animation:spin4 2s ease 1.2s forwards;
	-moz-animation:spin4 2s ease 1.2s forwards;
	animation:spin4 2s ease 1.2s forwards;
	animation-fill-mode: forwards;
}
	#plane4 img {
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
	}


/* Plane 1 Animation */

@-moz-keyframes spin {100% { -moz-transform: rotate(-10deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-10deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-10deg); transform:rotate(-10deg); } }

/* Plane 2 Animation */

@-moz-keyframes spin2 {100% { -moz-transform: rotate(10deg); }}
@-webkit-keyframes spin2 { 100% { -webkit-transform: rotate(10deg); } }
@keyframes spin2 { 100% { -webkit-transform: rotate(10deg); transform:rotate(10deg); } }

/* Plane 3 Animation */

@-moz-keyframes spin3 {100% { -moz-transform: rotate(200deg); }}
@-webkit-keyframes spin3 { 100% { -webkit-transform: rotate(200deg); } }
@keyframes spin3 { 100% { -webkit-transform: rotate(200deg); transform:rotate(200deg); } }

/* Plane 3 Animation */

@-moz-keyframes spin4 {100% { -moz-transform: rotate(-227deg); }}
@-webkit-keyframes spin4 { 100% { -webkit-transform: rotate(-227deg); } }
@keyframes spin4 { 100% { -webkit-transform: rotate(-227deg); transform:rotate(-227deg); } }

.map .location {
	font-size: 13px;
	color: #d7cda1;
	line-height: 1.4em;
	text-align: center;
	padding: 42px 30px 30px;
	background: url(../images/bg-plane-location.png) no-repeat top center;
	opacity: 0;
}
	.map .location.opacity {
		opacity: 1;
		transition: all .3s ease-out 3.5s;
	}



.plane1-location {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -482px;
	margin-top: -338px;
	position: absolute;
}
.plane2-location {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: 112px;
	margin-top: -344px;
	position: absolute;
}
.plane3-location {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -482px;
	margin-top: 219px;
	position: absolute;
}
.plane4-location {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -50px;
    margin-top: 232px;
	position: absolute;
}


	.airplane-one {
		left:-115%;
		left: -40%;
		position: absolute;
		transform:rotate(-21deg);
		-webkit-transform:rotate(-21deg);
		-moz-transform:rotate(-21deg);
	}

	#icon-container:hover .airplane-one {
/*
		left: -79%;
	    top: -24%;
*/
	    transition:all 3s ease-out;
	    transform: rotate(16deg) translate(320px,120px);
	    -moz-transform: rotate(16deg) translate(320px,120px);
	    -webkit-transform: rotate(16deg) translate(320px,120px);
	}

/*
	@keyframes sway {
		to { transform: rotate(30deg); }
	}
	.airplane-one {
		transform-origin: center top;
		transform: rotate(-30deg);
		animation: sway 2.2s infinite alternate ease-in-out;
	}
*/

#icon-container .icon {
	position: absolute;
	overflow: hidden;
	width: 45px;
	height: 45px;
}
	#icon-container .icon:hover {
		overflow: visible;
	}

.icon .icon-img {
	-webkit-animation: iconThrob 1s linear infinite 1s;
	-moz-animation: iconThrob 1s linear infinite 1s;
	-ms-animation: iconThrob 1s linear infinite 1s;
	animation: iconThrob 1s linear infinite 1s;
}

@keyframes iconThrob {
 0% {
    -webkit-transform: scale(1.1);
   	-moz-transform: scale(1.1);
   	-o-transform: scale(1.1);
   	-ms-transform: scale(1.1);
   	transform: scale(1.1);
 }
 50% {
    -webkit-transform: scale(0.8);
   	-moz-transform: scale(0.8);
   	-o-transform: scale(0.8);
   	-ms-transform: scale(0.8);
   	transform: scale(0.8);
 }
 100% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }

}

@-moz-keyframes iconThrob {
 0% {
   -moz-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -moz-transform: scale(0.8);
   transform: scale(0.8);
 }
 100% {
   -moz-transform: scale(1);
   transform: scale(1);
 }

}

@-webkit-keyframes iconThrob {
 0% {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -webkit-transform: scale(0.8);
   transform: scale(0.8);
 }
 100% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }

}


.map-navi {
	font-size: 9px;
	text-transform: uppercase;
	position: absolute;
	top:50%;
	margin-top: -64px;
	right: 38px;
	background:url(../images/bg-map-navi.png) no-repeat center 38px;
	text-align: center;
	color: #d7cda1;
	letter-spacing: 2px;
	z-index: 5;
}
	.map-navi .zoom {
		background:#405880;
		width: 13px;
		height: 13px;
		border-radius: 50%;
/* 		margin-bottom: 30px; */
		margin:0 auto 30px auto;
		cursor: pointer;
	}
	.map-navi .zoom.active {
		background:#fff;
		transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}
		.map-navi .zoom:last-child {
			margin-bottom: 0;
		}
			.map-navi p {
				padding-bottom: 20px;
			}



/* animate zoom out */



/*
#map-zoom1.zoom-out {
	opacity: 0;
	transform: scale(10);
	transition: transform 3s ease-out, opacity 2s ease;
}
*/


/* Zoom 2 Map */



#map-zoom2{
	background:url(../images/map-2-final-1-test.png) no-repeat top center;
/* 	display: none; */
	opacity: .5;
	background-size: 100%;
/*
	transform: scale(.1);
	-webkit-transform: scale(.1);
	-moz-transform: scale(.1);
*/
	position: absolute;
}

	#map-zoom2.zoom-in {
/* 		opacity: 1; */
/* 		transform: scale(1); */
/* 		transition: transform .8s ease-out; */
		z-index: 2;
		-webkit-animation: opacity-in 1s linear forwards;
		-moz-animation: opacity-in 1s linear forwards;
		-ms-animation: opacity-in 1s linear forwards;
		animation: opacity-in 1s linear forwards;
/*
		-webkit-animation: scale-in 5s linear forwards;
		-moz-animation: scale-in 5s linear forwards;
		-ms-animation: scale-in 5s linear forwards;
		animation: scale-in 5s linear forwards;
*/

	}

@-moz-keyframes opacity-in {
 0% {
    opacity:.5;
 }
 50% {
    opacity:.6;
 }
 75% {
    opacity:.8;
 }
 100% {
    opacity:1;
 }

}

@-webkit-keyframes opacity-in {
 0% {
    opacity:.5;
 }
 50% {
    opacity:.6;
 }
 75% {
    opacity:.8;
 }
 100% {
    opacity:1;
 }

}

@keyframes opacity-in {
 0% {
    opacity:.5;
 }
 50% {
    opacity:.6;
 }
 75% {
    opacity:.8;
 }
 100% {
    opacity:1;
 }

}

	#map-zoom2 .icon, #map-zoom3 .icon{
		opacity: 0;
	}
	#map-zoom2.zoom-in .icon, #map-zoom3.zoom-in .icon {
		opacity: 1;
/* 		transition: all .3s ease-out 3s; */
	}

	#map-zoom2 .icon-one {
		 left: 50%;
		 top:0;
		 margin-left: 4.5%;
		 margin-top: 26%;
		 transition: all .3s ease-out 1.2s;
		 -webkit-transition: all .3s ease-out 1.2s;
		 -moz-transition: all .3s ease-out 1.2s;
	}
		#map-zoom2 .icon-two  {
			left: 50%;
			top:0;
			margin-left: -13%;
			margin-top: 25%;
			transition: all .3s ease-out 1.4s;
			-webkit-transition: all .3s ease-out 1.4s;
		 -moz-transition: all .3s ease-out 1.4s;
		}
			#map-zoom2 .icon-three  {
				right: 50%;
				top: 0;
				margin-right: -8.5%;
				margin-top: 31.5%;
				transition: all .3s ease-out 1.6s;
				-webkit-transition: all .3s ease-out 1.6s;
				-moz-transition: all .3s ease-out 1.6s;
			}
				#map-zoom2 .icon-four {
					right: 50%;
					top: 0;
                    margin-right: -2%;
                    margin-top: 38%;
					transition: all .3s ease-out 1.8s;
					-moz-transition: all .3s ease-out 1.8s;
					-webkit-transition: all .3s ease-out 1.8s;
				}
				#map-zoom2 .icon-five {
            		 left: 50%;
            		 top:0;
            		 margin-left: 10.5%;
            		 margin-top: 29%;
            		 transition: all .3s ease-out 1.2s;
            		 -webkit-transition: all .3s ease-out 1s;
            		 -moz-transition: all .3s ease-out 1s;
            	}

#map-zoom2.fade-out {
		opacity: 0;
		transition: all .7s ease-out;
		transform: scale(1.5);
	}

#map-zoom1.fade-out {
	opacity: 0;
	transform: scale(1.5);
	transition: all 1s ease-out;
}

#map-zoom3.zoom-in {

/* 		transform: scale(1); */
/* 		transition: transform .8s ease-in; */
		z-index: 2;
		-webkit-animation: opacity-two 1s linear forwards;
		-moz-animation: opacity-two 1s linear forwards;
		-ms-animation: opacity-two 1s linear forwards;
		animation: opacity-two 1s linear forwards;

}

@keyframes opacity-two {
 0% {
    opacity:.2;
 }
 25% {
    opacity:.4;
 }
 50% {
    opacity:.6;
 }
 75% {
    opacity:.8;
 }
 100% {
    opacity:1;
 }
 }
 @-webkit-keyframes opacity-two {
 0% {
    opacity:.2;
 }
 25% {
    opacity:.4;
 }
 50% {
    opacity:.6;
 }
 75% {
    opacity:.8;
 }
 100% {
    opacity:1;
 }
 }
 @-moz-keyframes opacity-two {
 0% {
    opacity:.2;
 }
 25% {
    opacity:.4;
 }
 50% {
    opacity:.6;
 }
 75% {
    opacity:.8;
 }
 100% {
    opacity:1;
 }
 }



#map-zoom3 {
	opacity: 0;
	background:url(../images/map-3-new.png) no-repeat top center;
/* 	z-index: 1; */
/* 	transform: scale(.1); */
	position: absolute;
	background-size: 100%;
}

	#map-zoom3.zoom-in {
		z-index: 3;
	}



#map-zoom3 .icon-one {
		 left: 50%;
		 top: 0;
		 margin-top: 36%;
		 margin-left: -36%;
		 transition: all .3s ease-out 1.2s;
		 cursor: pointer;
	}
		#map-zoom3 .icon-two {
            left: 50%;
            margin-left: -28%;
            margin-top: 40%;
            top: 0;
            transition: all 0.3s ease-out 1.4s;
        }
			#map-zoom3 .icon-three  {
				left: 50%;
				top: 0;
				margin-top: 23%;
				margin-left: -18%;
				transition: all .3s ease-out 1.6s;
			}
				#map-zoom3 .icon-four {
					left: 50%;
					top: 0;
					margin-left: -14%;
					margin-top: 12%;
					transition: all .3s ease-out 1.8s;
				}
					#map-zoom3 .icon-five {
						 right: 50%;
						 margin-right: -24%;
						 top: 0;
						 margin-top: 35%;
						transition: all .3s ease-out 2s;
					}
						#map-zoom3 .icon-six {
							 right: 50%;
							 top: 0;
							 margin-right: -39%;
							 margin-top: 24%;
							transition: all .3s ease-out 2.2s;
						}
						#map-zoom3 .icon-ten {
							 right: 50%;
							 top: 0;
							 margin-right: -35%;
							 margin-top: 24%;
							transition: all .3s ease-out 2.2s;
						}
							#map-zoom3 .icon-seven {
							 left: 50%;
							 top: 0;
							 margin-left: -17%;
							 margin-top: 27%;
							 transition: all .3s ease-out 1.6s;
						}
								#map-zoom3 .icon-eight {
								 right: 50%;
								 top: 0;
								 margin-right: -50%;
								 margin-top: 7%;
								transition: all .3s ease-out 2.4s;
							}
							#map-zoom3 .icon-nine {
								 right: 50%;
								 top: 0;
								 margin-right: -7%;
                                margin-top: 20%;
								transition: all .3s ease-out 2.4s;
							}


/*
#map-zoom3 #icon-container {

	height: auto;
	width: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;

}
*/

#map-zoom3 .box-info {
	width: auto;
	right: 0;
	top: -75px;
	padding: 0 45px;
}
	#map-zoom3 .box-info h3 {
		font-size: 25px;
		margin-top: auto;
		text-align: center;
	}
		#map-zoom3 .icon-six .box-info, #map-zoom3 .icon-eight .box-info {
			width: 238px;
		}




/* Ocean Estates */

#estates-section .intro-content {
	padding-bottom: 60px;
	padding-top: 32px;
}

#estates-section .header-img {
	background:url(../images/estates-header.jpg) no-repeat center center;
	background-size: cover;
}

#estates-section #two-col-items .col, #discover-section #two-col-items .col {
	float: left;
	width: 50%;
	position: relative;
	height: 500px;
}
#two-col-items .col a {
	display: block;
	height: 100%;
}
	#estates-section .col h3, #discover-section .col h3 {
		font-size: 46px;
		color: #dfbd76;
		position: absolute;
		left: 70px;
		bottom: 50px;
	}
#estates-section .culture, #discover-section .culture {
	background:url(../images/culture-bg.jpg) no-repeat center center;
	background-size: cover;
}
#estates-section .home-designs, #discover-section .home-designs {
	background:url(../images/bg-book-your-stay.jpg) no-repeat center center;
	background-size: cover;
}
#estates-section .auberge, #discover-section .auberge {
	background: url(../images/auberg-resort.jpg) no-repeat center center;
	background-size: cover;
}
#estates-section .image-gallery, #discover-section .image-gallery {
	background: url(../images/image-gallery.jpg) no-repeat center center;
	background-size: cover;
}


/*
.auberge #main-nav {
	opacity: 0;
	max-height: 0;
	left: 0;
    max-height: 200px;
    position: absolute;
    right: 0;
    top: 138px;
    z-index: 10;
}
*/

.auberge .intro-content .button a {
	color: #fff !important;
}



/* Auberge Resort */

	.auberge .four-sec .first-sec {
		background: url("../images/nan-gallery-1.jpg") no-repeat center center;
		background-size: cover;
	}
	.auberge .four-sec .gallery-col-container .top-sec {
	    background: url("../images/nan-gallery-2.jpg") no-repeat center center;
	    background-size: cover;
	}
	.auberge .four-sec .gallery-col-container .bottom-sec {
	    background: url("../images/nan-gallery-3.jpg") no-repeat center center;
	    background-size: cover;
	}
	.auberge .four-sec .third-sec {
	    background: url("../images/nan-gallery-4.jpg") no-repeat center center;
	    background-size: cover;
	}
	.auberge .three-sec .first-sec {
	    background: url("../images/nan-gallery-5.jpg") no-repeat center center;
	    background-size: cover;
	}
	.auberge .three-sec .second-sec {
	    background: url("../images/nan-gallery-6.jpg") no-repeat center center;
	    background-size: cover;
	}
	.auberge .three-sec .third-sec {
	    background: url("../images/nan-gallery-7.jpg") no-repeat center center;
	    background-size: cover;
	}
	.auberge .three-sec .fourth-sec {
	    background: url("../images/nan-gallery-8.jpg") no-repeat center center;
	    background-size: cover;
	}
	.auberge .three-sec .fifth-sec {
	    background: url("../images/nan-gallery-9.jpg") no-repeat center center;
	    background-size: cover;
	}
	.auberge .three-sec .sixth-sec {
	    background: url("../images/nan-gallery-10.jpg") no-repeat center center;
	    background-size: cover;
	}




/* Home Designs */


#homeDesigns-section .header-img {
	background:url(../images/home-designs.jpg) no-repeat center center;
	background-size: cover;
}

.no-href > a {
	cursor: default;
}

/* Contact Us */


.nav-container .contact-us {
	position: relative;
	z-index: 1000;
}

.contact #contact-us .contact-numbers {
	max-width: 800px;
	margin:0 auto;
	padding-bottom: 40px;
	text-align: center;
}
	.contact #contact-us .contact-info {
		padding: 0 2% 20px;
		float: left;
		width: 50%;
		box-sizing: border-box;
	}
		.contact #contact-us .contact-info .title {

		}




#contact-section .header-text {
	position: static;
}
	#contact-section .header-text h1, #discover .header-text h1 {
		color: #777;
		line-height: 1.4em;
		padding: 10px 0 2.9%;
	}

#contact-section form input, #contact-section form textarea, .chosen-container-single .chosen-single, #discover-section form input, #discover-section form textarea {
	padding: 20px;
	background:#e4e4e4;
	border: none;
	font-size: 20px;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	line-height: 1.2em;
	border-radius: 8px;
	-webkit-appearance: none;
}
#contact-section form textarea  {
	min-height: 200px;
}

	#contact-section label, #discover-section label {
		color: #a6772e;
		font-size: 22px;
		display: block;
	}

		#contact-section form, #discover-section form{
			max-width:695px;
			margin:0 auto;
			padding: 0 60px 60px;
		}

		#contact-section form .left, #discover-section form .left {
			float: left;
			width:50%;
			padding-right: 1%;
			box-sizing: border-box;
		}
		#contact-section form .right, #discover-section form .right {
			float: right;
			width: 50%;
			padding-left: 1%;
			box-sizing: border-box;
		}
		#contact-section .input-col, #discover-section .input-col {
			margin:.8em 0;
		}
	#contact-section form .submit, #discover-section .submit {
		text-align: right;
	}
	#contact-section form .submit input, #discover-section form .submit input {
		background:#e2b557;
		display: inline-block;
		color: #fff;
		padding: 18px 40px;
		border-radius: 40px;
		text-transform: uppercase;
		width: auto;
		letter-spacing: 4px;
		font-size: 14px;
	}

	.chosen-container-single .chosen-single div b {
		background:url(../images/bg-chosen.png) no-repeat center center !important;
	}
	.chosen-container {
		width: 100% !important;
	}
	.chosen-container-single .chosen-single {
		box-shadow: none;
	}
	.chosen-container-single .chosen-single div {
		right: 10px;
	}
	.chosen-search input {
		padding: 8px 15px !important;
	}
	.chosen-container .chosen-results li {
		font-size: 14px;
	}

.thank-you #contact-section {
	text-align: center;
	padding-bottom: 50px;
}


/* Discover Fiji */


	.discover-fiji .header-img {
		background: url("../images/discover-main-header.jpg") no-repeat center center;
	}

	.discover-fiji .four-sec .first-sec {
		background: url("../images/image1_EnjoyRelaxing.jpg") no-repeat center right;
		background-size: cover;
	}
	.discover-fiji .four-sec .gallery-col-container .top-sec {
	    background: url("../images/image2_PristineBeaches.jpg") no-repeat center right;
	    background-size: cover;
	}
	.discover-fiji .four-sec .gallery-col-container .bottom-sec {
	    background: url("../images/discover-gallery-3.jpg") no-repeat center center;
	    background-size: cover;
	}
	.discover-fiji .four-sec .third-sec {
	    background: url("../images/nan-gallery-4.jpg") no-repeat center center;
	    background-size: cover;
	}
	.discover-fiji .three-sec .first-sec {
	    background: url("../images/nan-gallery-5.jpg") no-repeat center center;
	    background-size: cover;
	}
	.discover-fiji .three-sec .second-sec {
	    background: url("../images/discover-gallery-6.jpg") no-repeat center center;
	    background-size: cover;
	}
	.discover-fiji .three-sec .third-sec {
	    background: url("../images/nan-gallery-7.jpg") no-repeat center center;
	    background-size: cover;
	}
	.discover-fiji .three-sec .fourth-sec {
	    background: url("../images/nan-gallery-8.jpg") no-repeat center center;
	    background-size: cover;
	}
	.discover-fiji .three-sec .fifth-sec {
	    background: url("../images/discover-gallery-9.jpg") no-repeat center center;
	    background-size: cover;
	}
	.discover-fiji .three-sec .sixth-sec {
	    background: url("../images/nan-gallery-10.jpg") no-repeat center center;
	    background-size: cover;
	}



/* Discover */

	#discover .header-text {
		position: static;
	}
		#discover .header-text h1 {
			padding-bottom:5px;
			padding-top: 10px;
			line-height: 1em;
		}

		#discover .discover-img, #discover .promo, #discover-nanuku .discover-home {
			max-width: 1200px;
			margin:0 auto;
			display: block;
			width: 100%;
		}
			#discover .discover-img img, #discover-nanuku .discover-home img {
				width: 100%;
			}

	#discover .one-col {
		padding-top: 20px;
		max-width: 1200px;
		text-align: center;
	}

	#discover .promo, #homesites .promo {
		position: relative;
		background:#fff2d6;
		border:4px solid #e0ae46;
		text-align: center;
		padding: 35px 20px;
		box-sizing: border-box;
	}
	.custom-landing-page #discover .promo {
		width: 65% !important;
	}
		.promo .title {
			font-size: 30px;
			color: #dfbd76;
		}
		.promo .promo-item {
			font-size: 45px;
			/*color: #5a5a5a;*/
			color:#000;
			padding-top: 10px;
		}
			.promo .button {
				position: absolute;
				left: 0;
				right: 0;
				text-align: center;
				bottom: -25px;
				z-index: 100;
			}

.discovery-container {
	display: block;
	text-align: center;
}

.what-to-expect {
	background:#212121;
	margin-top: 15px;
	position: relative;
	padding-bottom: 80px;
}
	.what-to-expect h3 {
		font-size: 45px;
		color: #dfbd76;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 60px;
	}

	.discov-item {
		display: inline-block;
		text-align: center;
		max-width: 240px;
		padding: 0 20px;
	}

	.discov-item .title {
		font-size: 27px;
		color:#dfbd76;
		padding: 20px 0;
	}
		.what-to-expect .book-tour {
			position: absolute;
			left: 0;
			right: 0;
			text-align: center;
			bottom: -23px;
		}
			.what-to-expect .book-tour  a {
				margin-top: 0;

			}


#discover .to-expect {
	font-size: 30px;
	color: #dfbd76;
	text-align: center;
	padding-top: 68px;
	padding-bottom: 40px;
}
	.to-expect span {
		color: #5a5a5a;
		font-size: 20px;
	}




/* Discover home */

	#discover-nanuku .one-col h2 {
		color: #dfbd76;
	}

		.see-nanuku .title {
			color: #5a5a5a;
			font-size: 45px;
			text-align: center;
			padding-bottom: 25px;
		}
			.see-nanuku .sec h3 {
				color: #777777;
				text-transform: uppercase;
				padding-bottom: 27px;
				line-height: .8em;
			}
	.two-ways .left-section {
		float: left;
		width: 50%;
		text-align: right;
		border-right: 1px solid #d5d5d5;
		padding-right: 45px;
		box-sizing: border-box;
	}
	.two-ways .right-section {
		float: right;
		width: 50%;
		text-align: left;
		padding-left: 45px;
		box-sizing: border-box;
	}
		.two-ways .sec {
			padding-top:20px;
			padding-bottom: 60px;
			line-height: 1.2em;
		}
	.two-ways {
		margin-bottom: 48px;
		padding:0 60px;
	}
		.two-ways .left-section .button {
			text-align: right;
		}
		.two-ways .right-section .button {
			text-align: left;
		}
			.two-ways .button {
				padding-top: 10px;
			}



/* Shared */


label {
	font-weight: normal;
}



.interior .one-col {
	margin:0 auto;
	max-width: 1200px;
	/*padding: 30px 0 35px 0;*/
	padding:30px 30px 35px;
	line-height: 1.2em;
}
	.interior .one-col h3 {
		text-align: center;
		font-size: 46px;
		/*color: #5a5a5a;*/
		color:#000;
		padding-bottom: 15px;
		line-height: 1.2em;
	}
		.interior .one-col h3 span {
			color: #dfbd76;
		}


/* Footer Styles */

.contact-info-container a {
	color: #fff;
}

#launch-map {
	background:url(../images/bg-launch-map.jpg) no-repeat center right;
	background-size: cover;
}
	#launch-map a {
		padding: 142px 0 142px 142px;
		display: block;
	}
	#launch-map .hr {
		background:#bea062;
		height: 2px;
		width: 60px;
	}
		#launch-map h3 {
			color: #bea062;
			font-size: 18px;
			letter-spacing: 8px;
			text-transform: uppercase;
			line-height: 2em;
		}
			#launch-map h3 span {
				color: #fff;
				letter-spacing: 0;
				font-size: 48px;
			}

#book-items .sec {
	float: left;
	width: 50%;
	font-size: 14px;
	text-align: center;
	padding: 85px 0;
}
	#book-items .sec a {
		color: #fff;
		background:rgba(216,170,77, .8);
		text-transform: uppercase;
		padding: 20px 80px;
		border:1px solid #fff;
		border-radius: 30px;
		letter-spacing: 4px;
	}
		#book-items .book-stay {
			background:url(../images/bg-book-your-stay.jpg) no-repeat center center;
			background-size: cover;
		}
		#book-items .book-tour {
			background:url(../images/book-discovery-tour.jpg) no-repeat center center;
			background-size: cover;
		}
#bottom-footer {
/* 	height: 100px; */
	background:#011828;
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	position: relative;
	padding-bottom: 35px;
}

.powered-by {
	top: 23px;
	position: absolute;
	right: 33px;
}

	.small-icon {
		text-align: center;
	}
	.copyright {
		padding: 23px 0 0 33px;
	}
#main-footer {
	background: #011828;
	position: relative;
	height: 60px;
}
	.footer-logo {
		display: inline-block;
		padding:11px;
	}
	#contact {
		position: absolute;
		left: 300px;
		top:0px;
		text-transform: uppercase;
		font-size: 12px;
		color: #fff;
		letter-spacing: 2px;
	}
		#contact .sec {
			display: inline-block;
		}
	.territory {
		color: #fff;
		background:url(../images/drop-down.png) no-repeat right center;
		padding: 23px 18px 24px 0;
		display: none !important;
	}
		#contact .sec span {
			color: #bea062;
			width: 120px;
			display: inline-block;
			text-align: right;
		}
			#contact .phone {
				padding: 18px 0 0 25px;
			}
			#contact .email {
				padding: 24px 0 24px 25px;
				background:url(../images/email.png) no-repeat left center;
				margin-left: 15px;
			}
		.contact-info .contact-title {
			display: none;
			position: absolute;
			color: #fff;
			background:url(../images/drop-down.png) no-repeat right center;
			padding: 23px 18px 24px 0;

		}
		.contact-info {
			position: relative;
		}
		.contact-info .location {
			display: none;
		}
			.united-states .contact-info .us-contact, .australia .contact-info .australia-contact, .new-zealand .contact-info .nz-contact, .fiji .contact-info .fiji-contact, .international .default{
				display: block;
			}

.home .book-visit .lvl1 {
	position: relative;
}
	.home #explore .book-visit .lvl1 ul {
		position: absolute;
		left: 0;
		right: 0;
		max-height: none;
		top:-148px;
		opacity: 0;
	}
		.home #explore .book-visit .lvl1:hover ul {
			opacity: 1;
			transition:all .3s ease-out;
		}
		.home #explore .book-visit .lvl2 a {
			font-size: 12px;
			padding: 20px;
		}
			.home #explore .book-visit .lvl2 a span {
				font-size: 13px;
			}
#explore {
	position: absolute;
	right: 0;
	top:0;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	font-size: 12px;
}
	#explore div {
		display: inline-block;
	}
	#explore .book-visit {
		position: relative;
		z-index: 1000;
	}
		#explore .book-visit ul li ul{
			max-height: 0;
			overflow: hidden;
			transition:all .5s ease-out;
			position: absolute;
			left: 0;
			right: 0;
			z-index: 10;
		}

			#explore .book-visit ul li.lvl1:hover ul {
				max-height: 200px;
			}
				#explore .primary:hover .explore-menu-drop {
					max-height: 600px;
				}
	#explore .book-visit a {
		display: block;
		background:#bea062;
		padding:25px 60px;
		color: #fff;
		font-size: 10px;
		text-align: center;
	}
		#explore .book-visit .lvl2 a {
			background:#ececec;
			font-size: 15px;
			color: #939393;
			text-align: center;
			text-transform: uppercase;
			line-height: 1.4em;
			padding: 20px;
		}
		#explore .book-visit .lvl2:first-child a {
			border-bottom: 1px solid #ccc;
		}
			#explore .book-visit .lvl2 a span {
				color: #bea062;
				font-size: 11px;
			}
	#explore .explore-menu li.primary {
		background:url(../images/drop-down.png) no-repeat 90% 27px;
		padding: 24px 100px 24px 24px;
		position: relative;
		cursor: pointer;
	}
	.explore-menu {
		margin-right: -5px;
	}
		.explore-menu ul > li > ul {
			position: absolute;
			left: 0;
			right: 0;
			top:60px;
			background: #ececec;
			z-index: 100;
			text-align: center;
		}
			.explore-menu .lvl1 ul {
				position: static;
			}
				.explore-menu a {
					color: #8b8b8b;
					font-size: 12px;
					display: block;
					padding: 10px 0;
					border-bottom: 1px solid #ccc;
				}
					.explore-menu a span {
						font-size: 20px;
					}
					.primary .lvl1 > a {
						background:#bea062;
						color: #fff;
					}
				.primary .lvl1.last a{
					border: none;
					padding: 15px 0;
				}
	.interior #explore .explore-menu-drop {
		max-height: 0;
		overflow: hidden;
/* 		display: none; */
		transition:max-height .5s ease-out, opacity .1s ease-out;
	}
		.interior .explore-menu li.primary:hover .explore-menu-drop {
			max-height: 500px;
		}
	.home .explore-menu ul > li > ul {
		top:-477px;
		transition: all .3s ease-out;
		opacity: 0;
	}
		.home #explore .explore-menu li.primary:hover {
			overflow: visible;
		}
		.home  #explore .primary:hover ul {
			top:-477px;
			opacity: 1;
		}
			.home #explore .primary {
				overflow: hidden;
			}

/*
		.blog ul > li > ul {
			top:60px !important;
		}
*/
		.blog #explore .explore-menu-drop {
			max-height: 0;
			overflow: hidden;
			transition:max-height .5s ease-out, opacity .1s ease-out;
		}

iframe[name=google_conversion_frame] {
  position: absolute;
  top: -26px;
  left: -200px;
}
.custom-landing-page #map {
	background: url('../images/LP-map.jpg') no-repeat 50% 50%;
	background-size: cover;
	min-height: 300px;
	position: relative;
	text-align: center;
}
	.custom-landing-page #to-expect {
		position: absolute;
		top: 20%;
		width: 40%;
		left: 30%;
		background: rgba(255, 255, 255, 0.6);
		border:4px solid #ffffff;
		text-align: center;
		padding: 35px 20px;
		box-sizing: border-box;
		color: #011828;
		font-size: 40px;
	}
	.custom-landing-page #map img {
		position: absolute;
		bottom: 0;
		left: -moz-calc(50% - 35px);
		left: -webkit-calc(50% - 35px);
		left: -o-calc(50% - 35px);
		left: calc(50% - 35px);
		margin-bottom: -33px;
	}
	.custom-landing-page .header-img, .available .header-img {
		background: url('../images/lp-header.jpg') no-repeat 50% 50% !important;
		background-size: cover !important;
		position: relative;
	}
	.custom-landing-page.nbr .header-img {
		background: url('../images/bg-villas.jpg') no-repeat 50% 43% !important;
		background-size: cover !important;
		position: relative;
	}
	.custom-landing-page.golf .header-img {
		background: url('../images/pearl-golf.jpg') no-repeat 50% 10% !important;
		background-size: cover !important;
		position: relative;
	}
	.custom-landing-page.sfo .header-img {
		background: url('../images/sfoflight.jpg') no-repeat 50% 30% !important;
		background-size: cover !important;
		position: relative;
	}
	.custom-landing-page.awards .header-img {
		background: url('../images/lifestyle-main-header.jpg') no-repeat 50% 50% !important;
		background-size: cover !important;
		position: relative;
	}
	.custom-landing-page.nows-time .header-img {
		background: url('../images/nows-time-header.jpg') no-repeat 50% 40% !important;
		background-size: cover !important;
		position: relative;
	}
	.custom-landing-page.villa-tini .header-img {
		background: url('../images/villa_tinikatolu_bg.jpg') no-repeat 20% 50% !important;
		background-size: cover !important;
		position: relative;
	}
	.custom-landing-page .header-img #play-button, .interior #play-button {
		position: absolute;
		top: -webkit-calc(50% - 75px);
		top: -moz-calc(50% - 75px);
		top: -o-calc(50% - 75px);
		top: calc(50% - 75px);
		left: -webkit-calc(50% - 75px);
		left: -moz-calc(50% - 75px);
		left: -o-calc(50% - 75px);
		left: calc(50% - 75px);
		z-index: 100;
		cursor: pointer;
	}

	.available .header-img {
		background:none;
	}

input.error, textarea.error {
	background: #fbb !important;
}

/* Begin Responsive Magic */
.intro-content a {
	color: #ca9f43;
}


@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {

	#logo {
		margin-top: -50px;
	}

}

@media screen and (max-height: 800px) {


	.inner-img {
		max-height: 200px;
	}

	#map-zoom1 .box-info {
		top:-100px;
		right: 50px;
		z-index: 100;
	}
}


@media screen and (max-width: 1600px) {
	#amenity-section .col-content, #homeDesigns-section .col-content, .combine .col-content {
		padding: 0 40px 0 20px;
	}
	.col-container .col-item {
		font-size: 15px;
	}
	.interior .one-col h3 {
		font-size: 35px;
	}

	}
@media screen and (max-width: 1470px) {

	.slider-title {
		font-size: 30px;
	}
	.slider-bottom .download a {
		display: block;
	}
	.slider-bottom .download {
		float: none;
	}
	.slider-bottom .download {
		padding-top: 15px;
	}
	.slider-title {
		bottom: 125px;
	}
	.slider-bottom p {
		display: block;
		box-sizing: border-box;
	}
	.slider-bottom {
		padding: 20px;
	}

}

@media screen and (max-width: 1350px) {

#three-col-items .col {
	float: none;
	width: 100%;
	margin: 0 0 150px;
}
#three-col-items .presales{
	border-left: none;
	border-right: none;
}
	#two-col-items .col {
		padding: 0 60px 50px;
	}

	#lifestyle-main {
		font-size: 18px;
	}
		.interior .col-item h3, .interior .one-col .col-descr h3 {
			font-size: 30px;
		}
	#launch-map a{
		padding:60px 0 60px 30px;
	}
		#launch-map h3 {
			line-height: 2.2em;
			font-size: 14px;
		}
			#launch-map h3 span {
				font-size: 42px;
			}
	#book-items .sec {
		padding: 65px 0;
		font-size: 12px;
	}
		#book-items .sec a {
			padding: 10px 40px;
		}
	#estates-section #two-col-items .col, #discover #two-col-items .col {
		height: 300px;
	}
		#estates-section .col h3, #discover .col h3 {
			left: 30px;
			bottom: 30px;
			font-size: 35px;
		}
	.inner-img {
		max-height: 250px;
	}
	.slider-inner-content .more {
		right: 20px;
	}
		.slider-inner-content {
			padding:35px 100px 35px 35px;
		}
	.slider-inner-content h3 {
		font-size: 30px;
	}
		#main-scroll .left-sec-content .slider-inner-content {
			padding:35px 35px 35px 100px;
		}
		#main-scroll .left-sec-content .more {
			left: 20px;
		}
	.stay h2, .live h2 {
		font-size: 25px;
	}
	.stay h4 {
		font-size: 16px;
	}
	.stay .right-sec, .live .left-sec {
		font-size: 16px;
	}
	.stay .right-container, .live .right-container {
		padding:80px 60px;
		box-sizing: border-box;
	}
	.stay img, .live img {
		width: 100%;
		max-width: 200px;
	}
	.button a {
		font-size: 13px;
	}
	#amenity-section .col-content, #homeDesigns-section .col-content, .combine .col-content {
		font-size: 14px;
	}
	.interior .col-item h3, .interior .one-col .col-descr h3 {
		font-size: 30px;
	}
}

@media screen and (max-width: 1500px) {

	#three-col-items .col .title span{
		font-size: 20px;
	}

}
@media screen and (max-width: 1300px) {

	#properties-section #two-col-items .descr, #homesites-section #two-col-items .descr{
		font-size: 16px;
	}
	#properties-section #two-col-items .col .title, #homesites-section #two-col-items .col .title{
		font-size: 38px;
	}
	#properties-section #two-col-items .col, #homesites-section #two-col-items .col {
		padding:0 30px 50px;
	}
	#map-zoom1 .icon-four .box-info {
		right: -50px;
	}
	#map-zoom1 .icon-one .box-info {
		width: 320px;
	}
	.contact-info {
		padding-left: 50px;
	}
		.contact-info .contact-title {
			display: block;
			cursor: pointer;
		}
		.contact-info-container {
			display: none;
			position: absolute;
			left: 0;
			right: 0;
			width: 319px;
			text-align: center;
			padding:11px 20px 0;
			box-sizing: border-box;
			top:60px;
			background: #08314d;
			z-index: 1000;
		}

/*
			.contact-info:hover .contact-info-container {
				display: block;
			}
*/
	#contact .sec span {
		display: inline;
		text-align: left;
	}
	#contact .phone {
		padding: 0;
	}
	#contact .email {
		padding: 15px 0 15px 30px;
	}
	#explore .explore-menu-drop, #explore .book-visit ul li ul {
		max-height: none !important;
		display: none;
		transition:none;
	}
	.home .contact-info-container {
		top:-77px;
	}

	.promo .promo-item {
		font-size: 30px;
	}
		.promo .title {
			font-size: 24px;
		}
	.what-to-expect h3 {
		font-size: 35px;
		padding:30px 20px;

	}
	.discov-item .title {
		font-size: 20px;
	}
	.discov-item {
		font-size: 18px;
		padding-bottom: 20px;
	}
	#discover .discover-img, #discover .promo {
		width: 96%;
	}
	#discover .to-expect {
		padding:50px 20px 30px 20px;
	}
	.box-info h3 {
		font-size: 40px;
	}
	.custom-landing-page #to-expect {
		padding: 30px 20px;
	}
	.custom-landing-page #to-expect {
		font-size: 32px;
	}



}
@media screen and (max-width: 1024px) {

	.social-media {
		right: 180px;
	}

	.slider-4 .more {
		display: inline-block;
		position: static;
		margin: 40px 0 0 0 !important;
		padding: 0 !important;
	}
	.blog #main-footer {
		position: static !important;
	}
	#main-footer {
		height: auto;
	}
	#explore .book-visit {
		position: static;
	}
	.built-products .big-col {
		height: 400px;
	}
	.home-designs .slider-container {
		float: none;
		width: 100%;
	}
	.slider-bottom {
		box-sizing: border-box;
		padding:20px;
	}
	#two-col-items .col {
		width: 100%;
	}
	#two-col-items .existing, #two-col-items .built-homes{
		margin-top: 100px;
	}
	#nanuku-audio {display: none;}

	#lifestyle-section .header-img {
		background:none;
		padding-top: 59px;
	}

	.three-sec .third-sec {
			height: 50%;
			width: 50%;
			background:url(../images/gallery-7.jpg) no-repeat center center !important;
			background-size: cover !important;
		}

	.four-sec .first-sec {
		width: 25%;
		height: 100%;
		background:url(../images/gallery-1.jpg) no-repeat center center;
		background-size: cover;
	}

	#multiple-gallery video {
		display: none;
	}



	.header-navi {
		background: url("../images/main-bg.jpg") no-repeat center center;
		background-size: cover;
		position: static;
	}

	.bg-video {
		display: none;
	}


	#amenity-section .col-container .col-item, #homeDesigns-section .col-container .col-item, .combine .col-container .col-item{
		width: 100%;
		float: none;
	}
	#amenity-section .col-content, #homeDesigns-section .col-content, .combine .col-content {
		height: auto !important;
		padding: 40px;
	}
	.header-img {
		height: 300px;
	}
	.three-col {
		padding-bottom: 0;
	}
	.three-col .col-item, .interior .grid-layout .one-col {
		float: none;
		width: 100%;
		padding-bottom: 20px;
	}
		.interior .grid-layout .one-col {
			max-width: none !important;
			padding-top: 0;
		}

	.interior .one-col {
		padding: 40px;
		box-sizing: border-box;
	}
		.interior .grid-layout .one-col {
			padding: 40px 0;
		}
			.interior .one-col h3 {
				font-size: 35px;
			}
	#launch-map a{
		padding: 30px 0 30px 15px;
	}
	#book-items .sec a {
		letter-spacing: 2px;
	}

	#estates-section #two-col-items .col, #discover #two-col-items .col {
		width: 100%;
		float: none;
	}
	.slider-inner-content h3 {
		font-size: 20px;
	}
	.slide-sec {
		font-size: 18px;
	}
	.inner-img {
		max-height: 400px;
	}
	.slide h3 {
		font-size: 30px;
	}
	.blog-sec-container {
		height: auto;
		padding-top: 0;
	}
	.blog-content .title h3, .blog-detail .title h3 {
		font-size: 35px;
	}
		.blog-content .title h3 span, .blog-detail .title h3 span {
			font-size: 18px;
		}
		.blog-info {
			font-size: 18px;
		}
		.blog-sec .top-shadow, .blog-sec .bottom-shadow {
			display: none;
		}
	#main-section {
		background:none;
		overflow: visible;
	}
	.home #main-footer {
		position: absolute;
		left: 0;
		right: 0;
		top:0;
	}
	.slider-inner-content, #main-scroll .left-sec-content .slider-inner-content {
		padding:35px;
		text-align: center;
	}
	.slider-inner-content .more {
		top:30px;
	}
	.slide h3 {
		text-align: center;
	}
	#explore {
		position: static;
	}
		.explore-menu {
			position: absolute;
			top:0;
			right: 5px;
			z-index: 1000;
		}
	#explore .book-visit {
		width: 100%;
/*
		position: absolute;
		z-index: 100;
*/
	}
	#main-scroll .slider-inner-content .more {
		font-size: 8px;
		padding: 8px;
		left: 50%;
		bottom: 32px;
		right: auto;
		top:auto;
		margin-left: -43px;
	}
	#main-scroll .right-sec-content .slider-inner-content h3 {
		padding: 0 0 20px;
	}
	#main-scroll .left-sec-content h3 {
		text-align: center;
	}

	#main-scroll .left-sec-content, #main-scroll .right-sec-content {
		position: static;
		opacity: 1;
		width: 100% !important;
	}

	.live, .stay, #contact, .header-navi .left, .header-navi .right {
		display: none;
	}
	.slider-2 {
		display: block;
	}

	.slide .left-sec, .slide .right-sec {
		height: 400px;
		width: 100%;
		position: relative;
	}
	.home #logo {
		display: block !important;
	}
	.left-sec-wrap, .right-sec-wrap {
		display: none;
	}
/*
	.views .header-text, .contact .header-text {
		padding-top: 60px;
	}
*/
	.gal-sec {
		padding: 0 0 60px 0;
	}

	#plane1 {
		margin-right: -150px;
		margin-top: -405px;
	}
	#plane2 {
		margin-left: -264px;
		margin-top: -399px;
	}
	#plane3 {
		margin-right: -305px;
		margin-bottom: -303px;
	}
	#plane4 {
		margin-top: -671px;
	}
	.plane1-location {
		margin-left: -321px;
		margin-top: -242px;
	}
	.plane2-location {
		margin-left: 101px;
		margin-top: -239px;
	}
	.plane3-location {
		margin-left: -317px;
		margin-top: 188px;
	}
	.plane4-location {
		margin-top: 222px;
		margin-left: -38px;
	}
	.listing-features .left-sec, .listing-features .right-sec{
		float: none;
		width: 100%;
	}
	.listing-features .left-sec, .listing-features .left-sec .button {
		text-align: center;
		border: none;
		padding:0 0 20px;
	}
	.listing-features .left-sec h3 {
		font-size: 30px;
	}
	.listing .intro-content h3.price {
		font-size: 24px;
		margin-top: 20px;
	}
	.custom-landing-page .header-img #play-button {
		width: 100px;
		height: 101px;
		top: -webkit-calc(50% - 50px);
		top: -moz-calc(50% - 50px);
		top: -o-calc(50% - 50px);
		top: calc(50% - 50px);
		left: -webkit-calc(50% - 50px);
		left: -moz-calc(50% - 50px);
		left: -o-calc(50% - 50px);
		left: calc(50% - 50px);
	}
	.custom-landing-page .header-img #play-button img {
		width: 100%;
		height: auto;
	}
	.direct-flight #to-expect {
		width: 90%;
		left: 5%;
	}
}

@media screen and (max-width: 768px) {

	.custom-landing-page .intro-content #video-overlay, .custom-landing-page .intro-content #play-button {
		display: none;
	}

	.mobile-exit {
		display: block;
	}

	.logo {
		display: inline-block;
	}

	.contact #contact-us .contact-info {
		width: 100%;
		float: none;
		padding:20px 0;
	}

	.social-media  {
		display: none;
	}

	#main-footer .social-media {
		padding: 10px 0;
		display: block;
	}

	#bottom-footer .social-media, #main-footer .social-media {
		position: static;
		text-align: center;
		display: block;
		padding-top: 20px;
	}
		.social-media ul li {
			float: none;
			display: inline-block;
		}
		.disclaimer {
			padding-left: 33px;
		}
	.youtube-videos  .video {
		width: 100%;
		float: none;
	}

	.powered-by {
		position: static;
		text-align: center;
		padding:40px 0 20px;
	}
	.built-products .big-col {
		height: 250px;
	}
	.gallery-list .list-img {
		width: 100%;1
	}
/*
	.home.blog #header {
		padding-top: 150px;
	}
*/
		.single #contentWrapper {
			padding-top: 60px;
		}

	.map .location {
		display: none;
	}
	#icon-container .icon {
		cursor: pointer;
	}

	.instagram-title {
		padding-top: 30px;
	}
		#instagram-item {
			width: 50%;
		}
	.see-nanuku .sec h3 {
		line-height: 1em;
	}

	.two-ways {
		padding: 0 20px;
	}

	.gal-sec {
		height: auto !important;
	}

	#gallery {
		overflow: hidden;
	}

	.four-sec {
		height: 800px;
	}

		.four-sec .sec {
			height: 200px;
		}
			.four-sec .gallery-col-container {
				height: 400px;
			}
	.gal-sec .three-sec {
		height: 1140px;
	}
		.gal-sec .three-sec .sec {
			height: 200px;
		}

	.two-ways .left-section, .two-ways .right-section {
		float: none;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
		text-align: center;
		border: none;
	}
		.two-ways .left-section {
			padding-bottom: 40px;
		}
		.two-ways .button {
			text-align: center !important;
		}
	.back-to {
		margin-top: 0;
	}
	.blog-content .title h3 {
		font-size: 28px;
	}
		.blog-content .title h3 span {
			font-size: 16px;
		}
		.blog-content .date {
			font-size: 13px;
		}

	.blog-container .blog-item {
		width: 90%;
	}
	#blog-section .header-text, .discover .header-text{
		padding-top: 50px;
	}
	.blog-item .blog-img {
		float: none;
		width: auto;
		display: block;
		text-align: center;
		padding-bottom: 20px;
		padding-right: 0;
	}
		.blog-item .blog-img img {
			display: inline-block;
		}
	.blog-item .blog-content {
		float: none;
		width: 100%;
	}
	.interior .one-col, #amenity-section .col-content, #homeDesigns-section .col-content, .combine .col-content {
		padding: 20px;
	}




	#launch-map h3 {
		font-size: 12px;
		line-height: 1.8em;
		margin-top: 4px;
	}
		#launch-map h3 span {
			font-size: 24px;
		}


	#book-items .sec {
		float: none;
		width: 100%;
		padding: 85px 0;
	}
	.copyright {
		padding: 20px 0;
		text-align: center;
	}
	.four-sec .gallery-col-container, .four-sec .third-sec, .four-sec .first-sec, .gal-sec .sec{
		width: 100%;
		overflow: hidden;
	}
/*
	#launch-map {
		padding: 30px 0 30px 15px;
	}
*/
		#launch-map h3 {
			font-size: 10px;
		}
		#launch-map h3 span {
			font-size: 18px;
		}
	#estates-section .col h3 {
		font-size: 25px;
	}
	#estates-section #two-col-items .col, #contact-section form .left, #contact-section form .right, #discover form .right, #discover form .left{
		width: 100%;
	}
	.map-logo {
		background-size: 100% !important;
		right: 5px;
		width: 100px;
		height: 40px;
		bottom: 5px;
	}
	.map-navi {
		right: 5px;
	}

/*
	#map-zoom1 {
		background-size: 800px !important;
	}
		#map-zoom1 .icon-one {
			left: 87px;
			top: auto;
			bottom: 52px;
		}
		#map-zoom1 .icon-two {
			right: 89px;
			left: auto;
			bottom: 203px;
		}
		#map-zoom1 .icon-three {
			right: 217px;
			top:84px;
		}
*/
/*
	#map-zoom1 #icon-container {
		height: 300px;
		width: 300px;
		margin-left: -150px;
		margin-top: -150px;
	}
*/

	#contact-section form {
		padding: 0 20px 20px;
	}
/*
	#discover {
		padding-top: 60px;
	}
*/
	.promo .promo-item, #discover .to-expect {
		font-size: 22px;
	}
	.promo .title {
		font-size:18px;
	}
	.to-expect span {
		font-size: 16px;
	}
		#contact-section form, #discover-section form {
			padding: 0 20px 20px;
		}
	#contact-section form .submit, #discover-section .submit {
		text-align: center;
	}

	#gallery-section1 {
		overflow: hidden;
	}
	.custom-landing-page #to-expect {
		position: absolute;
		top: 20%;
		width: 70%;
		left: 15%;
	}
	.custom-landing-page #map img {
		width: 55px;
		height: 55px;
		left: -moz-calc(50% - 27px);
		left: -webkit-calc(50% - 27px);
		left: -o-calc(50% - 27px);
		left: calc(50% - 27px);
		margin-bottom: -27px;
	}
}

@media screen and (max-width: 670px) {
	.slider-title {
		font-size: 23px;
	}

.box-info {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0 !important;
		top:auto !important;
		width: auto;
	}
	#map-zoom3 .icon-six .box-info, #map-zoom3 .icon-eight .box-info {
		width: auto;
	}
	.box-info h3 {
		font-size: 20px;
		padding: 5px 0;
	}

}

@media screen and (max-width: 640px) {

	.blog-content .title h3, #article h2.entry-title, .single-post #layout h1 {
		font-size: 22px !important;
		line-height: 1.2em;
	}

	.box-info .small-title {
		display: none;
	}

	.slider-inner-content h3 {
		font-size: 18px;
	}
	.slider-inner-content {
		font-size: 16px;
	}
	#launch-map {
		background: url("../images/bg-launch-map.jpg") no-repeat left center;
	}
	#explore .explore-menu li.primary {
		padding: 24px 50px 24px 24px;
	}
	#discover .promo {
		padding: 35px 20px 60px;
	}
	.what-to-expect h3, .interior .one-col h3 {
		font-size: 28px;
	}
	#discover-nanuku .one-col h2, .see-nanuku .title {
		font-size: 35px;
	}
	#instagram-item {
			width: 100%;
	}

}

@media screen and (max-width: 480px) {

	#map-zoom1 .icon-one {
		margin-left: -31.5%;
		margin-top: -14%;
	}
	#map-zoom1 .icon-two {
		margin-left: 13%;
		margin-bottom: -6%;
	}
	#map-zoom1 .icon-three {
		margin-right: 1%;
		margin-top: 14.5%;
	}

	#plane1 {
			margin-right: -33px;
			margin-top: -184px;
			width: 800px;
			height: 800px;
		}
			#plane1 img, #plane2 img, #plane3 img, #plane4 img {
				width: 100%;
			}
		#plane2 {
			margin-left: -121px;
			margin-top: -185px;
			height: 800px;
			width: 800px;
		}
		#plane3 {
			margin-right: -95px;
			margin-bottom: -137px;
			height: 800px;
			width: 800px;
		}
		#plane4 {
			margin-right: -52px;
			margin-top: -270px;
			height: 800px;
			width: 800px;
		}
		#map-zoom1 {
			background-size: 200% !important;
		}
		.custom-landing-page.direct-flight #map, .custom-landing-page.villa-tini #map, .custom-landing-page.nows-time #map {
			min-height: 400px;
		}


}


	@media screen and (max-width: 320px) {
		#book-items .sec a {
			letter-spacing: 0;
		}

	}


@media screen and (min-width: 990px) {

	.nav li span {
	display: block;
	padding: 2px 20px;
	border-right: 1px solid #ddeaf0;
	color: #000;
	line-height: 20px;
}

	#main-nav {
		padding-top: 10px;
	}

	.navbar {
		position: absolute;
		left: 0;
		right: 0;
		top:50%;
		transform: translateY(-50%);
		margin:0;
		max-width: 1000px;
		width: 96%;
		margin: 0 auto;
		min-height: inherit;
	}
	.navbar-nav {
		width: 100%;
	}

	.navbar-nav > li {
		display: inline-block;
		float: none;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 5px;
		padding-bottom: 10px;
	}
		.navbar-nav a, .navbar-nav span {
			transition: all .3s ease-out;
		}
		.navbar-nav > li:hover > a, .navbar-nav > li:hover span {
			background: none;
			color: #bbe0f0;
		}
		.navbar-nav > li > a {
			color: #000;
			border-right: 1px solid #ddeaf0;
			padding: 2px 20px;
		}
			.navbar-nav li:last-child > a {
				border-right: none;
			}
				.navbar-nav .dropdown-menu li:hover > a {
					background: #1494cb;
					color: #fff;
				}

			.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
				background: none;
				color: inherit;
				border-color: inherit;
			}
				#main-nav .nav .open > a {
					color: #1494cb;
				}

			.dropdown > .dropdown-menu	{
				left: 50%;
				transform: translateX(-50%);
				float: none;
			}

		.dropdown:hover .dropdown-menu {
		    display: block;
		    margin-top: 0;
		}

	.dropdown-menu {
/* 		right: 0; */
		text-align: center;
		background: rgba(255,255,255, .8);
		padding: 0;
		box-shadow: none;
		border: none;
	}
		.dropdown-menu > li > a {
			padding: 10px 20px;
		}
			dropdown-menu li a:hover {
				background: #1494cb;
				color: #fff;
			}

}

@media screen and (max-width: 1160px) {

	.header-overlay .main-title h1 {
		font-size: 90px;
	}
		.header-overlay .main-title h1 span {
			font-size: 22px;
		}

}

@media (max-width: 767px) {
	
	.blog.single #layout {
		padding-left:50px;
	}

	.shareaholic-share-buttons-container {
		top:25% !important;
	}

}



/*
	@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px) {

	.video-sec iframe {
	    	width: 100%;
	    	height: 100%;
	    	position: absolute;
	    	left: 0;
	    	right: 0;
	    	bottom: 0;
	    	top: 0;
	    	z-index: 13;
	    	opacity: 0;
    	}

	 }
*/

	@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
	.video-sec iframe {
	    	width: 100%;
	    	height: 100%;
	    	position: absolute;
	    	left: 0;
	    	right: 0;
	    	bottom: 0;
	    	top: 0;
	    	z-index: 13;
	    	opacity: 0;
    	}

}


@media screen and (max-width: 990px) {

	.home .header-sec {
		position: static;
	}

	.home .header-sec.change {
		position: fixed;
	}
/*
	.video-sec .play-button {
		display: none;
	}
*/
	.video-ready .video-sec iframe {
		opacity: 1;
	}
		.video-sec iframe {
	    	width: 100%;
	    	height: 100%;
	    	position: absolute;
	    	left: 0;
	    	right: 0;
	    	bottom: 0;
	    	top: 0;
	    	z-index: 13;
	    	opacity: 0;
    	}

	.down-arrow {
		padding-top: 10px;
	}
	.video-sec {
		margin-top: -60px;
		text-align: center;
	}
	.video-sec .right-sec {
		position: static;
		transform: none;
		padding-top: 40px;
		padding-bottom: 80px;
	}
	.main-content .container {
		margin: 0 auto;
		padding:20px;
	}
	.top-sec-col {
		margin-top: 30px;
	}
	.top-sec-col .pull-right {
		float: none;
	}
	.footer-sec .left-sec, .footer-sec .right-sec {
		background: none;
		border: none;
	}
	.top-sec-col .left-sec img, .top-sec-col .right-sec img {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		z-index: 2;
		transform: none;
	}
	.left-sec .pull-right, .right-sec .pull-left {
		float: none !important;
		background: #f6f5f1;
		margin-top: -20px;
	}
		.left-sec .pull-right {
			margin-top: -60px;
		}
		.top-sec-col .right-sec {
			margin-top: 40px;
		}
	.navbar .last {
		display: block;
	}
	.mobile-icon {
		display: block;
		position: absolute;
		top:10px;
		right: 10px;
	}
	.mobile-icon a {
		display: inline-block;
	}
	.navbar-nav {
		text-align: left;
		font-size: 18px;
	}
	.header-sec .navbar, .contact-us {
		display: none;
	}
	.navbar-nav > li {
		display: block;
		float: none;
	}
	.mm-list > li > a, .mm-list > li > span {
		padding: 20px;
	}
	.navbar li:hover a {
		background: none;
	}
}



@media screen and (max-width: 600px) {



		.header-sec.change .mobile-icon {
			top:8px;
		}

	.video-sec {
		margin-top: 0;
	}
 	.logo a {
	 	padding:5px;
 	}
  	.footer-sec .bottom-sec {
	 	padding: 20px;
 	}
 	.home .wrapper .header-img {
	 	height: 400px;
	 	background: url(../images/mobile-header.jpg) no-repeat center center;
	 	background-size: cover;
 	}
 	.home .header-img img {
	 	display: none;
 	}
/*
 		.header-img img {
	 		display: none;
 		}
*/
 	.header-overlay .main-title h1 {
	 	font-size: 40px;
	 	line-height: .8em;
 	}
 		.header-overlay .main-title h1 span {
	 		font-size: 16px;
	 		letter-spacing: 2px;
 		}
 	.video-sec .right-sec {
	 	padding-bottom: 40px;
 	}
}


/* lead popup form */

#popupform {
	font-family: 'LeituraSans-Grot1';
}

#popupform h2 {
	/*color:#7bab41;*/
	color:#1494cb;
    text-align: center;
    font-family: 'luxiadisplay';
	text-transform: capitalize;
	font-size: 22px;
    
}

#popupform p {
	text-align: center;
	border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
	padding: 10px 0;
    line-height: 22px;
	margin-top: 15px;
}

.leadbrochure {
    margin: auto;
    display: none;

}

#popupform .popformcontainer{

}

#popupform label {

}

#popupform input[type="submit"] {
	color: #fff;
    background: #7bab41;
    padding: 9px;
    margin-top: 15px;
    font-size: 17px;
    letter-spacing: 2px;
    border: none;
    display: block;
    width: 61%;
    margin-left: 54px;
	
}

@media (min-width: 768px) {

#popupform { padding:25px 10px;}

#popupform h2 {font-size: 42px;}

#popupform p { padding:25px 0;}

.leadbrochure {float: left;width: 36%; margin-top: 24px; display: block; }

#popupform .popformcontainer{ width: 60%;float: right;}

#popupform label { }	
	
}

@media (min-width: 992px) {  

#popupform {}

#popupform h2 {font-size: 36px; margin-bottom: 30px;}
	
#popupform br { display:none;}

#popupform p {padding: 25px 40px;font-size: 20px;line-height: 26px; margin-bottom: 30px;}

.leadbrochure {width: 45%;margin-top: 0;}

#popupform .popformcontainer{ width: 48%;float: right;}

#popupform label {}		
	
}

@media (min-width: 1200px) {
	
#popupform {}

#popupform h2 {}

#popupform p {}

.leadbrochure {}

#popupform .popformcontainer{}

#popupform label {}		

}



/* newsletter landing pages */

/**
 * @license
 * MyFonts Webfont Build ID 3355612, 2017-03-07T16:03:01-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: LeituraSans-Italic4 by DSType
 * URL: http://www.myfonts.com/fonts/dstype/leitura-sans/italic-4/
 * 
 * Webfont: LeituraSans-Grot1 by DSType
 * URL: http://www.myfonts.com/fonts/dstype/leitura-sans/grot-1/
 * 
 * Webfont: LeituraSans-Italic3 by DSType
 * URL: http://www.myfonts.com/fonts/dstype/leitura-sans/italic-3/
 * 
 * Webfont: LeituraSans-Italic2 by DSType
 * URL: http://www.myfonts.com/fonts/dstype/leitura-sans/italic-2/
 * 
 * Webfont: LeituraSans-Grot4 by DSType
 * URL: http://www.myfonts.com/fonts/dstype/leitura-sans/grot-4/
 * 
 * Webfont: LeituraSans-Italic1 by DSType
 * URL: http://www.myfonts.com/fonts/dstype/leitura-sans/italic-1/
 * 
 * Webfont: LeituraSans-Grot3 by DSType
 * URL: http://www.myfonts.com/fonts/dstype/leitura-sans/grot-3/
 * 
 * Webfont: LeituraSans-Grot2 by DSType
 * URL: http://www.myfonts.com/fonts/dstype/leitura-sans/grot-2/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3355612
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2006 by Dino dos Santos _DSType. All rights reserved.
 * 
 * © 2017 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3333dc");

  
@font-face {font-family: 'LeituraSans-Italic4';src: url('../fonts/3333DC_0_0.eot');src: url('../fonts/3333DC_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3333DC_0_0.woff2') format('woff2'),url('../fonts/3333DC_0_0.woff') format('woff'),url('../fonts/3333DC_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'LeituraSans-Grot1';src: url('../fonts/3333DC_1_0.eot');src: url('../fonts/3333DC_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3333DC_1_0.woff2') format('woff2'),url('../fonts/3333DC_1_0.woff') format('woff'),url('../fonts/3333DC_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'LeituraSans-Italic3';src: url('../fonts/3333DC_2_0.eot');src: url('../fonts/3333DC_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3333DC_2_0.woff2') format('woff2'),url('../fonts/3333DC_2_0.woff') format('woff'),url('../fonts/3333DC_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'LeituraSans-Italic2';src: url('../fonts/3333DC_3_0.eot');src: url('../fonts/3333DC_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3333DC_3_0.woff2') format('woff2'),url('../fonts/3333DC_3_0.woff') format('woff'),url('../fonts/3333DC_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'LeituraSans-Grot4';src: url('../fonts/3333DC_4_0.eot');src: url('../fonts/3333DC_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3333DC_4_0.woff2') format('woff2'),url('../fonts/3333DC_4_0.woff') format('woff'),url('../fonts/3333DC_4_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'LeituraSans-Italic1';src: url('../fonts/3333DC_5_0.eot');src: url('../fonts/3333DC_5_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3333DC_5_0.woff2') format('woff2'),url('../fonts/3333DC_5_0.woff') format('woff'),url('../fonts/3333DC_5_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'LeituraSans-Grot3';src: url('../fonts/3333DC_6_0.eot');src: url('../fonts/3333DC_6_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3333DC_6_0.woff2') format('woff2'),url('../fonts/3333DC_6_0.woff') format('woff'),url('../fonts/3333DC_6_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'LeituraSans-Grot2';src: url('../fonts/3333DC_7_0.eot');src: url('../fonts/3333DC_7_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3333DC_7_0.woff2') format('woff2'),url('../fonts/3333DC_7_0.woff') format('woff'),url('../fonts/3333DC_7_0.ttf') format('truetype');}

@font-face {
    font-family: 'luxiabold_display';
    src: url('../fonts/luxia-bolddisplay-webfont.woff2') format('woff2'),
         url('../fonts/luxia-bolddisplay-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'luxiadisplay';
    src: url('../fonts/luxia-display-webfont.woff2') format('woff2'),
         url('../fonts/luxia-display-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.newsletter-landing {
	color:#000;
	font-family: 'LeituraSans-Grot2';
}

.newsletter-landing .intro-content iframe {
	margin-bottom: 40px;
}

.newsletter-landing .intro-content img {
	margin-bottom: 30px;
}

.newsletter-landing h1,
.newsletter-landing h2,
.newsletter-landing h3,
.newsletter-landing h4,
.newsletter-landing h5{
	color:#112323;
	font-family: 'luxiadisplay';
}

.newsletter-landing .one-col {
	max-width: 900px;
}

.newsletter-landing .intro-content a {
	color: #0000EE;
	font-weight:bold;
	text-decoration:underline;
}

.newsletter-landing #discover .promo {
	padding: 35px 20px 50px;
	max-width:900px;
	background:#e2ddcb;
	border-color:#2c4a28;
}

.newsletter-landing #discover .promo .promo-item {
    color: #000;
	font-family: 'luxiadisplay';
}

.newsletter-landing #discover .promo .title {
    color: #ef3e2e;
}

.newsletter-landing .button a {
    background: #7bab41;
}

.newsletter-landing .one-col h3 {
	font-size: 30px;
}

.newsletter-landing .intro-content p {
    margin-bottom: 20px;
	margin-top: 0;
}

.newsletter-landing ul {
	padding-left: 40px;
	margin-bottom:20px;
}

.newsletter-landing li {
	list-style-type: disc;
}


/* Feb */
.feb-landing .header-img {
	   background: url(../newsletter/assets/banner-2-28-2017-4.jpg) no-repeat center center;
	background-size: cover;
}

.feb-landing.interior .one-col h3 {
    font-size: 31px;
}

/* May */

.may-landing .header-img {
	   background: url(../newsletter/assets/banner-5-16-2017.jpg) no-repeat center center;
	background-size: cover;
}

/* July */
.july-landing .header-img {
	   background: url(../newsletter/assets/banner-7-14-2017.jpg) no-repeat center center;
	background-size: cover;
}

.asterix {
	font-family: arial, 'sans-serif';
}