/*

Jasper Hotel: HTML Template by Klaye Morrison (http://klayemorrison.com)

- If you prefer multiple line CSS, no worries - just use a formatter like http://cssbeautify.com.
- Hover states are declared with '.hover' - Only non-touch browsers have the '.hover' class applied, so touch devices don't action hover states.
- Colours, layouts and backgrounds are declared in separate style sheets. Please read the documentation for help.

[Style Index]

1.0 ----- General
	1.1 - Buttons
2.0 ----- Header
	2.1 - Drop Downs
	2.2 - Mega Menu
3.0 ----- Mobile Menu
4.0 ----- Booking Bar
5.0 ----- Date Picker
6.0 ----- Sections
	6.1 - Banner
	6.2 - Hero
	6.3 - Content
	6.4 - Accordion
	6.5 - Slideshow
	6.6 - Slideshow Nav
	6.7 - Carousel
	6.8 - Gallery
	6.9 - Boxes
	6.10 - Panels
	6.11 - USPs
	6.12 - Tiles
	6.13 - Instagram
	6.14 - Google Maps
	6.15 - Services
	6.16 - Stats
	6.17 - Testimonials
	6.18 - Features
	6.19 - Quote
	6.20 - Menu
	6.21 - Search Results
	6.22 - Comments
7.0 ----- Sidebar
8.0 ----- Forms
9.0 ----- Lightbox
10.0 ----- Subscribe
11.0 ----- Footer
12.0 ----- Popup
	
*/



/********** 1.0 - General **********/



@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700|Sacramento');
* { outline: none; text-decoration: none; -webkit-tap-highlight-color: transparent; }
html, body, #body { width: 100%; height: 100%; margin: 0; padding: 0; }
#body { opacity: 0; }
.center { width: 100%; max-width: 1380px; height: 100%; 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(120,120,120,.8); z-index: 100; display: none; }
.nav-cover { position:absolute; }
.nav-header { width:100%; max-width:400px; height:100%; background:#FFF; position:absolute; top:0; right:-400px; transition:.3s; z-index:200; box-shadow: 0 2px 2px rgba(0,0,0,.05), 0 1px 0 rgba(0,0,0,.05); }
body.dropped .nav-header { right:0; }
a, button, input[type='submit'] { transition: .2s; }

/* 1.1 - Buttons */

.button { height: 46px; padding: 0 18px; font: 600 15px/46px 'Montserrat' !important; color: #FFF !important; letter-spacing: .5px; display: inline-block; box-sizing: border-box; border-radius: 3px; position: relative; border: none; cursor: pointer; }
.button i { margin: 0 -1px 0 7px; font-size: 16px; position: absolute; top: 1px; right: 0; opacity: 0; transition: .2s; }
.button.small { height: 40px; font-weight: 600 !important; font-size: 12px !important; line-height: 40px !important; letter-spacing: .4px; text-transform: none; }
.button.small i { font-size: 14px !important; }
.button.white { background: #FFF; box-shadow: 1px 1px 0 rgba(0,0,0,.06); }
.button.grey { color: #444 !important; background: #F5F5F5; box-shadow: 1px 1px 0 rgba(0,0,0,.08); }
.button.grey i { color:#444; }
.container { padding-top: 100px; height: 100%; box-sizing: border-box; }

/* Hovers */

.hover .button:hover { padding: 0 41px 0 23px; }
.hover .button:hover i { right: 19px; opacity: 1; }
.hover .button.white:hover { color: #FFF; }
.hover .button.white:hover i { color: #FFF; }
.hover input[type='submit'].button:hover { padding:  0 23px; }

/* Responsive */

@media (max-width:1366px), (max-height:800px) {
	.container { padding-top: 80px; }
}

@media (max-width:1150px) {
	body { max-width: 100%; overflow-x:hidden; -webkit-overflow-scrolling: touch; }
	.center { padding:0 50px; }
}

@media (max-width:767px) {
	.center.featured-image { padding: 0; }
	.center.featured-image img { border-radius: 0; }

	.postcontent,
	.postcontent.bothsidebar,
	.sidebar,
	.col_full,
	.col_half,
	.col_one_third,
	.col_two_third,
	.col_three_fourth,
	.col_one_fourth,
	.col_one_fifth,
	.col_two_fifth,
	.col_three_fifth,
	.col_four_fifth,
	.col_one_sixth,
	.col_five_sixth {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 50px !important;
	}
}

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



/********** 2.0 - Header **********/



header { width: 100%; height: 100px; background: #FFF; position: fixed; top: 0; left: 0; z-index: 999; -webkit-backface-visibility: hidden; box-shadow: 0 2px 2px rgba(0,0,0,.05), 0 1px 0 rgba(0,0,0,.05); }
header .logo img { width: auto; height: 40px; position: absolute; top:50%; transform:translateY(-50%); left: 70px; 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: 400 14px/40px 'Montserrat'; color: #444; letter-spacing: .5px; box-sizing: border-box; }
header .book-nav .phone a { color:#444; }
header .book-nav .button { height: 42px; line-height: 42px !important; float: right; }
header .book-nav .button i { text-shadow: 0 0 .5px #FFF; display: inline-block; position: relative; right: 0 !important; top: 1px; opacity: 1 !important; }

nav { width: 100%; position: absolute; top: 0; right: 0; }
nav > ul { margin: auto; padding: 0; list-style: none; display: table; }
nav > ul > li { float: left; position: relative; }
nav > ul > li > a { height: 100px; margin-left: -1px; color: #FFFFFF; display: block; position: relative; border-radius: 3px; font: 600 14px/96px 'Montserrat'; cursor: pointer; padding: 0 11px; border: 1px solid transparent; box-sizing: border-box; }
nav > ul > li.mega-menu:before, nav > ul > li.mega-menu:after { content: ''; width: 0; height: 0; border: solid transparent; border-bottom-color: #FFF; border-width: 20px; display: block; position: absolute; bottom: -50px; left: 50%; margin-left: -20px; opacity: 0; transition: bottom .3s ease, opacity .3s ease-in-out; pointer-events: none; }
nav > ul > li.mega-menu:not(.icon) > a:after { content: '\f46a'; width: 100%; display: block; text-align: center; font-family: ionicons; font-size: 20px; line-height: 20px; color: #DDD; position: absolute; bottom: 14px; left: 0; transition: .2s; }
nav ul li.icon a { line-height: 102px; padding: 0 12px; cursor: pointer; border: none !important; }
nav ul li.icon i.ion-search { font-size: 16px; }
nav ul li.icon a div { padding: 0 15px; font: 500 13px/40px 'Montserrat'; color: #FFF; position: absolute; bottom: -17px; left: 50%; transform: translateX(-50%); border-radius: 3px; cursor: default; pointer-events: none; white-space: nowrap; z-index: 1; opacity: 0; transition: .3s; }
nav ul li.icon.current-drop a div { opacity: 0 !important; }
nav ul li.icon a div:after { content: ''; width: 0; height: 0; margin-left: -7px; border: solid transparent; border-width: 7px; display: block; position: absolute; top: -14px; left: 50%; pointer-events: none; }

/* 2.1 - Drop Downs */

nav li > ul { margin: 0; padding:0; list-style: none; position:absolute; top:95px; left: 50%; opacity:0; transform: translateX(-50%); display:none; z-index: 9999; border-radius: 3px; background:#555; }
nav li > ul:after { content: ''; width: 0; height: 0; margin-left: -10px; border: solid transparent; border-bottom-color: #555; border-width: 10px; display: block; position: absolute; top: -20px; left: 50%; pointer-events: none; }
nav li > ul li { margin: 0; padding:0; float:none; position: relative; }
nav li > ul li a { min-width:150px; padding:0 18px; font:400 13px/44px 'Montserrat' !important; color:#FFF; letter-spacing: .5px; white-space:nowrap; background:#555 !important; border-bottom:1px solid #4A4A4A; cursor:pointer; display: block; }
nav li > ul li.has-children > a:after { content:'\f3d3'; font-family:ionicons; font-size:14px; color: #999; position: absolute; top: 0; right: 15px; }
nav li > ul li:last-of-type a { border:none; }
nav li > ul li ul { padding:0; top:0 !important; left:100%; transform: none; }
nav li > ul li ul:after { display: none; }
nav li > ul li ul li a { border-bottom:1px solid #4A4A4A !important; background:#555 !important; }
nav li > ul li ul li:last-of-type a { border:none !important; }
nav li > ul li ul { border-left: 1px solid #4A4A4A; }
nav li > ul li:first-child { border-radius: 3px 3px 0 0; overflow: hidden; }
nav li > ul li:last-child { border-radius: 0 0 3px 3px; overflow: hidden; }

/* 2.2 - Mega Menu */

.drop { width: 100%; height: calc(100% - 240px); padding: 70px 0; position: fixed; top: 80px; left: 0; display: none; transition: .3s top; z-index: 10; }
.drop-container { width: 100%; height: 100%; max-height: 630px; padding:50px; background: #FFF; box-sizing: border-box; border-radius: 3px; position: relative; }
.drop-container:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .15; }
.drop-container * { z-index: 2; }
.drop-hit { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.drop .heading { margin: -5px 0 55px; width: 100%; font: 600 16px/30px 'Montserrat'; color: #444; text-align: center; border-bottom: 1px solid rgba(0,0,0,.08); position: relative; pointer-events: none; }
.drop .heading-container { margin: auto; display: table; }
.drop .heading:after { content: ''; clear: both; display: block; }
.drop .heading a { padding:0 12px; color:#444; display:inline-block; border-radius:3px; float: left; pointer-events: auto; }
.drop .heading i { margin-left: 17px; font-size: 12px; position: relative; top: 2px; opacity: .5; float: left; }
.drop .heading .right { font-size: 13px; font-weight: 500; letter-spacing: .2px; position: absolute; top: 0; right: -10px; }
.drop ul { margin: 0; padding: 0; list-style: none; }
.drop ul:after { content: ''; clear: both; display: block; }
.drop.active { top: 100px; z-index: 20; }
.drop-fixed .drop { top: 100px !important; }
.drop.not-full .drop-container { height: auto; }
.drop.not-full .heading { margin: -9px 0 -5px; }

/* Featured Boxes */

.drop .featured { margin: 0 -20px -50px; position: relative; z-index: 2; pointer-events: none; }
.drop .featured li { width: calc(33.33% - 40px); margin: 0 20px 50px; float: left; }
.drop .featured a { display: block; pointer-events: auto; }
.drop .featured a:after { content: ''; clear: both; display: block; }
.drop .featured .thumb { width: 140px; height: 94px; float: left; position: relative; background: #AAA; background-size: cover; background-position: center; overflow: hidden; transition: .2s; }
.drop .featured .thumb .price { padding: 0 10px; font: 500 11px/30px 'Montserrat'; color: #FFF; letter-spacing: 1px; position: absolute; bottom: 0; left: 0; }
.drop .featured .details { width: calc(100% - 160px); margin:-4px 0 0 20px; box-sizing: border-box; float: right; }
.drop .featured .title { width: auto; max-height: 72px; font: 500 15px/22px 'Montserrat'; color: #444; border: none; overflow: hidden; transition: .2s; }
.drop .featured .sub-title { font: 400 13px/22px 'Montserrat'; color: #444; opacity: .6; }

/* Search */

.search-drop .drop-container { height: auto; }
.search-drop:after { content: ''; clear:both; display: block; }
.search-drop form { width: auto; margin: -10px auto; display: table; position: relative; }
.search-drop input { height: 36px; padding: 0 18px 2px 0; font: 400 16px 'Montserrat'; color: #444; letter-spacing: .3px; border: none; box-sizing: border-box; float: left; background: none; }
.search-drop .button { height: auto; padding: 0 0 1px 18px !important; line-height: 36px !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: .5px; text-transform: none; background: none; border-left: 1px solid rgba(0,0,0,.1); box-sizing: border-box; float: right; border-radius: 0; }

/* Language */

#language { max-height:41px; margin-right: 20px; border-radius:3px; box-shadow:1px 1px 0 rgba(0,0,0,.1); overflow:hidden; z-index: 9999; transition: .3s; float: left; }
#language ul { margin: 0; }
#language li a { width:65px; height:41px; padding:1px 0 0 36px; font:700 11px/41px 'Montserrat'; color:#444; letter-spacing:1px; display:block; background:#F5F5F5; border-top:1px solid #E5E5E5; position: relative; box-sizing: border-box; }
#language li:first-child a { background:#F5F5F5 !important; border:none; box-shadow:1px 1px 0 rgba(0,0,0,.1); cursor:default; }
#language li a:before { content:""; width:14px; height:11px; position:absolute; top: 15px; left:14px; }
#language li.en a:before { background:url(../images/flag-en.png); }
#language li.cn a:before { background:url(../images/flag-cn.png); }
#language li.fr a:before { background:url(../images/flag-fr.png); }
#language li.de a:before { background:url(../images/flag-de.png); }
#language li.it a:before { background:url(../images/flag-it.png); }
#language.langdrop { max-height:250px !important; }

/* Hovers */

.hover nav > ul > li > a:hover { z-index: 1; }
nav > ul > li.current-drop > a, nav > ul > li.current-drop > a:hover { z-index: 10; }
nav > ul > li.current-drop:before { bottom: -100px; opacity: 1; }
nav > ul > li.current-drop:after { bottom: -100px; opacity: .15; }
nav.drop-active > ul > li:before, nav.drop-active > ul > li:after { bottom: -70px !important; }
.hover header .book-nav .button:hover { padding: 0 23px; }
.hover .search-drop .button:hover { color: #444 !important; }
.hover .drop .featured a:hover .thumb { transform: scale(1.09); border-radius: 3px; }
.hover nav > ul > li.current-drop > a:after { opacity: 1; }
.hover nav ul li.icon a:hover div { opacity: 1; bottom: -20px; }
nav li > ul li a.active, .hover nav li > ul li:hover a, .hover nav li > ul li:hover ul li a:hover { background:#5C5C5C !important; }
nav li > ul li ul li a, .hover nav li > ul li:hover ul li a { background:#555 !important; }
.hover #language:hover { max-height:250px; }
.hover #language li a:hover { background:#E5E5E5; }

/* Responsive */

@media (min-width:1150px) {
	nav li > ul li.current-menu-item a { background:#5C5C5C !important; }
}

@media (max-height:800px), (max-width:1366px) {
	header { height: 80px; }
	header .book-nav { top: 17px; }
	.drop { height: calc(100% - 80px); padding: 50px 0; top: 60px; }
	.drop.active { top: 80px; }
	.drop-container { height: calc(100% - 100px); padding: 40px; }
	.drop-fixed .drop { top: 80px !important; }
	.drop .heading { margin-bottom: 35px; }
	nav > ul > li > a { height: 80px; font-size: 15px; line-height:76px; }
	nav li > ul { top: 75px; }
	nav li > ul li a { line-height: 40px; }
	nav ul li.icon a { line-height: 80px; }
	nav ul li i.ion-search { font-size: 16px; }
	nav > ul > li.mega-menu:before, nav > ul > li.mega-menu:after { bottom: -30px; margin-left: -15px; border-width: 15px; }
	nav > ul > li.mega-menu:not(.icon) > a:after { bottom: 8px; font-size: 16px; }
	nav.drop-active > ul > li:before, nav.drop-active > ul > li:after { bottom: -52px !important; }
	.drop .featured .thumb { width: 120px; height: 77px; }
	.drop .featured .details { width: calc(100% - 120px); margin-left: 0; padding-top: 1px; padding-left: 20px; }
	.drop .featured .title { line-height: 22px; }
	.drop .featured .sub-title { line-height: 20px; }
}

@media (max-height:400px) {
	header.scroll.scroll-down { top: -80px; }
	body.dropped header.scroll.scroll-down { top: 0; }
}

@media (max-width:1150px) {
	header .logo img { left: 50%; transform:translate(-50%,-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; z-index:200; }
	nav > ul { display:block; }
	nav > ul > li {  float: none; text-align:center; border-bottom:1px solid #EEE; }
	nav > ul > li > a { height: auto; border:none; font-size: 14px; font-weight: 700; line-height:70px; letter-spacing: .5px; color:#444 !important; }
	nav > ul > li > a:after { content:'\f3d3'; font-family:ionicons; font-size:14px; font-weight: 900; position:absolute; top:0; right:30px; }
	nav > ul > li.mega-menu { border:none; }
	nav > ul > li.mega-menu:not(.icon) > a:after { display: none; }
	nav > ul > li.icon { height:0; border:none; right: 0 !important; }
	nav > ul > li.icon > a { display:none; }
	nav > ul > li.footer-link.hide { display: none; }
	nav > ul > li.footer-link, nav > ul > li.footer-link a { font: 500 13px/45px 'Montserrat'; color: #444; letter-spacing: 0; }
	nav > ul > li.footer-link a:after { font-weight: 400;  }
	nav li > ul { position:relative; top:0 !important; left: auto; opacity:1; transform: none;  display:block !important; opacity: 1 !important; border-radius: 0; background: none; }
	nav li > ul:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .15; }
	nav li > ul:after { opacity: .15; }
	nav li > ul li { margin: 0; padding:0; float:none; position: relative; }
	nav li > ul li a { font:500 13px/44px 'Montserrat' !important; color:#444; letter-spacing: 0; background:none !important; border-bottom:1px solid rgba(0,0,0,.07); }
	nav li > ul li a:after { content:'\f3d3'; font-family:ionicons; font-size:14px !important; color:#444 !important; position:absolute; top:0; right:30px !important; }
	nav li > ul li.has-children > a:after { content:'\f3d3'; font-family:ionicons; font-size:14px; color: #999; position: absolute; top: 0; right: 15px; }
	nav li > ul li ul { left:0; }
	nav li > ul li ul:before { display: none; }
	nav li > ul li ul li a { border-bottom:1px solid rgba(0,0,0,.07) !important; background:none !important; }
	nav li > ul li ul li a, .hover nav li > ul li:hover ul li a { background:none !important; }
	nav li > ul li ul { border-left: none; border-bottom:1px solid rgba(0,0,0,.07); }
	nav li > ul li:first-child { border-radius: 0; }
	nav li > ul li:last-child { border-radius: 0; }
	nav li > ul li a.active, .hover nav li > ul li:hover a, .hover nav li > ul li:hover ul li a:hover { background:none !important; }
	header .book-nav { width:100%; max-width:400px; height:80px; position:fixed; top:19px; right:-430px; z-index:300; opacity:0; }
	header .book-nav .button { float:left; }
	header .book-nav .phone { width:42px; height:42px; margin:0 0 0 10px; line-height:43px; text-align: center; float:left; background:#F5F5F5; color:#AAA; 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; }
	header .book-nav a.icon { width:42px; height:42px; margin:0 0 0 2px; font-size: 16px; text-align: center; line-height:43px; float:left; background:#F5F5F5; color:#AAA; cursor:pointer; border-radius:3px; }
	#language { margin: 0 0 0 10px; }
	.drop { height: auto; padding:0 !important; position:relative; top:auto !important; text-align:left; }
	.drop:not(.search-drop):after { content: ''; width: 0; height: 0; margin-left: -10px; border: solid transparent; border-width: 10px; display: block; position: absolute; top: -20px; left: 50%; pointer-events: none; opacity: .15; }
	.drop-container { height: auto; max-height: none; padding: 0; }
	.search-drop:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .15; clear: none; }
	.drop.search-drop:after { content:'\f21f'; font-family:ionicons; font-size:18px; color:#444; position:absolute; top:25px; left:30px; }
	.search-drop { padding:22px 0 !important; box-sizing:border-box; top:-1px !important; }
	.search-drop .center { width: auto; margin: auto; padding:0 30px !important; display: block; }
	.search-drop form { margin: auto; display: block; }
	.search-drop form:after { content: ''; clear: both; display: block; }
	.search-drop input { height: 26px; padding-left:25px; font-weight: 400; font-size: 13px; letter-spacing: 0; width:calc(100% - 57px); }
	.search-drop .button { padding-left:0 !important; font-size: 13px !important; line-height: 26px !important; border:none; }
	.search-drop .button span { display:none; }
	.search-drop .button:before { content:'Search'; }
	.drop .center { padding:0; }
	.drop .heading { margin:0 !important; text-align:center; border:none; border-top:1px solid rgba(0,0,0,.07); }
	.drop .heading-container { display: block; }
	.drop .heading span { display:none; }
	.drop .heading a { margin:0; font-size: 13px; font-weight: 500; line-height:50px; float:none; display:block; position:relative; border-bottom:1px solid rgba(0,0,0,.07); border-radius:0; }
	.drop .heading a:last-child { border:none; }
	.drop .heading i { display: none; }
	.drop .heading a:after { content:'\f3d3'; font-family:ionicons; font-size:14px; position:absolute; top:0; right:30px; }
	.drop .heading:first-child { border: none; }
	.drop .featured { width:100%; margin:0; padding:30px 30px 0; box-sizing:border-box; border-top:1px solid rgba(0,0,0,.07); }
	.drop .featured li { width:100% !important; margin:0 0 30px !important; border-bottom: 1px solid rgba(0,0,0,.08); }
	.drop .featured .title { max-height: none; font: 500 13px/22px 'Montserrat'; }
	.drop .featured .sub-title { margin-bottom: 10px; font: 400 12px/20px 'Montserrat'; }
	nav ul li.icon a div { display: none; }
}

@media (max-width:1150px) and (min-width:768px) {
	nav ul li i.ion-android-pin { font-size: 20px; }
	nav ul li i.ion-search { font-size: 21px; }
	nav > ul > li.icon { right:113px; }
	nav > ul > li.icon:last-of-type { right:83px; }
}

@media (max-width:767px) {
	nav > ul > li.icon { right:75px; }
	nav > ul > li.icon:last-of-type { right:50px; }
}

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

@media (max-width:400px) {
	header nav, .nav-header { right:-100%; }
	header .logo { width:100%; height:80px; position:absolute; top:0; left:0; }
	header .logo img { left: 25px; top:50%; transform:translateY(-50%); }
	.search-drop input { width:calc(100% - 50px); }
}



/********** 3.0 - 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:500; -webkit-user-select: none; }
.hamburger:focus {outline: none;}
.hamburger span { display: block; position: absolute; top: 24px; left: 10px; right: 10px; height: 3px; }
.hamburger span::before, .hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; 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); }
.hamburger.is-active span::after { bottom: 0; transform: rotate(-45deg); }
.hamburger.is-active span::before, .hamburger.is-active span::after {transition-delay: 0s, 0.2s;}

/* Responsive */

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

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

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




/********** 4.0 - Booking Bar **********/



.bar { height: 80px; margin: -100px auto 0; display: table; box-sizing: border-box; z-index: 20; position:relative; }
.bar:after { content: ''; clear: both; display: block; }
.bar .center { max-width:1240px; padding:0; background:#171717; border-radius:3px 3px 0 0; }
.bar .fields { float: left; box-sizing:border-box; border-right:1px solid #4A4A4A; }
.bar .field { width: 115px; position: relative; box-sizing: border-box; float: left; border-left:1px solid #4A4A4A; transition: background .2s; }
.bar .field label { width: 100%; font: 600 11px/19px 'Montserrat'; color: #FFF; letter-spacing: .7px; text-align: center; position: absolute; bottom: 20px; left: 0; -webkit-user-select: none; }
.bar .field .value { width: 100%; height: 80px; padding: 0 0 19px; font: 300 16px/61px 'Montserrat'; letter-spacing:.5px; color: #FFF; text-align: center; background: none; border: none; position: relative; z-index: 1; cursor: pointer; box-sizing:border-box; display: block; -webkit-user-select: none; }
.bar .field select { width: 100%; height:100%; position: absolute; top: 0; left: 0; display: block; background: none; border: none; text-indent: -9999px; cursor: pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; z-index: 2; }
.bar .field i { position: absolute; top: 18px; left: 50%; color: #999; font-size: 20px; transform: translateX(-50%); }
.bar .field.arrival { border-radius: 3px 0 0 0; border: none; }
.bar .field.arrival i:last-child { font-size: 26px; color: #999; transform: none; left: auto; right: -6px; top: 25px; z-index: 2; }
.bar .field.arrival:after { content: ''; width: 1px; height: 20px; position: absolute; top: 29px; right: -1px; background: #555; z-index: 1;  }
.bar .field.select .value { display: none; }
.bar .field.active i.calendar { display: none; }
.bar .field.guest-display .value { cursor: default; }
.bar .arrival-date, .bar .departure-date { visibility: hidden; position: fixed; left: -9999px; }
.bar button { height: 80px; padding: 0 30px; font: 600 14px/80px 'Montserrat'; letter-spacing: .5px; border: none; background: none; cursor:pointer; box-sizing:border-box; transition: color .2s; }
.bar button i { margin-left:5px; font-size: 16px; position:relative; top:1px; }
#barloader { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #555; z-index: 100; display: none; }

/* Select Boxes */

.selectboxit-container { width:100%; position:relative; display:inline-block; vertical-align:top; height:100%; z-index:50; }
.selectboxit-container * { font: 300 16px/80px 'Montserrat'; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; -o-user-select:none; user-select:none; outline:none; white-space:nowrap; }
.selectboxit-container .selectboxit { width:100% !important; height:100%; text-align: center; cursor:pointer; display:block; overflow:hidden; position:relative; box-sizing:border-box; }
.selectboxit-container .selectboxit-text { line-height: 61px; padding-bottom: 19px; }
.selectboxit-container span, .selectboxit-container .selectboxit-options a { height:42px; color: #444; display:block; }
.selectboxit-container span { height:100%; color:#FFF; letter-spacing:.5px; }
.selectboxit-option { border-bottom:1px solid #E5E5E5; }
.selectboxit-option-last { border:none; }
.selectboxit-container .selectboxit:focus { outline:0; }
.selectboxit-container .selectboxit-options { box-sizing:border-box; min-width:100% !important; *width:100% !important; margin:0; padding: 0; list-style:none; position:absolute; overflow-x:hidden; overflow-y:auto; cursor:pointer; display:none; text-align:left;bottom: 100%; border:none; background:#F5F5F5; letter-spacing:.4px; color: #444; border-radius: 3px !important; max-height: 258px; }
.selectboxit-container .selectboxit-options a { height: 36px; line-height: 36px; font-size: 13px; font-weight: 400; text-align: center; }
.selectboxit-option .selectboxit-option-anchor { padding:0 15px; }
.selectboxit-option-icon-container { float:left; }
.selectboxit-list { box-shadow:1px 1px 0 rgba(0,0,0,.08); }
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { background:#E9E9E9; }
.selectboxit-container i { display: none !important; }

/* Hovers */

.hover .bar .field:not(.guest-display):hover { background: #5C5C5C; }
.hover .bar button:hover { color:#FFF; }

/* Responsive */

@media (max-width:767px) {
	.bar { width: 100%; display: block; margin: 0; }
	.bar .center { border-radius:0; }
	.bar .field { width: 25%; }
	.bar .fields { width: 85%; }
	.bar .field.arrival { border: none; }
	.bar .field.arrival i:last-child { font-size: 20px; right: -5px; top: 28px; }
	.bar .field .value { padding: 0 0 16px; }
	.bar .field label { font: 500 9px/18px 'Montserrat'; letter-spacing: .5px; }
	.bar button { width: 15%; padding: 0; }
	.bar button span { display: none; }
	.bar button i { margin-left: 0; font-size: 22px; }
}



/********** 5.0 - Date Picker **********/



.ui-datepicker { width:460px !important; margin-top:-231px !important; margin-left:-230px !important; background:#F5F5F5; font:400 13px/20px 'Montserrat'; float:left; display:none; z-index:999999999 !important; transition:transform 1s ease; box-shadow:0 0 0 1500px rgba(120,120,120,.75); position:fixed !important; top:50% !important; left:50% !important; }
.ui-datepicker * { position:relative; z-index:2; }
.ui-datepicker-group { width:50%; float:left; }
.ui-datepicker-header { position:relative; }
.ui-datepicker-title { font:500 18px/80px 'Montserrat' !important; color:#FFF; background:#555; }
.ui-datepicker-title .ui-datepicker-year { font-size: 16px; font-weight:300; letter-spacing:.5px; }
.ui-datepicker-group-first .ui-datepicker-header { border-right:1px solid #4A4A4A; }
.ui-datepicker .ui-datepicker-title { font-size:16px; font-weight:bold; line-height:28px; text-align:center; }
.ui-datepicker table { width:100%; margin:0; padding:25px 38px 38px; border: none; }
.ui-datepicker-group-first table { border-right:1px solid #E5E5E5; }
.ui-datepicker th { width:25px; padding:5px 5px 30px; font-weight:700; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#888; }
.ui-datepicker td { padding: 0; }
.ui-datepicker td span, .ui-datepicker td a { display:block; padding:15px 0; text-decoration:none; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:#FFF; color:#888; letter-spacing:.5px; text-align:center; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { color:#FFF; font-weight:600; }
.ui-widget-header .ui-state-hover { opacity:0.25; cursor:pointer; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { cursor:default; }
.ui-state-disabled .ui-state-default { background: none; color: #D5D5D5; }
.ui-icon { text-indent:-9999px; display:block; }
.ui-datepicker .ui-datepicker-prev .ui-icon:before { content:"\f3d2"; width:100%; height:100%; padding:30px 40px; font-size:22px; font-weight:normal; color:#999; text-indent:0; font-family:ionicons; position:absolute; top:-29px; left:-50px; }
.ui-datepicker .ui-datepicker-next .ui-icon:before { content:"\f3d3"; width:100%; height:100%; padding:30px 40px; font-size:22px; font-weight:normal; color:#999; text-indent:0; font-family:ionicons; position:absolute; top:-29px; right:-50px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:30px !important; }
.ui-datepicker .ui-datepicker-prev { left:40px; z-index:3; }
.ui-datepicker .ui-datepicker-next { right:48px; z-index:3; }
.ui-datepicker-group, .ui-datepicker-header, .ui-datepicker-calendar { position: relative; z-index: 100; }
.ui-datepicker .close { width: 100%; height: 100%; position: fixed; top: 0; left: 0; cursor: pointer; z-index: 50; }

.single-apartment .ui-datepicker a.ui-state-default:after, .page-template-page-booking .ui-datepicker a.ui-state-default:after { content: attr(data-title); width: 65px; font: 700 italic 18px/46px 'Montserrat'; color: #444; text-align: center; border-radius: 3px; position: absolute; top: -54px; left: 50%; transform: translateX(-50%); background: #FFF; pointer-events: none; cursor: default; opacity: 0; transition: .3s; box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 0 5px rgba(0,0,0,.1); }
.single-apartment .ui-datepicker a.ui-state-default:before, .page-template-page-booking .ui-datepicker a.ui-state-default:before { content: ''; width: 0; height: 0; margin-left: -7px; border: solid transparent; border-top-color: #FFF; border-width: 7px; display: block; position: absolute; top: -9px; left: 50%; pointer-events: none; opacity: 0; transition: .3s; z-index: 1; }
.single-apartment .ui-datepicker .ui-state-available:before, .page-template-page-booking .ui-datepicker .ui-state-available:before { content: ''; width: 0; height: 0; margin-left: -9px; border: solid transparent; border-top-color: rgba(0,0,0,.1); border-width: 9px; display: block; position: absolute; top: -10px; left: 50%; pointer-events: none; opacity: 0; transition: .3s; z-index: 1; }
.hover .single-apartment a.ui-state-default:hover:after, .hover .page-template-page-booking a.ui-state-default:hover:after { opacity: 1; top: -57px; }
.hover .single-apartment a.ui-state-default:hover:before, .hover .page-template-page-booking a.ui-state-default:hover:before { opacity: 1; top: -12px; }
.hover .single-apartment .ui-state-available:hover:before, .hover .page-template-page-booking .ui-state-available:hover:before { opacity: 1; top: -13px; }

/* Responsive */

@media (max-width:480px), (max-height:400px) {
.ui-datepicker { width:300px !important; margin-top: -160px !important; margin-left:-150px !important; box-shadow:0 0 0 500px rgba(120,120,120,.75); }
.ui-datepicker table { padding:18px 20px 22px; }
.ui-datepicker th { width:25px; padding:0 5px 20px; font-size:10px; }
.ui-datepicker td span, .ui-datepicker td a { padding:7px 0; }
.ui-datepicker-title { font:500 16px/60px 'Montserrat' !important; }
.ui-datepicker-title .ui-datepicker-year { font-size: 14px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-size:12px; }
.ui-datepicker .ui-datepicker-prev .ui-icon:before, .ui-datepicker .ui-datepicker-next .ui-icon:before { top:-39px; }
}



/********** 6.0 - Sections **********/



.section { margin-bottom: 40px; font: 400 13px/24px 'Montserrat'; color: #444; position: relative; display: table; width: 100%; }
.section:after { content: ''; clear: both; display: block; }
h1, .h1, h2, .h2 { margin: 0 0 30px; padding: 0; font: 700 27px/33px 'Montserrat'; }
h3, .h3 { margin: 0 0 27px; padding: 0; font: 700 16px/25px 'Montserrat'; }
h4, .h4 { margin: 0 0 30px; padding: 0; font: 600 16px/25px 'Montserrat'; }
h5, .h5 { margin: -25px 0 34px; padding: 0; font: 300 22px/25px 'Montserrat'; }
p { margin: 0 0 30px; padding: 0; }
p.small { font: 400 11px/19px 'Montserrat'; opacity: .75; }
ul { margin: 0 0 30px; padding: 0; }
ol { margin: 0 0 30px 15px; padding: 0; }
blockquote { width:40%; margin:0 20px 10px -30px; font: 600 20px/30px 'Montserrat'; float:left; }
hr { width: 100%; border: 1px solid #FFF; margin: 50px 0 0; clear: both; float: left; }
hr.line { margin-bottom: 50px; border-top: 1px solid #EEE; }
.container p a, .content a, .copy a, .lightbox-info a { font-weight: 500; }
.label { padding: 0 10px; font-size: 13px; font-weight: 700; line-height: 37px; color: #FFF; border-radius: 3px; display: inline-block; position: relative; top: -1px; }
.label.small { margin: 0 5px 0 0; padding: 0 5px; font-size: 9px; font-weight: 600; letter-spacing: .5px; line-height: 18px; }
.col-1 { width:100%; }
.col-2 { width:50%; }
.col-3 { width:33.33%; }
.col-4 { width:25%; }
.col-5 { width:20%; }
.col-6 { width:16.66%; }

.side-template .rates { height: auto; min-height: 0; }
.side-content { padding: 40px 40px 15px; font: 400 18px/27px 'Montserrat'; }
.side-content .button { margin-top: 5px; }

/* Hovers */

.hover .container p a:hover, .hover .content a:hover, .hover .copy a:hover, .hover h1 a:hover, .hover h2 a:hover, .hover .lightbox-info a:hover { color: #444; }

/* Responsive */

@media (max-width:768px) {
	blockquote { width:50%; margin:0 20px 10px 0; font: 600 20px/30px 'Montserrat'; float:left; }
}

@media (max-width:480px) {
	h1, .h1, h2, .h2 { font: 700 23px/30px 'Montserrat'; letter-spacing: .3px; }
	h5, .h5 { font: 300 19px/24px 'Montserrat'; }
	blockquote { width:100%; margin:0 0 30px; font: 600 16px/25px 'Montserrat'; float: none; }
	hr { margin: 30px 0 0; }
	hr.line { margin-bottom: 30px; }
}



/********** 6.1 - Banner **********/



.banner { margin-bottom: 70px; padding: 81px 0 55px; color: #444; text-align: center; position: relative; z-index: 99; }
.banner.has-bar { padding: 60px 0 0;}
.banner:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.banner .back { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; opacity: .2; filter: grayscale(1); }
.banner h1, .banner h2, .banner h3, .banner h4, .banner h5 { color: #FFF; position: relative; z-index: 1; }
.banner .bar { margin:30px auto 0; display: inline-block; }
.banner .tags { margin-top: -15px !important; margin-bottom: 20px !important; }
.banner .tags li { margin: 0 7px 10px 0; padding: 0; background: none; box-shadow: none; }
.banner .tags li a { padding: 0 13px; color: #FFF; font-weight: 600; border-radius: 3px; letter-spacing: .2px; background: rgba(0,0,0,.12); display: block; }

/* Hovers */

.hover .banner .tags li a:hover { background: rgba(0,0,0,.2); }

/* Responsive */

@media (max-width:1680px) {
	.banner { padding: 70px 0 46px; }
	.banner.has-bar { padding: 50px 0 0; }
	.banner .bar { margin:20px auto 0; }
}

@media (max-width:480px) {
	.banner { margin-bottom: 50px; }
}



/********** 6.2 - Hero **********/



.hero { width: 100%; height: 100%; min-height: 400px; max-height:700px; margin-bottom: 70px; position: relative; display: block; background:#AAA; }
.hero .slider, .hero .caroufredsel_wrapper, .hero #map, .hero-panels { height: 100% !important; }
.hero .item { height: 100% !important; position: relative; float:left; overflow: hidden; transition: background 1.5s; }
.hero .item .back { width: 100%; height: 100%; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; transition: 1.5s; }
.hero .content-container { width: 100%; padding:0 30px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); box-sizing:border-box; }
.hero .title { font: 110px/100px 'Sacramento'; color: #FFF; cursor: default; opacity: 0; position: relative; z-index: 1; -webkit-font-smoothing:antialiased; -webkit-backface-visibility:hidden; }
.hero .sub-title { margin:-3px auto 27px; font: 300 18px/30px 'Montserrat'; letter-spacing: 6px; color: #FFF; opacity: .8; text-transform: uppercase; position: relative; display: table; opacity: 0; }
.hero .button-container { opacity: 0; position: relative; z-index: 2; }
.hero.has-bar .content-container { margin-top: -40px; }
.hero .item.layout-1 .back { opacity: .7; }
.hero .item.layout-2 .title { margin-top: -40px; font: 160px/150px 'Sacramento'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.hero h1, .hero h2, .hero h3, .hero h4, .hero h5 { margin-bottom: 0; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0,.07), 1px 1px 1px rgba(0,0,0,.1); font-weight: 700; }
.hero h5 { margin-top: 10px; font-weight: 400; }
.hero .tags { margin-top: 21px !important; margin-bottom: 0 !important; }
.hero .tags li { margin: 0 7px 10px 0; padding: 0; background: none; box-shadow: none; }
.hero .tags li a { padding: 0 13px; color: #FFF; font-weight: 600; border-radius: 3px; letter-spacing: .2px; display: block; }

.hero-panels { width: 100%; }
.hero-panels-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: table; overflow: hidden; z-index: 1; }
.hero-panels .item { display: table-cell; float: none; transition: all .3s, background 1.5s; }
.hero-panels .item .back { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-size: cover; transition: .1.5s; opacity: .7; }
.hero-panels .content-container { z-index: 2; pointer-events: none; }
.hero-panels.ready .content-container { transition: transform .3s; }
.hero-panels .title, .hero-panels .sub-title { opacity: 1; }
.hero-panels .panel-content { width: 100%; padding: 0 20px; color: #FFF; text-align: center; position: absolute; bottom: 27%; left: 0; transform: scale(.9); box-sizing: border-box; z-index: 1; white-space: nowrap; opacity: 0; transition: .3s; }
.hero-panels .panel-content h1, .hero-panels .panel-content h2, .hero-panels .panel-content h3, .hero-panels .panel-content h4, .hero-panels .panel-content h5, .hero-panels .panel-content p { color: #FFF; margin: 0 0 5px !important; cursor: default; }
.hero-panels .panel-content h5 { font-size: 18px; }
.hero-panels .panel-content .button { margin-top: 12px; }
.hero-panels .nav { display: none !important; }


/* Navigation */

.hero .nav { padding: 50px; font-size: 40px; color: #FFF; position: absolute; top: 50%; cursor: pointer; display: block; transform: translate(0,-50%); opacity: .5; z-index: 20; }
.hero .nav.prev { left: 0; }
.hero .nav.next { right: 0; }
.pagination { width: 100%; position:absolute; bottom:20px; left:0; text-align: center; z-index:10; display:none !important; white-space: nowrap; }
.pagination a { width:6px; height:6px; background:#FFF; border-radius:100px; margin:0 3px; opacity:.4; display:inline-block; }
.pagination a span { display:none; }
.pagination a.selected { opacity:1; }

/* Hovers */

.hover .hero .nav:hover { opacity: 1; }
.hover .hero .item.layout-1.over .back, .hover .hero .item.layout-2.over .back { transform: scale(1.03); opacity: .5; filter: grayscale(1); }
.hover .hero-panels:hover .content-container { transform: translate(-50%,-50%) scale(.9); }
.hover .hero-panels-container:hover .item:hover .panel-content { opacity: 1; transform: scale(1); }
.hover .hero-panels-container .item.over .back { transform: scale(1.05); opacity: .5; filter: grayscale(1); }
.hover .hero .tags li a:hover { padding: 0 20px; }

.hero-panels-container.hero-panels-2 .item { width: 50%; }
.hover .hero-panels-container:hover.hero-panels-2 .item { width: 45%; }
.hover .hero-panels-container:hover.hero-panels-2 .item:hover { width: 55%; }

.hero-panels-container.hero-panels-3 .item { width: 33.33%; }
.hover .hero-panels-container:hover.hero-panels-3 .item { width: 30%; }
.hover .hero-panels-container:hover.hero-panels-3 .item:hover { width: 40%; }

.hero-panels-container.hero-panels-4 .item { width: 25%; }
.hover .hero-panels-container:hover.hero-panels-4 .item { width: 23%; }
.hover .hero-panels-container:hover.hero-panels-4 .item:hover { width: 31%; }

.hero-panels-container.hero-panels-5 .item { width: 20%; }
.hover .hero-panels-container:hover.hero-panels-5 .item { width: 19%; }
.hover .hero-panels-container:hover.hero-panels-5 .item:hover { width: 24%; }

/* Responsive */

@media (min-width:641px) {
	.hero h1, .hero h2 { font: 700 34px/37px 'Montserrat'; }
}

@media (max-width:1366px) {
	.hero .nav { font-size: 30px; }
	.hero  .title { font: 90px/90px 'Sacramento'; }
}

@media (max-width:1150px) {
	.hero { height: calc(100vh - 80px) !important; min-height: 300px !important; }
	.hero.hero-slideshow { max-height:500px; }
	.hero-panels .content-container { top: 30% !important; left: 50%; transform: translate(-50%,-50%) !important; transition: none !important; }
	.hero-panels-container { height: 100% !important; }
	.hero-panels .item { height: 100% !important; display: block; position: relative; float:left; overflow: hidden; transition: background 1.5s; }
	.hero-panels .panel-content { transform: scale(1); opacity: 1; }
	.hero-panels .nav { display: block !important; }
}

@media (max-width:767px) {
	.hero { height: calc(100% - 80px) !important; max-height: 600px; }
	.hero  .title { font: 70px/70px 'Sacramento'; }
	.hero .nav { margin-top: -35px; padding:30px; }
	.hero.hero-slideshow { max-height:400px; }
	.hero.has-bar { margin-bottom: 150px; }
	.hero.has-bar .item.layout-1 .content-container { margin-top: 5px; }
	.hero.has-bar .item.layout-2 .content-container { margin-top: 0; }
	.hero-panels .content-container { top: 32% !important; }
	.hero-panels .panel-content { bottom: 17%; }
	.pagination { display:block !important; }
}

@media (max-width:640px) {
	.hero .nav { display:none !important; }
}

@media (max-width:480px) {
	.hero { max-height: 400px; }
	.hero  .sub-title { margin-top: 8px; font: 400 15px/25px 'Montserrat'; letter-spacing: 5px; }
	.hero .item.layout-2 .title { font: 150px/150px 'Sacramento'; }
	.hero.hero-slideshow { max-height:220px; min-height: 0 !important; }
	.hero-panels  .title { font: 50px/50px 'Sacramento'; }
	.hero .tags li { width: 100%; margin: 0 0 7px 0; }
}

@media all and (device-width: 768px) and (device-height: 1150px) and (orientation:portrait){
	.hero { height: calc(1150px - 140px) !important; }
}

@media all and (device-width: 768px) and (device-height: 1150px) and (orientation:landscape){
	.hero { height: calc(768px - 140px) !important; }
}

@media (max-width:480px), (max-height:400px) {
	.hero { margin-bottom: 50px; }
	.hero.has-bar { margin-bottom: 130px; }
}



/********** 6.3 - Content **********/



.content { margin-left: auto; margin-right: auto; margin-top: -5px; margin-bottom: 35px; }
.content h1, .content h2 { margin-top: -7px; }
.content:first-child { margin-top: 65px; }
.copy-main .content:first-child { margin-top: 0; }
.content .button { margin: 0 6px 0 0; }
.content img { width: 100%; height: auto; display: block; margin: 40px 0; border-radius: 3px; }
.content img.wp-post-image { margin-top: 0; }
.content img:first-child { margin-top: 0; }
.content .featured-image { margin-bottom: 70px; }
.content .featured-image img { margin: 0; }
.content p[style*="text-align:center"] .button, .content.content-center .button { margin: 0 3px; }
.content ul, .panel.panel-hero ul, .copy-main ul, .boxes .item ul, .side-content ul, .sidebar-text ul { margin: 0 0 30px; list-style: none; }
.content li, .panel.panel-hero li, .copy-main li, .boxes .item li, .side-content li, .sidebar-text li { margin: 0; padding: 0 0 0 22px; position: relative; }
.content li span, .panel.panel-hero li span { float: right; font-size: 13px; color: #AAA; }
.content li:before, .panel.panel-hero li:before, .copy-main li:before, .boxes .item li:before, .side-content li:before, .sidebar-text li:before { content: '\f3fe'; font-size: 16px; font-family: ionicons; position: absolute; top: -1px; left: 0; }
.content li li, .panel.panel-hero li li { margin-left: 2px; padding: 0 0 0 15px; }
.content li li:before, .panel.panel-hero li li:before { content: '-'; font-family: 'Montserrat'; }
.content.content-center { text-align: center; }
.content.content-columns { margin-bottom: 70px; }
.content.content-columns .center { columns: 200px 2; text-align: left; column-gap: 40px; }

.content-feature { width: 100%; margin-bottom: 70px; padding: 100px 0 30px; background: #AAA; position: relative; }
.content-feature .back { width: 100%; height: 100%; background-position: center; background-size: cover; background-attachment: fixed; position: absolute; top: 0; left: 0; opacity: .5; }
.content-feature .content { margin-top: 0 !important; z-index: 1; }
.content-feature .content, .content-feature .content h2, .content-feature .content h3, .content-feature .content h4, .content-feature .content h5 { color: #FFF; letter-spacing: 0; position: relative; z-index: 1; }
.content-feature.hide { display: none; }

.tags { margin-top: 35px !important; margin-bottom: 20px !important; }
.tags li { margin: 0 7px 10px 0; padding: 0 13px; font-size: 12px; font-weight: bold; line-height: 40px; background: #F5F5F5; display: inline-block; border-radius: 3px; box-shadow: 1px 1px 0 #E5E5E5; }
.tags li:before { display: none; }

/* Responsive */

@media (max-width:640px) {
	.content-feature { padding: 70px 0 0; }
	.content-feature .back { opacity: .3; }
}

@media (max-width:480px) {
	.content p, .content.content-center p, .content.content-center .tags { text-align:left !important; }
	.content .button { margin: auto !important; display: table; }
	.tags li { margin: 0 5px 8px 0; padding: 0 10px; font-size: 10px; font-weight: bold; line-height: 35px; }
	.content { margin-bottom: 18px; }
	.content:first-child { margin-top: 45px; }
	.content-feature { margin-bottom: 50px; padding: 50px 0 0; }
}



/********** 6.4 - Accordion **********/



.accordion { margin:0 auto 70px; }
.accordion ul { margin: 0; padding: 0; border-radius:3px; overflow:hidden; background:#F5F5F5; position:relative; }
.accordion li { border-bottom:1px solid rgba(0,0,0,.07); position:relative; list-style:none; transition: .3s; }
.accordion li:before { content: ''; width: 100%; height: calc(100% + 1px); position: absolute; top: 0; left: 0; opacity: 0; transition: .3s; }
.accordion li img { width:100%; max-width:500px; height:auto; padding:5px; border:1px solid rgba(0,0,0,0.12); box-sizing:border-box; }
.accordion li .answer { width:100% !important; padding:0 30px; display:none; box-sizing:border-box; position: relative; }
.accordion li .answer:after { content:""; display:block; clear:both; }
.accordion li.reveal { padding-top:10px; background: #FFF !important; }
.accordion li h3 { margin:0; padding:18px 30px; display:block; cursor:pointer; transition: .3s; position: relative; }
.accordion li h3:after { content:"\f489"; font-size:22px; font-family:ionicons; color:#CCC; position:absolute; top:20px; right:20px; transition: .3s; }
.accordion li.reveal h3 { margin-bottom:5px; }
.accordion li.reveal h3:after { content:"\f462"; }
.accordion li.reveal:before { opacity: .15; }
.accordion li:last-child { padding-bottom:1px; border-bottom:none; }

/* Hovers */

.hover .accordion li:hover { background:#EEE; }

/* Responsive */

@media (max-width:480px) {
	.accordion { max-width: 1050px; margin:0 auto 50px; }
}



/********** 6.5 - Slideshow **********/



.slideshow { width: 100%; margin-bottom: 70px; }
.slideshow .images { width: 100%; background: #AAA; border-radius: 3px 3px 0 0; overflow: hidden; position: relative; }
.slideshow .slider, .slideshow .caroufredsel_wrapper { min-height: 100% !important; }
.slideshow .slider { z-index: 1; }
.slideshow .item { float: left; position: relative; }
.slideshow .item img { width: 100%; height: auto; 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; text-align: center; font: 500 15px/38px 'Montserrat'; letter-spacing: .4px; display: table; background: #FFF; border-radius: 3px; position: relative; z-index: 2; transition: .2s; }
.slideshow.no-grid .images { border-radius: 3px; }
.slideshow.slideshow-side .slider, .slideshow.slideshow-side .caroufredsel_wrapper, .slideshow.slideshow-side .item { height: 100%; }
.slideshow.slideshow-side .images { width: calc(66.66% + 30px); height: 538px; border-radius: 3px 0 0; }
.slideshow.slideshow-side .images .item img { width: auto; height: 100%; }
.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.slideshow-main .images { border-radius: 3px 3px 0 0; }
.slideshow.slideshow-main:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .15; }
.slideshow.slideshow-main .navgrid, .slideshow.slideshow-main .navgrid li, .slideshow.slideshow-main .navgrid li a { border-radius: 0 !important; }

/* Navigation */

@media (min-width:768px) {
	.slideshow .navgrid { width: calc(100% + 2px); margin: 0 -1px; padding: 0; display: table !important; border-radius: 0 0 5px 5px; border-top: 2px solid #FFF; 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; cursor: pointer; }
	.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 .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 { padding: 50px; font-size: 40px; color: #FFF; position: absolute; top: 50%; cursor: pointer; display: block; transform: translateY(-50%); opacity: .5; z-index: 20; }
	.slideshow .nav.prev { left: 0; }
	.slideshow .nav.next { right: 0; }
	.slideshow.no-grid .navgrid { display: none !important; }
}

/* Map */

.slideshow .map { width: calc(33.33% - 32px); height: 600px; margin: 0; float: right; border-radius: 0 3px 3px 0; overflow: hidden; }
.slideshow div[id^=map] { width: 100%; height: 142% !important; position: relative; top: -42%; border-radius: 0 !important; }
.slideshow .address { width: calc(100% - 80px); padding: 30px 20px 35px; font: 400 13px/24px 'Montserrat'; 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; }

/* Side */

.slideshow .side { width: calc(33.33% - 32px); height: 600px; margin: 0; padding: 70px 40px; font: 400 13px/24px 'Montserrat'; color: #FFF; float: right; border-radius: 0 3px 3px 0; background: #AAA; 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: .5; z-index: 1; }
.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; }

/* 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 (min-width:1150px) {
	.slideshow { margin-top: 0 !important; }
}

@media (min-width:1400px) {
	.slideshow:not(.slideshow-side) .images { height: 650px; }
}

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

@media (max-width:1150px) {
	.slideshow .center { padding: 0; }
	.slideshow:not(.slideshow-side) .center:after { width: 100%; left: 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 .images, .slideshow.slideshow-side .images .item img { height: 438px; }
	.slideshow .side { height: 500px; padding: 40px 30px; }
	.slideshow .map { height: 500px; }
	.slideshow .side:before { line-height: 110px; }
	.single-slideshow:first-child { margin-top: -70px; }
}

@media (min-width:768px) and (max-width:1150px) {
	.slideshow .address h3 { font: 700 18px/26px 'Montserrat'; }
	.slideshow .address { font: 400 15px/24px 'Montserrat'; }
}

@media (max-width:768px) {
	.slideshow.slideshow-side .slider, .slideshow.slideshow-side .caroufredsel_wrapper, .slideshow.slideshow-side .item { height: auto; }
	.slideshow.slideshow-side .center { display: flex; flex-wrap: wrap; }
	.slideshow.slideshow-side .images { width: 100%; height: auto; border-radius: 0; }
	.slideshow .navgrid { width: 100% !important; }
	.slideshow .map { width: 100%; height: 500px; float: none; order: 2; border-radius: 0; }
	.slideshow div[id^=map] { height: 150% !important; top: -50%; }
	.slideshow .address { max-width: 300px; left: 50%; transform: translateX(-50%); }
	.slideshow .side { width: 100%; height: auto; text-align: center; float: none; order: 2; }
	.slideshow .side:before { left: 50%; transform: translateX(-50%); }
	.slideshow.slideshow-side .images { height: auto; }
	.slideshow.slideshow-side .images .item img { width: 100%; height: auto; }
}

@media (max-width:767px) {
	.slideshow .nav { display: none !important; }
	.slideshow .navgrid { display: none; }
	.slideshow .navgrid a { background-image: none !important; }
}

@media (max-width:480px) {
	.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; }
}

@media (max-width:480px), (max-height:400px) {
	.slideshow { margin-bottom: 50px; }
}



/********** 6.6 - Slideshow Nav **********/




.slideshow-nav { width: 100%; height: 600px; margin-bottom: 70px; }
.slideshow-nav .center { height: 600px; }
.slideshow-nav h2 { width: 100%; margin: -50px 0 0; padding: 0 30px; color: #FFF; text-align: center; position: absolute; top: 50%; left: 0; box-sizing: border-box; z-index: 2; pointer-events: none; }
.slideshow-nav h2 br { display: none; }
.slideshow-nav .slider, .slideshow-nav .caroufredsel_wrapper { height: 100% !important; position: relative; border-radius: 3px; overflow: hidden; }
.slideshow-nav .slider { background: #AAA; }
.slideshow-nav .item { width: 100%; height: 100% !important; position: absolute; top: 0; left: 0; opacity: 0; overflow: hidden; transition: .6s; }
.slideshow-nav .item.selected { opacity: 1; }
.slideshow-nav .item h3 { width: 100%; margin: 0; font-weight: 400; font-size: 24px !important; text-align: center; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); color: #FFF; z-index: 1; }
.slideshow-nav .item h3 a { color: #FFF; display: none; }
/*IMPORTANTE SE SACÓ EL BOTON QUE ESTÁ A CONTINUACION display:table a display:none*/
.slideshow-nav .item h3 a:after { content: attr(data-title); height: 40px; margin: 22px auto 0; padding: 0 17px; text-align: center; font: 900 11px/38px 'Montserrat'; text-transform: uppercase; letter-spacing: 1.2px; display: none; background: #FFF; border-radius: 3px; }
/*END*/
.slideshow-nav .item .back { width: 100%; height: 100%; background-size: cover; background-position: center; opacity: .7; }

.slideshow-nav .tabs { width: 100%; margin-top: 25px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 2; display: block; }
.slideshow-nav .tabs ul { list-style: none; margin: 0 auto; display: table; }
.slideshow-nav .tabs ul:after { content: ''; clear: both; display: block; }
.slideshow-nav .tabs li { float: left; }
.slideshow-nav .tabs li a { padding: 0 15px; font: 400 16px/50px 'Montserrat'; color: #FFF; display: block; position: relative; transition: .3s; border-radius: 3px; }

/* Hovers */

.hover .slideshow-nav .tabs ul:hover li a { font-size: 16px !important; font-weight: 400 !important; background: none !important; color: #FFF !important; }
.hover .slideshow-nav .tabs ul:hover li a:hover, .slideshow-nav .tabs li.selected a { font-size: 18px !important; font-weight: 700 !important; letter-spacing: .5px; background: #FFF !important; }

/* Responsive */

@media (max-width:1366px) {
	.slideshow-nav .center { padding: 0; }
}

@media (max-width:1150px) {
	.slideshow-nav, .slideshow-nav .center { height: 500px; }
	.slideshow-nav h2 { top: 60px; margin: 0; }
	.slideshow-nav .item { position: relative; float: left; transition: none; opacity: 1; }
	.slideshow-nav .item h3 a { width: 100%; text-align: center; display: block; position: absolute; bottom: 42px; left: 0; white-space: nowrap; }
	.slideshow-nav .item h3:before { font: 150px/150px 'Sacramento'; bottom: 55px; opacity: .15; }
	.slideshow-nav .tabs { display: none; }
	.slideshow-nav .pagination { display: block !important; }
}

@media (max-width:480px) {
	.slideshow-nav, .slideshow-nav .center { height:400px; }
}

@media (max-width:400px) {
	.slideshow-nav h2 br { display: block; }
}

@media (max-width:480px), (max-height:400px) {
	.slideshow-nav { margin-bottom: 50px; }
}



/********** 6.7 - Carousel **********/



.carousel .item .details { width: 100%; position: absolute; bottom: 70px; left: 0; transition: .6s; }
.carousel .item .button { margin: auto; padding: 0 18px; display: table; }

/* Hovers */

.hover .carousel .nav:hover { opacity: 1; }

/* Responsive */

@media (min-width:1150px) {
	.carousel { margin-bottom: 70px; text-align: center; }
	.carousel .caroufredsel_wrapper { height: 500px !important; overflow:hidden !important; }
	.carousel .item { display:block; float:left; position: relative; overflow: hidden; }
	.carousel .item .thumb { width:auto; height:500px; display: block; transition: .6s; }

	.carousel .nav { padding: 50px; font-size: 40px; color: #FFF; position: absolute; top: 50%; cursor: pointer; display: block; transform: translate(0,-50%); opacity: .5; z-index: 20; }
	.carousel .nav.prev { left: 0; }
	.carousel .nav.next { right: 0; }

	.carousel.carousel-nav .item .thumb { opacity: .4; }
	.carousel.carousel-nav .item .details { opacity: 0; }
	.carousel.carousel-nav .item.active .thumb, .carousel.carousel-nav .item.active .details { opacity: 1; }
	.carousel.carousel-nav .item { margin:0 20px; border-radius: 3px; }
	.carousel.carousel-nav .nav { color: rgba(120,120,120,.5); opacity: .6; }
}

@media (max-width:1150px) {
	.carousel .item .details { bottom: 58px; }
}

@media (max-width:480px) {
	.carousel .item .details { bottom: 0; }
	.carousel .item .button { border-radius: 3px 3px 0 0; }
	.carousel.carousel-nav .pagination { bottom: 50px; }
}



/********** 6.8 - Gallery **********/



.gallery { margin-bottom:70px; padding: 0 60px; box-sizing: border-box; }
.gallery.section-full { padding: 60px; }
.gallery figure { margin: 0; border: 10px solid transparent; box-sizing:border-box; position:relative; }
.gallery figure a { width:100%; height:100%; position:absolute; overflow:hidden; background:#F5F5F5; border-radius: 3px; transition:.2s ease; }
.gallery figure img { width:115%; margin-left: -7%; height:auto; display:block; transition-timing-function:ease; }
.gallery figure .img:before { content:"\f489"; width:40px; height:40px; font-family:ionicons; text-align:center; line-height:40px; font-size:25px; color:#999; position:absolute; top:0; left:0; background:#FFF; border-top:1px solid #EEE; border-left:1px solid #EEE; z-index:10; opacity:0; transition:.2s ease; box-sizing:border-box; }
.gallery span { width:100%; padding:25px 18px 18px; font:bold 14px/18px 'Montserrat'; letter-spacing:.3px; color:#FFF; text-shadow:1px 1px 0 rgba(0,0,0,.1); position:absolute; bottom:-20px; left:0; border-radius:0 4px 0 0; box-sizing:border-box; background:-webkit-gradient( linear, left bottom, left top, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0)) ); background:-moz-linear-gradient(bottom, rgba(0,0,0,0.6), rgba(0,0,0,0) ); background:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0) ); opacity:0; z-index:10; transition:.2s ease-out; }

/* Hovers */

.hover .gallery figure a:hover .img:before { opacity:1; }

/* Responsive */

@media (max-width:767px) {
	.gallery { padding: 0 20px; }
	.gallery.section-full { padding: 20px; }
}

@media (max-width:480px) {
	.gallery { margin-bottom: 50px; }
}

@media (max-width:400px) {
	.gallery { padding: 0 25px; }
	.gallery.section-full { padding: 25px; }
	.gallery figure { border: 5px solid transparent; }
}



/********** 6.9 - 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(33.33% - 40px); margin: 0 20px 50px; box-sizing: border-box; float: left; display: flex; }
.boxes .item-container { width: 100%; position: relative; }
.boxes .item a { color: #444; display: block; border-bottom: 1px solid #EEE; position: relative; }
.boxes .item a:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: .2s; }
.boxes .item .thumb { position: relative; }
.boxes .item .thumb img { width: 100%; height: auto; display: block; transition: .2s; }
.boxes .item .details { padding: 28px 0 0; position: relative; transition: .2s; }
.boxes .item .details h3 { margin-bottom: 20px; }
.boxes .item .price { font-size: 13px; font-weight: 600; position: absolute; top: 28px; right: 0; }
.boxes .item .title { font: 400 18px/25px 'Montserrat'; overflow: hidden; }
.boxes .item .sub-title { font: 400 13px/18px 'Montserrat'; color: #999; }
.boxes .item .sub-title span { margin: 0 2px; }
.boxes .featured { padding: 0 15px; font: 600 13px/40px 'Montserrat'; color: #FFF; letter-spacing: .5px; position: absolute; bottom: 0; left: 0; }
.boxes .item.col-2 { width: calc(50% - 40px); }
.post-date { min-width: 48px; padding: 6px; text-align: center; border-radius: 3px; 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: 900 12px/18px 'Montserrat'; letter-spacing: 1px; }
.post-date .day { font: 300 25px/25px 'Montserrat'; }
.copy .copy-main .boxes { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; }

/* Pagination */

.navigation { width: 100%; display: block; clear: both; }
.navigation ul { margin: 30px auto 70px; display: table; }
.navigation li { margin: 0 5px; padding: 0; font: 400 15px/37px 'Montserrat'; float: left; list-style: none; }
.navigation a { min-width: 47px; padding: 5px 15px; color: #444; text-align: center; display: block; background: #F5F5F5; box-shadow: 1px 1px 0 rgba(0,0,0,.08); border-radius: 3px; position: relative; box-sizing: border-box; }
.navigation li.active a { font-weight: bold; }
.navigation li i { font-size: 16px; color: #AAA; position: relative; top: 1px; }
.navigation li:before { display: none; }
.copy .navigation:last-child ul { margin-bottom: 30px; }

/* Hovers */

.hover .boxes .item .item-container:hover a { transform: scale(1.07); border-color: transparent; border-radius: 3px; }
.hover .boxes .item .item-container:hover a:before { opacity: .15; } 
.hover .boxes .item .item-container:hover a .thumb img { border-radius: 3px 3px 0 0; }

.hover .boxes .item .item-container:hover a .details { transform: scale(.9345); }
.hover .boxes .item a:hover .post-date { bottom: -20px; opacity: 1; transform: scale(.9345) translateX(-54%); }
.hover .navigation a:hover, .navigation li.active a { background: #EEE; box-shadow: 1px 1px 0 rgba(0,0,0,.1); }
.hover .boxes .item.sold .item-container:hover a { opacity: 1; }

/* Responsive */

@media (max-width:1150px) {
	.boxes .center { padding: 0 35px; }
	.boxes .item { width: calc(50% - 40px); margin: 0 20px 50px; }
	.item .post-date { bottom: -10px !important; opacity: 1; }
	.boxes .item .save { opacity: 1; }
	.boxes .item .save-info.add:before { content: 'Saved'; }
	.boxes .item .save-info.remove:before { content: 'Removed'; }
	.boxes .item .title { height: auto; }
	.boxes .item.placeholder:nth-child(3), body.page-id-224 .boxes .item:nth-child(3), body.single-apartment .boxes .item:nth-child(3) { display: none; }
}

@media (max-width:768px) {
	.boxes .center { padding: 0 50px; }
	.boxes .item { width: 100% !important; margin: 0 auto 50px; float:none; display: block; }
	.boxes .item.placeholder:nth-child(2) { display: none; }
}

@media (max-width:480px) {
	.boxes .center { padding: 0 30px 40px; display: block; }
	.boxes .item:last-child { margin-bottom:0; }
	.navigation ul { margin: 10px auto 50px; }
	.navigation li { margin: 0 2px; font: 400 15px/27px 'Montserrat'; }
	.navigation a { min-width: 35px; padding: 5px 5px; }
	.navigation li i { font-size: 16px; }
	.boxes .item .price span.outside-range { display: none; }
}

@media (max-width:480px), (max-height:400px) {
	.boxes { margin-bottom: 10px; }
	.boxes .item { margin: 0 auto 40px; }
}



/********** 6.10 - Panels **********/



.panel { width: 100%; height: 600px; margin-bottom: 70px; color: #444; display: block; position: relative; }
.panel:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .15; }
.panel .slider, .panel .caroufredsel_wrapper { height: 100% !important; }
.panel .item { width: 100%; height: 100% !important; float: left; position: relative; overflow: hidden; }
.panel .left { width: calc(((100% - 1340px) / 2) + (1240px / 3 * 2) + 37px); height: 100%; float: left; position: relative; overflow: hidden; }
.panel .left .back { width: 100%; height: 100%; position: absolute; top: 0; left: 0;  background-position: center; background-size: cover; transition: 1.5s; }
.panel .left .item.current .back, .panel .left .item:first-of-type { z-index: 1; }
.panel .right { width: calc(((100% - 1340px) / 2) + (1240px / 3 * 1) + 63px); height: 100%; box-sizing: border-box; float: left; position: relative; }
.panel .right .details { width:100%; max-width:460px; padding:0 50px 0 70px; position: absolute; top: 74px; left: 0; box-sizing:border-box; }
.panel .right .details * { position: relative; z-index: 1; }
.panel .right .details *:last-child { margin-bottom: 0; }
.panel .right .details .button { margin-top: 10px; }
.panel .right .details .button i { margin-right: -1px !important; position: absolute; }
.panel .right i { font-size: 20px; margin-right: 3px !important; position: relative; top: 1px; }
.panel:not(.panel-hero) .right ul { margin-top: -8px; list-style: none; }
.panel:not(.panel-hero) .right ul:after { content: ''; clear: both; display: block; }
.panel:not(.panel-hero) .right li { padding-top: 8px; line-height: 20px; font-weight: 600; float: left; clear: both; }
.panel:not(.panel-hero) .right li:after { content: ''; width: 100%; border-bottom: 1px solid; display: block; opacity: .5; }

/* Navigation */

.panel .nav-container { position: absolute; bottom: 70px; left: calc(((100% - 1340px) / 2) + (1240px / 3 * 2) + 107px); border-radius: 3px; box-shadow: 1px 1px 0 rgba(0,0,0,.06); z-index: 1; }
.panel .nav { height: 40px; padding: 0 17px; text-align: center; font: 900 11px/38px 'Montserrat'; text-transform: uppercase; letter-spacing: 1.2px; display: block; float: left; cursor: pointer; position: relative; background: #FFF; border-left: 1px solid #EEE; }
.panel .nav:first-child { border-radius: 3px 0 0 3px; border: none; }
.panel .nav:last-child { border-radius: 0 3px 3px 0; }
.panel .nav i { font-size: 15px; position: relative; top: 2px; z-index: 1; }
.panel .pagination { bottom:33px; }

/* Centered */

@media (min-width:1025px) {
.panel-center { background: none; }
.panel-center .left { border-radius: 3px 0 0 3px; overflow: hidden; }
.panel-center .right { border-radius: 0 3px 3px 0; background: #FEF2DC; overflow: hidden; }
.panel-center .right .details { padding: 0 50px; }
.panel-center .nav-container { left: calc(((100% - 1340px) / 2) + (1240px / 3 * 2) + 87px) }
}

/* Panel List */

.panel-list { margin-bottom: 0; }
.panel-list .panel { height: auto; min-height: 500px; border-radius: 3px; display: table; overflow: hidden; }
.panel-list .panel .left { width: 65.6%; display: table-cell; float: none; }
.panel-list .panel .right { width: auto; padding: 74px 0 75px; display: table-cell; vertical-align: middle; height: 100%; float: none; overflow: hidden; }
.panel-list .panel .right .details { position: relative; top: auto; }
.panel-list .right .details:before { white-space: nowrap; }

/* Panel Hero */

.panel.panel-hero { height: auto; min-height: 100%; display: table; }
.panel.panel-hero .left { width: 50%; display: table-cell; float: none; background: none; z-index: 1; }
.panel.panel-hero .left .back-container { width: calc(100% - 70px); max-width: 620px; height: calc(100% - 160px); border-radius: 3px; position: absolute; top: 80px; left: auto; right: 0; background-color: rgba(120,120,120,.8); overflow: hidden; }
.panel.panel-hero .left .back { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.panel.panel-hero .right { width: 50%; height: 100%; vertical-align: middle; display: table-cell; float: none; }
.panel.panel-hero .right .details { max-width: 600px; padding: 70px 50px 75px 70px; position: relative; top: auto; }
.panel.panel-hero .right .details *:last-child { margin: 0; }
.panel.panel-hero .hero-back { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; background-attachment: fixed; opacity: .15; }

/* Hovers */

.hover .panel .left .item.over .back, .hover .panel .left.over .back { transform: scale(1.04); }
.hover .panel.section-full .left.over .back { transform: scale(1.032); }
.hover .panel .nav:hover { background: rgba(255,255,255,.5); }

/* Responsive */

@media (min-height:800px) and (min-width:1366px) {
	.panel.panel-hero { min-height: 700px; }
}

@media (min-width:641px) {
	.panel.panel-hero .right .details h1, .panel.panel-hero .right .details h2 { font: 700 34px/37px 'Montserrat'; }
	.panel.panel-hero .right .details h5 { font: 300 25px/28px 'Montserrat'; }
}

@media (max-width:1366px) {
	.panel { height: 600px; }
	.panel .left { width: calc(((100% - 100px) / 3 * 2) + 37px); }
	.panel .right { width: calc(((100% - 100px) / 3 * 1) + 63px); }
	.panel .nav-container { left: calc(((100% - 60px) / 3 * 2) + 77px); }
}

@media (max-width:1280px) {
	.panel-list .panel { height: 500px; }
	.panel-list .panel .right .details { padding: 0 50px; }
	.panel.panel-hero .right .details { padding-left: 50px; }
}

@media (max-width:1150px) {
	.panel .right .details { padding-left: 40px; }
	.panel .nav-container { left: calc(((100% - 100px) / 3 * 2) + 77px); }
	.panel-list .panel .left { width: 50%; }
	.panel-list .panel .right .details { padding: 0 50px; }
	.panel-center .center { padding: 0; }
	.panel.panel-hero { min-height: 0; }
}

@media (max-width:768px) {
	.panel .left { width: 50%; }
	.panel .right { width: 50%; }
	.panel .nav-container { left:calc(50% + 40px); }
	.panel-list .panel .left { width: 33.33%; }
}

@media (max-width:640px) {
	.section.panel { height:500px; }
	.section.panel .left { width:100%; float:none; }
	.section.panel .right { width:100%; float:none; position:absolute; top:0; background:none; }
	.section.panel .right h2 { color:#FFF; text-align:center; }
	.section.panel .right .details { max-width:none; padding:0 30px; top:40px; }
	.section.panel .right .details:before { color:#FFF; text-align:center; top:-220px; left:50%; transform:translateX(-50%); opacity:.1; z-index: 1; }
	.section.panel .right p, .section.panel:not(.panel-hero) .right ul { display:none; }
	.section.panel .nav-container { left:50%; margin-left:-72px; }
	.section.panel .nav.view { border-radius:3px; }
	.section.panel .nav.prev, .section.panel .nav.next { display:none; }
	.panel .button { margin: auto !important; display: table; }
	.panel .slider .details { top: auto !important; bottom: 80px !important; }
	
	.panel-list { margin-bottom: 20px; }
	.panel-list .panel { min-height: 0; margin-bottom: 50px; border-radius: 3px; }
	.panel-list .panel .left, .panel.panel-hero .left { width: 100%; height: 300px; display: block; }
	.panel-list .panel .right, .panel.panel-hero .right { width: 100%; display: block; position: relative; bottom: auto; }
	.panel-list .panel .right .details, .panel.panel-hero .right .details { max-width: none; padding: 40px 30px 45px; text-align: center; bottom: auto; }
	.panel-list .panel .right .details:before , .panel.panel-hero .right .details:before { font-size: 200px; top: -300px; left: 50%; transform: translateX(-50%); opacity: .08; }
	.panel-list .panel .right { padding: 0; }
	.panel-list .panel .right li { text-align: center; float: none; }
	.panel-list .panel .right li:after { display: none; }

	.panel.panel-hero { padding-bottom: 40px; }
	.panel.panel-hero .left .back-container { width: 100%; height: 100%; top: 0; left: 0; transform: translate(0); border-radius: 0; }
	.panel.panel-hero .right .details { text-align: left; padding-top: 0; }
	.panel.panel-hero .right .details h1, .panel.panel-hero .right .details h5 { text-align: center; }
	.panel.panel-hero .right .details p { display: block; }
	.panel.panel-hero .hero-back { display: none; }
}

@media (max-width:480px) {
	.section.panel { height:400px; }
	.panel-list .panel .left, .panel.panel-hero .left { height: 250px; }
}

@media (max-width:400px) {
	.panel-list { position: relative; z-index: 1; }
	.panel-list .panel { height: auto; display: block; }
	.panel-list .panel .left, .panel.panel-hero .left { height: 200px; }
}

@media (max-width:480px), (max-height:400px) {
	.panel { margin-bottom: 50px; }
	.panel-list .panel { margin-bottom: 30px; }
}



/********** 6.11 - USPs **********/



.usp { margin-top: 60px; text-align: center; position: relative; }
.usp:first-child { margin-top: 0; }
.usp:before { content: ''; width: 70%; border-bottom: 1px solid #EEE; position: absolute; top: 23px; left: 50%; transform: translate(-50%,0); }
.usp .item { width: calc(33.33%); padding: 0 20px; float: left; box-sizing: border-box; position: relative; }
.usp i { width: 44px; height: 44px; margin-bottom: 20px; font-size: 26px; text-align: center; line-height: 38px; border: 3px solid; border-radius: 100px; box-sizing: border-box; display: inline-block; background: #FFF; position: relative; z-index: 1; }
.usp i.ion-happy-outline { width: auto; font-size: 50px; border: none; line-height: 50px; position: relative; top: -2px; }
.usp h3 { margin-bottom: 2px; text-align: center; }
.usp br { display: none; }

/* Responsive */

@media (min-width:480px) {
	.copy .usp { text-align: left; }
	.copy .usp:before { display: none; }
	.copy .usp .item { width: 100%; float: none; padding: 0 0 0 70px; }
	.copy .usp i {  position: absolute; top: 4px; left: 0; }
	.copy .usp h3 { text-align: left; }
}

@media (max-width:640px) {
	.usp:before { display:none; }
	.usp .item { width:100%; max-width:400px; margin:auto; padding:0; float:none; }
}

@media (max-width:480px) {
	.usp { margin-top: 40px; }
	.usp p { text-align: left; }
}



/********** 6.12 - Tiles **********/



.tiles { margin-bottom: 70px; }
.tiles ul { margin: 0; padding: 0; list-style: none; }
.tiles li { width: 33.33%; height: 250px; float: left; overflow: hidden; }
.tiles li a { width: 100%; height: 100%; display: block; background: #AAA; position: relative; transform: rotate(0.01deg); transition:.4s; }
.tiles .back { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-size: cover; opacity: .6; transition: .6s; }
.tiles .details { width: 100%; margin-top: -31px; text-align: center; position: absolute; top: 50%; left: 0; transition: .3s; }
.tiles .title { font: 600 20px/28px 'Montserrat'; color: #FFF; }
.tiles .sub-title { font: 400 16px/30px 'Montserrat'; color: rgba(255,255,255,.8); letter-spacing: .3px; }
.tiles.large.col-3 li { width: calc(33.33% - 2px); }
.tiles.large.col-1 li { width: calc(100% - 2px); }

/* Drop Downs */

.drop .tiles { width: 100%; height: calc(100% - 222px); margin: -1px -1px 50px; position: relative; z-index: 2; }
.drop .tiles ul { height: 100%; }
.drop .tiles li { width: calc(25% - 2px); height: calc(50% - 2px); margin: 1px; display: block; }
.drop .tiles.large li { height: calc(100% - 2px); }
.drop .tiles .details { margin-top: -17px; }
.drop .tiles.has-sub .details { margin-top: -28px; }

/* Feature */

.tiles.feature .details { margin-top: -97px; }
.tiles.feature .title { font: 100px/100px 'Sacramento'; color: #FFF; }
.tiles.feature .sub-title { margin:-3px auto 22px; font: 400 20px/30px 'Montserrat'; letter-spacing: 8px; text-transform: uppercase; position: relative; display: table; }
.tiles.feature .button { padding: 0 18px !important; background: #FFF; transition: .2s; }
.tiles.feature .back { transition: 1.5s; }

/* Hovers */

.hover .tiles li a:hover .back { opacity: .5; transform: scale(1.05); }
.hover .tiles.feature li a:hover .button { padding: 0 41px 0 23px !important; }
.hover .tiles.feature li a:hover .button i { right: 19px; opacity: 1; }
.hover .drop .tiles li a:hover .details { opacity:1; }

/* Responsive */

@media (max-height:800px), (max-width:1366px) {
	.drop .tiles { height: calc(100% - 170px); margin: -1px -1px 30px; }
}

@media (max-height:800px) {
	.tiles.feature .details { margin-top: -88px; }
	.tiles.feature .title { font: 85px/80px 'Sacramento'; }
	.tiles.feature .sub-title { margin-bottom: 18px; }
}

@media (max-width:1150px) {
	.tiles li { height:220px; }
	.drop .tiles { margin: 0; padding: 29px !important; box-sizing: border-box; }
	.drop .tiles li { width: calc(50% - 2px); height: 100px !important; }
	.drop .tiles.large li { width: 100% !important; }
	.drop .tiles .details { margin-top: -15px; }
	.drop .tiles.has-sub .details { margin-top: -26px; }
	.drop .tiles .title { font-size: 15px; line-height: 24px; font-weight: 700; }
	.drop .tiles.large li .title { font-size: 17px; line-height: 28px; }
	.drop .tiles .sub-title { font: 400 15px/18px 'Montserrat'; }
	.drop .tiles.feature { padding-bottom: 0; }
	.drop .tiles.feature li { height: 150px !important; }
	.drop .tiles.feature .details { margin:0; transform: translateY(-50%); padding: 0 20px; box-sizing: border-box; }
	.drop .tiles.feature .title { font: 50px/50px 'Sacramento' !important; color: #FFF; }
	.drop .tiles.feature .sub-title { margin:-5px auto 0; font: 400 14px/22px 'Montserrat'; }
	.drop .tiles.feature .button { display: none; }
	.drop .tiles li a { margin:0; line-height:50px; float:none; display:block; position:relative; border-bottom:1px solid rgba(0,0,0,.08); border-radius:0; }
}

@media (max-width:640px) {
	.tiles li { width:100%; height:120px; }
}

@media (max-width:640px) {
	.tiles { margin-bottom: 50px; }
}



/********** 6.13 - Instagram **********/



.instagram { margin-bottom: 70px; }
.instagram .images:after { content: ''; clear: both; display: block; }
.instagram a { display: block; }
.instagram img { width: calc(20% - 2px); margin: 1px; float: left; }
.instagram-tag { width: 60px; height: 60px; text-align: center; position: absolute; top: -30px; left: 50%; margin-left: -30px; background: #FFF; border-radius: 100px; z-index: 1; }
.instagram-tag i { line-height: 60px; font-size: 25px; transition: .3s; }

/* Hovers */

.hover .instagram .center a:hover { opacity: .8; }
.hover .instagram-tag:hover i { opacity: .5; }

/* Responsive */

@media (max-width:640px) {
	.instagram img { width: calc(50% - 2px); }
	.instagram .center a:last-child { display: none; }
}

@media (max-width:480px) {
	.instagram { margin-bottom: 50px; }
}



/********** 6.14 - Google Maps **********/



.map { margin-bottom: 70px; position: relative; }
.map div[id^=map] { width: 100%; height: 550px; border-radius: 3px; overflow: hidden; cursor: default; position: relative; background: #CCC; }
.map.section-full div[id^=map] { border-radius: 0; }
.gm-style-iw div { overflow: hidden; }
.info-window { padding: 30px 0 30px 25px; font: 400 13px/24px 'Montserrat'; }
.info-window img { width: 250px; height: auto; margin-bottom: 15px; border-radius: 3px; }
.info-window h3 { margin-bottom: 15px; }
.info-window p { margin-bottom: 22px; }
.info-window .button-shortcode { display: none; }

/* Responsive */

@media (max-width:1366px) {
	.map div[id^=map] { height: 500px; }
}

@media (max-width:1150px) {
	.map .details { display: none; }
	.map .center { padding: 0; }
	.map div[id^=map]:after { display: none; }
}

@media (max-width:768px) {
	.map div[id^=map] { height: 400px; }
	.map-large div[id^=map] { height: 450px !important; }
}

@media (max-width:640px) {
	.map div[id^=map] { height: 350px; }
	.info-window { padding: 20px 0 20px 15px; font: 400 15px/22px 'Montserrat'; }
}

@media (max-width:480px) {
	.map .center { padding: 0; }
	.map div[id^=map] { height: 300px; border-radius: 0; }
}

@media (max-width:400px) {
	.map div[id^=map] { height: 250px; }
}

@media (max-width:480px), (max-height:400px) {
	.map { margin-bottom: 50px; }
}



/********** 6.15 - Services **********/



.services { margin-bottom:70px; }
.services .center { margin-top: 5px; text-align:center; display:table; }
.services div[class^='col'] { padding:0; background:#F5F5F5; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; float:none; display:table-cell; transition:.2s ease; position:relative; box-sizing: border-box; }
.services div[class^='col']:before { content: ''; width: calc(100% + 1px); height: 5px; position: absolute; top: -5px; left: 0; opacity: .3; }
.services .item { padding:45px 0 50px; }
.services .item * { cursor:default; }
.services .item i { margin-bottom:0; display:inline-block; font-size:50px; }
.services .item h4 { margin:0; }
.services .details { width:calc(100% + 2px); padding:16px 10px; font:500 12px/22px 'Montserrat'; color:#FFF; position:absolute; bottom:85%; left:-1px; opacity:0; box-sizing:border-box; transition:.2s ease; z-index:1; cursor:default; border-radius: 3px; pointer-events: none; }
.services .details:after { top:100%; left:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-width:15px; margin-left:-15px; }

/* Hovers */

.services div[class^='col'].over { background:#EEE; }
.services div[class^='col'].over .details { bottom:90%; opacity:1; }

/* Responsive */

@media (max-width:1024px) {
	.services .item { padding:35px 0 40px; }
	.services .col-2 { width:50% !important; }
	.services .col-3 { width:33.33% !important; }
	.services .col-4 { width:25% !important; }
	.services .col-5 { width:20% !important; }
	.services .col-6 { width:33.33% !important; float:left !important; }
	.services div[class^='col']:before { display: none; }
	.services .center:before { content: ''; width: calc(100% + -100px); height: 5px; position: absolute; top: -5px; left: 50px; opacity: .3; }
}

@media (max-width:640px) {
	.services .item { padding:30px 0 35px; }
	.services div[class^='col'] { width:50% !important; float:left !important; }
	.services .center:before { content: ''; width: calc(100% + -60px); left: 30px; }
}

@media (max-width:480px) {
	.services { margin-bottom: 50px; }
	.services .item { padding:20px 0 25px; }
	.services .center { padding:0 30px; border:none; }
}

@media (max-width:370px) {
	.services div[class^='col'] { width:100% !important; }
	.services .center:before { display: none; }
}



/********** 6.16 - Stats **********/



.stats { margin-bottom:70px; }
.stats-container { padding:50px; text-align:center; background:#888; border-radius: 3px; box-sizing:border-box; position: relative; }
.stats-container:after { content: ''; clear: both; display: block; }
.stats .back { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; opacity: .2; }
.stats h2 { margin-bottom:50px; padding: 0 20px; font-size: 22px; color: #FFF; letter-spacing: .2px; position: relative; z-index: 1; }
.stats .number { font:100 80px/80px 'Montserrat'; color:#FFF; position: relative; z-index: 1; }
.stats p { margin:0; color:#FFF; font-weight: 700; letter-spacing: .5px; position: relative; z-index: 1; }
.stats div[class^='col'] { padding:50px 0 0; float: left; position:relative; }
.stats div[class^='col']:before { content:""; width:100%; border-top:1px solid; position:absolute; top:0; left:0; opacity: .8; }
.stats div[class^='col']:after { content:""; width:10px; height:10px; margin-left:-7px; background:#888; border:3px solid; border-radius:100%; position:absolute; top:-8px; left:50%; }
.stats div[class^='col']:first-of-type:before { width:50%; left:auto; right:0; }
.stats div[class^='col']:last-of-type:before { width:50%; }

/* Responsive */

@media (max-width:768px) {
	.stats-container { padding: 50px 0 0; }
	.stats div[class^='col'] { margin-bottom:50px; padding-top:20px; }
	.stats div[class^='col'], .stats div[class^='col']:before { width:100% !important; }
}

@media (max-width:480px) {
	.stats { margin-bottom: 50px; }
	.stats .number { font-size: 65px; }
}



/********** 6.17 - Testimonials **********/



.testimonials { margin-bottom:70px; padding:60px 50px; box-sizing: border-box; }
.testimonials:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .15; }
.testimonials .back { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; background-attachment: fixed; opacity: .15; }
.testimonials .center { max-width: 1280px; padding: 0; }
.testimonials:after { content:""; clear:both; display:block; }
.testimonials .item { width:33.33%; box-sizing:border-box; border-width:20px 20px 25px; border-style:solid; border-color:transparent; position:relative; float:left; overflow:visible; }
.testimonials .item img { width: 100%; height: auto; display: block; position: relative; z-index: 1; border-radius: 3px 3px 0 0; }
.testimonials .item .testimonial { padding:40px 40px 5px; background:#FFF; position:relative; box-shadow:0 0 0 1px rgba(0,0,0,.05),0 0 15px rgba(0,0,0,.06), 0 12px 0 -5px #EEE, 0 12px 1px -4px rgba(0,0,0,0.1); z-index:2; border-radius: 3px; }
.testimonials .item i.ion-quote { font-size:40px; position:absolute; top:30px; left:-5px; }
.testimonials .item:before, .testimonials .item:after { position:absolute; width:40%; height:10px; content:""; left:12px; bottom:2px; background:transparent; box-shadow:0 6px 12px rgba(0,0,0,.1); z-index:1; } 
.testimonials .item:after { left:auto; right:12px; }

.testimonials .item.testimonial-main .testimonial-container { box-shadow:0 0 0 1px rgba(0,0,0,.05),0 0 15px rgba(0,0,0,.06); border-radius: 3px; }
.testimonials .item.testimonial-main:before, .testimonials .item.testimonial-main:after { display: none !important; }
.testimonials .item.testimonial-main .testimonial { padding-bottom: 17px; box-shadow: none; text-align: center; border-radius: 0 0 3px 3px; }
.testimonials .item.testimonial-main h1, .testimonials .item.testimonial-main h2 { margin-top: -3px; margin-bottom: 22px; }
.testimonials .item.testimonial-main .testimonial * { color: #FFF; }
.testimonials .item.testimonial-main .button { background: rgba(0,0,0,.12); }

/* Responsive */

@media (max-width:1150px) {
	.testimonials { margin-bottom:70px; padding:60px 30px; }
	.testimonials .item { width:50%; }
}

@media (max-width:768px) {
	.testimonials .item { width:100%; }
}

@media (max-width:640px) {
	.testimonials { padding:60px 10px; }
	.testimonials .item .testimonial { padding:35px 30px 10px; }
}

@media (max-width:480px) {
	.testimonials { margin-bottom: 50px; }
	.testimonials { padding:40px 10px; }
}



/********** 6.18 - Features **********/



.features { margin-bottom:70px; }
.features .col-2 { width: 50%; padding: 0 25px; float: left; box-sizing: border-box; position: relative; z-index: 1; }
.features .item { width:100%; margin-bottom:2px; padding:50px 25px 15px; box-sizing:border-box; overflow:visible; position: relative; }
.features .item:first-child { border-radius: 3px 3px 0 0; }
.features .item:last-child { margin:0; border-radius: 0 0 3px 3px; }
.features .item .thumb { width:145px; height:145px; margin:0 50px 30px 0; float:left; position:relative; overflow:hidden; border-radius: 3px; }
.features .item .back { width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:top center; transition:1.5s; }
.features .item:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .15; }
.features h1, .features h2, .features h3, .features h4, .features h5 { margin:0; }
.features:after, .features .item:after { content:""; display:block; clear:both; }

/* Hovers */

.hover .features .item.over .back { transform:scale(1.08); opacity:.5; filter: grayscale(1); }

/* Responsive */

@media (max-width:1150px) {
	.features .col-2 { width: 100%; }
}

@media (max-width:480px) {
	.features { margin-bottom:50px; }
	.features .center { padding:0; }
	.features div[class^='col'] { padding:0; }
	.features div[class^='col']:first-child { text-align: center; }
	.features .item { padding:50px 30px 20px; }
	.features .item .thumb { width:100%; height:165px; margin:0 0 30px; }
	.features .item .button { margin: auto; display: table; }
}



/********** 6.19 - Quote **********/



.quote { margin: -10px auto 70px; text-align:center; }
.quote .details { padding: 70px 70px 15px; border-radius: 3px; position: relative; overflow: hidden; box-sizing: border-box; }
.quote .details:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .15; }
.quote .thumb { width:80px; height:80px; margin:0 auto -45px; border-radius:100%; overflow:hidden; position: relative; z-index: 1; border: 7px solid #FFF; }
.quote .thumb img { width:100%; height:100%; }
.quote p { margin-bottom: 20px; position: relative; z-index: 1; }
.quote p.name { margin-left:auto; margin-right:auto; padding:0 80px; display:inline-block; position:relative; }
.quote p.name:before { content:""; width:100%; height:1px; background:#DDD; position:absolute; top:15px; left:0; }
.quote p.name span { padding:0 7px; background:#F5F5F5; position:relative; }
.quote h4 { position: relative; z-index: 1; }

/* Responsive */

@media (max-width:1024px) {
	.quote .details { padding: 70px 30px 15px; }
}

@media (max-width:480px) {
	.quote { margin-bottom: 50px; }
	.quote .center { padding:0 30px; }
	.quote p.name { padding:0; }
	.quote p.name:before { display:none; }
	.quote p.name span { padding:0; background:none; }
}



/********** 6.20 - Menu **********/



.menu { margin-bottom: 70px; }
.menu .item { margin: auto; padding:50px; position:relative; z-index:2; box-shadow:0 0 0 1px rgba(0,0,0,.06),0 0 15px rgba(0,0,0,.06); box-sizing:border-box; border-radius: 3px; }
.menu .title { padding-bottom:20px; text-align:center; position:relative; }
.menu .title:before { content: ''; width: 100%; height: 5px; bottom:0; left:0; position:absolute; pointer-events:none; opacity: .2; }
.menu .title:after { bottom:-30px; left:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-width:15px; margin:5px 0 0 -15px; opacity: .2; }
.menu .title h2 { margin:0; }
.menu ul { margin:0; padding: 0; list-style: none; }
.menu li { padding:20px 100px 20px 0; border-bottom:1px dashed #DDD; position:relative; }
.menu li h4 { margin:0; }
.menu li .tag { min-width: 25px; height:22px; margin-left:2px; padding:1px 5px 0; font-size:10px; line-height:22px; text-align:center; color:#AAA; display:inline-block; position:relative; top:-1px; cursor:default; text-transform:uppercase; box-sizing: border-box; position: relative; background: #F5F5F5; border-radius: 3px; box-shadow: 1px 1px 0 rgba(0,0,0,.08); }
.menu li p { margin:0; }
.menu li .price { font:400 16px/26px 'Montserrat'; text-align:right; color:#555; position:absolute; top:18px; right:0; }
.menu li .price span { font:9px/20px 'Montserrat'; color:#C5C5C5; text-transform: uppercase; letter-spacing: .5px; }
.menu li:before { display: none; }
.menu .button { margin:0 auto 80px; display:table; }

/* Responsive */

@media (max-width:480px) {
	.menu { margin-bottom: 50px; }
	.menu .item { box-shadow:none; padding:0; }
}



/********** 6.21 - Search Results **********/

.search-list { margin: -30px auto 70px; }
.search-list .result { width: 100%; border-bottom: 1px solid #EEE; }
.search-list .result:after { content: ''; clear: both;; display: block; }
.search-list .result a { min-height: 175px; padding: 30px 0; display: block; box-sizing: border-box; position: relative; }
.search-list .result a:before { content: ''; width: calc(100% + 60px); height: calc(100% + 2px); position: absolute; top: -1px; left: -30px; opacity: 0; transition: .3s; border-radius: 3px; }
.search-list .result a * { position: relative; z-index: 1; }
.search-list .result .wp-post-image { width: 190px; height: auto; display: block; border-radius: 3px; float: left; margin-right: 30px; }
.search-list .result h3 { height: 30px; margin-bottom: 0; overflow: hidden; }
.search-list .result p { height: 54px; margin: 0; color: #444; overflow: hidden; }
.search-list .result p.url { height: 24px; margin: -2px 0 10px; font: 400 13px/18px 'Montserrat'; }
.search .navigation { margin-bottom: 70px; }

/* Hovers */

.hover .search-list .result a:hover:before { opacity: .15; }

/* Responsive */

@media (max-width:640px) {
	.search-list .result .wp-post-image { width: 80px; margin-right: 20px; }
	.search-list .result .wp-post-image img { }
}

@media (max-width:480px), (max-height:400px) {
	.search-list { margin-bottom: 50px; }
	.search .navigation { margin: -20px 0 50px; }
	.search-list .result a { min-height: 0; }
	.search-list .result h3, .search-list .result p { height: auto; }
	.search-list .result p.url { display: none; }
	.search-list .result .wp-post-image { width: 100%; margin: 0 0 20px; float: none; }
}



/********** 6.22 - Comments **********/



.comments { margin:0 auto 70px; }
.comments ol { margin: 0; padding:0; list-style: none; border-radius: 3px; overflow: hidden; }
.comments li { margin-bottom:2px; padding: 50px 50px 47px; position:relative; }
.comments li:last-child { margin-bottom:0; }
.comments li:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .15; }
.comments li * { position:relative; }
.comments ol.children { margin:0; padding:0 0 0 20px; overflow:visible; }
.comments ol.children li { margin-bottom:2px; overflow:visible; }
.comments ol.children li:before { display:none; }
.comments li.parent li { margin-bottom:0; padding:30px 0 0 35px; }
.comments li .comment-container { margin-bottom:20px; padding:20px 25px 5px; background:#FFF; box-shadow: 1px 1px 0 rgba(0,0,0,.07); position:relative; border-radius: 3px; }
.comments li .comment-container p { margin-bottom:15px; }
.comments li .comment-container:after { content:""; border-style: solid; border-width:0 16px 16px 0; border-color:transparent #FFF transparent transparent; position:absolute; bottom:-16px; left:20px; box-shadow: 1px 0 0 rgba(0,0,0,.07); }
.comments li .comment-author { font:600 16px/20px 'Montserrat', georgia; }
.comments li .comment-author span { font:500 11px/16px 'Montserrat'; color:rgba(0,0,0,.3); }
.comments li .comment-reply-link { font:500 13px/16px 'Montserrat'; float:right; z-index:3; border:none !important; }

/* Hovers */

.hover .comments li .comment-reply-link:hover { color:#555; }

/* Responsive */

@media (max-width:480px) {
	.comments .center { padding:40px 30px; }
	.comments ol.children { padding-left:0; }
	.comments li { padding: 30px 30px 27px; }
}



/********** 7.0 - Sidebar **********/



.copy { margin-bottom: 40px; font: 400 13px/24px  'Montserrat'; color: #444; position: relative; }
.copy .center-main { display: flex; }
.copy .copy-main { width: calc(100% - 386px); padding: 0 70px 0 0; box-sizing: border-box; position: relative; }
.copy .copy-main img { width: 100%; height: auto; }
.copy .copy-main .section .center { padding: 0 !important; }
.copy .copy-main .section:last-child { margin-bottom: 30px !important; }
.copy .copy-main .section.content:last-child { margin: 0 !important; }
.copy aside { width: 386px; padding-bottom: 30px; order: 2; position: relative; border-radius: 3px; }
.copy aside:before { content: ''; width: 100%; height: calc(100% - 30px); position: absolute; top: 0; left: 0; opacity: .15; border-radius: 3px; }
.copy aside #sidebar:before { content: ''; width: 100%; height: 70px; position: absolute; top: -70px; left: 0; background: #FFF; z-index: 100; }
.copy aside img { width: 100%; height: auto; position: relative; display: block; }
.copy aside img:first-child { border-radius: 3px 3px 0 0; }
.copy aside .sidebar-section { position: relative; }
.copy aside .sidebar-section:first-child { border-radius: 3px 3px 0 0; overflow: hidden; }

.copy aside .sidebar-text { padding: 40px 40px 10px; }
.copy aside .sidebar-text .tags { margin-top: 0 !important; }
.copy aside .sidebar-text .tags li { margin: 0 5px 8px 0; padding: 0; font-size: 10px; font-weight: bold; line-height: 35px; background: #FFF; box-shadow: 1px 1px 0 rgba(0,0,0,.07); }
.copy aside .sidebar-text .tags li a { padding: 0 10px; display: block; font-weight: bold; }

.copy aside .sidebar-feature { padding: 40px 40px 15px; text-align: center; background: #AAA; position: relative; }
.copy aside .sidebar-feature *:not(.icon) { color: #FFF; position: relative; }
.copy aside .sidebar-feature .back { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; opacity: .5; }

.copy aside .sidebar-nav ul { margin: 0; list-style: none; }
.copy aside .sidebar-nav li { position: relative; }
.copy aside .sidebar-nav li:after { content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; opacity: .25; }
.copy aside .sidebar-nav li:last-child:after { opacity: .2; }
.copy aside .sidebar-nav li a { padding: 15px 40px; font: 700 14px/25px 'Montserrat'; display: block; position: relative; z-index: 1; }
.copy aside .sidebar-nav li a:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .1; transition: .3s; }
.copy aside .sidebar-nav li a:after { content:'\f3d3'; font-family:ionicons; font-size:14px; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); }

/* Hovers */

.hover .copy aside .sidebar-nav li a:hover:before { opacity: .2; }
.hover .copy aside .sidebar-text .tags li a:hover { color: #444; }

/* Responsive */

@media (max-width:1150px) {
	.copy .center { display: block; }
	.copy .copy-main { width: 100% !important; max-width: 650px !important; margin: 0 auto; padding: 0 !important; }
	.copy aside { width: 100% !important; max-width: 650px !important; margin: 70px auto 0; min-height: 300px; }
	.copy aside #sidebar:before { display: none; }
	.copy aside.order-first { margin-bottom: 40px; }
	.copy .copy-main .section.content:last-child { margin-bottom: -30px !important; }
}

@media (max-width:480px) {
	.copy { margin-bottom: 0; }
	.copy aside { width: calc(100% + 60px) !important; margin: 50px 0 0 -30px; padding-bottom: 0; border-radius: 0; }
	.copy aside:before { height: 100%; border-radius: 0; }
	.copy aside.order-first { margin: -50px 0 50px -30px; }
	.copy aside .sidebar-text { padding: 40px 30px 15px; }
	.copy aside .sidebar-feature { padding: 40px 30px 15px; }
	.copy aside .sidebar-nav li a { padding: 15px 30px; }
	.copy aside .sidebar-nav li a:after { right: 30px; }
}



/********** 8.0 - Forms **********/



.form .row { box-sizing: border-box; clear: both; }
.form .row .fields { width: calc(100% - 200px); float: left; position: relative; }
.form .row label { width: 200px; padding: 10px 20px 0 0; font: 700 16px/25px 'Montserrat'; float: left; box-sizing: border-box; position: relative; }
.form .row label .required { font-size: 25px; font-weight: 600; position: absolute; top: 18px; right: -5px; }
.form .row input, .form .row select, .form .row textarea { width: calc(100% - 15px); height: 50px; margin: 0 0 15px 15px; padding: 0 15px; font: 400 13px/24px 'Montserrat'; color: #444; border: 1px solid #E5E5E5; border-radius: 3px; box-sizing: border-box; float: left; transition: border .3s, box-shadow .3s; }
.form .row input.col-2, .form .row select.col-2 { width: calc(50% - 15px); }
.form .row .field-date { width: calc(50% - 15px); margin: 0 0 15px 15px; position: relative; float: left; }
.form .row .field-date input { width: 100%; margin: 0; cursor: pointer; }
.form .row .field-date i { font-size: 18px; position: absolute; top: 14px; right: 15px; pointer-events: none; }
.form .row select { cursor: pointer; }
.form .row input.col-3, .form .row select.col-3 { width: calc(33.33% - 15px); }
.form .row textarea { height: auto !important; padding: 15px; resize: none; }
.form .row p { margin-left: 15px; margin-bottom: 0; float: left; }
.form .form-button { padding-top: 25px; clear: both; }
.form .button { clear: both; margin: auto; display: block; }
.form .honeypot { display:none; }

.extras { width: 100%; margin-bottom: 50px; border-bottom: 1px solid #EEE; }
.extras .row { padding: 15px 0; position: relative; }
.extras .row:nth-child(odd) { background: #F5F5F5; border-radius: 3px; }
.extras .row:after { content: ''; clear: both; display: block; }
.extras .col { width: 25%; padding-top: 5px; padding-right: 20px; float: left; box-sizing: border-box; }
.extras .col select { width: 100% !important; height: 36px; margin: 0; padding: 0 10px; }
.extras .col.name { width: 52%; height: 30px; padding-left: 20px; font: 700 14px/25px 'Montserrat'; transition: .3s; overflow: hidden; }
.extras .col.name i { margin-right: 12px; font-size: 16px; position: relative; top: 1px; }
.extras .col.price { width: 33%; text-transform: lowercase; }
.extras .col.price span { font-size: 15px; }
.extras .col.quantity { width: 15%; padding-top: 0; }
.extras .row .details { width: 100%; padding: 22px; border-radius: 3px; position: absolute; bottom: calc(100% - 7px); left: 0; pointer-events: none; box-sizing: border-box; box-shadow: 1px 1px 0 rgba(0,0,0,.07); background: #FFF; opacity: 0; transition: .3s; }
.extras .row .details span { position: relative; z-index: 1; }
.extras .row .details.active { bottom: 100%; opacity: 1; pointer-events: auto; }
.extras .row .details:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 3px; opacity: .15; }

.alert { margin-bottom: 40px; padding:20px; font-weight: bold; text-align:left; border-radius: 3px; }
.alert i { font-size:25px; float:left; margin:0 15px 0 0; }
.alert.success { background:#E9F7E0; }
.alert.success i { color:#4A8E53; }
.alert.error { background:#FDECEB; }
.alert.error i { color:#A3505A; }
.alert.validate { background:#FDF7DA; }
.alert.validate i { color:#C6AE4F; }

/* Hovers */

.form .row input[type='text']:focus, .form .row input[type='email']:focus, .form .row select:focus, .form .row textarea:focus { border-color: transparent; }

/* Responsive */

@media (min-width:1025px) {
	.hover .extras .row:hover .details { bottom: 100%; opacity: 1; }
}

@media (max-width:1150px) {
	.extras .col.name { cursor: pointer; }
}

@media (max-width:640px) {
	.form .row label { padding-top: 0; }
	.form .row .fields { width: calc(100% + 15px); margin-left: -15px; float: none; }
	.form .row label { width: 100%; margin-bottom: 8px; float: none; display: block; }
	.form .row label .required { margin-left: 2px; position: relative; top: 9px; right: 0; }
	.form .row input.col-2, .form .row select.col-2, .form .row input.col-3, .form .row select.col-3, .form .row .field-date { width: calc(100% - 15px); }
	.form .row .field-date input { width: 100%; }
	.copy .copy-main .section.form { margin-bottom: 50px !important; }
}

@media (max-width:630px) {
	.extras .col select { height: 32px; }
	.extras .col.name { width: 100%; padding: 0 20px 15px; border-bottom: 1px dotted rgba(0,0,0,.1); }
	.extras .col.name:after { content: 'See Details'; font-weight: 700; font-size: 13px; float: right; }
	.extras .col.price { width: calc(100% - 100px); padding: 15px 20px 0; box-sizing: border-box; }
	.extras .col.quantity { width: 100px; padding-top: 10px; text-align: right; }
}

@media (max-width:480px) {
	.extras { width: calc(100% + 60px); margin: 0 0 30px -30px; }
	.extras .row:nth-child(odd) { border-radius: 0; }
	.extras .col { padding-right: 30px !important; }
	.extras .col.name { height: auto; padding-left: 30px !important; }
	.extras .col.name i { display: none; }
	.extras .col.price { padding-left: 30px !important; }
}



/********** 9.0 - Lightbox **********/



.featherlight { padding: 0 70px; background:transparent; cursor:pointer; display:none; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed; top:0; right:0; bottom:0; left:0; text-align:center; white-space:nowrap; z-index:2147483647; box-sizing: border-box; } 
.featherlight * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box } 
.featherlight:last-of-type { background:rgba(120,120,120,.8); }
.featherlight:before { content:""; display:inline-block; height:100%; margin-right:-.25em; vertical-align:middle } 
.featherlight .featherlight-content { border:0; cursor:auto; display:inline-block; max-height:80%; max-width:100%; box-sizing: border-box; min-width:inherit; overflow:visible; position:relative; text-align:left; vertical-align:middle; white-space:normal; overflow: auto; } 
.featherlight-content .featherlight-image { transform:scale(.95); transition:.3s ease } 
.featherlight-content.lightbox-pop .featherlight-image { transform:scale(1) } 
.featherlight .featherlight-inner { display:block } 
.featherlight .featherlight-close-icon { display: none; }
.featherlight .featherlight-image { max-width:100% } 
.featherlight iframe { border:0 } 
[data-featherlight] { cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in } 
.featherlight-iframe .featherlight-content { border-bottom:0; padding:0 } 
.featherlight-content .caption { color:#fff; font-size:16px; font-weight:lighter; max-width:100%; overflow:hidden; position:absolute; text-align:left; text-overflow:ellipsis; white-space:nowrap } 
.featherlight-content .caption:hover,.featherlight-content .caption:focus { overflow:visible; white-space:normal } 
.featherlight-loading .featherlight-content { -webkit-animation:featherlightLoader 1s infinite linear; animation:featherlightLoader 1s infinite linear; background:transparent; border:4px solid transparent; border-left-color:#fff; font-size:10px } 
.featherlight-loading .featherlight-content,.featherlight-loading .featherlight-content:after { -webkit-border-radius:50%; border-radius:50%; height:40px; width:40px } 
.featherlight-loading .featherlight-close,.featherlight-loading .featherlight-inner { display:none } 
.featherlight-next,.featherlight-previous { background-repeat:no-repeat; -webkit-background-size:100% auto; background-size:100% auto; cursor:pointer; display:block; height:60px; margin-top:-30px; position:fixed; top:50%; text-indent:100%; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; white-space:nowrap; width:50px; transition:.3s ease; } 
.featherlight-next span,.featherlight-previous span { display:none } 
.featherlight-next { right:0; border-radius: 3px 0 0 3px; } 
.featherlight-next:before { content:'\f3d3'; font-family:ionicons; font-size:20px; line-height:60px; color:#FFF; text-indent:0; position:absolute; top:0; right:20px; transition: .2s; } 
.featherlight-previous { left:0; border-radius: 0 3px 3px 0; } 
.featherlight-previous:before { content:'\f3d2'; font-family:ionicons; font-size:20px; line-height:60px; color:#FFF; text-indent:0; position:absolute; top:0; left:20px; transition: .2s; }
.featherlight-next:hover:before,.featherlight-next:focus:before,.featherlight-previous:hover:before,.featherlight-previous:focus:before { color:#444 }
.featherlight-next:hover,.featherlight-next:focus,.featherlight-previous:hover,.featherlight-previous:focus { background:#FFF }
.featherlight-loading .featherlight-previous,.featherlight-loading .featherlight-next { display:none } 
@-webkit-keyframes featherlightLoader  { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) }} 
@keyframes featherlightLoader  { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) }} 

.lightbox-hide { display: none; }
.lightbox-info { width: 100%; max-width: 800px; padding: 40px; font: 400 15px/20px 'Montserrat'; color: #444; background: #FFF; border-radius: 3px; }
.lightbox-info img { width: auto; height: 200px; margin-left: 40px; float: right; }
.lightbox-info p:last-child { margin: 0; }
#csv .lightbox-info { max-width: 500px; min-height: 280px; }

/* Responsive */

@media (min-width: 980px)  { 
	.featherlight .featherlight-content { max-height:90% } 
 }

@media (max-width:640px) {
	.featherlight { padding: 0 30px; }
	.featherlight-next, .featherlight-previous { width: 30px; }
	.featherlight-loading .featherlight-content,.featherlight-loading .featherlight-content:after { width: 30px; }
	.featherlight-next:before { right:10px; }
	.featherlight-previous:before { left:10px; }
}

@media (max-width:480px) {
	.lightbox-info { padding: 30px; }
	.lightbox-info img { height: 130px; margin: 0 0 20px 30px; }
}



/********** 10.0 - Subscribe **********/



.subscribe { width: 100%; margin-bottom: 70px; padding: 100px 0; position: relative; }
.subscribe .back { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; /*opacity: .3;*/ /*filter: grayscale(1);*/ }
.subscribe .subscribe-form { width: 100%; padding: 0 50px; box-sizing: border-box; position: relative; }
.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 .title { font: 100px/100px 'Sacramento'; color: #FFF; cursor: default; }
.subscribe .sub-title { margin: -10px 0 35px; font: 400 18px/20px 'Montserrat'; color: #FFF; letter-spacing: 2px; text-transform: uppercase; }
.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: 400 15px/48px 'Montserrat'; color: #444; 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 3px; display: block; font: 700 15px/43px 'Montserrat'; background: rgba(0,0,0,.12); color: #FFF; letter-spacing: .5px; border: none; cursor: pointer; border-radius: 3px; position: relative; }
.subscribe button span { position: relative; }
.subscribe button i { margin-left: 10px; font-size: 23px; position: relative; top: 4px; }

/* Hovers */

.hover .subscribe button:hover { padding: 0 24px 3px; }

/* Responsive */

@media (max-width:1366px) {
	.subscribe { padding: 80px 0; }
}

@media (max-width:480px) {
	.subscribe { padding: 60px 0; }
	.subscribe .subscribe-form { padding: 0 30px; }
	.subscribe input { width:100%; border-radius:3px 3px 0 0; font-size: 14px; }
	.subscribe input:last-of-type { border-left:none; border-top: 1px solid #EEE; border-radius: 0 0 3px 3px; }
	.subscribe .title { font: 75px/75px 'Sacramento'; }
	.subscribe .sub-title { font: 400 15px/15px 'Montserrat'; letter-spacing: 3.2px; }
}



/********** 11.0 - Footer **********/



footer { padding: 60px 0 50px; font: 400 15px/25px 'Montserrat'; color: #FFF; text-align: center; background: #555; }
footer .center { padding: 0 30px; }
footer ul { margin: auto; padding: 0; list-style: none; display: table; }
footer li { margin: 0 10px; font: 400 12px/30px 'Montserrat'; letter-spacing: .5px; float: left; }
footer li span { font-size: 14px; }
footer li a { color: #FFF; display: block; }
footer .km img { width: auto; height: 10px; }

.social { margin: 0 auto 50px; display: block; }
.social:after { content: ''; clear: both; display: block; }
.social a { width: 50px; margin: 0 7px; font-size: 18px; line-height: 50px; color: #FFF; background: #666; box-shadow: 1px 1px 0 rgba(0,0,0,.1); float: left; border-radius: 3px; }
.social a:last-child { border: none; }
.social a br { display: none; }

/* Hovers */

.hover .social a:hover { background: #777; }
.hover footer .km:hover { opacity: .5; }

/* Responsive */

@media (max-width:1680px) {
	footer {padding: 50px 15px 5px 15px; }
	.social { margin: 0 auto 40px; }
}

@media (max-width:1150px) {
	.social { margin: 0 auto 30px; }
	footer li.footer-link { display: none; }
	footer li.footer-link.hide { display: block; }
}
@media (max-width:767px) {
	footer {padding: 5px 15px 5px 15px; }
}
@media (max-width:640px) {
	.social a { width: 40px; font-size: 15px; line-height: 40px; }
}

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



/********** 12.0 - Popup **********/



#pop, #share { width: 100%; height: 100%; font: 400 13px/24px 'Montserrat'; color: #444; position: fixed; top: 0; left: 0; background: rgba(120,120,120,.8); display: none; z-index: 99999999; }
#pop .center, #share .center { max-width: 560px; height: 100%; padding: 0 30px; display: table; }
#pop { overflow-y: auto; }
#share .center { max-width: 450px; }
.pop-container { padding: 30px 0; display: table-cell; vertical-align: middle; }
.pop { width: 100%; background: #FFF; border-radius: 4px 4px 3px 3px; box-sizing: border-box; color: #444; position: relative; transform: scale(.95); transition: .3s; }
.pop:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .15; }
.pop .header {  width: 100%; height: 200px; background-position: center; background-size: cover; border-radius: 3px 3px 0 0; position: relative; z-index: 1; }
.pop .details { padding: 40px 40px 10px; text-align: center; position: relative; z-index: 1; }
.pop .details h3, .pop .details h4 { margin: -30px 0 22px 0; padding: 0; }
.pop .details .button { margin-bottom: 10px; }
.pop form { width: 100%; margin: 0 auto 30px; display: table; position: relative; z-index: 1; }
.pop input { width: 100%; height: 46px; margin-bottom: 10px; padding: 0 15px; font: 400 13px/24px 'Montserrat'; color: #444; color: #444; text-align: center; border-radius: 3px; background: #FFF; border: none; float: left; box-sizing: border-box; box-shadow: 1px 1px 0 rgba(0,0,0,.07); }
.pop input.col-2 { width: 50%; }
.pop input.col-2:first-of-type { border-radius: 3px 0 0 3px; }
.pop input.col-2:last-of-type { border-radius: 0 3px 3px 0; border-left: 1px solid #EEE; }
.pop .button-container { width: 100%; float: left; clear: both; }
.pop button { margin: 27px auto 0; padding: 0 20px 3px; display: block; font: 700 15px/43px 'Montserrat'; color: #FFF; letter-spacing: .5px; border: none; cursor: pointer; border-radius: 3px; position: relative; }
.pop button span { position: relative; }
.pop button i { margin-left: 10px; font-size: 23px; position: relative; top: 4px; }
#pop .close { width: 46px; height: 46px; font-size: 16px; color: #FFF; text-align: center; line-height: 48px; background: #555; border-radius: 100px; position: absolute; top: -12px; right: -12px; cursor: pointer; z-index: 2; }
#share .pop { z-index: 2; }
#share h2 { margin: 0 0 15px; }
#share ul { margin: 0 0 30px; padding: 0; list-style: none; border-top: 1px solid #EEE; }
#share li { border-bottom: 1px solid #EEE; text-align: left; }
#share a { padding: 10px 0; font: 700 22px/30px 'brandon-grotesque'; display: block; }
#share a i { width: 25px; display: inline-block; }
#share a i.ion-social-twitter, #share a i.ion-social-pinterest { font-size: 18px; }
#share a span { width: 120px; display: table; margin: auto; }
#share .close { width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; z-index: 2; }
#pop.popped .pop, #share.popped .pop { transform: scale(1); }

/* Hovers */

.hover #share a:hover { color: #444; }
.hover .pop button:hover { padding: 0 24px 3px; }

/* Responsive */

@media (max-width:480px) {
	.pop .header { height: 120px; }
	.pop .details { padding: 25px 20px 1px; }
	.pop .details p { margin: 0 0 25px 0; }
	.pop input.col-2 { width: 100%; border-radius: 3px !important; border: none !important; }
	.pop button { margin: 0 auto 5px; }
	#share a { padding: 7px 0; font: 700 18px/30px 'brandon-grotesque'; }
	#share a span { width: 110px; }
	#share a i.ion-social-twitter, #share a i.ion-social-pinterest { font-size: 17px; }
}

@media (max-width:320px) {
	.pop .header { height: 80px; }
}



/********** IE **********/



@supports (-ms-ime-align:auto) { .boxes { overflow-x: hidden; }}
@media all and (-ms-high-contrast:none) {
	html { overflow-x: hidden; } /* IE10 */
	*::-ms-backdrop, html { overflow-x: hidden; } /* IE11 */
}



/********** Preview **********/



.view-source { display: none; background:#FFF; }
.view-source pre { margin: 0; padding: 25px 40px; font-size:12px; line-height:16px; white-space:pre-wrap; box-sizing: border-box; }
.view-source pre ::-moz-selection { background: none !important; }
.view-source pre ::selection { background: none !important; }
.view-source-button { padding: 7px 15px 8px; color: #FFF !important; font-size: 11px; letter-spacing: .2px; position: absolute; top: -16px; right: 40px; background: #555; border-radius: 3px; z-index: 99; opacity: 0; transition: .2s; }
.view-source-button i { font-size: 12px; margin-right: 5px; position: relative; top: 1px; }
.view-source .button { position: absolute; top: 40px; right: 40px; }
.view-source .button i { font-size: 19px !important; }
.view-source .button:before { content: 'Copied'; position: absolute; top: 50%; left: -75px; padding: 7px 10px; background: #FFF; border-radius: 3px; font:bold 11px/18px 'Montserrat'; color: #444; pointer-events: none; box-shadow: 1px 1px 0 rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1); transform: translateY(-50%); opacity: 0; transition: .2s; }
.section .center .view-source-button { right: 110px; }
.featherlight-content.lightbox-code { width: 1160px; }

.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090;}
.token.punctuation{color:#999;}
.namespace{opacity:.7;}
.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905;}
.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690;}
.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#a67f59;background:hsla(0,0%,100%,.5);}
.token.atrule,.token.attr-value,.token.keyword{color:#07a;}
.token.function{color:#DD4A68;}
.token.regex,.token.important,.token.variable{color:#e90;}
.token.important,.token.bold{font-weight:700;}
.token.italic{font-style:italic;}
.token.entity{cursor:help;}

/* Hovers */

.hover .view-source-button:hover, .hover .tiles a.view-source-button:hover { background: #444 !important; opacity: 1 !important; }
.hover .section:hover .view-source-button { opacity: 1; top: -18px; }
.hover .view-source .button:hover { padding: 0 43px 0 18px; }
.view-source .button.active:hover:before { left: -80px; opacity: 1; }

/* Responsive */

@media (max-width:1150px) {
	.view-source, .view-source-button { display: none; }
}



/*PADDING*/

.m-0{
	margin: 0px!important;

}

.star{

	font-size: 35px!important;
}


/*ICONOS*/
.iconos{
	width: 25%;
	height: 25%;

}
.subscribir { width: 100%; margin-bottom: 70px; padding: 100px 0; position: relative; }
.subscribir .back { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; opacity: .2; filter: grayscale(1); }
.subscribir .subscribe-form { width: 100%; padding: 0 50px; box-sizing: border-box; position: relative; }
.subscribir form { width: 100%; max-width: 500px; margin: auto; text-align: center; position: relative; box-sizing: border-box; border-radius: 3px; }
.subscribir form:after { content: ''; clear: both; display: block; }
.subscribir.title { font: 100px/100px 'Sacramento'; color: #FFF; cursor: default; }
.subscribir.sub-title { margin: -10px 0 35px; font: 400 18px/20px 'Montserrat'; color: #FFF; letter-spacing: 2px; text-transform: uppercase; }
.subscribir.fields { box-shadow: 0 1px 0 rgba(0,0,0,.05), 0 4px 4px rgba(0,0,0,.02); }
.subscribir.fields:after { content: ''; clear: both; display: block; }
.subscribir input { width: 50%; height: 50px; font: 400 15px/48px 'Montserrat'; color: #444; text-align: center; border: none; box-sizing: border-box; float: left; border-radius:3px 0 0 3px; }
.subscribir input:last-of-type { border-left: 1px solid #EEE; border-radius: 0 3px 3px 0; }
.subscribir .clear { clear: both; }
.subscribir button { margin: 40px auto 0; padding: 0 20px 3px; display: block; font: 700 15px/43px 'Montserrat'; background: rgba(0,0,0,.12); color: #FFF; letter-spacing: .5px; border: none; cursor: pointer; border-radius: 3px; position: relative; }
.subscribir button span { position: relative; }
.subscribir button i { margin-left: 10px; font-size: 23px; position: relative; top: 4px; }

/* Hovers */

.hover .subscribir button:hover { padding: 0 24px 3px; }


/*VIDEO SLIDER*/


#slider {
	width: 100%;
	margin: 0;
	border: 0;}
#slider .slide {
	width: 100%;
	display: none;
}
#slider:first-child {
	 display: block;
 }
#slider .slide-inner {
	position: relative;}
#slider img {
	width: 100%;
}




.video-wrap {
	position: relative;
//slider resolution = 1600 x 650, so this percentage is from 650/1600=0.40625
padding-bottom: 40.625%;
	height: 0;
	overflow: hidden;
}

.video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*.video-wrap {*/
	/*overflow: hidden;*/
	/*width: 100%;*/
	/*position: relative;*/
/*}*/

/*.video-wrap video {*/
	/*position: relative;*/
	/*z-index: 1;*/
	/*width: 100%;*/
/*}*/

/*.video-overlay,*/
/*.video-placeholder {*/
	/*position: absolute;*/
	/*width: 100%;*/
	/*height: 100%;*/
	/*top: 0;*/
	/*left: 0;*/
	/*z-index: 5;*/
	/*-webkit-backface-visibility: hidden;*/
/*}*/

/*.video-placeholder {*/
	/*z-index: 4;*/
	/*background-repeat: no-repeat !important;*/
/*}*/