/********** General **********/

@import url('https://fonts.googleapis.com/css?family=Poppins:300,600');
* { outline: none; text-decoration: none; -webkit-tap-highlight-color: transparent; }
html, body, #body { width: 100%; height: 100%; margin: 0; padding: 0; background: #FFF; }
.center { width: 100%; max-width: 1380px; margin: auto; padding: 0 70px; box-sizing: border-box; position: relative; }
.cover, .nav-cover { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(40,40,40,.7); z-index: 100; display: none; }
.nav-cover { position:absolute; }
.nav-header { width:100%; max-width:400px; height:80px; background:#FFF; position:absolute; top:0; right:-400px; transition:.3s; z-index:200; border-bottom: 1px solid rgba(255,255,255,.1); }
body { overflow-x:hidden; }
body.dropped .nav-header { right:0; }
body:not(.scroll).dropped .hamburger { top:-15px; }
a, button, input[type='submit'] { transition: .2s; }
.videos { max-width: 900px; margin-bottom: 70px !important; height: auto !important; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.screen-reader-response { display: none; }
hr { margin: 0 0 40px; border: none; border-top: 1px solid rgba(255,255,255,.3); }

/* Buttons */

.button, .nf-previous, .nf-next, .nf-fu-fileinput-button, .field-wrap.submit-wrap input { height: 46px; padding: 0 20px; font: 300 14px/43px 'Poppins' !important; color: #EEA635 !important; letter-spacing: 1px; background: none; border: 1px solid #EEA635; display: inline-block; box-sizing: border-box; border-radius: 100px; position: relative; cursor: pointer; }
.button i { margin: 0 -1px 0 7px; font-size: 15px; position: absolute; top: 2px; right: 0; opacity: 0; transition: .2s; }
.button.small { height: 40px; font-weight: 300 !important; font-size: 15px !important; line-height: 40px !important; letter-spacing: .4px; text-transform: none; }
.button.small i { font-size: 14px; }
.button.fill, .nf-previous, .nf-next, .nf-fu-fileinput-button, .field-wrap.submit-wrap input { background: #EEA635; background-position: center; background-size: 300px; border: none; color: #FFF !important; font-weight: 600 !important; line-height: 48px !important; }
.button.fill i { top: 1px; }
.container { height: 100%; box-sizing: border-box; }

.subscribe button, .enquiry .button { color: #FFF !important; background: #FFF !important; border: none !important; }
.subscribe button i, .enquiry .button i { color: #FFF !important; }

/* Hovers */

.hover .button:hover { padding: 0 43px 0 25px; }
.hover .button:hover i { right: 19px; opacity: 1; }
.hover .button.outline:hover, .hover .button.white:hover { color: #FFF; background: #EEA635; }
.hover .button.outline:hover i, .hover .button.white:hover i { color: #FFF; }
.hover input[type='submit'].button:hover { padding:  0 23px; }

/* Responsive */

@media (max-width:1024px) {
	body {  -webkit-overflow-scrolling: touch; }
	.center { padding:0 50px; }
}

@media (max-width:640px) {
	.center { padding:0 30px; }
}



/********** Header **********/



header { width: 100%; height: 100px; padding-top: 32px; background: #FFF; position: absolute; top: 0; left: 0; z-index: 999; -webkit-backface-visibility: hidden; }
header .logo img { width: auto; height: 55px; position: absolute; top: 20px; left: 67px; z-index: 1; }
header .book-nav { position: absolute; top: 29px; right: 70px; z-index: 100; }
header .book-nav .phone { height: 42px; margin-right: 20px; font: 300 16px/40px 'Poppins'; color: #444; letter-spacing: .5px; box-sizing: border-box; }
header .book-nav .phone a { color:#444; }
header .book-nav .button { float: right; }
body.scroll header { padding: 0; position: fixed; }

nav { width: 100%; position: absolute; top: 0; right: 0; }
.menu-header-menu-container > ul { margin: auto; padding: 0; list-style: none; display: table; }
.menu-header-menu-container > ul > li { float: left; position: relative; }
.menu-header-menu-container > ul > li > a { height: 100px; color: #262B57; display: block; position: relative; font: 600 16px/100px 'Poppins'; letter-spacing: .2px; cursor: pointer; padding: 0 12px; border: 1px solid transparent; box-sizing: border-box; }
.menu-header-menu-container > ul > li ul { min-width: 170px; margin: 0; padding: 0; position: absolute; top: 100px; left: 0; list-style: none; display: none; opacity: 0; }
.menu-header-menu-container > ul > li ul li { margin: 0; padding: 0; float: none; }
.menu-header-menu-container > ul > li ul li a { padding: 0 20px; font: 300 14px/50px 'Poppins'; color: #666; letter-spacing: .5px; background: #F5F5F5; border-bottom: 1px solid #EEE; display: block; white-space: nowrap; }
.menu-header-menu-container > ul > li ul li:last-child a { border: none; }
.menu-header-menu-container > ul > li.has-children:after { content: ''; width: 0; height: 0; border: solid transparent; border-color: rgba(254, 242, 220, 0); border-bottom-color: #FEF2DC; border-width: 20px; display: block; position: absolute; bottom: -80px; left: 50%; margin-left: -20px; opacity: 0; transition: bottom .3s ease, opacity .3s ease-in-out; pointer-events: none; }
nav ul li.icon a { padding: 0 13px; cursor: pointer; }
nav ul li i.ion-android-pin { font-size: 17px; position: relative; top: 1px; }
nav ul li i.ion-search { font-size: 18px; line-height: 39px; position: relative; top: 1px; }

/* Hovers */

.hover nav a:hover { color: #262B57 !important; z-index: 1; }
.hover header .book-nav .button:hover { padding: 0 25px; }
.hover .menu-header-menu-container > ul > li > a:hover { opacity: .7; }

/* Responsive */

@media (max-height:800px), (max-width:1366px) {
	header { height: 80px; }
	header .logo img { top: 10px; }
	header .book-nav { top: 17px; }
	.menu-header-menu-container > ul > li ul { top: 80px; }
	.menu-header-menu-container > ul > li > a { font-size: 16px; }
	nav ul li.icon a { line-height: 38px; }
	.menu-header-menu-container > ul > li > a { height: 80px; line-height: 76px; }
}

@media (max-width:1200px) {
	.menu-header-menu-container > ul > li > a { padding: 0 10px; font-size: 14px; }
}

@media (max-width:1024px) {
	header { overflow: hidden; }
	header .logo img { left: 50%; transform:translateX(-50%); }
	body.dropped { overflow:hidden; }
	body.dropped nav { right:0; }
	body.dropped .book-nav { right:-30px; opacity:1; }
	nav { width:100%; max-width:400px; position:fixed; top:80px; right:-400px; background:#FFF; height:calc(100% - 80px); overflow-y:scroll; -webkit-overflow-scrolling: touch; transition:.3s; z-index:200; }
	.menu-header-menu-container > ul { display:block; }
	.menu-header-menu-container > ul > li {  float: none; text-align:center; border-bottom:1px solid #EEE; background: #FFF; }
	.menu-header-menu-container > ul > li.has-children { border:none; }
	.menu-header-menu-container > ul > li > a { height: 70px; border:none; font-weight: 600; line-height:70px; }
	.menu-header-menu-container > ul > li > a:after { content:'\f3d3'; font-family:ionicons; font-size:14px; font-weight: 600; position:absolute; top:0; right:30px; }
	.menu-header-menu-container > ul > li ul { display: block; position: relative; top: auto; opacity: 1; }
	.menu-header-menu-container > ul > li ul li a { border-top:1px solid rgba(0,0,0,.06) !important; }
	header .book-nav { width:100%; max-width:400px; height:80px; position:fixed; top:19px; right:-430px; text-align:center; transition:.3s; z-index:400; opacity:0; }
	header .book-nav .button { float:left; }
	header .book-nav .phone { width:42px; height:42px; margin:0 0 0 2px; line-height:43px; float:left; background:#EEA635; color:#FFF; cursor:pointer; border-radius:3px; }
	header .book-nav .phone span { display:none; }
	header .book-nav .phone:before { content:'\f4b9'; font-family:ionicons; font-size:18px; }
}

@media (max-width:640px) {
	header nav { width:100%; }
}

@media (max-width:350px) {
	header nav, .nav-header { right:-100%; }
	header .logo { width:100%; height:80px; position:absolute; top:0; left:0; }
	header .logo img { width:calc(100% - 115px); max-width:222px; min-width:150px; height:auto; top:calc(50% - 1px); left: 25px; transform:translateY(-50%); }
}



/********** Mobile Menu **********/



.hamburger { position: absolute; top: 15px; right: 40px; overflow: hidden; margin: 0; padding: 0; width: 39px; height: 50px; font-size: 0; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.2s; display: none; z-index:400; -webkit-user-select: none; }
.hamburger:focus {outline: none;}
.hamburger span { display: block; position: absolute; top: 24px; left: 10px; right: 10px; height: 2px; background: #EEA635; }
.hamburger span::before, .hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #EEA635; content: ""; }
.hamburger span::before {top: -6px;}
.hamburger span::after {bottom: -6px;}
.hamburger span {transition: background 0.2s 0s;}
.hamburger span::before, .hamburger span::after { transition-duration: 0.2s, 0.2s; transition-delay: 0.2s, 0s; }
.hamburger span::before {transition-property: top, transform;}
.hamburger span::after {transition-property: bottom, transform;}
.hamburger.is-active span {background: #FFF;}
.hamburger.is-active span::before { top: 0; transform: rotate(45deg); background-color: #EEA635; }
.hamburger.is-active span::after { bottom: 0; transform: rotate(-45deg); background-color: #EEA635; }
.hamburger.is-active span::before, .hamburger.is-active span::after {transition-delay: 0s, 0.2s;}

/* Responsive */

@media (max-width:1024px) {
	.hamburger { display: block; }
}

@media (max-width:1024px) and (min-width:768px) {
	.hamburger { width: 42px; }
	.hamburger span::before {top: -7px;}
	.hamburger span::after {bottom: -7px;}
}

@media (max-width:640px) {
	.hamburger { right: 20px; }
}



/********** Sections **********/



.section { margin-bottom: 40px; font: 300 16px/26px 'Poppins'; color: #666; position: relative; display: table; width: 100%; }
.section:after { content: ''; clear: both; display: block; }
h1, .h1, h2, .h2 { margin: 0 0 30px; padding: 0; font: 600 32px/35px 'Poppins'; color: #EEA635; letter-spacing: .5px; }
h1 span, h2 span { font-size: 16px; line-height: 22px; letter-spacing: 1px; display: block; }
h3, .h3 { margin: 0 0 27px; padding: 0; font: 600 22px/30px 'Poppins'; color: #; }
h4, .h4 { margin: 0 0 30px; padding: 0; font: 600 18px/22px 'Poppins'; color: #666; }
h5, .h5 { margin: -18px 0 3px; padding: 0; font: 300 22px/30px 'Poppins'; color: #EEA635; }
h5 span, .h5 span { font: 300 22px/25px 'Poppins'; }
p { margin: 0 0 30px; padding: 0; letter-spacing: .2px; }
p.small { font: 300 14px/22px 'Poppins'; opacity: .6; }
ul, ol { margin: 0 0 30px; padding: 0; }
ul li p, ol li p { margin: 0; }
.container p a { color: #EEA635; font-weight: 300; }
h1 a, h2 a { color: #EEA635; }
.text ul, .text ol { margin-bottom: 30px; }
.text li { list-style: none; }666
.text li:before { width: 8px; height: 4px; content: ''; display: inline-block; position: relative; top: -3px; margin-right: 7px; background: url(images/li.png); background-size: 100% 100%; }

/*@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { h5, .h5, h1, h2, .h1, .h2 { background:url(images/gold.jpg); background-size:100%; -webkit-background-clip:text; background-position: center; -webkit-text-fill-color:transparent; }}*/

/* Hovers */

.hover .container p a:hover { color: #444; }
.hover h1 a:hover, .hover h2 a:hover { color: #444; }

/* Responsive */

@media (max-width:480px) {
	h1, .h1, h2, .h2 { font-size: 26px; line-height: 31px; }
	h5, .h5 { font-size: 18px; line-height: 25px; }
}



/********** Banner **********/



.banner { margin-bottom: 0; padding: 170px 0 40px; color: #FFF; text-align: center; background: #FFF; position: relative; z-index: 1; }
.banner.show-booking { padding-bottom: 120px; }
.banner .back { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; opacity: .2; }
.banner h5 .date { font: 600 20px/27px 'Poppins'; }
.banner .slideshow { margin: 37px 0 40px; }
.banner .categories { margin: 0 auto 30px; padding: 30px 0 0; list-style: none; display: table; }
.banner .categories li { float: left; }
.banner .categories a { margin: 0 7px; padding: 0 15px; font: 600 15px/46px 'Poppins'; color: #444; float: left; background: rgba(245,158,48,.15); border-bottom: 1px solid rgba(0,0,0,.05); border-right: 1px solid rgba(0,0,0,.05); border-radius: 3px; }
.banner-hero { padding: 220px 0 130px; }
.banner-hero img { width: 100%; max-width: 770px; height: auto; display: table; margin: 0 auto 30px; }
.banner-hero .button { display: inline-block; }

/* Hovers */

.hover .banner .categories a:hover { background: #EEA635; color: #FFF; }

/* Responsive */

@media (max-height:800px), (max-width:1366px) {
	.banner-hero { padding: 185px 0 100px; }
	.banner-hero img { max-width: 600px; margin: 0 auto 25px; }
}

@media (max-width:1024px) {
	.banner .categories { width: 100%; max-width: 400px; margin: 0 auto 30px; }
	.banner .categories li { width: 100%; margin: 0 0 10px; display: block; }
	.banner .categories li:last-child { margin: 0; }
	.banner .categories a { width: 100%; margin: 0; padding: 0; font: 600 18px/46px 'Poppins'; display: block; }
}

@media (max-width:480px) {
	.banner-hero { padding: 175px 0 85px; }
	.banner h5 span { display: none; }
	.banner h5 .date { display: block; }
}



/********** Text **********/



.text { max-width: 1050px; margin-left: auto; margin-right: auto; margin-bottom: 35px; }
.text.text-center { max-width: 1050px; margin-left: auto; margin-right: auto; margin-bottom: 35px; text-align: center; }
.text:first-child { margin-top: 70px; }
.text .button { margin: 0 auto 38px; display: table; }
.text .tags { margin: 70px 0 0; padding: 0; list-style: none; }
.text .tags:after { content: ''; clear: both; display: block; }
.text .tags li { margin: 0 10px 10px 0; float: left; }
.text .tags li a { padding: 0 15px; font: 300 15px/40px 'Poppins'; color: #444; display: block; border-radius: 3px; background: #F5F5F5; box-shadow: 1px 1px 0 rgba(0,0,0,.08); }
.text .tags li:first-child { margin: 0 20px 0 0; line-height: 38px; }
.text img { width: 100%; height: auto; display: block; margin: 40px 0; border-radius: 3px; }

.text.text-layout2 { text-align: left; }

.text.text-columns { margin-bottom: 70px; }
.text.text-columns .center { columns: 200px 2; text-align: left; column-gap: 40px; }

.text-feature { width: 100%; margin-bottom: 70px; padding: 150px 0 80px; background: #AE9B93; position: relative; overflow: hidden; }
.text-feature .back { width: 100%; height: 100%; background-position: center; background-size: cover; background-attachment: fixed; position: absolute; top: 0; left: 0; opacity: .4; }
.text-feature .text { z-index: 1; }
.text-feature .text * { color: #FFF; letter-spacing: 0; position: relative; z-index: 1; }
.text-feature .text .center:before { content: attr(data-title); font: 200px/10px 'just-lovely'; color: #FFF; position: absolute; top: 0; left: 50%; transform: translateX(-50%); white-space: nowrap; text-transform: lowercase; opacity: .2; }

.text .icons { margin: 0 auto 30px; display: table; font: 300 14px/18px 'Poppins'; text-align: center; }	
.text .icons .icon img { opacity: .9; }
.text .icons .icon .size { height: 31px; margin: 0 auto 5px; font-size: 20px; line-height: 36px; display: block; font-weight: 300; }
.text .icons .icon .size span { font-size: 16px; font-weight: 300; }
.text .icons .icon .size sup { font-size: 11px; font-weight: 300; }

.text .price { margin: 0 auto 35px; padding: 0; list-style: none; background: #F5F5F5; color: #666; display: table; border-radius: 100px; overflow: hidden; }
.text .price li { padding: 15px 25px 12px; display: inline-block; border-right: 1px solid #E5E5E5; }
.text .price li:before { display: none; }
.text .price li:last-child { border: none; }
.text .price span { margin-left: 5px; font-size: 16px; font-weight: 600; }

/* Hovers */

.hover .text .tags li a:hover { background: #EEE; box-shadow: 1px 1px 0 rgba(0,0,0,.1); }

/* Responsive */

@media (max-width:640px) {
	.text-feature { padding: 70px 0 0; }
	.text-feature .back { opacity: .3; }
	.text .price { width: 100%; }
	.text .price li { display: block; border: none; text-align: center; border-bottom: 1px solid #E5E5E5; }
}

@media (max-width:480px) {
	.text p { text-align:left; }
	.text .icons { width: calc(100% + 10px); margin: 0 -5px 30px; }
	.text .icons .icon { width: 25%; margin: 0; }
}

@media (max-width:380px) {
	.text .icons { max-width: 200px; margin: 0 auto 10px; }
	.text .icons .icon { width: 50%; margin-bottom: 20px; }
}



/********** Box Slider **********/



.box-slider { margin-bottom: 0; padding: 170px 0 70px; text-align: center; background: #FFF; overflow: hidden; }
.box-slider .caroufredsel_wrapper { height: 580px !important; overflow:visible !important; }
.box-slider .item { margin:0 20px; display:block; float:left; position: relative; opacity: .5; transition: .6s; }
.box-slider .item .thumb { width:800px; height:auto; display: block; }
.box-slider .item .details { width: 100%; height: 100px; font: 300 14px/18px 'Poppins'; color: #FFF; letter-spacing: .5px; background:rgba(34,34,34,.7); overflow:hidden; position: relative; }
.box-slider .item .details .detail { opacity: .25; transition: .6s; }
.box-slider .item .details .left { position: absolute; top: 21px; left: 30px; }
.box-slider .item .details .right { position: absolute; top: 6px; right: 30px; }
.box-slider .item .details .right h5 { font-size: 25px; margin: 0 0 -12px -20px; text-align: center; }
.box-slider .item .details .right .price { font-size: 30px; font-style: italic; letter-spacing: 1.5px; }
.box-slider .item .details .right .price span { font-size: 20px; margin-left: -5px; letter-spacing: .5px; }
.box-slider .item .details .icons { position: absolute; top: 23px; left: 50%; transform: translateX(-50%); }
.icons .icon { margin: 0 10px; float: left; }
.icons .icon img { width: auto; height: 30px; margin: 0 auto 6px; display: block; }
.box-slider .item.active a, .box-slider .item.active .thumb { opacity: 1; }
.box-slider .item.active { opacity: 1; }
.box-slider .item.active .details .detail { opacity: 1; }

.box-slider.large .caroufredsel_wrapper { height: 550px !important; }
.box-slider.large .item .thumb { width:974px; }

.box-slider .pagination { margin:30px 0 35px; text-align:center; }
.box-slider .pagination a { background:rgba(255,255,255,.1); border-radius:100%; display:inline-block; width:8px; height:8px; margin:0 3px; }
.box-slider .pagination a span { display:none; }
.box-slider .pagination a.selected { background:rgba(255,255,255,.4); }
.box-slider .nav { padding: 50px; margin-top: -25px; font-size: 40px; color: #FFF; position: absolute; top: 50%; cursor: pointer; display: block; transform: translate(0,-50%); opacity: .5; z-index: 20; }
.box-slider .nav.prev { left: 0; }
.box-slider .nav.next { right: 0; }

.box-slider.video-slider, .box-slider.video-slider .caroufredsel_wrapper, .box-slider.video-slider .slider, .box-slider.video-slider .item { height: 400px !important; }
.box-slider.video-slider { padding: 0 0 30px !important; }
.box-slider.video-slider .item { width: 720px !important; }
.box-slider.video-slider .nav { margin-top: -60px; }

/* Hovers */

.hover .box-slider .nav:hover { opacity: 1; }

/* Responsive */

@media (max-height:800px), (max-width:1366px) {
	.box-slider { padding-top: 150px; }
	.box-slider .caroufredsel_wrapper { height: 500px !important; }
	.box-slider .item .thumb { width:666px; }
}

@media (max-width:1366px) {
	.box-slider .nav { font-size: 30px; }
}

@media (max-width:768px) {
	.box-slider .caroufredsel_wrapper { height: 420px !important; }
	.box-slider .item .thumb { width:533px; }
	.box-slider .nav { padding:30px; }
	.box-slider .item .details .icons { display: none; }
	.box-slider.large .item .thumb { width:768px; }
	.box-slider.large .caroufredsel_wrapper { height: 433px !important; }
	.box-slider.video-slider, .box-slider.video-slider .caroufredsel_wrapper, .box-slider.video-slider .slider, .box-slider.video-slider .item { height: 300px !important; }
	.box-slider.video-slider .item { width: 540px !important; }
}

@media (max-width:640px) {
	.box-slider .caroufredsel_wrapper { height: 320px !important; }
	.box-slider .item .thumb { width:400px; }
	.box-slider .item .details { height: 80px; background:rgba(34,34,34,.8); }
	.box-slider .item .details .left { top: 10px; left: 20px; }
	.box-slider .item .details .right { top: -1px; right: 20px; }
	.box-slider .item .details .right .price { font-size: 22px; }
	.box-slider .item .details .right h5 { font-size: 22px; margin: 0 0 -16px -10px; }
	.box-slider .nav { display: none !important; }
	.box-slider.video-slider, .box-slider.video-slider .caroufredsel_wrapper, .box-slider.video-slider .slider, .box-slider.video-slider .item { height: 200px !important; }
	.box-slider.video-slider .item { width: 360px !important; }
}

@media (max-width:480px) {
	.box-slider .caroufredsel_wrapper { height: 250px !important; }
	.box-slider .item { margin: 0; }
	.box-slider .item .thumb { width:293px; }
	.box-slider.large .item .thumb { width:360px; }
	.box-slider.large .caroufredsel_wrapper { height: 200px !important; }
}

@media (max-width:360px) {
	.box-slider.large .item .thumb { width:320px; }
	.box-slider.large .caroufredsel_wrapper { height: 177px !important; }
}



/********** Slideshow **********/



.slideshow { margin-bottom: 70px; overflow: hidden; }
.slideshow .caroufredsel_wrapper, .slideshow .slider { height: 100% !important; }
.slideshow .images { width: 100%; height: 600px; background: #AAA; border-radius: 3px 3px 0 0; overflow: hidden; position: relative; }
.slideshow .item { width: 100%; height: 100%; float: left; position: relative; }
.slideshow .item img { width: auto; height: 100%; display: block; }
.slideshow .item .h1 { width: 386px; margin: 0; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(120,120,120,.8); z-index: 1; border-radius: 3px; overflow: hidden; }
.slideshow .item .h1 a { padding: 50px 0 55px; color: #FFF; display: block; position: relative; z-index: 2; }
.slideshow .item .h1 a:after { content: 'Explore Resort'; height: 40px; margin: 22px auto 0; padding: 0 17px; color: #EEA635; text-align: center; font: 300 15px/38px 'Poppins'; letter-spacing: .4px; display: table; background: #FFF; border-radius: 3px; position: relative; z-index: 2; transition: .2s; }
.slideshow.no-grid .images { border-radius: 3px; }

/* Navigation */

@media (min-width:641px) {
	.slideshow .navgrid { width: calc(100% + 2px); margin: 2px -1px 0; padding: 0; display: table; border-radius: 0 0 5px 5px; overflow: hidden; }
	.slideshow .navgrid li { height: 60px; margin: 0; background: #F5F5F5; border-left: 1px solid #FFF; border-right: 1px solid #FFF; display: table-cell; position: relative; transition: .3s; }
	.slideshow .navgrid a { width: 100%; height: 100%; background-size: cover; background-position: center; display: block; opacity: .5; }
	.slideshow .navgrid li:first-child, .slideshow .navgrid li:first-child a { border-bottom-left-radius: 3px; }
	.slideshow .navgrid li:last-child, .slideshow .navgrid li:last-child a { border-bottom-right-radius: 3px; }
	.slideshow .navgrid li:after { content: '\f386'; margin: -14px 0 0 -7px; font-size: 20px; font-family: ionicons; color: #FFF; position: absolute; top: 50%; left: 50%; z-index: 1; opacity: 0; cursor: pointer; transition: .3s; transform: scale(.7); }
	.slideshow .nav { padding: 50px; font-size: 40px; color: #FFF; position: absolute; top: 50%; cursor: pointer; display: block; transform: translateY(-50%); opacity: .5; z-index: 20; }
	.slideshow .navgrid li.selected { background: #AAA; }
	.slideshow .navgrid li.selected a { opacity: .2 !important; cursor: default; pointer-events: none; }
	.slideshow .navgrid li.selected:after { opacity: 1; cursor: default; transform: scale(1); }
	.slideshow .nav.prev { left: 0; }
	.slideshow .nav.next { right: 0; }
}

/* Map */

.slideshow.slideshow-side .images { width: calc(66.66% + 30px); height: 538px; border-radius: 3px 0 0; }
.slideshow.slideshow-side .navgrid { width: calc(66.66% + 32px); border-radius: 0 0 0 5px; }
.slideshow.slideshow-side .navgrid li:last-child, .slideshow.slideshow-side .navgrid li:last-child a { border-bottom-right-radius: 0; }
.slideshow .map { width: calc(33.33% - 32px); height: 600px; margin: 0; float: right; border-radius: 0 3px 3px 0; overflow: hidden; }
.slideshow #map { width: 100%; height: 140%; position: relative; top: -40%; }
.slideshow .address { width: calc(100% - 80px); padding: 30px 20px 35px; font: 300 18px/27px 'Poppins'; color: #444; text-align: center; position: absolute; bottom: 40px; left: 40px; background: #FFF; border-radius: 3px; box-sizing: border-box; box-shadow: 1px 1px 0 rgba(0,0,0,.05), 0 0 20px rgba(0,0,0,.07); }
.slideshow .address h3 { margin-bottom: 20px; }
.slideshow .address p { margin: 0; }
.slideshow .address .button { margin-top: 10px; }

/* Side */

.slideshow .side { width: calc(33.33% - 32px); height: 600px; margin: 0; padding: 70px 40px; font: 300 20px/30px 'Poppins'; color: #FFF; float: right; border-radius: 0 3px 3px 0; background: #AE9B93; box-sizing: border-box; position: relative; overflow: hidden; }
.slideshow .side * { position: relative; z-index: 3; color: #FFF; }
.slideshow .side .back { width: 100%; height: 100%; background-position: center; background-size: cover; position: absolute; top: 0; left: 0; opacity: .4; z-index: 1; }
.slideshow .side:before { content: attr(data-title); font: 200px/140px 'just-lovely'; color: #FFF; position: absolute; top: 0; left: 15px; white-space: nowrap; text-transform: lowercase; opacity: .2; z-index: 2; }
.slideshow .side ul { margin: 0; padding: 0; list-style: none; }
.slideshow .side li { padding: 0 0 0 22px; text-align: left; position: relative; }
.slideshow .side li:before { content: '\f3fe'; font-weight: normal; font-size: 16px; font-family: ionicons; position: absolute; top: -1px; left: 0; }

.single-slideshow .images { border-radius: 3px; }

/* Hovers */

.hover .slideshow .navgrid li:hover a { opacity: 1; }
.hover .slideshow .nav:hover { opacity: 1; }
.hover .slideshow .item .h1 a:hover:after { padding: 0 22px; }

/* Responsive */

@media (max-width:1366px) {
	.slideshow .nav { font-size: 30px; }
}

@media (max-width:1024px) {
	.slideshow .center { padding: 0; }
	.slideshow .images, .slideshow .item img { border-radius: 0; }
	.slideshow .nav.prev { left: 0; }
	.slideshow .nav.next { right: 0; }
	.slideshow .nav { margin-top: 0; }
	.slideshow .navgrid { border-radius: 0 !important; }
	.slideshow .navgrid li, .slideshow .navgrid li a { border-radius: 0 !important; }
	.slideshow.slideshow-side .center { display: flex; flex-wrap: wrap; }
	.slideshow.slideshow-side .images { width: 100%; height: 600px; }
	.slideshow.slideshow-side .navgrid { width: calc(100% + 2px); margin-bottom: 2px; }
	.slideshow .map { width: 100%; height: 450px; float: none; order: 2; }
	.slideshow #map { height: 150%; top: -50%; }
	.slideshow .address { max-width: 400px; left: 50%; transform: translateX(-50%); }
	.slideshow .side { width: 100%; height: auto; text-align: center; float: none; order: 2; }
	.slideshow .side li { margin: 0 20px 0 0; float: left; }
	.slideshow .side:before { left: 50%; transform: translateX(-50%); }
	.single-slideshow:first-child { margin-top: -70px; }
}

@media (max-width:768px) {
	.slideshow .images { height: 400px !important; }
	.slideshow .navgrid li { height: 45px; }
}

@media (max-width:640px) {
	.slideshow .images { height: 400px !important; }
	.slideshow .nav { display: none !important; }
	.slideshow .navgrid { margin-bottom: 0; }
	.slideshow.slideshow-side .navgrid { margin-top: -50px; bottom: auto; top: 400px; }
	.slideshow .side li { margin: 0; float: none; }
}

@media (max-width:480px) {
	.slideshow .images { height: 400px !important; }
	.slideshow .item .h1 { width: calc(100% - 60px); font-size: 25px; line-height: 30px; white-space: nowrap; }
	.slideshow .item .h1 a { padding: 30px 0 35px; color: #FFF; display: block; position: relative; z-index: 2; }
	.slideshow.slideshow-side .navgrid { top: 400px; }
}

@media (max-width:400px) {
	.slideshow .images { height: 250px !important; }
	.slideshow.slideshow-side .navgrid { top: 250px; }
}



/********** Boxes **********/



.boxes { margin-bottom: 20px; display: block; }
.boxes .center { padding: 0 50px; display: flex; flex-wrap: wrap; }
.boxes .center:after { content: ''; clear: both; display: block; }
.boxes .item { width: calc(50% - 40px); margin: 0 20px 50px; color: #26315E; box-sizing: border-box; float: left; display: flex; }
.boxes .item.col-3 { width: calc(33.33% - 40px); }
.boxes .item-container { width: 100%; position: relative; }
.boxes .item a { color: #26315E; display: block; border-bottom: 1px solid #EEE; position: relative; }
.boxes .item .thumb { position: relative; }
.boxes .item .thumb img { width: 100%; height: auto; display: block; transition: .2s; }
.boxes .item .details { padding: 20px 0; position: relative; transition: .2s; }
.boxes .item .price { padding: 12px 15px 9px; font: 600 16px/20px 'Poppins'; position: absolute; bottom: 0; left: 0; z-index: 2; background: #EEA635; color: #26315E; }
.boxes .item .price sup { font-size: 12px; }
.boxes .item .rating { font: 300 14px/20px 'Poppins'; position: absolute; top: 17px; right: 0; }
.boxes .item .rating img { width: auto; height: 10px; margin-left: 2px; }
.boxes .item .title { font: 600 18px/20px 'Poppins'; }
.boxes .item.col-3 .title { font: 600 22px/22px 'Poppins'; }
.boxes .item .title span { font-size: 16px; line-height: 20px; font-weight: 300; }
.boxes .item .sub-title { margin-top: 7px; font: 300 14px/20px 'Poppins'; color: #666; }
.boxes .item .sub-title sup { font-size: 10px; }
.boxes .featured { padding: 0 15px; font: 600 16px/40px 'Poppins'; color: #FFF; background: #E6BB65; position: absolute; bottom: 0; left: 0; }
.boxes .item .contact-details a { background: #F5F5F5 !important; padding: 0 10px; line-height: 34px; box-sizing: border-box; transform: scale(1) !important; width: 50%; float: left; border: none; border-right: 2px solid #FFF; font-size: 14px; }
.boxes .item .contact-details:after { content: ''; clear: both; display: block; }

/* Posts */

.boxes.posts .item .details { padding: 28px 0 0; }
.boxes.posts .item .details h3 { margin-bottom: 20px; }
.post-date { min-width: 48px; padding: 6px; text-align: center; border-radius: 3px; background: #E6BB65; color: #FFF; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); z-index: 3; cursor: default; opacity: 0; transition: .2s; pointer-events: none; }
.post-date .month { margin-bottom: 2px; font: 600 12px/18px 'Poppins'; letter-spacing: 1px; }
.post-date .day { font: 300 25px/25px 'Poppins'; }

/* Hovers */

.hover .boxes .item a:hover { transform: scale(1.07); background: rgba(255,255,255,.1); border-color: transparent; border-radius: 3px; }
.hover .boxes .item a:hover .thumb img { border-radius: 3px 3px 0 0; }
.hover .boxes .item a:hover .details { transform: scale(.9345); }
.hover .boxes.posts .item a:hover .post-date { bottom: -20px; opacity: 1; transform: scale(.9345) translateX(-54%); }

/* Responsive */

@media (max-width:1024px) {
	.boxes .center { padding: 0 35px; }
	.boxes .item { width: calc(33.33% - 30px); margin: 0 15px 50px; }
	.boxes .item .rating span { display:none; }
	.boxes.posts .item .post-date { bottom: 20px !important; opacity: 1; }
}

@media (max-width:1000px) {
	.boxes .item .contact-details a { width: 100%; border: none; border-bottom: 2px solid #FFF; }
}

@media (max-width:640px) {
	.boxes .center { padding: 0 30px 40px; display: block; }
	.boxes .item { width: 100% !important; margin: 0 auto 50px; float:none; display: block; }
	.boxes .item:last-child { margin-bottom:0; }
	.boxes .item .rating span { display:inline; }
}



/********** Instagram **********/



.instagram { margin-bottom: 40px; }
.instagram .center:after { content: ''; clear: both; display: block; }
.instagram a { width: calc(100% + 30px); margin: 0 -15px; display: block; }
.instagram img { width: calc(25% - 30px); margin: 0 15px 30px; float: left; }

@media (max-width:640px) {
	.instagram { margin-bottom: 50px; }
	.instagram a { width: calc(100% + 20px); margin: 0 -10px; }
	.instagram img { width: calc(50% - 20px); margin: 0 10px 20px; }
}



/********** Google Maps **********/



.map { margin-bottom: 70px; position: relative; }
.map .details { width: 386px; padding-right: 50px; font: 300 18px/27px 'Poppins'; color: #444; position: absolute; top: 50%; right: 70px; transform: translateY(-50%); box-sizing: border-box; z-index: 1; }
.map .details h3 { margin: 0; }
.map .details p { margin: 0 0 20px; padding: 0; }
.map .details p span { font-size: 17px; }
.map .details .button { margin-top: 12px; color: #91C2FF !important; background: #FFF !important; }
.map .details .button i { color: #91C2FF !important; }
#map { width: 100%; height: 550px; overflow: hidden; cursor: default; position: relative; }

/* Responsive */

@media (max-width:1366px) {
	#map { height: 400px; }
}

@media (max-width:1024px) {
	.map { margin: 0; }
	.map .details { display: none; }
	.map .center { padding: 0; }
	#map:after { display: none; }
}

@media (max-width:768px) {
	#map { height: 400px; }
}

@media (max-width:640px) {
	#map { height: 350px; }
}

@media (max-width:480px) {
	.map .center { padding: 0; }
	#map { height: 400px; border-radius: 0; }
}

@media (max-width:400px) {
	#map { height: 250px; }
}



/********** Image **********/



.image { margin-bottom: 70px; }
.image img { width: 100%; height: auto; }



/********** Contact Form **********/



.wpcf7-form { width: 100%; box-sizing: border-box; text-align: left; }
.wpcf7-form .row { width: 100%; }
.wpcf7-form .row:after { content: ''; clear: both; display: block; }
.wpcf7-form .row .fields { width: calc(100% - 200px); float: left; position: relative; }
.wpcf7-form .row .fields p { margin: -3px 0 15px 15px; font: 300 14px/22px 'Poppins'; float: left; }
.wpcf7-form label { width: 200px; padding: 10px 30px 0 0; font: 600 16px/30px 'Poppins'; float: left; position: relative; box-sizing: border-box; }
.wpcf7-form label span { font-size: 29px; color: #F59E30; float: right; position: absolute; top: 15px; right: -5px; }
.wpcf7-form input[type='text'], .wpcf7-form input[type='email'], .wpcf7-form textarea, .wpcf7-form select { width: calc(100% - 15px); height: 50px; margin: 0 0 15px 15px; padding: 0 15px; font: 300 16px/27px 'Poppins'; color: #666; float: left; border: 1px solid #DDD; border-radius: 3px; box-sizing: border-box; background: #F5F5F5; -webkit-appearance: none; transition: .3s; }
.wpcf7-form input.col-2, .wpcf7-form select.col-2 { width: calc(50% - 15px); }
.wpcf7-form input.col-3, .wpcf7-form select.col-3 { width: calc(33.33% - 15px); }
.wpcf7-form input[type='checkbox'] { margin-left: 15px; }
.wpcf7-form textarea { height: auto !important; padding: 15px; resize: none; }
.wpcf7-form select { cursor: pointer; }
.wpcf7-form .csv { font: 300 14px/22px 'Poppins'; color: #F59E30; position: absolute; top: 13px; right: 15px; }
.wpcf7-form .terms-text { margin: 0; text-align: center; }

.wpcf7 .wpcf7-form { width: 100%; max-width: 800px; margin: 0 auto 30px; }
.wpcf7 .wpcf7-form input[type='text'], .wpcf7 .wpcf7-form input[type='email'], .wpcf7 .wpcf7-form textarea, .wpcf7 .wpcf7-form select { width: calc(100% - 200px); float: right; margin-left: 0; }
.wpcf7 .wpcf7-form p { margin: 0; clear: both; }
.wpcf7 .wpcf7-form p:last-of-type { padding-top: 50px; }
.wpcf7 .wpcf7-form br { display: none; }
.wpcf7 .wpcf7-form input[type="submit"] { margin: auto; display: table; clear: both; }

@media (max-width:1024px) {
	.wpcf7 .wpcf7-form { margin-bottom: 70px; }
	.page-template-page-contact .rates { margin-bottom: 0 !important; }
}

@media (max-width:640px) {
	.wpcf7 .wpcf7-form input[type='text'], .wpcf7 .wpcf7-form input[type='email'], .wpcf7 .wpcf7-form textarea, .wpcf7 .wpcf7-form select { width: 100%; float: none; }
}

@media (max-width:480px), (max-height:400px) {
	.page-template-page-contact aside { padding-top: 0; }
	.wpcf7 .wpcf7-form p:last-of-type { padding-top: 30px; }
	.wpcf7 .wpcf7-form { margin-bottom: 50px; }
}



.ninja-forms-field.nf-element[type='text'], .ninja-forms-field.nf-element[type='tel'], .ninja-forms-field.nf-element[type='email'], .nf-field-element select { height: 50px !important; padding: 0 15px; font: 300 18px/27px 'Poppins'; color: #666; border: 1px solid #DDD; border-radius: 3px; box-sizing: border-box; background: #F5F5F5; -webkit-appearance: none; transition: .3s; }
.ninja-forms-req-symbol, .nf-error-msg { color: #EEA635 !important; }
.nf-progress-container { margin-bottom: 50px; height: 2px; background: #EEE !important; border: none !important; overflow: hidden; }
.nf-field-element .nf-fu-progress { background: rgba(255,255,255,.2) !important; }
.nf-progress { background: #EEA635 !important; }
.nf-before-form-content { display: none; }
.nf-mp-header { margin-bottom: 55px; }
.nf-breadcrumbs li { float: left !important; list-style: square !important; }
.nf-breadcrumbs li:before { display: none; }
.nf-breadcrumbs a { margin: 0 20px 0 0 !important; padding: 0 !important; color: #666; font-size: 18px !important; border-bottom: 1px solid rgba(255,255,255,.1); }
.nf-next-previous li { margin: 0; padding: 0; }
.nf-next-previous li:before { display: none; }
.nf-mp-footer { padding: 10px 0; }
.nf-fu-progress { margin-top: 10px; height: 10px !important; overflow: hidden; }
.nf-field-label { width: auto !important; }
.field-wrap.submit-wrap input { margin: auto; display: table; }
.nf-col-2 { width: 50%; float: left !important; clear: none !important; }
.nf-col-3 { width: 33.33%; float: left !important; clear: none !important; }
.nf-field-container { padding-right: 30px; }
.field-wrap.listradio-wrap ul { margin: 0 !important; padding: 0 !important; }
.field-wrap.listradio-wrap li { margin: 0 !important; padding: 0 !important; display: inline-block !important; }
.field-wrap.listradio-wrap li input { margin-right: 0 !important; }
.field-wrap.listradio-wrap li label { margin-right: 15px !important; }
.field-wrap.listradio-wrap li:before { display: none !important; }
.nf-form-content table { width: 100%; border-top: 1px solid rgba(255,255,255,.1); }
.nf-form-content table td { vertical-align: top; padding-right: 20px; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,.1); }
.nf-form-content table td:nth-child(2) { white-space: nowrap; }
.save-container input { width: 150px !important; height: 50px !important; display: inline !important; }

@media (max-width:768px) {
	.nf-col-2, .nf-col-3 { width: 100%; float: none !important; clear: both !important; }
	.nf-breadcrumbs { display: none !important; }
}



/********** Enquiry **********/



#enquiry-anchor { position: absolute; top: -100px; }
.enquiry { width: 100%; padding: 120px 0; margin-bottom: 0; text-align: center; background: url(images/back-flowers.jpg) center; background-size: cover; position: relative; }
.enquiry form { width: 100%; max-width: 650px; margin: auto; padding: 0 23px; box-sizing: border-box; }
.enquiry input, .enquiry textarea { width: calc(33.33% - 14px); margin: 0 7px; padding: 0 15px; float: left; border: none; box-sizing: border-box; box-shadow: 0 1px 0 rgba(0,0,0,.05), 0 4px 4px rgba(0,0,0,.02); font: 300 18px/48px 'Poppins'; color: #666; }
.enquiry textarea { width: calc(100% - 14px); margin: 14px 7px 40px; padding: 15px; font: 300 18px/25px 'Poppins'; resize: none; }
.subscribe button, .enquiry .button { color: #FFF !important; border: 1px solid #EEA635 !important; background: #EEA635 !important; font: 600 14px/46px 'Poppins' !important; }

/* Responsive */

@media (max-width:1366px) {
	#enquiry-anchor { top: -80px; }
}

@media (max-width:480px) {
	.enquiry input { width: calc(100% - 14px); margin-bottom: 14px; }
	.enquiry textarea { margin-top: 0; }
}

@media (max-width:400px) {
	.enquiry { padding: 70px 0; }
}



/********** Subscribe **********/



.subscribe { width: 100%; padding: 120px 0; background: url(images/back-flowers.jpg) center; background-size: cover; position: relative; }
.subscribe .form { width: 100%; padding: 0 30px; box-sizing: border-box; }
.subscribe form { width: 100%; max-width: 500px; margin: auto; text-align: center; position: relative; box-sizing: border-box; border-radius: 3px; }
.subscribe form:after { content: ''; clear: both; display: block; }
.subscribe .fields { box-shadow: 0 1px 0 rgba(0,0,0,.05), 0 4px 4px rgba(0,0,0,.02); }
.subscribe .fields:after { content: ''; clear: both; display: block; }
.subscribe input { width: 50%; height: 50px; font: 300 16px/48px 'Poppins'; color: #666; text-align: center; border: none; box-sizing: border-box; float: left; border-radius:3px 0 0 3px; }
.subscribe input:last-of-type { border-left: 1px solid #EEE; border-radius: 0 3px 3px 0; }
.subscribe .clear { clear: both; }
.subscribe button { margin: 40px auto 0; padding: 0 20px; display: block; font: 600 14px/46px 'Poppins'; background: none; color: #FFF !important; letter-spacing: 1px; cursor: pointer; border-radius: 100px; border: 1px solid #EEA635 !important; background: #EEA635 !important; }
.subscribe button i { margin-left: 10px; font-size: 23px; position: relative; top: 4px; }

.subscribe h2, .enquiry h2 { color: #FFF; background: none !important; -webkit-background-clip:none; -webkit-text-fill-color:inherit; }
.subscribe h5, .enquiry h5 { color: #FFF; background: none !important; -webkit-background-clip:none; -webkit-text-fill-color:inherit; opacity: .7; }

/* Hovers */

.hover .social a:hover { opacity: 1; }
.hover .subscribe button:hover, .hover .enquiry .button:hover { padding: 0 24px; }

/* Responsive */

@media (max-width:400px) {
	.subscribe { padding: 70px 0; }
	.subscribe input { width:100%; border-radius:3px 3px 0 0; font-size: 18px; }
	.subscribe input:last-of-type { border-left:none; border-top: 1px solid #EEE; border-radius: 0 0 3px 3px; }
}



/********** Footer **********/



footer { padding: 70px 0 60px; font: 300 14px/27px 'Poppins'; color: #666; text-align: center; background: #FFF; }
footer .center { padding: 0 30px; }
footer .footer-logo { margin-bottom: 70px; display: inline-block; width: auto; height: 150px; }
footer ul { margin: auto; padding: 0; list-style: none; display: table; }
footer li { margin: 0 10px; font: 300 14px/30px 'Poppins'; letter-spacing: .2px; float: left; }
footer li a { color: #666; display: block; }
footer h3 { margin-bottom: 15px; font-size: 20px; }
footer .km img { width: auto; height: 10px; opacity: .7; }

.social { margin: 0 auto 30px; display: table; }
.social:after { content: ''; clear: both; display: block; }
.social a { width: 50px; margin: 0 7px; font-size: 18px; line-height: 50px; color: #26315E; background: #F5F5F5; float: left; border-radius: 100px; }
.social a:last-child { border: none; }
.social a br { display: none; }

/* Hovers */

.hover .social a:hover { background: #EEE; }
.hover footer li a:hover { opacity: .5; }

/* Responsive */

@media (max-width:1024px) and (min-width:641px) {
	footer li:first-child { margin:0 0 15px; font-size: 20px; text-align:center; float:none; }
	footer li span { font-size: 18px; }
}

@media (max-width:640px) {
	footer { padding-bottom: 0; }
	footer .center { width: 100%; padding:0; }
	footer li { width:100%; margin:0 !important; font: 300 14px/42px 'Poppins'; letter-spacing: .5px; text-align:center; border-bottom:1px solid rgba(255,255,255,.1); box-sizing:border-box; float: left !important; }
	footer li span { font-size: 12px; line-height: 20px; }
	footer li:last-child { border: none; }
	footer ul { width: 100%; border-top:1px solid rgba(255,255,255,.1); }
	.social { margin: 0 auto 70px; }
	.social a { width: 40px; font-size: 15px; line-height: 40px; }
}

@media (max-width:350px) {
	.social a { margin: 0 5px; }
}