/*
Theme Name: The Royal Portfolio
Theme URI: http://underscores.me/
Author: Focus Online
Author URI: http://www.focusonline.co.za
Description: Custom theme built on underscores.me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: _trp
Tags: travel, accommodation, luxury experience

This theme, like WordPress, is licensed under the GPL.focusonl
Use it to make something cool, have fun, and share what you've learned with others.

The Royal Portfolio is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

 body, html {
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: #333;
    }




article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	/*margin: 1em 40px;*/
	margin: 0 !important;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.5;
}*/

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 0 0 20px;
    border-left: 3px solid #ccc;
    padding-left: 40px;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	/*margin: 0 0 1.5em 3em;*/
	margin: 0;
}

ul {
	list-style: disc;
	line-height: 1.5;
	margin-bottom: 20px;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

/*input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
*/

/*input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}*/

/*input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}*/

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #666;
	text-decoration: none;
}
p a {
	color: #333;
	font-weight: 600;
	text-decoration: none;
}
p a:visited {
	color: #333;
	font-weight: 600;
}
/* only do this for body links */
p a:hover,
p a:focus,
p a:active {
	color: #333;
	font-weight: 600;
	text-decoration: underline;
}


a:hover,
a:active {
	outline: 0 !important;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	z-index: 1099;
	position: relative;
}
.sub-navigation {
	display: block;
	float: left;
	/*z-index: 1099;*/
	margin-top: -6px;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li, .sub-navigation li {
	float: left;
	position: relative;
	margin-right: 8px;
	margin-right: 17px;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #ddd;
	font-size: 13px;
	padding:5px;
	padding: 6px 2px;
}
.sub-navigation a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 13px;
	padding: 0px 2px;
	line-height: 1;
}
.main-navigation a:hover, , .sub-navigation a:hover {
	color: #fff;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 25px;
    left: -999em;
    z-index: 99999;
    margin-left: -8px;
    padding-top: 21px;
}

.sub-navigation ul ul {
    float: left;
    position: absolute;
    top: 20px;
    left: -999em;
    z-index: 99999;
    margin-left: -8px;
    padding-top: 5px;
    padding-left: 0px;
}

.shrink .main-navigation a, .shrink .sub-navigation a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #ddd;
	font-size: 13px;
	/*padding:5px;
	padding: 1px 2px 2px 2px;*/
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.shrink .main-navigation a:hover, .shrink .sub-navigation a:hover {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 13px;
	/*padding:5px;
	padding: 1px 2px 2px 2px;*/
}
.shrink .main-navigation ul ul a, .shrink .sub-navigation ul ul a {
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.shrink .main-navigation ul ul a:hover, .shrink .sub-navigation ul ul a:hover {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 13px;
	padding: 9px 15px 9px 17px;
}

.shrink .main-navigation ul ul, .shrink .sub-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 20px;
    left: -999em;
    z-index: 99999;
    margin-left: -8px;
    padding-top: 13px;
}

.shrink .main-navigation ul li.menu-item-has-children:hover:before, .sub-navigation ul li.menu-item-has-children:hover:before {
	content: "";
	position: absolute;
	width: 17px;
	height: 9px;
	top: 27px;
	left: 35%;
	z-index: -1;
	background: url(images/menu-arrow.png) 50% 50% no-repeat;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}




.main-navigation ul ul ul, .sub-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 180px;
	background: rgba(0,0,0, 0.88);
	padding:9px 15px;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.sub-navigation ul ul a {
	width: 180px;
	background: rgba(0,0,0, 0.88);
	padding:9px 15px;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	color: #fff
}
.main-navigation ul ul a:hover, .sub-navigation ul ul a:hover {
	width: 180px;
	background: rgba(0,0,0, 0.88);
	padding:9px 15px 9px 17px;
	color: #fff;
}
.main-navigation ul ul.wide a, .sub-navigation ul ul.wide a {
    width: 280px;
    background: rgba(0,0,0, 0.75);
    padding: 9px 15px;
}

.main-navigation ul li:first-child ul a {
    width: 280px;
    background: rgba(0,0,0, 0.88);
    padding: 9px 15px;
}
.sub-navigation ul li:first-child ul a {
    width: 280px;
    background: rgba(0,0,0, 0.88);
    padding: 9px 15px;
    color: #fff;
}

.main-navigation ul ul li, .sub-navigation ul ul li {
    border-bottom: 1px solid rgba(100,100,100, 0.75);
    margin-right: 0;
}
.main-navigation ul ul li:first-child, .sub-navigation ul ul li:first-child {
    border-top: 2px solid rgba(200,200,200, 0.88);
    margin-right: 0;
}

.main-navigation ul li.menu-item-has-children, .sub-navigation ul li.menu-item-has-children {
    opacity: 1; -moz-transition: all .3s ease;overflow: visible;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.main-navigation ul li.menu-item-has-children:hover:before, .sub-navigation ul li.menu-item-has-children:hover:before {
	content: "";
	position: absolute;
	width: 17px;
	height: 9px;
	top: 38px;
	left: 35%;
	z-index: -1;
	background: url(images/menu-arrow.png) 50% 50% no-repeat;
	opacity: 1;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul,
.sub-navigation ul li:hover > ul,
.sub-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul,
.sub-navigation ul ul li:hover > ul,
.sub-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}
.main-navigation .current-menu-item:before, .main-navigation .current_page_item:before, .sub-navigation .current-menu-item:before, .sub-navigation .current_page_item:before {
    content: "";
	position: absolute;
	width: 17px;
	height: 9px;
	top: 28px;
	left: 35%;
	z-index: -1;
	opacity: 0.3;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
	background: url(images/menu-arrow.png) 0 0 no-repeat;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul,
.sub-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul, .sub-navigation ul {
		display: block;
		padding-left: 0px;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.post-navigation {
	width: 100%;
    padding: 20px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
	overflow: auto;
	width: 80%;
    max-width: 850px;
    margin: 0 auto 0;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 45%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 45%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 0px;
}


.pb-gallery li {
float:left; width: 32%; margin-right: 2%; margin-bottom: 2%; list-style: none;
}

.pb-gallery li:nth-child(3n + 3) {
	margin-right: 0%;
}


.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*
 ---------------------------------------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------------------
 
 
 
 
 
 custom styles
 
 
  
 
 
 ---------------------------------------------------------------------------------------------------------------------
 ---------------------------------------------------------------------------------------------------------------------
*/

 
 #container {
	    /*position: fixed;*/
	    top: 0;
	    left: 0;
	    /*height: 100%;*/
	    width:100%;
	    background: transparent;
	}
	header {
	    height: 170px;
	    /*-webkit-transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;*/
		z-index: 999 !important;
	    /*background: rgba(0,0,0, 0.75);*/
		background: #404040;
	    -moz-transition: all .3s ease;
	    -webkit-transition: all .3s ease;
	    transition: all .3s ease;
	}


/*
	header:hover {
		z-index: 999999 !important;
	}*/
	
	header.shrink {
	    height: 80px;
	   /* background: rgba(0,0,0, 0.75);*/
		background: #404040;
	}
	header div {
	   /* padding: 10px 0 0 0;*/
	    padding: 0 0 0 0;
	}
	/*header img {
	    height:79px;
	    -moz-transition: all .3s ease;
	    -webkit-transition: all .3s ease;
	    transition: all .3s ease;
	}
    */
    
	h1 {
	    text-transform: uppercase;
	    font-size: 34px;
	    color: #757575;/*
	    font-family: 'Lato', sans-serif;*/
	    font-weight: 300;
	    letter-spacing: 1px;
	   /* margin-top:50px;*/
	    text-align:center;
		margin-bottom: 40px;
	}
	.home h1, .home h2 {
	    text-align:center;
	}
	p.introtext {
		    width: 90%;
			max-width: 660px;
			font-size: 25px;
			line-height: 1.3;
			color: #ababab;
			color: #777;
			font-family: 'Raleway', sans-serif;
			font-weight: 300;
			margin: 20px auto;
			text-align: center !important;
			margin: 40px auto;
	}
	.introtext p {
		    width: 90%;
			max-width: 660px;
			font-size: 25px;
			line-height: 1.3;
			color: #ababab;
			color: #777;
			font-family: 'Raleway', sans-serif;
			font-weight: 300;
			margin: 20px auto;
			text-align: center !important;
			margin: 40px auto;
	}
	h2 {
	    text-transform: uppercase;
	    font-size: 26px;
	    color: #666;
	    font-family: 'Raleway', sans-serif;
	    font-weight: 300;
	    letter-spacing: 1px;
	    width: 100%;
	    /*background: url(images/fade.gif) repeat-x;*/
	    /*padding: 34px 0 18px;*/
		text-align:center;
	}
	.divider {
	    width: 100%;
	    /*background: url(images/fade.gif) repeat-x;*/
		padding: 34px 0 18px;
	}
	h3 {
	    text-transform: uppercase;
	    font-size: 20px;
	    color: #666;
	    font-family: 'Raleway', sans-serif;
	    font-weight: 300;
	    letter-spacing: 1px;
	    width: 100%;
	    /* background: url(images/fade.gif) repeat-x; */
	    padding: 34px 0 18px;
	    text-align: left;
		/* changing this for minor spacing tweaking 2016-02-24 */
		 padding: 0px 0 8px;
	}
	
	@media only screen and (min-width:800px) {
        h3 {
            text-align: center !important;
        }
    }
	h4 {
	    color: #444;
	    font-family: 'Raleway', sans-serif;
	    font-weight: 600;
	    letter-spacing: 1px;
	    width: 100%;
	    /* background: url(images/fade.gif) repeat-x; */
	    padding: 10px 0 10px;
		text-transform: uppercase;
		font-size: 18px;
	    text-align: left; 
	}
	    
}
	p {
	    font-size: 15px;
	    line-height: 26px;
	    font-weight: 300;
	}
    
    
	#content p {
	    text-align:left;
	}
	
	@media only screen and (min-width:750px) {
        
        #content p {
            text-align:justify;
        }
    }
    
    
    
	      
	.split-content  {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	    -webkit-column-gap: 20px;
	    -moz-column-gap: 20px;
	    column-gap: 20px;
	   /* -webkit-column-rule: 1px outset #ccc;
	    -moz-column-rule: 1px outset #ccc;
	    column-rule: 1px outset #ccc;*/
	    text-align: justify;
	    font-size: 14px;
	    line-height: 20px;
	    color: #696969;
	}
	@media only screen and (min-width:900px) {
	.split-content {
		-webkit-columns: 2 200px;
		-moz-columns: 2 200px;
          columns: 2 200px;
	    -webkit-column-gap: 30px;
	    -moz-column-gap: 30px;
	    column-gap: 30px;
	   /* -webkit-column-rule: 1px outset #ccc;
	    -moz-column-rule: 1px outset #ccc;
	    column-rule: 1px outset #ccc;*/
	    text-align: justify;
	    font-size: 14px;
	    line-height: 20px;
	    color: #696969;
	}
	.split-content p:first-child {
		margin-top:0;
	}
	.split-content p a {
		white-space: nowrap;
	}
	
}
	.row-content {
	width: 90%; margin: 0 auto; padding-top: 19px;
	
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	}
	.shrink .row-content {
	width: 90%; margin: 0 auto; padding-top: 0;
	}
	
	.small-wrapper {
	max-width: 780px;
	max-width: 1400px;
	}
	#footer p {
	    /*color: #ddd;*/
	    color: #aaa;
		font-size: 13px;
		line-height: 18px;
	}
	
	#footer-blocks {
	    margin:0;
	    padding:0;
	    /*height: 100px;*/
	}
	
	
	#footer-blocks li {
	    width: 100%;
	    float: none;
	    margin:0;
	    padding:0;
	    color: #cdcdcd;
	    list-style: none;
	    text-align: left;
	}
	 #footer-blocks li a {
		/*
		color: #cdcdcd;
		font-size: 14px;
		*/
		color: #aaaaaa;
		font-size: 13px;
		text-decoration: none;
		text-transform: uppercase;
		-moz-transition: all .3s ease;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}
	#footer-blocks li a:hover {
		color: #fff;
		text-decoration: none;
		padding-left: 5px;
	}
	    
	#footer ul li ul {
		margin: 0;
		padding:0;
	}
	    
	#footer ul li ul li {
		width: 100%;
		float: none;
	}
	
	@media only screen and (min-width:900px) {
	    #footer-blocks li {
			width: 25%;
			float: left;
			margin:0;
			padding:0;
			color: #ddd;
			list-style: none;
			text-align: left;
	    }
	}	
	
	
	#home h1, #home h2 {
	    text-align: center;
	}

	
	#footer h2 {
	    text-transform: uppercase;
	    /*
		 *font-size: 14px;
	    color: #fefdfe;
	    */
	    font-size: 13px;
	    color: #bcbcbc;
	    text-align: left;
	    font-weight: 600;
	}
	#footer li li h2 {
	    text-transform: uppercase;
	    font-size: 13px;
	    text-align: left;
	    color: #bcbcbc;
	    font-weight: 600;
		margin-top: 20px;
	}
	
	/*
	 
	 carousel
	 
	*/

	.owl-pagination {
		position: relative;
		margin-top: -50px;
	}
	.owl-theme .owl-controls .owl-page span {
		opacity: 0.5;
		background: #fff;
	}
	.owl-theme .owl-controls .active span {
		opacity: 1;
		background: #FFF;
	}
	
	.owl-carousel-hotelsx>div {
	    text-align: center;
		text-decoration: none !important;
		width: 20%;
		float: left;
	}
	.carousel-hotelname {
	    text-transform: uppercase;font-size:20px; margin:10px auto 5px; color: #999;
	}
	
	.carousel-location {
	    text-transform: uppercase;font-size:13px; color: #333; font-weight: 400; margin:5px auto 0;line-height: 18px;/*font-family: 'Open Sans', sans-serif;*/
	}
	.carousel-province {
	    font-size:12px; font-weight: 400; color: #333; margin: 0 auto; line-height: 14px; /*font-family: 'Open Sans', sans-serif;*/
	}
	
	.tagline {
	    font-size: 24px; line-height: 32px; color: #fff; text-align: center; margin:10px auto 20px;
	    position: absolute;
		/*bottom: 15%;*/
		bottom: 23%;
		width: 60%;
	    z-index: 9999; position: absolute;left: 50%; transform: translate(-50%,0);
	    font-family: 'Libre Baskerville', serif;
		/*font-family: 'Lora', sans-serif;*/
	    font-weight: 400;
	    /*
	     font-family: serif;font-weight: bold;
	    */
	}
	    
	    
	@media only screen and (min-width:800px) {
	    .tagline {
		font-size: 35px;
		line-height: 45px;
	    }
	}
	
	
	.sb-site {
	    min-height: auto !important;
	}
	
	
	
	.banner-cta {
	    background: transparent;
	    border: 1px solid #fff;
	    border-radius: 4px;
	    text-transform: uppercase;
	    padding: 8px 12px;
	    color: #fff !important;
	    text-align: center;
	    text-decoration: none;
	    font-size: 16px;
	    line-height: 20px;
	    -moz-transition: all .3s ease;
	    -webkit-transition: all .3s ease;
	    transition: all .3s ease;
	    font-family: 'Raleway', sans-serif;
	    font-weight: 300;
	    opacity: 0.85;
	    display: inline-block;
	}
	.banner-cta:hover {
	    /*padding: 8px 19px;*/
	   /* margin-top:-2px;*/
	    color: black !important;
		text-decoration: none;
	    background: #fff;
	}
	
	
	
	.scroll-arrow {
	    display: block; text-align:center; margin: 0 auto 20px; width: 40px; height: 40px; background: url(images/scroll-arrow.png) no-repeat 0 0;
	    -moz-transition: all .3s ease;
	    -webkit-transition: all .3s ease;
	    transition: all .3s ease;
	}
	
	.scroll-arrow:hover {
	    display: block; text-align:center; margin: -10px auto 10px; width: 40px; height: 40px; background: url(images/scroll-arrow.png) no-repeat 0 0;
	}
	
	
	
	
	ul#associations, #associations {
	    margin: 0;
	    padding: 0 0 20px 0;
		width: 100%; border-bottom: 1px solid #5f5c5a; float: left; margin: 10px 0 0 0; border-right: none;
	}
	ul#associations li {
	    list-style: none;
	    float: left;
	    vertical-align: middle;
	    margin-right: 10px;
	    width: auto;
	    /*  */
	    position: relative;
	    left: 0;
	    top: 50%;
	    transform: translate(0%,-50%);
	}
	
	#medialibrarylink {
	width: 100%;
    margin: 20px 0 0 0;
    float: left;
    padding: 0 0.5%;
	}
	#medialibrarylink a {
	color: #aaa;
    text-transform: uppercase;
    margin-left: 0;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    /*position: relative;*/
    left: 0;
    top: 50%;
    transform: translate(0%,-50%);
    width: 100%;
	}
	
	#medialibrarylink img {
    float: left;
	margin-left: 15px;
	}
	span.mediabreak {
		float: left;
		white-space: nowrap;
	}
	@media only screen and (min-width:900px) {
        ul#associations, #associations {
	    margin: 0;
	    padding: 0;
		width: 61.666%; border-right: 1px solid #5f5c5a; float: left; margin: 10px 0 0 0; border-bottom: none;
		}
	
		#medialibrarylink {
		width: 37%;
		margin: 0;
		float: right;
		padding: 20px 0.5%;
		}
		#medialibrarylink a {
		margin-left: 15px;
		}
		/*
		#medialibrarylink img {
		float: right;
		}
		*/
    }

@media only screen and (min-width:900px) {
    ul#associations, #associations {
		width: 71%; 
	}
	
	#medialibrarylink {
		width: 27%;
	}
	/*
		span.mediabreak {
			display: block;
		}
	@media only screen and (min-width:600px) {
        span.mediabreak {
                display: inline;
            }
    }*/
}



	/*
	  
	  newsletter signup
	  
	*/
	    
	input {
	    width: 89%;
	    width:100%;
	    padding: 13px 5% !important;
	    background: #3f3c3a;
	    margin-bottom: 5px;
	    font-size: 14px !important;
	    color: #fff;  
	    border: 1px solid #696765;  
	    /*text-transform: uppercase;*/
	    font-weight:400;
	}
	button[type="submit"] {
	    background: #4c4947;
	    font-weight:400;
	    color: #ddd;
	    font-size: 14px;
	    text-transform: uppercase;
	    border: 1px solid #696765; 
	    text-align:left;
	    width:100%;
	    padding: 15px 5%;
	    cursor: pointer;
	    -moz-transition: all .3s ease;
	    -webkit-transition: all .3s ease;
	    transition: all .3s ease;
	}
	button[type="submit"]:hover {
	    background: #6c6866;
	    color: #fff;
	    cursor: pointer;
	}
	
	
	::-webkit-input-placeholder {
  padding: 0;
   color: #ddd;  
    font-size: 14px !important;
	    font-weight:300;
}

:-moz-placeholder { /* Firefox 18- */
  padding: 0;
   color: #ddd; 
	    font-size: 14px !important;
	    font-weight:300; 
}

::-moz-placeholder {  /* Firefox 19+ */
  padding: 0;
   color: #ddd; 
	    font-size: 14px !important; 
	    font-weight:300;
}

:-ms-input-placeholder {  
  padding: 0;
   color: #ddd;
	    font-size: 14px !important; 
	    font-weight:300; 
}
/*
.social-media-links a {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 0px;
    text-indent: -9999px;
    padding:0 !important;
    background:  url(images/social-icons-sprite.png) 0 0 no-repeat;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}
*/
/*.social-media-links a:hover {
    padding:0 !important;
    opacity: 0.7;
}*/
.social-media-links a.facebook { background-position: 0 0; }
.social-media-links a.twitter { background-position: -27px 0; }
.social-media-links a.instagram { background-position: -54px 0; }
.social-media-links a.pinterest { background-position: -81px 0; }
.social-media-links a.googleplus { background-position: -108px 0; }
.social-media-links a.linkedin { background-position: -135px 0; }
.social-media-links a.youtube { background-position: -162px 0; }

.social-media-links a {
	position: relative;
	display: inline-block;
	width: 27px;
	height: 27px;
	margin-right: 0px;
	text-indent: -9999px;
	padding:0 !important;
	background:  url(images/social-icons-sprite.png) 0 0 no-repeat;
}

.social-media-links a span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:  url(images/social-icons-sprite.png) no-repeat;
	/*background-position: 0 -27px;*/
	opacity: 0;
	-webkit-transition: opacity 0.1s;
	-moz-transition:    opacity 0.1s;
	-o-transition:      opacity 0.1s;
}

.social-media-links a.facebook span { background-position: 0 -27px; }
.social-media-links a.twitter span { background-position: -27px -27px; }
.social-media-links a.instagram span { background-position: -54px -27px; }
.social-media-links a.pinterest span { background-position: -81px -27px; }
.social-media-links a.googleplus span { background-position: -108px -27px; }
.social-media-links a.linkedin span { background-position: -135px -27px; }
.social-media-links a.youtube span { background-position: -162px -27px; }

.social-media-links a:hover span {
	opacity: 1;
}

    p.subnav-address {
	font-size: 13px;
	color: #ccc;
    }
    #content {
	width:90%;
	margin-left:0%;
	float:none;
	margin:0 auto;
	border-right:none;
	padding-top: 0px;
	z-index: 2;
    }
	
	#content-full {
	    width:100%;
	   /* border-right:1px solid #ccc;*/
	    padding-top: 30px;
	}
    p {
	font-size: 18px;
	line-height: 1.5;
	color: #666;	
	color: #444;	
    }
	
	#content {
		width: 100%;
	}
    
    @media only screen and (min-width:900px) {

		#subnav {
			display: block;
			z-index: 9999;
			background-color: #777;
			/*height: 50px;*/
			height: 40px;
		}
		
		#content {
			padding-top: 0px;
		}
		
		#content-full {
			width:100%;
		   /* border-right:1px solid #ccc;*/
			padding-top: 30px;
		}
		p {
			font-size: 16px;
			line-height: 1.5;
			color: #666;	
			color: #444;	
		}
    }

@media only screen and (max-width: 600px) {
	#content-full {
	    width:95%;
	   /* border-right:1px solid #ccc;*/
	    padding-top: 30px;
	    margin: 0px auto;
	}
}

	
	
    @media only screen and (min-width:1000px) {
		#content {
		    padding-top: 0px;
		}
    }
    
    #subnav #hotelname {
		display: none;
    }
    #subnav #hotelname-mobile {
		display:block;
            text-align: center;background: #fff;
            padding: 10px 0 15px;
            border-top-right-radius: 8px;
            width: 100%; margin-top: 0;border-bottom: 1px solid #ddd;
    }
    #subnav #hotelname-text {
            display:block;
    }
	
    @media only screen and (min-width:900px) {
        #subnav #hotelname {
            display:block;
            text-align: center;background: #fff;
            padding: 10px 0 15px;
            border-top-right-radius: 8px;
            width: 100%; margin-top: 0;border-bottom: 1px solid #ddd;
        }
		
		#subnav #hotelname-mobile {
			display: none;
		}
    }
	
	#subnav li {
		list-style: none;
		height: 28px;
	}
	
	#subnav li ul li {
		height: unset;
	}

    #subnav img.hotel_name {
		height: auto; display: block; margin: 0 auto;
    }
    #subnav #hotelname p.hotel_location {
		font-family: 'Lora', serif; font-weight: 400; font-style: italic;
		text-align: center;font-size:13px; color: #666; margin: 4px 0;
    }    
    
.square {
    float:left;
    position: relative;
    width: 100%;
    padding-bottom : 100%; /* = width for a 1:1 aspect ratio */
    margin:0;
    background-color:#1E1E1E;
    overflow:hidden;
    text-align: center;
}

.content {
    position:absolute;
    height:90%;
    width:90%;
    padding: 5%;
    
}
.table {
    display:table; 
    width:100%;
    height:100%;
}
.table-cell{
    display:table-cell;
    vertical-align:middle;
}

.table-cell a {
    padding: 6px 13px;
    text-align: center; margin: 7px auto; font-weight:400; text-decoration: none; color: #666; text-transform: uppercase; display: inline-block; font-size: 15px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.table-cell a:hover {
    color: #aaa;
    border: 1px solid #666;
    
}

ul#stories {
    margin: 0;
    padding:0;
}
ul#stories li {
    margin: 0;
    padding:0;
    list-style: none;
    width: 100%;
    float: left;
    margin-right: 0;
}
@media only screen and (min-width:800px) {
    ul#stories li {
	margin: 0;
	padding:0;
	list-style: none;
	width: 32%;
	float: left;
	margin-right: 2%;
    }
}
ul#stories li p {
    text-align: left;
    font-size: 14px;
}
ul#stories li p.story-title {
    font-size: 17px;
    font-weight: 600;
    font-size: 15px;
}
ul#stories li img {
    width: 100%;
    height: auto;
    display: block;
}



    
    /*
     
     
     
     
     
     
     experiences
     
     
     
    */
    
    
    .experience-item {
	display: block; margin:0 0 15px 0; padding:0; clear: both; overflow: auto;
    }
   
     .experience-item-text {
	width:33.333%; float:left; height: 100px; padding-top:34px; text-align: center;background: url(images/fade.png) repeat-x 0 0;border-top: #d7d6d7 2px solid;
    position: relative;
	} /*
    .experience-item-image {
	width:66.666%; float: left;
    }
    */
    
    .experience-item-image img {
	width: 100%; height: auto; display: block; opacity:0;
    }
	.highlight:hover {
		opacity: 0.8;
		-moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    .experience-item-text .title {
	text-transform: uppercase; color: #444; font-weight: 300; font-size: 27px; line-height: 30px;letter-spacing: 1px; margin:35px auto 0; width:90%;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
		text-align: center !important;
    }
    .experience-item-text .hotel {
	color: #aaa; font-size: 15px; font-weight:600;letter-spacing: 1px;text-align: center;text-transform: uppercase; margin: 7px auto 10px;
    }
    .experience-item-text .hotel span {
	text-transform:none;
    }
    .experience-item-text .text {
	font-size: 15px; line-height: 18px;text-align: center !important; width: 85%; margin: 25px auto 0;
    }
    .experience-item-text .little-line {
	display: block; height: 2px; border-bottom: 1px solid #c2bfbf; margin: 12px auto 16px;width:45px;
    } 
    
    
    .experience-item-text {
		width:100%; float:none;
		-moz-transition: all .3s ease;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		height: auto;
		padding: 0 0 20px 0;
		clear:both;
		text-align: center;
    }
    .experience-item-image {
		width:100%; float: none; height:384px;
		-moz-transition: all .3s ease;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
    }
    .experience-item-image img {
		display: none;
    }
    
     @media only screen and (min-width:550px) {
	   .experience-item-text {
			width:60%; float:left;clear:none;
		}
		.experience-item-image {
			width:40%; float: left; height:384px;
		}
		.experience-item-image img {
			display: none;
		}
		.experience-item-text .title {
		text-transform: uppercase; color: #444; font-weight: 300; font-size: 24px; line-height: 29px;text-align: center !Important;letter-spacing: 1px; margin:25px auto 0; width:90%;
		}
	 }
    
   @media only screen and (min-width:650px) {
	   .experience-item-text {
	    width:45%; float:left;clear:none;
	}
	.experience-item-image {
	    width:55%; float: left; height:384px;
	}
	.experience-item-image img {
	    display: none;
	}
	.experience-item-text .title {
	text-transform: uppercase; color: #444; font-weight: 300; font-size: 24px; line-height: 29px;text-align: center !Important;letter-spacing: 1px; margin:25px auto 0; width:90%;
    }
	
}
    @media only screen and (min-width:1140px) {
		.experience-item-text {
			width:33.333%; float:left;
		}
		.experience-item-image {
			width:66.666%; float: left;
			background: none;
			height:auto;
		}
		.experience-item-image img {
			width: 100%; height: 280px; display: block;
		}
		.experience-item-text .title {
			text-transform: uppercase; color: #444; font-weight: 300; font-size: 24px; line-height: 29px;
			text-align: center !important;letter-spacing: 0; margin:22px auto 0; width:90%;
			/* font-size: 29px; line-height: 32px; */
		}
    }	
	
    
    
.experience-listing-link {
	font-size: 12px !important;
	text-align: center;
	text-decoration: none;
	color: #888;
	margin: 0 auto;
    border:1px solid #aaa;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 2px;
    padding: 3px 10px;
	display: block;
    position: absolute;
	background: white;
    bottom: 10px;
	padding: 6px 13px;
	z-index: 8;
	/*
	width: 40%;
    margin: 10px 15% 0 30%;
	*/
	width: 60%;
    margin: 10px 15% 0 20%;
	text-transform: uppercase;

}
.experience-listing-link:hover {
    border:1px solid #444;
	padding: 6px 13px;
    color: #333;
}


    

/*
 *
 *
 *
 *experiences
 *
 *
 **/
.white-vignette {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(images/white-vignette.png) repeat-x bottom left;
	z-index: 7;
	height: 200px;
	opacity: 1;
}

.textarea {
	/*position: absolute; 
	top: 40px; 
	left: 0; */
	overflow: hidden;
}
.textarea p {
	color: #333 !important;
	width: 80%;
	margin: 0 auto;
	font-size: 14px;
	line-spacing: 17px;
	text-align: center !Important;
}
    
    
    
    
    
    
    



#trp_logo {
    margin: 0; position: relative;  width: 173px; 
}
#trp_logo #logo-full {
    position: absolute; top: 2px; left: 0; z-index:99; width: 173px; height: auto;-moz-transition: all .4s ease;opacity: 1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
#trp_logo #logo-min {
    position: absolute; top: 9px; left: 0; z-index:99; width: 202px; height: 21px;-moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity:0;
}

/*.shrink2 #trp_logo {
    width: 51px; 
}*/
.shrink #trp_logo {
    width: 202px; 
}
.shrink #trp_logo #logo-full {
    opacity:0;
	top: -60px;
}
.shrink #trp_logo #logo-min {
    opacity:1;
}
.shrink header {
    height: 40px;
    background: rgba(0,0,0, 0.75);
  }
   
#nav {
    display:none;
}

@media only screen and (min-width:940px) {
    #nav {
	display:block;
    }
}
 
  
#nav {
    /*margin: 65px 0 0 200px;*/
    margin: 65px 0 0 230px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


.shrink #nav {
    margin: 0 0 0 60px;
    margin: 0 0 0 230px;
    padding-top: 5px;
}

 
 

    /*
     
     
     
     
     
     
     itinerary
     
     
     
    */
    
    
.itinerary-item {
	display: block;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	clear: both;
	overflow: auto;
	/* added this so that the PLUS SIGN on the itineraries page is balance. It might throw other files out
	padding-bottom: 1px; */
}
   
.itinerary-item-text {
	width:28%; float:left;  padding-top:34px; text-align: left;
}

.itinerary-item-text-overlay {
 	min-width: 400px; 
 	float: right; 
 	padding: 25px !important; 
 	color: #fff !Important; 
 	background: rgba(0,0,0,0.55); 
 	position: absolute; 
 	margin-top: 20px; 
 	right: 150px; 
 	z-index: 4;
}

.itinerary-item-text p {
	text-align: right;
	color: #fff;
}

.page-template-template_hotels .itinerary-item-text p {
	text-align: right;
	color: #444 !important;
}

.switch .itinerary-item-text p {
	text-align: left;
	margin: 15px 0 0 0;
}
    
.itinerary-item-image img {
	width: 100%; height: auto; display: block;
}
.itinerary-item-text-list .title,.itinerary-item-text-list .heading,.itinerary-item-text-list .province { color: #444; }

.itinerary-item-text .title {
	text-transform: uppercase; color: #fff; font-weight: 300; font-size: 25px; line-height: 28px;
	text-align: right;letter-spacing: 0; margin:20px 0 0 0; width:100%;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.itinerary-item-text .heading {
	color: rgba(255, 255, 255, 0.8) !important; font-size: 18px; font-weight:600;letter-spacing: 1px;text-align: right;text-transform: uppercase; margin: 2px 0 0 15px;
}
.switchfloat .itinerary-item-text .heading {
	color: rgba(255, 255, 255, 0.8) !important; font-size: 16px; font-weight:600;letter-spacing: 1px;text-align: left;text-transform: uppercase; margin: 2px 0 0 0 !important;
}
    
.itinerary-item-text .province {
	color: rgba(255, 255, 255, 0.8) !important; font-size: 14px; font-weight:300;line-height: 1.4;text-align: right;text-transform: none; margin: 2px 0 2px 0;
}
.switch .itinerary-item-text .province {
	color: rgba(255, 255, 255, 0.8) !important; font-size: 14px; font-weight:300;line-height: 1.4;text-align: left;text-transform: none; margin: 2px 0 2px 0;
}

.page-template-template_hotels .switch .itinerary-item-text .province {
	color: #666 !important; font-size: 14px; font-weight:300; line-height: 1.4; text-align: left; text-transform: none; margin: 2px 0 2px 0;
}

    .itinerary-item-text .hotel span {
	text-transform:none;
    }
    .itinerary-item-text .text {
	font-size: 14px; line-height: 17px;text-align: justify; width: 80%; margin: 25px auto 0;
    }
    .itinerary-item-text .little-line {
	display: block; height: 2px; border-bottom: 1px solid #c2bfbf; margin: 15px auto 20px;width:32px;
    }
    a.itinerary-link {
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		display: block;
		margin: 10px 0 10px 0;
		text-align: left;
		padding: 10px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size: 14px;
		-moz-transition: all .3s ease;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		background: url(images/destination-arrow.png) 100% 50% no-repeat;
    }
    a.itinerary-link:hover {
		padding: 10px 0 10px 12px;
		color: #fff;
		background: url(images/destination-arrow.png) 98% 50% no-repeat;
    }

	a.itinerary-link-1 {
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		display: block;
		margin: 10px 0 10px 0;
		text-align: left;
		padding: 10px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size: 14px;
		-moz-transition: all .3s ease;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		background: url(images/arrow-right-white.png) 100% 50% no-repeat;
		background-size: 10px;
    }
    a.itinerary-link-1:hover {
		padding: 10px 0 10px 12px;
		color: #fff;
		background: url(images/arrow-right-white.png) 98% 50% no-repeat;
		background-size: 10px;
    }    



    .page-template-template_hotels a.itinerary-link {
		text-transform: uppercase;
		text-decoration: none;
		color: #333;
		display: block;
		margin: 10px 0 10px 0;
		text-align: left;
		padding: 10px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size: 14px;
		-moz-transition: all .3s ease;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		background: url(images/destination-arrow.png) 100% 50% no-repeat;
    }
    .page-template-template_hotels a.itinerary-link:hover {
		padding: 10px 0 10px 12px;
		color: #666;
		background: url(images/destination-arrow.png) 98% 50% no-repeat;
    }

    a.backtomap {
		text-transform: uppercase;
		text-decoration: none;
		color: #444;
		display: block;
		margin: 20px 0 0 0;
		text-align: right;
		/*padding: 10px 0;*/
		font-size: 12px;
		position: absolute;
		bottom: 0;
		z-index: 999998;
		width: 94%;
    }
    
    .switch a.backtomap {
		text-transform: uppercase;
		text-decoration: none;
		color: #444;
		display: block;
		margin: 20px 0 0 0;
		text-align: left;
		/*padding: 10px 0;*/
		font-size: 12px;
		position: absolute;
		bottom: 0;
		z-index: 999998;
		width: 100%;
    }
    
    
    .itinerary-item-text {
	width:100%; float:none;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	height: auto;
	padding: 0 0 20px 0;
	clear:both;
	text-align: center;
	   /* margin: 30px auto;*/
    }
    .itinerary-item-image {
	width:100%; float: none; height:384px;
	margin-bottom: 20px;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
    }
    .itinerary-item-image img {
	display: none;
	/* this was changed to none for the DESTINATIONS page - it might affect the itinery page */
    }
    
    #itineraries-listing .itinerary-item-image img {
	    display: none;
	}
    
   @media only screen and (min-width:720px) {
	   .itinerary-item-text {
	    width:28%; float:left;clear:none;
	}
	.itinerary-item-image {
	    width:72%; float: left; height:384px;margin-bottom: 20px;
	}
	.itinerary-item-text .title {
	text-transform: uppercase; color: #fff; font-weight: 300; font-size: 23px; line-height: 27px;text-align: right;letter-spacing: 0; margin:35px 0 0 15px; width:90%;
    }
	
}
    @media only screen and (min-width:980px) {
	
		.itinerary-item-text {
			width:28%;
			float:right;
			padding: 0 0 0 1.5%;
			border-left: 1px solid #ccc;
			border-right:none;
		}
		.switch .itinerary-item-text {
			width:28%;
			float:left;
			padding: 0 1.5% 0 0;
			border-left:none;
			border-right: 1px solid #ccc;
		}
		.itinerary-item-image {
			width:72%;
			float: left;
			background: none;
			height:auto;
			display: block;
		}
		.itinerary-item-image img {
			width: 100%; height: auto; display: block;
		}
		#itineraries-listing .itinerary-item-image img {
			display: block;
		}
		.itinerary-item-text .title {
			text-transform: uppercase; color: #fff; font-weight: 300;
			font-size: 25px; line-height: 29px;text-align: right;
			letter-spacing: 0; margin:-4px 0 0 0;
			width:100%;
		}
		.switch .itinerary-item-text .title {
			text-transform: uppercase; color: #fff; font-weight: 300;
			font-size: 25px; line-height: 29px;text-align: left;
			letter-spacing: 0; margin:-4px 0 0 0;
			width:100%;
		}
		.page-template-template_hotels .switch .itinerary-item-text .title {
			text-transform: uppercase; color: #333; font-weight: 300;
			font-size: 25px; line-height: 29px;text-align: left;
			letter-spacing: 0; margin:-4px 0 0 0;
			width:100%;
		}
    }	
	.switch {
		text-align: right !important;
	}
.itinerary-button {
    font-size: 13px; text-align: center; text-decoration: none; color: #999; margin: 0 auto;
    border:1px solid #fff;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 3px;
    /*padding: 3px 10px;*/
    padding: 7px 14px;
    border:1px solid #ccc;
    margin: 0 5px;
    text-transform: uppercase;
}
.itinerary-button:hover {
    border:1px solid #888;
    padding: 7px 14px;
    color: #222;
}


a.story-link {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #666;
    padding: 4px 9px;
    text-align: right;
    text-transform: uppercase;
    text-decoration: none;
    float: right;
    font-size: 13px;
}
a.story-link:hover {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #666;
    padding: 4px 9px;
    text-align: right;
    text-transform: uppercase;
    text-decoration: none;
    float: right;
    font-size: 13px;
}


.star-grading {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    /*width: 115px;*/
    margin-top:5px;
}
.star-grading li {
    display: inline-block;
    /*float: left;*/
    margin: 0 2px;
    width: 16px;
    height: 14px;
    background: url(images/grading-star.png) no-repeat 0 0 transparent;
    margin-bottom: 0;
    opacity: 1;
}




/* this was taken from the onpage css */

/* generic styles */

.view {
   /*width: 130px;
   height: 130px;*/
   width: 100%;
   margin: 0;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background: #fff;
}
/*.view .content {
   position: relative;
   overflow: hidden;
   left: 0;
   width: 100%;
   height: 100%;
}*/
.view img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
}
.view .mask {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   bottom: 0;
   left: 0;
   width: 100%;
}
.view h2 {
    font: 14px/18px GillSansLight, Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: absolute;
   bottom: 10px;
   letter-spacing: 4px;
   padding: 10px 0;
   background: rgba(0, 0, 0, 1);
   margin: 0;
   z-index: 999999;
}
.thumb img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.carousel-hotel-item:hover, .carousel-hotel-item:hover .thumb img {
   cursor: pointer;
}
.carousel-hotel-item:hover .thumb img {
    /*-webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);*/
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.2)";
    filter: alpha(opacity=0.2);
    opacity: 0.2;
}
.carousel-hotel-item:hover .thumb a img {
    /*-webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);*/
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
}
.carousel-hotel-item p.carousel-hotelname {
    
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;

}
.carousel-hotel-item:hover p.carousel-hotelname {
    color: #121212;
    /*letter-spacing: 1px;*/
}


.carousel-hotel-item a {
    padding: 10px 15px;
    /*border: 2px solid #fff;*/
    border:none;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    text-transform:uppercase;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    /*background: rgba(255,255,255,0.3);*/
    /*background: rgba(0,0,0,0.3);*/
    margin-top: 15px;
    transform: translate(-50%,-50%);
    opacity: 0;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 9;
    white-space:nowrap;
}
.carousel-hotel-item:hover a {
    margin-top:0;
    opacity: 1;
}
.carousel-hotel-item a:hover {
    padding: 10px 15px;
    /*background: rgba(255,255,255,0.8);*/
    color: #fff;
}


#hotel-menu {
    display: none;
}
.shrink #hotel-menu {
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    height: 38px;
    background: rgba(66, 66, 66, 0.9);
    padding: 9px 0 0 0;
    text-align: right;
    display: block;
    }
@media only screen and (min-width:1000px) {
	.shrink #hotel-menu {
	    display: none;
	}
}





.float-left {
    float: left;
}

.float-right {
    float: right;
}

.main-navigation li.float-right {
    float: right;
    
}

#headerspace {
    height: 130px;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#headerspace.shrink {
    height: 40px;
}

#headerspace-small {
    height: 20px;
}




 /*
  *Force Element To Self-Clear its Children
  *https://css-tricks.com/snippets/css/clear-fix/
  */
 .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
	/* add video wrapper to force 16:9 height videos */
	.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	
	ul#doing-good-projects {
		margin:0;
		padding: 0;
	}
	ul#doing-good-projects li {
		margin:0 0 50px 0;
		padding:0;
		list-style: none;
	}
	ul#doing-good-projects li img {
		float: left;
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	ul#doing-good-projects li p.project-name {
		font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin: 0 auto 20px;
    text-align: center;
    font-size: 21px;
    line-height: 1.4;
	}
	
	/* careers-list  */
	
	ul#careers-list {
		margin:0;
		padding:0;
	}
	ul#careers-list li {
		margin:0;
		padding:0;
		list-style: none;
		padding: 15px 0;
		border-top: 1px solid #ccc;
		width: 100%;
	}
	ul#careers-list li:last-child {
		border-bottom: 1px solid #ccc;
	}
	ul#careers-list li p {
		width: 20%;
		float: left;
		text-align: left;
		margin:0;
	}
	ul#careers-list li p.title { width: 100%; font-weight: bold; line-height: 18px; text-align: left; margin-bottom: 11px;}
	ul#careers-list li span.location { margin-top: 8px; display: inline-block; width: 100%;font-weight: normal;font-size: 14px;text-align: left; }
	ul#careers-list li span.location span { font-style: italic; font-weight: normal;}
	ul#careers-list li p.file { width: 50%; text-align: left;}
	ul#careers-list li p.file a.story-link {
	text-align: left;
    line-height: 15px;
    padding: 6px 9px 6px;
    margin: 0 10px 0 0;
    display: inline-block;
    float: left;
	/*text-align: center; line-height:15px;padding: 4px 6px 2px;margin:0 10px;*/
	}
	/*ul#careers-list li p.note { display: none; width:26%; font-size: 13px;font-style: italic;line-height: 14px; }*/
	ul#careers-list li p.apply { width: 50%; text-align:right; float: right; }
	
	@media only screen and (min-width:600px) {
        ul#careers-list li p.title { width: 60%; font-weight: bold;line-height: 18px; text-align: left; margin-bottom: 5px;}
		ul#careers-list li span.location { display: inline-block; width: 100%;font-weight: normal;font-size: 14px;  text-align: left;}
		ul#careers-list li span.location span { font-style: italic; font-weight: normal;}
		ul#careers-list li p.file { width: 25%; text-align: left;}
		/*ul#careers-list li p.note { display: none; width:26%; font-size: 13px;font-style: italic;line-height: 14px; }*/
		ul#careers-list li p.apply { width: 15%; text-align:right; float: right; }
    }
	
	
	.narrow {
		width: 100%;
		margin:20px auto; 
		text-align: left;
	}
	@media only screen and (min-width:800px) {
        .narrow {
			width: 80%;
			max-width: 850px;
			margin:30px auto;
			text-align: justify;
		}
    }
	
	
	.pagewrapper {
		width: 90%; margin: 0 auto; background: #fff; overflow: hidden;
	}
	
	
	/* gallery landing page */
	
	#gallery-list {
		margin:0;
		padding:0;
	}
	#gallery-list li {
		margin:0;
		padding:0;
		list-style: none;
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 20px;
		overflow:hidden;
	}
	@media only screen and (min-width:390px) {
	
		#gallery-list li {
			margin:0;
			padding:0;
			list-style: none;
			/* width: 48%; */
			margin-right: 2%;
			float: left;
			margin-bottom: 2%;
			overflow:hidden;
		}
		
		/*#gallery-list li:nth-child(3n+2), #gallery-list li:nth-child(3n+4) {
			margin-right: 0;
		}*/
	}
	
	@media only screen and (min-width:800px) {
		
		 #gallery-list li:nth-child(3n+4) {
			margin-right: 2%;
		}
		#gallery-list li {
			margin:0;
			padding:0;
			list-style: none;
			width: 32%;
			margin-right: 2%;
			float: left;
			margin-bottom: 2%;
			overflow:hidden;
		}
	
        #gallery-list li.gallery-thumb-wider {
			width:49%;
			margin-right:2%;
		}
		#gallery-list li.gallery-no-margin {
			margin-right:0;
		}
		#gallery-list li:nth-child(3n+5) {
			margin-right: 0;
		}
		
    }
	
	
	
/* border for the gallery landing page */
a div.image_border {
   border: solid 2px rgba(255,255,255, 0.15);
   position: absolute; top: 2%; left: 2%; width: 96%; height: 96%;  z-index: 9999;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
  /* opacity: 0.5;*/
   z-index: 8;
}
a:hover div.image_border {
   border: solid 15px rgba(255,255,255,0.1);
   position: absolute; top: 6%; left: 6%; width: 88%; height: 88%; /*opacity: 0;*/
}

#gallery-list a h2 {
	position: absolute; top: 50%; transform: translateY(-50%); left: 0; right:0; width: 80%; text-align: center; z-index:8; margin: 0 auto 0; padding: 0; color: #fff; font-size: 28px; text-transform:uppercase;-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	    line-height: 1.1;
}
#gallery-list a:hover h2 {
	position: absolute; top: 50%; transform: translateY(-50%); left: 0; right:0; width: 80%; text-align: center; z-index:8; margin: -15px auto 0; padding: 0; color: #fff; font-size: 28px; text-transform:uppercase;
}
@media only screen and (min-width:390px) {
    #gallery-list a h2 {
        font-size: 22px;
    }
	#gallery-list a:hover h2 {
		font-size: 24px;
	}
}
@media only screen and (min-width:600px) {
    #gallery-list a h2 {
        font-size: 28px;
    }
	.media-library #gallery-list a h2 {
        font-size: 25px;
    }
	#gallery-list a:hover h2 {
		font-size: 28px;
	}
}


#gallery-list a div p.view-gallery {
	opacity: 0;
	margin-top: -10px;
	position: absolute;
    top: 60%;
    transform: translateY(-60%);
    left: 0;
    right: 0;
    width: 80%;
	margin-right: auto;
	margin-left: auto;
    text-align: center;
    z-index: 999;
    padding: 0;
    color: #fff;
    font-size:18px;
	letter-spacing: 3px;
    text-transform: uppercase;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	
	
}
#gallery-list a:hover div p.view-gallery {
	opacity: 0.8;
	margin-top:0;
    top: 62%;
}
	
.postid-25 #gallery-list a:hover div p.view-gallery {
	opacity: 0.8;
	margin-top:0;
    top: 72%;
}
#guest-feedback-intro p {
	text-align:  center;
}

#guest-feedback {
	margin:0;
	padding: 0;
}
#guest-feedback li {
	margin:0 10px 0;
	padding: 0;
	list-style: none;
	width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
#guest-feedback li div.guestcomment {
	margin-bottom: 5px;
}
#guest-feedback li div.guestcomment p {
	margin: 0;
	font-family: 'Lora', serif;
	font-size: 20px;
	line-height: 31px;
	color: #838489;
	font-style: italic;
	text-align: left;
	opacity: 0.7;
}
#guest-feedback li p.person {
	float: left;
	font-size: 13px;
	font-style: normal;
	margin: 0 0 0 0;
}
#guest-feedback li p.tripadvisor {
	font-size: 13px;
	font-style: normal;
	margin: 0 0 0 0;
    float: left;
}
	
@media only screen and (max-width:800px) {
    #guest-feedback li div.guestcomment p {
        font-size: 18px;
    }
}

@media only screen and (min-width:700px) {
    #guest-feedback li p.tripadvisor {
        font-size: 13px;
        font-style: normal;
        margin: 0 0 0 25px;
        float: right;
    }
}

#guest-feedback li p.person span {
	font-style: italic;
}
#guest-feedback li p.date {
	float: left;
	font-size: 13px;
	margin:0 0 0 10px;
}
	
	/* FAQ  */
	
	#faq p {
		text-align:  center;
	}
	
	#faq {
		margin:0;
		padding: 0;
	}
	#faq li {
		margin:0 10px 0;
		padding: 0;
		list-style: none;
		margin-bottom: 30px;
	}
	#faq li ul li { 
		list-style: disc;
		margin-bottom: 0;
	}
	#faq .question {
		font-size: 24px;
		text-align: left;
		margin-bottom: 15px;
		color: #222;
	}	

	
	#faq .answer {
		font-size: 16px;
		padding-left: 15px;
		text-align: left;
		border-left: 1px solid #bbb;
		margin-bottom: 20px;
	}	
	#faq .answer p {
		font-size: 16px;
		text-align: left;
		padding-left: 30px;
	}	
	
	
	
	
	ul#contact-list {
		margin:0;
		padding:0;
	}
	ul#contact-list li {
		margin:0;
		padding:0;
		list-style: none;
		padding: 15px 0;
		/*border-bottom: 1px solid #ccc;*/
	}
	/*
	ul#contact-list li p {
		width: 20%;
		float: left;
		text-align: left;
		margin:0;
	}
	*/
	
	
	/* awards */
	
	ul#awards {
		margin:0;
		padding:0;
	}
	ul#awards li {
		margin:0;
		padding:0;
		list-style: none;
		padding: 0;
	}
	ul#awards li a {
		color: #000;
		text-decoration:none;
	}
	ul#awards li a:hover {
		color: #aaa;
		text-decoration:none;
	}
	
	
	/* in the media */
	
	ul#media {
		margin:0;
		padding:0;
	}
	 ul#media li {
		width: 100%;
		float: none;
		margin-right:0;
		padding:0;
		list-style: none;
	}
	@media only screen and (min-width:420px) {
        
        ul#media li {
            width: 49%;
            float: left;
            margin-right:2%;
            padding:0;
            list-style: none;
        }
        ul#media li:nth-child(2n+2) {
            margin-right:0;
        }
    }
	@media only screen and (min-width:640px) {
        
        ul#media li {
            width: 18%;
            float: left;
            margin-right:2%;
            padding:0;
            list-style: none;
        }
        ul#media li:nth-child(2n+2) {
            margin-right:2%;
        }
    }
	ul#media li a {
		color: #000;
		text-decoration:none;
		-moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
		display: block;
		max-width: 200px;
		margin: 0 auto;
	
	}
	ul#media li a:hover {
		color: #aaa;
		text-decoration:none;
		opacity: 0.8;
	}
	ul#media li p.media-date {
		font-size: 14px;
		margin:0;
		max-width: 200px;
		margin: 0 auto;
	}
	ul#media li p.media-name {
		font-size: 12px;
		margin:0;
		max-width: 200px;
		margin: 0 auto;
		text-align:left !important;
	}
	
	/* rates */
	
	#year-rates {
		
	}
	div#rates-header {
		border-bottom: 1px solid #ccc;
		padding: 10px 0 18px !important;
	}
	div#rates-header p {
		width: 25%;
		float: left;
		text-align: left;
		padding:5px 2% 5px 0;
		margin:0;
		text-transform: uppercase;
	}
	@media only screen and (min-width:600px) {
        div#rates-header p {
		width: 25%;
		float: left;
		text-align: center;
		padding:5px 2% 5px 10px;
		margin:0;
		text-transform: uppercase;
	}
    }
	div#rates-header p:first-child {;
		text-align: left;
	}
	div#rates-header p span {
		font-size: 11px;
		line-height: 15px;
		display: block;
		text-transform: none;
		font-style:italic;
	}
	ul#rates {
		margin:0;
		padding:0;
	}
	ul#rates li {
		width: 100%;
		float: left;
		margin-right:2%;
		padding:4px 0;
		list-style: none;
		border-bottom: 1px solid #ccc;
	}
	ul#rates li p {
		width: 25%;
		float: left;
		padding:5px 2% 5px 10px;
		text-align: center;
		margin:0;
	}
	ul#rates li p:first-child {
		text-align: left;
		font-weight: bold;
	}
	ul#rates li p:first-child a {
		text-align: left;
		font-weight: bold;
		background: url(images/link-icon.png) left 4px no-repeat;
		text-decoration: none;
		color: #222;
		padding-left: 15px;
		line-height: 18px;
		/* margin-left: 10px; */
		display: block;
		vertical-align: top;
		margin-top: 3px;
		margin-bottom: 10px;
	}
	ul#rates li p:first-child a:hover {
		opacity:0.6;
	}
	ul#rates li p span {
		font-weight: normal;
		font-size: 12px;
		line-height: 15px;
		display: block;
		font-style:italic;
	}
	
	
	/* rooms */
	
	
ul#rooms {
		margin:0;
		padding:0;
		    width: 100%;
	}
	ul#rooms li {
		float: left;
		width: 100%;
		padding:0;
		list-style: none;
		padding: 0;
		/*border-bottom: 1px solid #ccc;*/
	}
	
	/* the left hand content */
	.room-images {
	width:100%;float: none;
	}
	
	/* the right hand content */
	.room-info {
	width: 100%;text-align: center;
	}
	#rooms .divider {
		background: none;
	}
	@media only screen and (min-width:730px) {
        /* the left hand content */
        .room-images {
        width: 48.5%;float: left;
        }
        
        /* the right hand content */
        .room-info {
        width: 51.5%;text-align: center;
        }
		
		#rooms .divider {
			background: url(images/fade.gif) repeat-x;
		}
			
    }
	
	

	ul#rooms li img {
		width: 100%;
	}
	ul#room-images  {
		float: none;
		madgin:0;
		padding: 0;
	}
	ul#room-images li {
		float: none;
		padding: 0;
		border-bottom: none !important;
	}
.owl-item:hover {
	/*cursor: url(images/drag.png), auto;*/
}
	a.room-button {
		padding: 6px 13px;
		text-align: center;
		/* margin: 7px auto; */
		font-weight: 400;
		text-decoration: none;
		color: #666;
		text-transform: uppercase;
		display: block;
		font-size: 15px;
		-moz-transition: all .3s ease;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		border: 1px solid #ccc;
		border-radius: 2px;
		z-index: 9999;
		width: 80%;
		margin: 10px 10% 10px 10%;
		position: absolute;
	}
	
	
	
	
	
a.btn-exp {
	border: 1px solid #888;
    border-radius: 2px;
    color: #888;
    padding: 8px 9px;
	font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
	letter-spacing: 1px;
    display: inline-block;
    margin-top: 20px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
a.btn-exp:hover {
    border: 1px solid #333;
    color: #333;
}
a.btn {
	/*
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #666;
    padding: 10px 9px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	display: inline-block;
    margin-top: 20px;
    */
	border: 1px solid #888;
    border-radius: 2px;
    color: #888;
    text-align: center;
	font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
	letter-spacing: 1px;
    padding: 18px;
    display: block;
    width: 70%;
    margin: 10px 15%;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	text-align: center;
}
a.btn:hover {
    border: 1px solid #333;
    color: #333;
}



/*
 *
 *WIDGETS
 *
 **/
.widget-wrapper {
   display: block; width: 100%; margin-right:0; margin-bottom:20px; float: none;  position: relative; overflow: hidden;
}
.widget-wrapper:nth-child(4) {
   margin-right:0 !important;
}
.widget-wrapper:nth-child(8) {
   margin-right:0 !important;
}
#trp_widgets {
	width: 100%;
	margin: 0 auto;
}
.widget-wrapper, .widget {
	height: 350px; 
}

@media only screen and (min-width:750px) {
	.widget-wrapper, .widget {
		height: 400px; 
	}
}
@media only screen and (min-width:900px) {
	.widget-wrapper, .widget {
		height: 450px; 
	}
}

/*
@media only screen and (min-width:620px) {
	#trp_widgets {
		width: 100%;
		margin: 0 auto;
	}
    .widget-wrapper {
		display: block; width: 32%; margin-right:2%; float: left;  position: relative;height: 300px; overflow: hidden;
	 }
	 .widget-wrapper:nth-child(3) {
		margin-right:0;
	 }
}
*/
@media only screen and (min-width:750px) {
    .widget-wrapper {
		display: block; width: 23.5%; margin-right:2%; float: left;  position: relative; overflow: hidden;
	 }
	 .widget-wrapper:nth-child(4) {
		margin-right:0 !important;
	 }
	 .widget-wrapper:nth-child(8) {
		margin-right:0 !important;
	 }
}

#trp_widgets a div.vignette {
   opacity: 0.6 !important;
   z-index: 7;
   position: absolute; bottom: 0; width: 100%; height: 100%; background:url(images/widget-vignette.png) repeat-x bottom left;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}



div.white-vignette {
   z-index: 7;
   position: absolute; bottom: 0; width: 100%; height: 100%; background:url(images/white-vignette.png) repeat-x bottom left;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}
.itinerary-item div.white-vignette {
   z-index: 7;
   position: absolute; bottom: 0; width: 100%; height: 100%; background:url(images/white-vignette-itinerary.png) repeat-x bottom left;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}

#trp_widgets a:hover div.vignette {
   opacity: 0.7 !important;
}
#trp_widgets a p.widget_title {
   color: #fff;
   padding: 4px 15px;
   bottom: -30px !important;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   /* */
   z-index: 8; 
   position: absolute;
   left: 0;
   right: 0;
   display: inline;
   text-align: center;
   margin:0;
   /*
   font-size:20px;
   line-height: 22px;
   */
   font-size: 28px;
   line-height: 30px;
   text-transform: none;
   font-family: 'Lora', serif;	
}
#trp_widgets a:hover p.widget_title {
   bottom: 25px !important;
}

/* slightly different for alternative styled widgets */
#trp_widgets a p.widget_title_alt {
   color: #fff;
   padding: 4px 15px;
   bottom: 36% !important;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   /*  */
   z-index: 8;
   position: absolute;
   left: 0;
   right: 0;
   display: inline;
   text-align: center;
   margin:0;
   /*
   font-size:20px;
   line-height: 22px;
   */
   font-size: 28px;
   line-height: 30px;
   text-transform: none;
   font-family: 'Lora', serif;	
}
#trp_widgets a:hover p.widget_title_alt {
   bottom: 43% !important;
}
a div.image_border_alt {
   border: solid 2px rgba(255,255,255, 0.3);
   position: absolute; top: 2%; left: 2%; width: 96%; height: 96%;  z-index: 9999;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
  /* opacity: 0.5;*/
   z-index: 7;
}
a:hover div.image_border_alt {
   border: solid 15px rgba(255,255,255,0.1);
   position: absolute; top: 6%; left: 6%; width: 88%; height: 88%; /*opacity: 0;*/
}
#trp_widgets a p.widget_title_alt span {
   border: 1px solid rgba(255, 255, 255, 0);
    padding: 5px 10px !important;
    border-radius: 4px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    /* width: 70%; */
    text-align: center;
    margin: 20px auto 0;
    opacity: 0;
    clear: both;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px;
    line-height: 1.4;
   
}
#trp_widgets a:hover p.widget_title_alt span {
   border: 1px solid rgba(255, 255, 255, 1);
   padding:3px 10px;
   border-radius: 4px;
   display:inline-block;
   margin:0 auto 0;
   margin-top:10px;
   opacity: 1;
   clear:both;
}
#trp_widgets a p.widget_title_alt span:hover {
   border: 1px solid #fff;
   background: #fff;
   color: #222;
}


/* end alt style */


#trp_widgets a p.widget_title span {
   border: 1px solid rgba(255, 255, 255, 0);
    padding: 5px 10px !important;
    border-radius: 4px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    /* width: 70%; */
    text-align: center;
    margin: 20px auto 0;
    opacity: 0;
    clear: both;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px;
    line-height: 1.4;
   
}
#trp_widgets a:hover p.widget_title span {
   border: 1px solid rgba(255, 255, 255, 1);
   padding:3px 10px;
   border-radius: 4px;
   display:inline-block;
   margin:0 auto 0;
   margin-top:10px;
   opacity: 1;
   clear:both;
}
#trp_widgets a p.widget_title span:hover {
   border: 1px solid #fff;
   background: #fff;
   color: #222;
}

.widget_comment {
   position: absolute; top: 40px; left: 0; overflow: hidden; width: 100%;
}
.widget_comment p {
   width: 90%;font-size:18px; line-height: 1.3;color: #fff; text-align: center !important; margin: 5px auto 0; opacity:0.6;letter-spacing: 0;
		/*font-family: 'Dawning of a New Day', cursive; */font-family: "Lora",  serif;
		/*font-size:32px; line-height: 28px;*/ font-style: italic;
}
.widget_name {
   z-index: 8; position: absolute; top:2px; left: 0; color: #333; font-weight: bold;
   letter-spacing: 2px;margin:0; font-size: 12px; text-transform: uppercase; padding: 2px 4px 2px 5px; border-radius: 2px;
   background: rgba(255,255,255, 0.95);
}
.widget_name {
   position: relative;
  left: 50%;
  top: 5px;
  transform: translateX(-50%);
  display: inline-block;;
  width: auto;
  text-align: center;
}
/*
.widget {
  height: 350px;
}

#trp_widgets a div.widget_border {
   border-top: solid 2px rgba(255,255,255, 0.5);
   position: absolute; top: 5%; left: 0; width: 100%; height: 93%;  z-index: 9999;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
  /* opacity: 0.5;*/
   z-index: 9988;
}
#trp_widgets a:hover div.widget_border {
   border-top: solid 2px rgba(255,255,255,0.9);
   /*
   border-right: solid 2px rgba(255,255,255, 0);
   border-bottom: solid 2px rgba(255,255,255, 0);
   border-left: solid 2px rgba(255,255,255, 0);
   */
   position: absolute; top: 5%; left: 0; width: 100%; height: 93%; /*opacity: 0;*/
}
.comment_vignette {
   position: absolute; bottom: 0; left: 0; width: 100%; background: url(images/testimonial-fade.png) repeat-x bottom left; z-index: 7; height: 90px;
   opacity: 0.9;
}




.experience-block h2 {
	/*font-weight: bold;*/
	width: 80%;
	margin:0 auto;
	text-align: center;
}
.experience-block img {
	display: block;
}
.experience-block .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	z-index: 3;
}
.experience-block:hover .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	background-color: rgba(0,0,0,0.1) !important;
	z-index: 3;
}



/* map */


iframe { 
	vertical-align: top;
	height: auto;
}

#canvas_holder{
	/*position: fixed;
	top: 0px;
	left: 0px;*/
	width:100%; 
	height:400px;
	z-index: 0;
}

#map_canvas{
	width:100%;
	height:400px; 
	/*position: absolute; 
	top: 0px; 
	left: 0px; 
	overflow: hidden;*/
}
.info-window-content h2{
font-size: 14px;
line-height: 18px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: left;
    margin-top:10px;
}
.info-window-content div.info-window-thumb {
    width: 212px;
}
.info-window-content div.info-window-thumb img {
    width: 100%;
    height: auto;
}
.info-window-content p {
font-size: 13px;
line-height: 18px;
    margin-bottom: 0; color: #222;
    text-transform: uppercase;
}
.info-window-content {
    overflow: hidden !important;
    min-height: 230px;
}


/* page builder */

img.size-fullwidth {
	margin: 15px auto;
}


.fullwidthImage {
        width: 100% !Important; max-width: 100%; margin-left: 0;margin-top:30px; margin-bottom: 30px; text-align:center;
    }

@media only screen and (min-width:780px) {
    /*.fullwidthImage {
        width: 150% !Important; max-width: 1020px; margin-left: -25%;margin-top:30px; margin-bottom: 30px; text-align:center;
    }*/
}

.image-2up-img1, .image-2up-img2 {
	width:100%;
	float:none;
	max-height: 575px;
}

@media only screen and (min-width:400px) {
    .image-2up-img1, .image-2up-img2 {
        width:49.25%;
        float:left;
    }
	.image-2up-img1 {
		margin-right:1.5%;
	}
}

/* experiences landing page - for property */
.experience-block {
	background: #333;-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;float: none;
}

@media only screen and (min-width:650px) {
    .experience-block {
		float: left;
		width: 40%;
	}
}

.experience-block h2 {
	position: absolute; top: 50%; transform: translateY(-50%); left: 0; right:0; width: 80%; text-align: center; z-index:8; margin: 0 auto; padding: 0; color: #fff; font-size: 28px; text-transform:uppercase;
}
.experience-block h2 span {
	font-family: 'Lora', serif; font-style: italic;text-transform: none;display: block; margin: 2px auto 10px;
}
.experience-intro  {
	float:right;
	width: 100%;
}

@media only screen and (min-width:650px) {
    .experience-intro  {
		float:right;
		width: 60%;
	}
}
.experience-intro h3 {
	padding: 0;
	width: 90% !important;
	margin: 0 auto;
	text-align: center;
}
.experience-intro {
	padding-top:25px !important;
}
.experience-intro p {
	width: 90%; margin: 0 auto;
}
.experience-intro p {
	width: 90%; margin: 20px auto 0;
}



/* tabs  */


.tabs-menu {
    height: 30px;
    /* float: left; */
    clear: both;
	text-align: center;
	padding:0;
	margin-bottom: 20px;
}

.tabs-menu li {
    height: 30px;
    line-height: 30px;
    /*float: left;*/
    margin-right: 10px;
	/*
    background-color: #ccc;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
	*/
	border-bottom: none;
	list-style: none;
	display: inline;
}

.tabs-menu li.current {
    position: relative;
    background-color: #fff;
    z-index: 5;
	display: inline;
	padding-bottom: 5px;
    border-bottom: 2px solid #aaa;
    display: inline;
}

.tabs-menu li a {
    padding: 0 0 10px 0	;
    text-transform: uppercase;
    color: #aaa;
    text-decoration: none; 
}
.tabs-menu li h2 {
    margin:0;
	padding:0;
	display: inline;
}

.tabs-menu .current a {
    color: #222;
}

.tab {
    /* border: 1px solid #d4d4d1; */
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.tab-content {
   width: 100%;
    padding: 20px 0;
    display: none;
}
/*
#2015 {
 display: block;   
}*/





a {
   outline: 0 !important;
}



/* CTA Button */
.cta_button:link, .cta_button:visited {
	padding: 6px 13px; 
	text-align: center; 
	margin: 20px auto;
    font-weight: 400;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 15px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #666;
    border-radius: 2px;
    background: #666;
}
.cta_button:hover {
	background: #fff;
    color: #666;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #CCC;
}



.border-top {
border-top: 1px solid #aaa;
padding-top: 30px;
}
.border-bottom {
border-bottom: 1px solid #aaa;
padding-bottom: 30px;
}


#overview-rooms {
	overflow: initial;
}
.overview-rooms-intro p {
	width: 60%;
    margin: 0px auto 40px;
}

.overview-rooms-image div {
	width: 100%;
	display: block;
	background: #fff;
}
.overview-rooms-text {
	background: #fff; width: 100%; padding-bottom: 10px; position: relative; clear: both;float: none;
}
.overview-rooms-text-inner {
	position: relative; height: auto; width: 100%; padding: 0;
}
.overview-rooms-text-inner p.heading {
	text-align: center !important;font-size: 23px; color: #787878; text-transform: uppercase;margin:20px auto; width: 100%;
}
/*
.overview-rooms-text-inner .rooms-vignette-overview {
	display: none;
}
*/
.overview-rooms-text-inner .text-container {
		width: 95%; margin: 0 auto; text-align: center;color: #999; font-size: 13px; line-height: 16px; text-align:center;overflow: hidden; position: relative; height: 210px;
	}

@media only screen and (min-width:700px) { /* ------------------------------------------------------ */
   .overview-rooms-image div {
		width: 65%;
		display: block;
		background: #fff;
	}
	.overview-rooms-text {
		background: #fff; width: 35%; padding-bottom: 50%; position: relative; float: right; clear: none;
	}
	.overview-rooms-text-inner {
		position: absolute; height: 100%; width: 100%; padding: 0 0 0 8%;
	}
	.overview-rooms-text-inner p.heading {
		text-align: center;font-size: 23px; color: #787878; text-transform: uppercase; margin:0 auto;
	}
	/*
	.overview-rooms-text-inner .rooms-vignette-overview {
		display: block;
	}
	*/
	.overview-rooms-text-inner .text-container {
		width: 90%; margin: 0 auto; text-align: center;color: #999; font-size: 13px; line-height: 16px; text-align:center;overflow: hidden; position: relative; height: 285px;
	}
}



#overview-experience .carousel-hotel-item:hover .thumb img {
    opacity: 0.7
}




.download_button {
	border: 1px solid #999;
	padding: 10px 14px 10px 40px;
	text-decoration: none;
	color: #333;
	font-size: 13px;
	text-transform: uppercase;
	background: url('images/download-icon.png') no-repeat 8px -26px;
	margin: 20px 0;
	display: inline-block;
	border-radius:4px;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.download_button:hover {
	border: 1px solid #666;
	color: #111;
	background: url('images/download-icon.png') no-repeat 8px 3px;
}

.download_button span {
	color: #999;
	font-style: italic;
	text-transform: lowercase !important;
}



/* experience single page */

ul.experience-breadcrumbs {
	margin:0 auto;
	text-align: center;
	padding: 0;
}
ul.experience-breadcrumbs li {
	margin: 0;
	display: inline;
	text-transform: uppercase;
	font-size: 13px;
	color: #999;
}
ul.experience-breadcrumbs li a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
ul.experience-breadcrumbs li aHhover {
	color: #111;
	text-decoration: underline;
	font-weight: bold;
}





li.p1, li.p2 {
	line-height: 1.5;
	margin: 10px 0 16px 38px;
}
ol {
	margin: 4px 0 30px 0;
	padding-left: 10px;
}
ol li {
	list-style: none;
    counter-increment: step-counter;
	list-style-position: outside;
	margin: 4px 0 10px 30px;
}

ol li::before {
	/*
    content: counter(step-counter);
    margin-right: 10px;
    margin-left: -37px;
    font-size: 100%;
    font-weight: bold;
	color: #888;
    padding: 2px;
    border-radius: 20px;
    display: inline-block;
    border: 1px solid #777;
    height: 26px;
    width: 26px;
    text-align: center;
    */
	content: counter(step-counter);
    margin-right: 10px;
    margin-left: -37px;
    font-size: 80%;
    font-weight: bold;
    color: #444;
    padding: 3px 0 0 2px;
    border-radius: 20px;
    display: inline-block;
    border: 1px solid #999;
    height: 24px;
    width: 24px;
    text-align: center;
    background-color: #999;
    color: white;
    border: none;
    line-height: 1.4;
    display: inline-block;
    /*  */
    background-color: #ccc; 
    color: #222;
    border: none;
    
}

.breadcrumbs {
	font-size: 13px;
	width: 100%;
	text-transform: uppercase;
	text-align: center !important;
	margin: 0 auto 20px;
	display: inline-block;
	text-decoration: none;
	color: #666;
}
.breadcrumbs a {
	text-decoration: none;
    color: #666;
    /* font-weight: bold; */
    display: inline;
    /* text-decoration: underline; */
    border-bottom: 1px solid #bbb;
    padding-bottom: 0;
}
.breadcrumbs a:hover {
	/*text-decoration: underline;*/
	color: #444;
}


#image-2-up img {
	opacity: 1;
	height: 350px;
	height: auto;
}





/*
 *
 *
 *page builder
 *
 *
 **/

.page-builder-image-left-aligned h2 {
	text-align: left !important;
	display: inline;
}
.page-builder-image-right-aligned h2 {
	text-align: left !important;
	display: inline;
}



/*
 *
 *rooms arrows overrode
 *
 **/
#rooms .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    top: 45%;
    /* border-radius: 100px; */
    background: url(images/arrows-sprite-rooms.png) no-repeat 0 0;
}
#rooms .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    top: 45%;
    background: url(images/arrows-sprite-rooms.png) no-repeat -40px 0;
}

#rooms .owl-theme:hover .owl-controls .owl-buttons div.owl-prev {
    left: 0;
}
#rooms .owl-theme:hover .owl-controls .owl-buttons div.owl-next {
    right:0;
}
@media only screen and (min-width:400px) {
	
	#rooms .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 55px;
    top: 45%;
    /* border-radius: 100px; */
    background: url(images/arrows-sprite-rooms.png) no-repeat 0 0;
}
#rooms .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 55px;
    top: 45%;
    background: url(images/arrows-sprite-rooms.png) no-repeat -40px 0;
}
    
    #rooms .owl-theme:hover .owl-controls .owl-buttons div.owl-prev {
        left: 35px;
    }
    #rooms .owl-theme:hover .owl-controls .owl-buttons div.owl-next {
        right:35px;
    }
}




/* for rooms fade */

.more-link {
	/*position: absolute;*/
	/*left: 0;
	bottom: 0;*/	
	display: inline-block;
	/* width: 100%;*/
	padding: 8px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	z-index: 99999;
}

.more-link:hover {
	/*background: #5E5E5E;*/
}

.more-link:after {
    /*content: "\2193";*/
    margin-left: 8px;
    font-size: .8em;
}

.more-link.open:after {
    /*content: "\2191";*/
}
.room-description {
	position: relative;
	overflow: hidden;
}
.rooms-vignette {
	z-index: 7; height:100px; width: 100%;
	/*background: url('images/white-vignette-itinerary.png') repeat-x left top;*/
	background: none;
	position: absolute; bottom: 0; left:0;
}
.rooms-vignette-overview {
z-index: 7;
    height: 100%;
    width: 100%;
    background: url('images/white-vignette-itinerary.png') repeat-x left bottom;
    position: absolute;
    bottom:10px;
    left: 0;
}

/* destinations page  */
div#weather-holder {
	background: url(images/clouds.jpg) no-repeat 50% 50%;
	background-size: cover;
	width: 100%;
	padding: 20px 0 60px;
	overflow:auto;
}
ul#weather {
	width: 100%;
	margin:30px auto;
}
ul#weather li {
	list-style: none;
	/*width: 98vw;
	height:98vw;*/
	width: 100%;
	float: left;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	position: relative;
	overflow: hidden;
	text-align: center;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	font-family: sans-serif;
	z-index: 10;
}
ul#weather li.current-month {
	z-index:100;
	border: 1px solid rgba(255, 255, 255, 1);
	background: rgba(255, 255, 255, 0);
}
ul#weather li:hover {
	z-index:100;
	border: 1px solid rgba(255, 255, 255, 1);
	background: rgba(255, 255, 255, 0);
}
@media only screen and (min-width:400px) {
	
	ul#weather li {
		/*width: 38vw;
		height:38vw;*/
		width: 50%;
	}
}
@media only screen and (min-width:600px) {
	
	ul#weather li {
		/*width: 26vw;
		height:26vw;*/
		width: 33%;
	}
}

	.single-property ul#weather {
		width: 90%;
		max-width: 1020px;
		margin: 0 auto;
		padding: 0;
	}
@media only screen and (min-width:800px) {
	
	ul#weather li {
		/*width: 20.5vw;  
		height:20.5vw;*/
		width: 25%;
	}
	.single-property ul#weather {
		width: 90%;
		max-width: 1020px;
		margin: auto;
		padding: 0;
	}
}



@media only screen and (min-width:1050px) {
	
	ul#weather li {
		/*width: 11vw;
		height: 11vw;*/
		width: 16.666%;
		
	}
}



/* for the weather on the property level pages */
@media only screen and (min-width:580px) {
    .single-property ul#weather li {
        width: 33%;
    }
}
@media only screen and (min-width:780px) {
    .single-property ul#weather li {
        width: 25%;
    }
}
@media only screen and (min-width:900px) {
    .single-property ul#weather li {
        width: 33%;
    }
}
@media only screen and (min-width:1080px) {
    .single-property ul#weather li {
        width: 25%;
    }
}
/*
ul#weather li:before{
	content: "";
	display: block;
	padding-top: 14%;
}*/
ul#weather p.month {
	color: #fff;
	margin:0;
	padding: 0;
	font-size: 14px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	text-align:center;
}
ul#weather li.current-month  p.month{
	font-size: 16px;
	margin-top:-5px;
	line-height: 1.2;
	text-align:center;
}
ul#weather p.temperature, ul#weather p.rainfall {
	font-size: 22px;
	font-weight: 100;
	color: #fff;
	margin:0;
	padding: 0;
	/*font-family: 'Open Sans', sans-serif;*/
	font-weight: 300;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	line-height: 1.2;
	text-align:center;
	display: inline-block;
	opacity: 0.7;
}

@media only screen and (min-width:485px) and (max-width:560px) {
    .single-property ul#weather p.temperature, ul#weather p.rainfall {
	display: block;
}
}


ul#weather p.temperature span.description, ul#weather p.rainfall span.description {
	display: block;text-align: center; margin: -2px 0 0 0;opacity: 0.7; padding: 0; font-size: 9px;text-transform: uppercase; color: #fff;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
ul#weather p.temperature:hover, ul#weather p.rainfall:hover {
	font-size:30px;
	opacity: 1;
}
ul#weather p.temperature:hover span.description, ul#weather p.rainfall:hover span.description {
	display: block;text-align: center; margin: -2px 0 0 0;opacity: 1; background: #fff; padding: 2px 4px; font-size: 9px;text-transform: uppercase; color: #444; border-radius:2px;
}
ul#weather p.temperature span {
	font-size: 16px;
	vertical-align: top;
	opacity: 0.8;
}
ul#weather p.rainfall span {
	font-size: 16px;
	vertical-align: baseline;
	opacity: 0.8;
}
ul#weather p.temperature span span {
	/*font-size: 20px;*/
	opacity: 0.6;
	/*font-size: 20px;*/
}
ul#weather p.weather {
	color: #fff;
	margin:0;
	padding: 0;
	/*font-family: 'Open Sans', sans-serif;*/
	font-weight: 300;
	line-height: 1.2;
	text-align:center;
}


		
		
		
		/* map */

.pin2 {
    width: 34px;
    height: 34px;
    -webkit-border-radius: 50%;
    position: absolute;
	border: 2px solid #c59234;
    left: 50%;
    top: 50%;
	background:white;
	margin: 0;
	z-index:50;
/    /*margin: -26px 0 0 -25px;*/
	/*background: white url('ima
	ges/pin-crown.png') no-repeat 50% 50%;*/
    /*-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;*/
}
.pin2:hover {
    width: 38px;
    height: 38px;
	border: 2px solid #222;
	/*margin: -2px 0 0 -2px;*/
	z-index:900;
    /*margin: -28px 0 0 -27px;*/
}
    
  .point1 {
        left: 72.7%;
    top: 17.2%;
  }
  
  /* franschhoek  */
  .point2 {
       left: 25.6%;
    top: 79.4%;	
  }
  /* hermanus */
  .point3 {
    left: 25.7%;
    top: 84%;
  }
  /* cape town */
  .point4 {
           left: 22.5%;
    top: 80%;
  }
  

  
  
  
/*
     ********************************* this must always be at the end of the file ****************************************
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


.switchfloat {
float:none;
}
/*.square .switchfloat {
    float:left;
}*/
@media only screen and (min-width:550px) {
    .switchfloat {
	float:right;
    }
}
@media only screen and (min-width:720px) {
    .square {
	float:left;
	position: relative;
	width: 50%;
	padding-bottom : 50%; /* = width for a 1:1 aspect ratio */
	margin:0;
	background-color:#1E1E1E;
	overflow:hidden;
    }
    .switchfloat {
	float:right;
    }
}
    
 #footer ul.menu li:nth-last-child(2) a { border-bottom: none; padding: 7px 0 2px; }
 ul.menu li ul li:nth-last-child(2) a { border-bottom: 1px solid rgba(100,100,100, 0.75); padding: 9px 15px;}
 
 /* table page builder  */
 
  table {
    width: 99%;
    display: table;
    color: #404040;
    text-align: left;
    font-style: normal;
    font-size: 14px;
    line-height: 1.4em;
    color: #737373;
    border: 0;
    margin-bottom: 20px;
    border-collapse: collapse;
}
table tr:nth-child(2n+1) {
    background-color: #f2f2f2;
    color: #737373;
}
table th {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    padding: 5px;
    padding-left: 9px;
    background: #fff;
    text-transform: uppercase;
    color: #222;
}
table td {
   border: 2px solid white;
    padding-left: 9px;
    text-align: left;
}
table td:nth-child(2), td:nth-child(3), td:nth-child(4), td:nth-child(5), td:nth-child(6) {
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    padding: 5px;
    color: #737373;
}





/* rooms - CROSSFADE */

#crossfade {
  position:relative;
  height:350px;
  width:350px;
  margin:0 auto;
}

#crossfade img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.7s ease-in-out;
  -moz-transition: opacity 0.7 ease-in-out;
  -o-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out;
}

#crossfade img.bottom:last-child:hover {
  opacity:0;
}


/*  photoswipe fixes */
.pswp {
	z-index: 999999 !important;
}
.pswp__caption__center {
    text-align: center;
    max-width: 60%;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #eee;
}
.pswp img {
    max-width: none;
    border: 10px solid white;
}
.gallery-caption {
    display: none;
}
.gallery figure {
    margin: 0;
}




a.dest2 {
	border: 2px solid transparent;
}
a.dest2:hover {
	border: 2px solid #222;
}



/* video  css */

       .video-holder {
  position: relative;
  overflow: hidden;
}
.video-holder a.video-trigger {
  width: 100%;
  display:block;
}
.video-holder img {
  width: 100%;
  display:block;
  height:auto;
}
.video-holder .fa {
  display: block;
  position: absolute;
  right:0;
  color:#fff;
  left:0;
  top:50%;
  text-align:center;
  font-size:80px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.video-holder {
  background: black url(/wp-content/plugins/photo-swipe/lib/default-skin/preloader.gif) center center no-repeat;
  background-size:50px 50px;
}
.video-holder a:hover .fa {
  opacity: 0.7;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}/*
.videowrapper:hover img.image-overlay {
    opacity: 0.8;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}*/
.videowrapper:hover .video-button {
    opacity: 0.8;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
img.image-overlay {
    opacity: 0;
}




.owl-carousel-homepage {
	position: relative;
    width: 100%;
	margin: 0 auto;
}



/* newsletter widgets */

form.newsletter-widget {
	margin: 70px 5% 15px;
}
form.newsletter-widget input {
    width: 89%;
    width: 100%;
    padding: 13px 5%;
    background: rgba(63,60,58, 0.8);
    margin-bottom: 5px;
    font-size: 14px !important;
    color: #fff;
    border: 1px solid #696765;
    text-transform: uppercase;
    font-weight: 400;
}
form.newsletter-widget input:active {
    color: #aaa;
}
form.newsletter-widget p {
       margin: 15px 0;
}
form button[type="submit"] {
    background: rgba(31,31,31, 0.8);
}


ul#itineraries-listing li div.plussign {
	width: 69px; height: 69px; position: absolute; bottom: -35px; left: 40%; z-index: 8;display: block;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

@media only screen and (min-width:500px) {
    ul#itineraries-listing li div.plussign {
        width: 69px; height: 69px; position: absolute; bottom: -35px; left: 46.5%; z-index: 8;display: block;
    }
}
ul#itineraries-listing li:last-child div.plussign {
	display: none;
}




/* slide out for reservations */


#slideout {
    width: 300px; right:-300px; position: absolute; top: 0; bottom:0; /*height: 100vh;*/ background: #ececec;z-index:99999;padding: 20px 20px 0;
}
#slideout select {
    font-size: 13px; text-transform: uppercase;color: #666; width: 100%;width: 100%; margin: 0 auto; padding: 7px 10px !important;border-color: #ccc; text-align: center;
}
#slideout select option {
    padding:5px; font-size: 14px; text-transform: uppercase;color: #666;
}
#slideout input {
	background: #fff;
	border: 1px solid #ccc;
	padding: 8px 5% !important;
	color: #666 !important;
}
.c-tabs {
    background: none;
}
.c-tabs__content {
    display: none;
    width: 100%;
    float: left;
    padding: 0 1.5rem 1.5rem 1.5rem;
    padding-top: 30px;
    border-top: 1px solid #ccc;
}
.c-tabs__link {
    color: #333;
    border: 1px solid #ccc;
    border-bottom: none;
}
.c-tabs__link.is-active {
    color: #111;
    border: 1px solid #999;
    background: #efefef;
    border-bottom: none;
    z-index: 9999;
}

.no-scroll
{
    overflow: hidden;
}

/* sliderout reservations form */
.gform_body .ginput_container_date input {
	width: 100% !important;
 }
.ginput_container_date input {
	width: 100% !important;
 }
.ginput_container_date input[type="number"] {
	width: 100% !important;
 }
.gform_wrapper label.gfield_label+div.ginput_container {
    margin-top: 0;
}

body div#ui-datepicker-div {
    z-index: 999999 !important;
}

div#ui-datepicker-div[style] {
    z-index: 999999 !important;
}
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
    display: none !important;
}
.gform_button  {
	background: #fff !important;
	border: 1px solid #222;
}
#gform_fields_3 input, .gform_fields input {
	background: #fff !important;
	width: 100%;
	border: 1px solid #666;
	color: #222 !important;
}
.gform_wrapper textarea.medium {
    height: 9.375em;
    width: 100% !Important;
}


.accordion-section-content {
    padding: 0; 
    display: none;
    /* border: 1px solid #ddd8c1; */
    /* border: 1px solid #b1ab98; */
}

div.closepanel {
	opacity: 0.65;
	text-align: right !important;
	margin-bottom: 32px;
	-moz-transition5 all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	/*width: 30px;*/
	width: 100%;
}
div.closepanel:hover {
	opacity: 0.9;
	cursor: pointer;
}



/* responsive menu -->
 *
 * */

#cd-lateral-nav {
 /*position: fixed;*/
 height: 100%;
 left: 0;
 top: 0;
text-align: center;
 /* the secondary navigation is covered by the main element */
 z-index: 397;
 width: 100%;
 padding: 20px;
 /*background-color: #242e30;*/
 overflow-y: auto;
 /* smooth the scrolling on touch devices - webkit browsers */
 -webkit-overflow-scrolling: touch;
 /* Force Hardware Acceleration in WebKit */
 -webkit-transform: translateZ(0);
 -webkit-backface-visibility: hidden;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 transition-property: transform;
 -webkit-transition-duration: 0.4s;
 -moz-transition-duration: 0.4s;
 transition-duration: 0.4s;

}

#cd-lateral-nav .cd-navigation {
/* margin: 10px 0 16px 15px;*/
 margin: 10px 0 16px 0;
 padding-left: 0;
 text-align: left;
}




#cd-lateral-nav .sub-menu {
 padding: 0 10px 20px 15px;
 display: none;
}

#cd-lateral-nav a {
 display: block;
 line-height: 2em;
 padding: 0 16px 0 22px;
 color: #d6dbdc;
}

#cd-lateral-nav .sub-menu li a {
 color: #ddd;
}
#cd-lateral-nav .sub-menu li ul.sub-menu li a {
 color: #aaa;
}

#cd-lateral-nav a.current {
 background-color: #eee;
 color: red;
}

.no-touch #cd-lateral-nav a:hover {
 color: white;
}
@media only screen and (min-width: 768px) {

	#cd-lateral-nav .cd-navigation {
	 /*margin: 20px 0;*/
	 margin: 85px 0 20px 14px;
	}
}

@media only screen and (max-width: 1066px) {
	
#cd-lateral-nav.lateral-menu-is-open {
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}

/* style menu items which have a submenu  */

/*#cd-lateral-nav .item-has-children {
    border-bottom: none;
}*/
#cd-lateral-nav .item-has-children > a {
 position: relative;
 text-transform: none;
 cursor: pointer;
 font-weight: 300;/* this is the right arrow to show that the item has a submenu  */
}

#cd-lateral-nav .item-has-children > a::after {
 content: '';
 display: block;
 height: 11px;
 width: 8px;
 position: absolute;
 top: 50%;
 bottom: auto;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
 right: 10px;
 background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-arrow-sec-exp-nav.svg") no-repeat center center;
 background-size: 8px 11px;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 transition-property: transform;
 -webkit-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 transition-duration: 0.2s;
}

#cd-lateral-nav .item-has-children > a.submenu-open::after {
 -webkit-transform: translateY(-50%) rotate(90deg);
 -moz-transform: translateY(-50%) rotate(90deg);
 -ms-transform: translateY(-50%) rotate(90deg);
 -o-transform: translateY(-50%) rotate(90deg);
 transform: translateY(-50%) rotate(90deg);
}
}
#cd-lateral-nav .socials {
 *zoom: 1;
 padding: 0 32px;
}

#cd-lateral-nav .socials:before,
#cd-lateral-nav .socials:after {
 content: " ";
 display: table;
}

#cd-lateral-nav .socials:after {
 clear: both;
}

#cd-lateral-nav .socials a {
 height: 32px;
 width: 32px;
 float: left;
 padding: 0;
 background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-socials.svg");
 background-repeat: no-repeat;
 background-size: 128px 64px;
 background-color: #FFF;
 margin-right: .5em;
 border-radius: 0.25em;
}

#cd-lateral-nav .socials a.cd-twitter {
 background-position: 0 0;
}

#cd-lateral-nav .socials a.cd-github {
 background-position: -32px 0;
}

#cd-lateral-nav .socials a.cd-facebook {
 background-position: -64px 0;
}

#cd-lateral-nav .socials a.cd-google {
 background-position: -96px 0;
}

.no-touch #cd-lateral-nav .socials a:hover {
 background-color: #4e6361;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
 background-position: 0 -32px;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-github {
 background-position: -32px -32px;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
 background-position: -64px -32px;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-google {
 background-position: -96px -32px;
}


/*  my css */


#cd-lateral-nav ul li {
 list-style: none;
 padding: 0;
 margin: 0;
 border-bottom: 1px solid #333;
 overflow: auto;
}
#cd-lateral-nav ul li.float-right {
	float:left;
	width: 100%;
	clear:both;
}
#cd-lateral-nav ul li:last-of-type {
 list-style: none;
 padding: 0;
 margin: 0;
 /*border-bottom: red;*/
	float: left;
	clear: both;
	width: 100%;
}

#cd-lateral-nav ul li a {
 display: block;
 line-height: 20px;
 font-size: 14px;
 padding: 10px 16px 10px 0;
 color: #aab5b7;
}

#cd-lateral-nav .sub-menu {
padding: 0 10px 0 0;
display: none;
margin-left: 15px;
}

/*  END responsive menu */

body div#ui-datepicker-div[style] {
    z-index: 99999 !important;
}
body div#ui-datepicker-div {
    z-index: 99999!important;
}
.ui-datepicker-title select {
    margin-top: 2.5%;
	background: #666 !important;
}



.sub-menu a {
	font-weight: 300;
}
#slideout a:hover {
	text-decoration: none;
	color: #666;
}

nav .mobilemenu {
		display: block;
	}
}
@media only screen and (min-width:1066px) {
    nav .mobilemenu {
		display: none;
	}
}



#gform_wrapper_4, #gform_wrapper_5 {
    overflow: inherit;
    margin: 1em auto;
    max-width: 100%;
}
@media only screen and (min-width:900px) {
    #gform_wrapper_4, #gform_wrapper_5 {
		overflow: inherit;
		margin: 1em auto;
		max-width: 75%;
	}
}



#gform_fields_4 .gfield_select, #gform_fields_6 .gfield_select {
	width: 100%;
	padding: 10px;
}
#gform_fields_4 #input_4, #gform_fields_4 #input_5 {
	width: 45%;
}
.gform_wrapper h2.gsection_title {
    clear: both;
    float: left;
    /* margin: 0!important; */
    padding: 0!important;
    letter-spacing: normal !important;
    margin: 30px 0 10px 0;
}
.gform_wrapper .gsection {
    border-bottom: none !important;
    padding: 0 0 .5em;
    margin: 1.8em 0;
    clear: both;
}

#gform_fields_4 input, #gform_fields_5 input {
    width: 100%;
    padding: 13px !important;
    background: #fff;
    margin-bottom: 5px;
    font-size: 16px !important;
    color: #666;
    border: 1px solid #aaa;
    /*text-transform: uppercase;*/
    font-weight: 400;
}
#field_4_7, #field_4_8 {
	width: 170px;
    margin-right: 20px;
	clear: none;
	float: left;
}
#field_4_13, #field_4_16, #field_4_17, #field_4_18, #field_4_19, #field_4_20, #field_4_21, #field_4_22, #field_4_23, #field_4_24 {
	width: 20% !important;
	clear: none !important;
	float: left;
}
@media only screen and (min-width:800px) {
    #field_4_13, #field_4_16, #field_4_17, #field_4_18, #field_4_19, #field_4_20, #field_4_21, #field_4_22, #field_4_23, #field_4_24 {
		width: 10% !important;
		clear: none !important;
		float: left;
	}
}
#field_4_13 .gfield_select, #field_4_16 .gfield_select, #field_4_17 .gfield_select, #field_4_18 .gfield_select, #field_4_19 .gfield_select, #field_4_20 .gfield_select, #field_4_21 .gfield_select, #field_4_22 .gfield_select, #field_4_23 .gfield_select, #field_4_24 .gfield_select {
	width: 90% !important;
}
.gform_wrapper textarea.medium {
    height: 9.375em;
    width: 97.5%;
    padding: 13px;
}

.gform_wrapper h2.gsection_title {
    width: 100% !important;
    text-align: cente !important;
    border-bottom: 2px solid #666;
    padding: 0 0 15px 0 !important;
	margin: 30px 0 !important;
}


.narrow-para {
	width: 95%;
}
@media only screen and (min-width:900px) {
    .narrow-para {
		width: 80%;
	}
}

/* for Gravity Forms */
.moxie-shim {
	    width: 80%;
}

div.guestcomment {
	padding: 20px 20px 20px 0;
    border-bottom: 1px solid #dedede;
	}
.guestcomment blockquote {
	margin: 0;
}


.gchoice_4_31_0, .gchoice_4_28_0, .gchoice_4_29_0 {
   float: left !important;
   margin-right: 15px !important;
}

/* contact page */

#contact-col-form {
	width: 100%; margin-left: 0; float: none;margin-bottom: 30px;
}
#contact-col-details {
	width: 100%; margin-right: 0; float: none;
}
@media only screen and (min-width:800px) {
    
    #contact-col-form {
        width: 48%; margin-left: 2%; float: right;
    }
    #contact-col-details {
        width: 48%; margin-right: 2%; float: left;
    }
}



#slideoutNav {
	height: 100vh; overflow:auto; position: fixed !important; width: 320px;
	left:-320px;  top: 0; bottom:0;
	background: #fff; z-index:999999;padding: 20px 20px 0;
}

#slideoutNav div {
	width: 100% !important;
	display:block;
}
#slideoutNav div div {
	width: 100% !important;
	display:block;
}
#slideoutNav div#subnav {
	/*
	width: 100%;
	display: block;
	*/
	margin-top: 0 !important;
    position: absolute !important;
    top: 15px !important;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	padding-bottom: 0 !important;
	padding: 0px 20px;
	
	/* from subnav 
    float: left;
    margin-top: 35px;
    padding-bottom: 20px;*/
    border-top:none;
    border-right: 1px solid #ccc;
    background: #fff;
    border-top-right-radius: 0; 
z-index: 99999;

}
.closeSubnav {
	position: absolute;
    top: 20px;
    right: 20px;
    z-index: 999999;
	opacity: 0.8;
}
.closeSubnav:hover {
	cursor: pointer;
	opacity: 1;
}
.openSubnav {
	height: 40px;
    background: rgba(50,50,50,0.8);
    color: white;
    padding: 11px 5%;
    position: fixed;
    top: 130px;
    z-index: 8000;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
	display: block;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.openSubnav img {
	opacity: 0.77;
    margin: -6px 15px 0 0 !important;
}
div.openSubnav.shrink {
	top: 40px;
}
@media only screen and (min-width:1265px) {
	.openSubnav {
		display: none;
	}
}

.roomDescriptions {
	width: 100%; max-width: 800px; margin: 0 auto;
}
.roomOverlayText {
	width: 80%; max-width: 1320px; max-height: 500px; margin: 0 auto;
}

@media only screen and (max-width:1265px) {
	#content {
		width: 90%;
	}

	#subnav {
		display: none;
	}

	#slideoutNav {
		background: #f2f2f2;
	}

	#slideoutNav div#subnav {
		background: #f2f2f2 !important;
	}
	#slideoutNav #subnav .sub-navigation a {
		color: #000;
	}

	#slideoutNav #subnav ul {
		padding-left: 10px;
	}
	#slideoutNav #subnav ul li {
		width: 100%;
	}
	#slideoutNav #subnav ul li ul {
		padding-left: 0px;
	}

	#slideoutNav #subnav ul li ul li a {
	    color: #fff !important;
	    width: 100%;
	}

	.page-builder-image-left-aligned-div, .page-builder-image-right-aligned-div {
	    width: 100% !important;
	    max-height: 450px !important;
	    min-height: 450px !important;
	}

	.owl-carousel-itineraries .switch .itinerary-item-text {
		position: absolute;
		top: 0px;
	}
	.roomDescriptions { 
		width: 90%; 
	}
	.roomOverlayText {
		width: 100%;
	}
	.narrow {
		width: 90%;
	}
	#itineraries .owl-buttons {
		display: none;
	}
}

.openSubnav:hover {
	cursor: pointer;
	opacity: 0.8;
}


/* darken placeholder text */

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:    #aaa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #aaa;
  opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #aaa;
  opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #aaa;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
 color:    #aaa;
}

/* fix gap on homepage */
.home .itinerary-item-image {
height: auto;
}
.home .itinerary-item-image img {
display: block;
}


/* RATES RESPONSIVE */

    #rates-header {
		display: block;
	}
	@media only screen and (max-width:600px) {
		#rates-header p {
			width: 100% !Important;
		}
		.hide-on-mobile {
			display: none;
		}
		header {
			height: 130px;
		}
		header.shrink {
			height: 40px;
		}
	}
	#rates-header p:first-child {
		display: none;
	}
	
	#rates {
		display: none;
	}
	#rates-mobile {
		display: block;
	}
	
@media only screen and (min-width:600px) {
    #rates-header {
		display: block;
	}
	#rates-header p {
		/* width: 20% !Important; */  /* REMOVED 201811002 MT */
	}
	#rates-header p:first-child {
		display: block;
	}
	#rates {
		display: block;
	}
	#rates-mobile {
		display: none;
	}
		
}
#rates-intro p {
	text-align: left;
}

.template_enquire #pagewrapper {
	    overflow: hidden;
}

.mobileonly {
	display: inline-block !important;
	padding-right: 15px !important;
	width: auto !important;
}
@media only screen and (min-width:900px) {
    .mobileonly {
	display: none !important;
}
}


/* buttons for contact page on prperty level */
.action-buttons .button-enquire {
	float:none; margin-right: 10%;padding: 12px 12px 11px; margin-bottom: 20px; width: 80%; margin-left: 10%;
}
.action-buttons .button-book {
	float: none; padding: 10px 10px 11px; width: 80%; margin: 0 10%;
}
@media only screen and (min-width:600px) {
    .action-buttons .button-enquire {
		float:left; margin-right: 20px; padding: 11px 12px 10px; margin-bottom: 20px; width: auto; margin-left: 0;
	}
	.action-buttons .button-book {
		float: left; padding: 10px 10px 11px; width: auto; margin: 0;
	}
}

.contact-page-property-details {
	width: 100%;
	float: none;
}
.contact-page-property-image {
	width: 100%; 
	float: none;
	margin-left: 0;
	margin-bottom:20px;
	height: 300px;
    position: relative;
    left: 0;
}

@media only screen and (min-width:800px) {
    .contact-page-property-details {
		width: 40%;
		float: left;
	}
	.contact-page-property-image {
		width: 58%; 
		float: right;
		margin-left: 2%;
		margin-bottom:20px;
		height: 98%;
		position: absolute;
		left: 40%;
	}
	.contact-page-property-image img {
		display: none;
	}
}


@media only screen and (max-width:280px) {
	
    .owl-theme .owl-controls .owl-buttons div.owl-next {
    /*right: 35px*/
	display: none;
}
    .owl-theme .owl-controls .owl-buttons div.owl-prev {
    /*right: 35px*/
	display: none;
}
    .owl-theme:hover .owl-controls .owl-buttons div.owl-next {
    /*right: 35px*/
	display: none;
}
    .owl-theme:hover .owl-controls .owl-buttons div.owl-prev {
    /*right: 35px*/
	display: none;
}
}



/* team carousel */

/*
	 
	 carousel
	 
	*/
	.owl-carousel-team div {
	    text-align: center;
	    text-decoration: none !important;
	}
	.carousel-team-name {
	    text-transform: none;font-size:16px; margin:10px auto 2px; color: #333; font-weight: bold;
	}
	
	.carousel-team-position {
	    text-transform: none;font-size:14px; color: #333; font-weight: 400; margin:0 auto 0;line-height: 18px;/*font-family: 'Open Sans', sans-serif;*/
	}
	
p.address-details {
	display: block;
	margin: 0 20px 0 0;
}
@media only screen and (min-width:600px) {
    p.address-details {
		display: inline;
		margin: 0 20px 0 0;
	}
}

.owl-carousel-team .owl-controls .owl-buttons .owl-prev {
	background: url(images/arrows-sprite-black.png) no-repeat 0 0;
	opacity: 0.3;
	left: -20px !important;
}

.owl-carousel-blog .owl-controls .owl-buttons .owl-prev {
	background: url(images/arrows-sprite-black.png) no-repeat 0 0;
	opacity: 0.3;
	left: -50px !important;
}

.owl-carousel-team .owl-controls .owl-buttons .owl-next  {
	background: url(images/arrows-sprite-black.png) no-repeat -40px 0;
	opacity: 0.3;
	right: -20px !important;
}
.owl-carousel-blog .owl-controls .owl-buttons .owl-next  {
	background: url(images/arrows-sprite-black.png) no-repeat -40px 0;
	opacity: 0.3;
	right: -50px !important;
}

@media only screen and (min-width:700px) {
	.owl-carousel-team .owl-controls .owl-buttons .owl-prev {
		left: -40px  !important;;
		top: 35%; 
		/*border-radius: 100px;*/
		background: url(images/arrows-sprite-black.png) no-repeat 0 0;
		opacity: 0.3;
	}
	 
	.owl-carousel-team .owl-controls .owl-buttons .owl-next  {
		right:-40px  !important;;
		top: 35%;
		/*border-radius: 100px;*/
		background: url(images/arrows-sprite-black.png) no-repeat -40px 0;
		opacity: 0.3;
	}
	.owl-carousel-team:hover .owl-controls .owl-buttons div.owl-prev {
		left: -40px !important;
		opacity: 0.8;
	}
	.owl-carousel-team:hover .owl-controls .owl-buttons div.owl-next {
		right:-40px !important;
		opacity: 0.8;
	}
}
.owl-carousel-team .owl-wrapper, .owl-carousel-team .owl-item, .owl-carousel-blog .owl-item {
    background: #fff !important;
}


/* blog */

 #blogmeta {
            width: 100%;
            float: none;
           /* background: yellow;*/
            height: auto;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
			font-family: "Libre Baskerville", serif;
			font-style: italic;
			font-size: 16px;
			line-height: 1;
			color: #7a7a7a;
        
        }
        #blogpost {
            float: none;
            width: 100%;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }
        #blogpost p {
            
        }
        #blogsidebar {
            width: 100%;
            float: none;
            /*background: lightgreen;*/
            height: auto;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }
        #blogmeta, #blogpost, #blogsidebar {
            overflow: auto;
        }
		/*
        #blogmeta div, #blogpost div, #blogsidebar div {
            margin: 15px;
        }*/
        #blogmeta div {
            margin-top: 15px;
        }
        @media only screen and (min-width:780px) {
            #blogmeta {
                width: 25%;
                float: left;
                /*background: yellow;*/
                /*height: 100vh;*/
            }
            #blogpost {
                float: left;
                /*height: 100vh;*/
                width: 50%;
            }
            #blogsidebar {
                width: 25%;
                float: right;
				text-align: right;
                /*background/*: lightgreen;*/
                /*height: 100vh;*/
            }
            
	        #blogmeta, #blogpost, #blogsidebar {
	            overflow: hidden;
	        }
        }
        
        @media only screen and (min-width:900px) {
            #blogmeta {
                width: 10%;
				margin-left:2%;
            }
            #blogpost {
                width: 66%;
                margin: 0px auto;
                float: unset;
            }
            #blogpost p {
                text-align: justify;
            }
            #blogsidebar {
                width: 10%;
				margin-right: 4%;
            }
        }
		
		p.blogintro {
			font-family: "libre Baserkville", serif;
			font-size: 32px;
			line-height: 1.1 !important;
			color: #7a7a7a;
			font-style: italic;
			text-transform: none;
			text-align: center !important;
			width: 90%;
			margin: 11px auto 20px;
			letter-spacing: 0;
		}
		
		
		.divider-crown {
			width: 66%;
			margin: 40px auto !important;
			text-align: center;
			height: 36px;
			background: url(images/crown-divider.png) no-repeat center center;
		}
		.author {
			font-family: 'Raleway', Arial, sans-serif;
			font-size: 15px;
		}
		#secondary .widget {
			height: auto;
		}
		#secondary h2.widget-title {
			text-transform: uppercase;
			font-size: 13px;
			line-height: 24px;
			color: #999999;
			font-family: 'Libre Baskerville', serif;
			letter-spacing: 0;
			font-style: italic;
			text-transform: none;
			text-align:right;
			width: 100%;
			padding-bottom: 0;
			background: url(images/widget-title-border-line.png) no-repeat bottom right;
			/* background: url(images/fade.gif) repeat-x; */
			/* padding: 34px 0 18px; */
		}
		
		#blogpost blockquote {
            color: #6e6e6e;
            font-size: 21px;
            line-height: 1.5;
            font-family: 'Libre Baskerville', serif;
            font-style: italic;
            float: left;
            width: 100%;
            text-align: center;
			padding: 30px;
            border-top: 1px solid #ccc;
            border-bottom: 2px solid #ccc;
			border-left:0;
			margin: 20px 0 40px;
        }


		@media only screen and (min-width:600px) {
			#blogpost blockquote.left {
                color: #6e6e6e;
                font-size: 21px;
                line-height: 1.5;
                font-family: 'Libre Baskerville', serif;
                font-style: italic;
                float: left;
                width: 50%;
                margin: 0 50px 20px 0;
                text-align: right;
                padding-left: 0;
                border: 0;
            }
			#blogpost blockquote.right {
                color: #6e6e6e;
                font-size: 21px;
                line-height: 1.5;
                font-family: 'Libre Baskerville', serif;
                font-style: italic;
                float: right;
                width: 50%;
                margin: 0 0 20px 50px;
                text-align: left;
                padding-left: 0;
                border: 0;
            }
		}
		
		@media only screen and (min-width:780px) {
            blockquote.left {
                color: #6e6e6e;
                font-size: 24px;
                line-height: 1.5;
                font-family: 'Libre Baskerville', serif;
                font-style: italic;
                float: left;
                width: 400px;
                margin: 0 50px 20px 0px;
                text-align: right;
                padding-left: 0;
                border: 0;
            }
            blockquote.right {
                color: #6e6e6e;
                font-size: 24px;
                line-height: 1.5;
                font-family: 'Libre Baskerville', serif;
                font-style: italic;
                float: right;
                width: 400px;
                margin: 0 0px 20px 50px;
                text-align: left;
                padding-left: 0;
                border: 0;
            }
        }
		
#secondary input {
	background: #fff !Important;
    width: 100%;
    float: left;
    padding: 10px 5% 6px !Important;
    border: 1px solid #ccc;
    color: #333;
    font-size: 11px !important;
    margin-bottom: 20px;
		}
		
		#blogpost h2 {
			font-size: 21px;
			line-height: 1.2;
			text-transform: uppercase;
			color: #666;
			font-weight: 300;
			text-align: left;
			margin: 30px 0;
			letter-spacing: 0;
		}
		
		#secondary a {
			color: #7a7a7a;
			font-size: 15px;
		}
		#secondary a:hover {
			text-decoration: none;
			border-bottom: 1px solid #ccc;
		}
		#blogpost p {
			line-height: 1.8;
		}
		.width150 {
			width: 100%;
			margin-left: 0;
		}
		@media only screen and (min-width:780px) {
			.width150 {
				width: 150%;
				margin-left: -25%;
			}
        }
		
		
		
		
		
		/* misc to test hover of scroll top top */
		
		a#toTop {
			opacity: 0.5;
			-moz-transition: all .3s ease;
			-webkit-transition: all .3s ease;
			transition: all .3s ease;
			bottom: 10px;
		}
		a#toTop:hover {
			opacity: 1;
			bottom: 16px;
		}
		
		#calltoaction {
			position: relative; margin: 40px 0; width: 100%; height: 300px; 		
			-moz-transition: all .3s ease;
			-webkit-transition: all .3s ease;
			transition: all .3s ease;
		}
		
		@media only screen and (min-width:900px) {
            #calltoaction {
				position: relative; margin: 40px 0; width: 100%; height: 500px; 
			}
        }
		#calltoaction p {
			text-align: center;z-index: 998; position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); color:#fff; font-size: 25px;
		}
		#calltoaction a {
			text-transform: uppercase; display: inline-block; margin: 20px auto;text-align: center;font-weight: normal; font-size: 22px;
			text-decoration: none !Important; padding: 10px 16px; background: #fff; color: #333; border-radius: 5px;			
			-moz-transition: all .3s ease;
			-webkit-transition: all .3s ease;
			transition: all .3s ease;
		}
		#calltoaction a:hover {
			text-decoration: none !Important; padding: 10px 22px;
		}
		
		
		/*
		#blogpost {
            float: none;
            width: 100%;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }
        #blogpost p {
            
        }
        #blogsidebar {
            width: 100%;
            float: none;
            height: auto;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }
		*/
		#bloglist {
			float: none;
            width: 100%;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
			margin-bottom: 50px;
		}
		#bloglist img {
			width: 100%;
			height: auto;
		}
		
        #bloglistsidebar {
            width: 100%;
            float: none;
            /*background: lightgreen;*/
            height: auto;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
				margin-top:40px;
        }
		#bloglistsidebar h2.widget-title {
			text-align: left;
			background: url(images/widget-title-border-line-left.png) no-repeat bottom left;
		}
		
		
		
		
		#bloglistsidebar .widget_search h2.widget-title {
			background: none;
			margin-bottom: 0;
			margin-top: -2px;
		}
		
		#custom_html-2 h2.widget-title, #categories-2 h2.widget-title {
			text-align: center !Important;
			background: none !Important;
			font-style: normal !Important;
			font-size: 16px !Important;
			line-height: 19px !Important;
			text-transform: uppercase !Important;
		}
		
	
	
		#bloglistsidebar ul {
			margin: 0;
			padding: 0;
		}
		#bloglistsidebar ul li {
			margin: 0;
			padding: 0;
			list-style: none;
			text-align: left;
		}
		#bloglistsidebar ul li a {
			    text-align: left;
			    display: inline-block;
			line-height: 1.2 !important;
			margin-bottom: 5px;
			width: auto;
			color: #7a7a7a;
		}
		#bloglistsidebar ul li a:hover {
			color: #313131;
		}
		
		
		@media only screen and (min-width:900px) {
            #bloglist {
                float: left;
                width: 78%;
            }
            #bloglistsidebar {
                float: right;
				text-align: left;
                width: 18%;
				margin-left: 4%;
				margin-top:0;
            }
			
        }
		
		
		.bloglist-image {
			width: 100%;  float: none;
		}
		.bloglist-text {
			width: 100%; float: none; clear:both; padding: 20px 0 50px; position: relative;
		}
		.page-id-14 .bloglist-text, .category-blog .bloglist-text {
			width: 50%; float: none; padding: 20px 0 0px; position: relative;
		}
		.bloglist-text img {
			display: none;
		}
		.bloglist-text .date {
			float: left;
		}
		.bloglist-text .date span {
			font-size: 18px;
			margin-top: -2px;
			display: inline-block;
			margin-left: 4px;
		}
		.bloglist-text .author {
				position: relative; float: right;
			}
			.bloglist-text .details {
				position: relative;
				float: left;
				width: 80%;
				margin: 20px 10% 60px;
				
			}
			.bloglist-text .details p {
				font-size: 16px;
				line-height: 1.2;
				color: #666;
				text-align: center;
			}
				.bloglist-text .details p.post-title {
					font-family: 'Libre Baskerville', serif;
					color: #434343;
					font-size: 21px;
					line-height: 1.2;
					text-align: center;
					margin:0 auto;
				}
				
				
				
		.owl-carousel-experiences .owl-item { border: 2px solid #fff; }		
				
		@media only screen and (min-width:580px) {
			.bloglist-image {
				width: 50%;  float: right;
				-moz-transition: all .3s ease;
            	-webkit-transition: all .3s ease;
            	transition: all .3s ease;
			}
			.bloglist-text {
				width: 100%; float: left; padding: 0; clear: none;
				padding: 0;
			}
			.not_alt .bloglist-text {
				width: 50%;
			}
			
			.bloglist-text img {
				display: block;
			}
			/* content */
			.bloglist-text .date {
				position: absolute; top: 20px; left:20px;
				font-family: "Libre Baskerville", serif;
				font-style: italic;
				font-size: 14px;
				line-height: 1;
				color: #7a7a7a;
				 float:none;				
			}
			
			.bloglist-text .date span {
				font-size: 18px;
				margin-top: 5px;
				display: block;
				margin-left: 0;
			}
			.bloglist-text .author {
				position: absolute; top:20px; right: 20px; float:none;
			}
			.bloglist-text .details {
				position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75%;    margin: 0;
				
			}
			.bloglist-text .details p {
				font-size: 16px;
				line-height: 1.2;
				color: #666;
				text-align: center;
			}
				.bloglist-text .details p.post-title {
					font-family: 'Libre Baskerville', serif;
					color: #434343;
					font-size: 24px;
					line-height: 1.2;
					text-align: center;
					margin:0 auto;
				}
			@media only screen and (min-width:580px) and (max-width:800px) {
                .bloglist-text .details p {
					display: none;
				}
					.bloglist-text .details p.post-title {
						display: block;
						font-family: 'Libre Baskerville', serif;
						color: #434343;
						font-size: 24px;
						line-height: 1.2;
						text-align: center;
						margin:0 auto;
					}
            }
			@media only screen and (min-width:800px) and (max-width:900px) {
                .bloglist-text .details p {
					display: block;
				}
					.bloglist-text .details p.post-title {
						display: block;
						font-family: 'Libre Baskerville', serif;
						color: #434343;
						font-size: 24px;
						line-height: 1.2;
						text-align: center;
						margin:0 auto;
					}
            }
			@media only screen and (min-width:900px) and (max-width:1080px) {
                .bloglist-text .details p {
					display: none;
				}
					.bloglist-text .details p.post-title {
						display: block;
						font-family: 'Libre Baskerville', serif;
						color: #434343;
						font-size: 24px;
						line-height: 1.2;
						text-align: center;
						margin:0 auto;
					}
            }
			@media only screen and (min-width:1080px)  {
                .bloglist-text .details p {
					display: block;
				}
					.bloglist-text .details p.post-title {
						display: block;
						font-family: 'Libre Baskerville', serif;
						color: #434343;
						font-size: 24px;
						line-height: 1.2;
						text-align: center;
						margin:0 auto;
					}
            }
				
			.alt .bloglist-image {
				width: 50%; float: left;
			}
			.alt .bloglist-text {
				width: 50%;float: right;
			}
			.not_alt .bloglist-text {
				width: 50%;
			}
		}
		
		.bloglist-item:hover .bloglist-image {
			opacity:0.8;
		}
		
		
		form #search-form {
			margin-left: 10px;
			height: 30px;
		}
		
		form #searchform input {
			width: 100%;
			padding: 5% !important;
			background: #3f3c3a;
			margin-bottom: 5px;
			font-size: 14px !important;
			color: #fff;
			border: 1px solid #DFDDDC !important;
			/* text-transform: uppercase; */
			font-weight: 400;
		}
		
		/* #blogpost-content div:first-child p:first-of-type:first-letter */
		#blogpost-content div:first-of-type p:first-child:first-letter
            {
                font-family: "Libre Baskerville", serif;
                letter-spacing:0;
                text-transform:uppercase;
                color:#6c6c6c;
                font-size:97px;
                float:left;
                font-weight: 300;
                margin:13px 8px 0 0;
                line-height:0.8;
            }
			#blogpost-content blockquote p:first-of-type:first-letter
            {
                font-family:inherit;
                letter-spacing:0;
                text-transform:uppercase;
                color: inherit;
                font-size: inherit;
                float:inherit;
                font-weight: 300;
                margin:0;
                line-height: inherit;
            }
		@media only screen and (min-width:880px) {
            #blogpost-content div:first-of-type p:first-child:first-letter
            {
                font-family: "Libre Baskerville", serif;
                letter-spacing:0;
                text-transform:uppercase;
                color:#6c6c6c;
                font-size:88px;
                float:left;
                font-weight: 300;
                margin:10px 8px 0 0;
                line-height:0.8;
            }
			#blogpost-content blockquote p:first-of-type:first-letter
            {
                font-family:inherit;
                letter-spacing:0;
                text-transform:uppercase;
                color: inherit;
                font-size: inherit;
                float:inherit;
                font-weight: 300;
                margin:0;
                line-height: inherit;
            }
        }
		#comments-container {
			width: 100%;
			margin: 40px 0;
		}
		@media only screen and (min-width:880px) {
            #comments-container {
                width: 50%;
                margin: 40px 25%;
            }
        }
		
		/* rss buttins  */
		
		.rrssb-buttons li {
			opacity: 0.7;
			-moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
		}
		.rrssb-buttons li:hover {
			opacity: 1;
		}
		
		
		
		/* JUICER STYLILNG */
		
	.juicer-feed ul.j-filters li {
       color: white;
    padding: 5px 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    position: relative;
    text-align: left;
    list-style-type: none;
    margin: 0;
    width: auto;
    display: inline;
    border-radius: 1px;
    margin: 2px;
    background: #999;
    /* border-bottom: 5px solid blue; */
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.juicer-feed ul.j-filters li:hover {
    background: #333;
	border: none;
}
.juicer-feed ul.j-filters li.selected {
    background: #333;
}

.j-loading {
    -moz-animation: loader 2s infinite ease;
    -webkit-animation: loader 2s infinite ease;
    animation: loader 2s infinite ease;
    width: 30px;
    height: 30px;
    border: 4px solid #666666;
    margin: 0 auto;
    font-size: 0;
    color: transparent
}
.j-loading:before {
    -moz-animation: loader-inner 2s infinite ease-in;
    -webkit-animation: loader-inner 2s infinite ease-in;
    animation: loader-inner 2s infinite ease-in;
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #666666;
    content: ''
}
.juicer-feed .j-paginate {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    border: 2px solid #555555;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #555555;
    text-align: center;
    padding: 12px 0 10px;
    cursor: pointer;
    background-color: transparent;
    width: 150px;
    display: block;
    text-transform: uppercase
}
.juicer-feed .j-paginate:hover {
    background: #555555;
    color: #F2F2F2
}

.juicer-feed h1.referral a:hover {
    color: #555555
}
.juicer-feed ul.j-filters li:hover:after,
.juicer-feed ul.j-filters li.selected:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #555555;
    bottom: 0;
    left: 0;
    position: absolute
}
.juicer-feed.white li.feed-item.juicer,
.juicer-feed.user li.feed-item.juicer,
.juicer-feed.juicer-widget li.feed-item.juicer,
.juicer-feed.colors li.feed-item.juicer,
.juicer-feed.colored-icons li.feed-item.juicer,
.juicer-feed.gray li.feed-item.juicer {
    background: #555555;
    color: white
}

.juicer-feed.colors .j-meta a.j-social.hashtag,
.juicer-feed.colored-icons .j-meta a.j-social.hashtag {
    color: #555555
}

.juicer-feed.colors .j-meta a.j-social.j-email,
.juicer-feed.colored-icons .j-meta a.j-social.j-email {
    color: #555555
}

.juicer-feed.image-grid li.feed-item.words .j-text a:hover,
.juicer-feed.slider li.feed-item.words .j-text a:hover,
.juicer-feed.hip li.feed-item.words .j-text a:hover {
    color: #555555
}

.juicer-feed.image-grid .j-text .j-message a,
.juicer-feed.slider .j-text .j-message a,
.juicer-feed.hip .j-text .j-message a {
    color: #555555
}
.juicer-feed.image-grid .j-text .j-message p,
.juicer-feed.slider .j-text .j-message p,
.juicer-feed.hip .j-text .j-message p {
    text-align: center;
    line-height: 1.3;
    width: 90%;
    margin: 0 auto;
}

.juicer-feed.slider .slick-prev:hover:before,
.juicer-feed.slider .slick-next:hover:before {
    color: #555555
}

.juicer-feed.hip li.feed-item:hover:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #555555;
    display: block;
    position: absolute;
    bottom: 0
}

.juicer-feed.classic li.feed-item .j-message a {
    color: #555555
}

.juicer-feed.classic li.feed-item .info a:hover {
    color: #555555
}

.juicer-feed ul.actions li:hover {
    background: #555555
}


.juicer-feed ul.actions li.unstick {
    color: #555555;
    background: rgba(242, 242, 242, 0.7);
    border: 1px solid #555555;
    padding: 4px 9px
}

.juicer-feed ul.actions li.unstick {
    color: #555555;
    background: rgba(242, 242, 242, 0.7);
    border: 1px solid #555555;
    padding: 4px 9px
}


.juicer-feed .j-meta a:hover {
    color: #555555
}


.juicer-feed .empty a {
    color: #555555
}


.juicer-feed a:hover {
    color: #555555
}

.j-poster a:hover {
    color: #555555
}

.post-overlay.juicer-feed a.juicer-button {
    float: left;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    border: 2px solid #555555;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #555555;
    text-align: center;
    padding: 12px 0 10px;
    cursor: pointer;
    background-color: transparent;
    padding: 12px 35px
}

.post-overlay.juicer-feed a.juicer-button:hover {
    background: #555555;
    color: #F2F2F2
}

.juicer-feed .hashtag {
    background: #555555
}

.juicer-feed .juicer {
    background: #555555
}
.juicer-feed ul.j-filters li.all, .juicer-feed ul.j-filters li.grouped {
    background: #999999;
}
.selected {
	background: #555 !important;
}


/*
 *
 * library
 *
 * */

ul.librarylist {
	margin: 0;
	padding:0;
	width:100% !important;
}
l#container {
	marign: 0;
	padding:0;
	width:100% !important;
}
ul.librarylist li {
	/*
	width: 31.33333%;
	margin: 1%;
	text-align: center;
	list-style: none;
	float:left;
	*/
}
.librarygrid-item {
	width: 31.33333%;
	margin: 1%;
	float: left;
	text-align: center;
	list-style: none;
}
.librarygrid-item p {
	text-align: center !important;
}

.pdf {
	padding:  15px 20px;
	background: #efefef;
	width: 100%;
    display: block;
    border: solid 1px #ccc;
	text-align: center;
}
.pdf a.pdf {
	padding: 0;
	border: 0;
}

/* iso
 *
 * */

  .library-item {
  width: 50%;
  /*height: 70px;*/
  margin: 5px;
  float: left;
  background: #ccc;
  text-align: center;
  color: #000;
  }
  
  @media only screen and (min-width:800px) {
    .library-item {
   width: 31%;
  margin: 5px;
  float: left;
  background: #eee;
  text-align: center;
  color: #000;
  }
  }
  .filter li {
    float: none !important;
  }
  .option-combo h4 {
  display: block;
  }
  .library-item.ratesheet {
	background: #ccc;
  }
  .library-item.video {
	background: #fff !important;
  }
  a.image .img_overlay {
	position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index:2; opacity: 1;-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  a.image:hover .img_overlay {
	position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index:2; opacity: 0;
  }
  a.image img {
	display:block;
  }
  a.image .img_property {
	opacity: 1; -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;margin: 0; padding:3px 6px; font-size:12px; font-weight: bold; position: absolute; bottom: 0px; left: 50%;transform: translateX(-50%); z-index:16; width:90%;color: #fff; text-align: center !important;
  }
  a.image:hover .img_property {
	opacity: 1; bottom: 5px;
  }
  a.image .downloadicon {
	width: 24px;
	height: 24px;
	background:url(images/download.png) no-repeat 0 0;
	position: absolute;
	z-index: 20;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
    a.image:hover .downloadicon {
	width: 24px;
	height: 24px;
	background:url(images/download.png) no-repeat 0 0;
	position: absolute;
	top: 40%;
	left: 50%;
	opacity: 1;
	transform: translate(-50%, -50%);
  }
  
  /* post navigation */
  .post-navigation .nav-previous:before {
    content: 'Previous Story:';
    display: block;
	color: #999;
	margin-bottom: 2px;
    text-transform: uppercase;
    font-size: 11px;
    text-align: left;
}
  .post-navigation .nav-next:before {
    content: 'Next Story:';
    display: block;
	margin-bottom: 2px;
	color: #999;
    text-transform: uppercase;
    font-size: 11px;
    text-align: right;
}
.post-navigation .nav-previous, .post-navigation .nav-next {
	font-weight: 600;
}


.switch ul.hotels_visited {
	padding-left:10px;
}

/* itineraries */
.owl-carousel-itineraries .owl-controls .owl-buttons .owl-prev {
    left: 50px;
    top: 45%;
    background: url(images/arrows-sprite-black.png) no-repeat 0 0;
}
.owl-carousel-itineraries .owl-controls .owl-buttons .owl-next {
    right: 50px;
    top: 45%;
    background: url(images/arrows-sprite-black.png) no-repeat -40px 0;
}

#itineraries.owl-carousel-itineraries .owl-controls .owl-buttons .owl-prev {
    left: 50px;
    top: 45%;
    background: url(images/arrows-sprite.png) no-repeat 0 0 !important;
}
#itineraries.owl-carousel-itineraries .owl-controls .owl-buttons .owl-next {
    right: 50px;
    top: 45%;
    background: url(images/arrows-sprite.png) no-repeat -40px 0 !important;
}

.owl-carousel-blog .owl-theme .owl-controls .owl-buttons .owl-prev {
	background: url(images/arrows-sprite-black.png);
}

.owl-carousel-itineraries .owl-wrapper, .owl-carousel-itineraries .owl-item {
    background: #fff !important;
}









.owl-carousel-itineraries .owl-item .itinerary-item {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    clear: both;
    overflow: auto;
    border-bottom: none;
}

.owl-carousel-itineraries:hover .owl-controls .owl-buttons div.owl-prev {
    left: 50px !important;
}
.owl-carousel-itineraries:hover .owl-controls .owl-buttons div.owl-next {
    right:50px !important;
}
.owl-carousel-itineraries .switch .itinerary-item-text {
    width: 100%;
    float: left;
    padding: 0 1.5% 0 15px;
    border-left: none;
    /*border-right: 1px solid #ccc*/
	border-right: none;
}
.owl-carousel-itineraries .itinerary-item-image {
    height: auto;
}
	.owl-carousel-itineraries {
		width: 90%;
	}
@media only screen and (min-width: 700px) {
	.owl-carousel-itineraries {
		width: 100%;
	}
	.owl-carousel-itineraries .switch .itinerary-item-text {
		width: 46.5%;
		float: left;
		padding: 0 1.5% 0 15px;
		border-left: none;
		/*border-right: 1px solid #ccc*/
		border-right: none;
	}
	.owl-carousel-itineraries .itinerary-item-image {
		height: 250px;
		float: right;
	}
	.owl-carousel-itineraries .itinerary-item-image img {
		opacity: 0;
	}
}
@media only screen and (min-width: 980px) {
	.owl-carousel-itineraries .switch .itinerary-item-text {
		width: 26.5%;
		float: left;
		padding: 0 1.5% 0 15px;
		border-left: none;
		/*border-right: 1px solid #ccc*/
		border-right: none;
	}
	.owl-carousel-itineraries .itinerary-item-image {
		height: auto;
	}
}
	.owl-carousel-itineraries .itinerary-item-image {
		width: 100%;
		float: left;
		height: 200px;
		margin-bottom: 0;
	}
	.owl-carousel-itineraries .itinerary-item-image img {
		opacity: 0;
	}
@media only screen and (min-width: 700px) {
	.owl-carousel-itineraries .itinerary-item-image {
		width: 52%;
		float: left;
		height: 384px;
		margin-bottom: 10px;
	}
	.owl-carousel-itineraries .itinerary-item-image img {
		opacity: 1;
	}
}
@media only screen and (min-width: 980px) {
	.owl-carousel-itineraries .itinerary-item-image {
		width: 72%;
		float: left;
		height: 384px;
		margin-bottom: 20px;
	}
}
.owl-carousel-itineraries .switch ul.hotels_visited {
	float: left !important;
	text-align: left !important;
	padding-left: 0;
}
.owl-carousel-itineraries .switch ul.hotels_visited li {
	text-align: left !important;
	color: rgba(255, 255, 255, 0.7) !important;
}



/* our stories owl overrides  */

#our-stories .owl-carousel-itineraries .owl-controls .owl-buttons .owl-prev {
    left: -50px !important;
    top: 40%;
    background: url(images/arrows-sprite-black.png) no-repeat 0 0 !important;
}
#our-stories .owl-carousel-itineraries .owl-controls .owl-buttons .owl-next {
    right: -50px !important;
    top: 40%;
    background: url(images/arrows-sprite-black.png) no-repeat -40px 0 !important;
}


/* extra*/

.qr-code {
	display:none !important;
}
.location-directions {
	display: block;margin-bottom: 20px;
	border: 1px solid #666; width: 100%; float: none; margin-right:0; position: relative;
	padding: 6px;
}
@media only screen and (min-width:900px) {
    .location-directions {
		display: block;margin-bottom: 0;
		border: 1px solid #666; width: 48%; float: left; margin-right: 3%; position: relative;
		padding: 6px;
	}
}
.location-directions img {
	width: 100%;max-width: 87px; height: auto;
}
.location-directions p {
	position: absolute;
    top: 50%; font-size: 14px;
    transform: translateY(-50%);
    margin: 0;
	font-weight: 600;
	text-transform:uppercase;
    left: 100px;
    margin-right: 10px;
    line-height: 1.2;
	text-align:left !important;
}
@media only screen and (min-width:900px) {
	.location-directions {
		display: none;
	}
    .qr-code {
		display: block !important;
		border: 1px solid #666; width: 48%; float: left; margin-right: 3%; position: relative;
	}
}
.qr-code-image {
	margin: 6px; float: left;margin-right:10px;max-width: 87px;
}
.qr-code-image img {
	width: 100%; height: auto;
}
.qr-code-text {
	position: absolute;
    /* width: inherit; */
    left: 106px;
    width: 60%;height:100%;
}
.qr-code-text {
	position: absolute;
	/* width: inherit; */
	left: 106px;
	width: 60%;height:100%;
}
@media only screen and (min-width:900px) {
	.qr-code-text {
		position: absolute;
		/* width: inherit; */
		left: 106px;
		width: 50%;height:100%;
	}
}
@media only screen and (min-width:1000px) {
    
	.qr-code-text {
		position: absolute;
		/* width: inherit; */
		left: 106px;
		width: 60%;height:100%;
	}
}
.qr-code-text p {
	margin: 0 -10px 0 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	line-height:1.3;
    text-align: left !important;
    font-size: 14px;
}

.directions-pdf {
	border: 1px solid #666;
	width: 100%; text-align: left;
    float: none;
    margin: 0;
    padding: 6px;
    position: relative;
	display: block;
}
@media only screen and (min-width:900px) {
    .directions-pdf {
	border: 1px solid #666;
	width: 48%; text-align: left;
    float: left;
    margin: 0;
    padding: 6px;
    position: relative;
	display: block;
}
}
.directions-pdf img {
	width: 100%;max-width: 87px; height: auto;
}
.directions-pdf p {
	position: absolute;
    top: 50%; font-size: 14px;
    transform: translateY(-50%);
    margin: 0;
	font-weight: 600;
	text-transform:uppercase;
    left: 100px;
    margin-right: 10px;
    line-height: 1.2;
}

a.accordion-section-title.inverted {
	background: #444;
	color: #fff;
}
a.accordion-section-title.inverted:hover {
	background: #777;
	color: #fff !important;
}
#accordion form label {
	margin-bottom: 4px;
}

.room-content p a {
	padding: 0;
    text-align: inherit;
    margin:0;
    font-weight: 600;
    text-decoration: none;
    color: #666;
    text-transform: inherit;
    display: inline;
    font-size: 16px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    border-radius: 2px;
}
.room-content p a:hover {
	padding: 0;
    text-align: inherit;
    margin:0;
    font-weight: 600;
    text-decoration: none;
    color: #aaa;
    text-transform: inherit;
    display: inline;
    font-size: 16px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: none;
    border-radius: 2px;
}


#media-overlay {
	/*width: 100%; height: 100vh; background: #fff;position: absolute;*/
	width: 75%;
height:90vh;
background: #fff;
position: absolute;top: 0;left: 25%;
z-index: 9999;
display:block;
}


.media-library form {
width: 280px !important;
    margin: 0 auto 83px !important;
}

.media-library input[type="password"] {
    width: 133px;
    padding: 13px 5% !important;
    background: #fff;
    margin-bottom: 5px;
    font-size: 14px !important;
    color: #333;
    border: 1px solid #696765;
    text-transform: none;
    font-weight: 400;
}

.media-library input[type="submit"] {
	width: 133px;
    margin-left: 10px;
    padding: 15px !Important;
}

.page-template-template_library-php ul#menu-library-menu li#menu-item-5153 a, .post-type-archive-library  ul#menu-library-menu li#menu-item-5153 a {
    background: url(images/library-home-icon.png) right 42% no-repeat !important;
    padding-right: 23px !Important;
    margin-right: 6px;
}





.page-template-template_library #gallery-list {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.page-template-template_library #gallery-list li, .post-type-archive-library #gallery-list li  {
margin-right: 0;
}

@media only screen and (min-width:390px) {
	.page-template-template_library #gallery-list li, .post-type-archive-library #gallery-list li {
		margin-right: 1.5%;
	}
		
	.page-template-template_library #gallery-list li:nth-child(2n+2), .post-type-archive-library #gallery-list li:nth-child(2n+2) {
		margin-right: 0 !important;
	}
}
	
@media only screen and (min-width:800px) {
	.page-template-template_library #gallery-list li:nth-child(2n+2), .post-type-archive-library #gallery-list li:nth-child(2n+2) {
		margin-right: 1.5% !important;
	}
	.page-template-template_library #gallery-list li:nth-child(3n+3), .post-type-archive-library #gallery-list li:nth-child(3n+3) {
		margin-right: 0 !important;
	}
	
	.page-template-template_library #gallery-list li, .post-type-archive-library #gallery-list li {
		margin:0;
		padding:0;
		list-style: none;
		/*width: 18.5%;*/
		width: 31.8% !important;
		width: 32.3% !important;
		margin-right: 1.5% !important;
		float: left !important;
		margin-bottom: 2% !important;
		overflow:hidden;
	}
}



.posts-navigation {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    overflow: auto;
    margin-top: 25px;
}

.posts-navigation .nav-links .nav-previous, .posts-navigation .nav-links .nav-next {
	text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #aaa;
	letter-spacing: 2px;
}
.posts-navigation .nav-links .nav-previous:hover, .posts-navigation .nav-links .nav-next:hover {
    color: #555;
}
.posts-navigation .nav-links .nav-previous a:before {
	content:'\00AB';
	margin-right:6px;
	font-size: 23px;
	font-weight: 300;
}
.posts-navigation .nav-links .nav-next a:after {
	content:'\00BB';
	margin-left:6px;
	font-size: 23px;
	font-weight: 300;
}

.ginput_preview {
	clear: both !important;
}

.cd-secondary-nav-trigger {
    height: 37px;
    width: 40px;
    background-color: transparent;
    text-decoration: none;
}

.cd-secondary-nav-trigger .cd-menu-text {
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    display: none;
}

.cd-secondary-nav-trigger .cd-menu-icon {
    position: absolute;
    left: 30px;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 18px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
}


.cd-secondary-nav-trigger .cd-menu-icon::before {
    top: -5px;
}
.cd-secondary-nav-trigger .cd-menu-icon::after {
    top: 5px;
}
.cd-secondary-nav-trigger .cd-menu-icon::before, .cd-secondary-nav-trigger .cd-menu-icon:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #fff;
    right: 0;
    -webkit-transition: -webkit-transform .3s,top .3s,background-color 0s;
    -moz-transition: -moz-transform .3s,top .3s,background-color 0s;
    transition: transform .3s,top .3s,background-color 0s;
}


/* MEGA NAV MAPS STYLES */

/* packages mega nav */
.packages a {
	position: relative;
	display: block;
	/*width: 245px;*/
	left: 0;
	text-decoration: none !Important;
}
.packages a:hover { /*   */
	/*left: -120px;
	width: 364px;*/
	text-decoration: none !Important;
}
.packages a div.details {
	background: #282828;
	position: relative;
	z-index: 10 !important;
	width: 100%;
	height: calc( 580px / 5 );
	color: white;
	text-align: center;
	padding:0;
}


.packages a div.details div, .prop_nav a div.details div {
	padding: 8px 0 0 0;
	border-top: 1px solid #444;
	background-color: rgba(0,0,0,0.5);
	height: 100%;
}

.packages a:hover div.details div, .prop_nav a:hover div.details div {
	border-top: 1px solid transparent;
	background-color: rgba(0,0,0,0.1);
}

.packages a div.details div p { margin: 0; font-family: 'Raleway', sans-serif !Important; font-weight: 300; text-decoration: none !Important;}
.packages a div.details div p.numberNights { text-transform: uppercase; letter-spacing: 2px; color: #fff !Important; font-size: 10px !Important; padding-top:3px; text-decoration: none !Important; opacity: 0.5;}
.prop_nav a div.details div p.numberNights { text-transform: uppercase; letter-spacing: 2px; color: #fff !Important; font-size: 10px !Important; padding-top:3px; text-decoration: none !Important; opacity: 1;}
.packages a div.details div p.heading { text-transform: uppercase; letter-spacing: 1px; color: #fff; font-size: 14px; padding-top: 6px; text-decoration: none !Important; line-height:1;}
.packages a div.details div p.desc { color: #aaa; font-size: 12px; line-height: 1.3; margin: 9px auto 0; text-decoration: none !Important;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.packages a:hover div.details div p.desc { opacity: 0.2; }
.packages a div.details div p.view-package {
	position: absolute;
	bottom: 0;
	padding: 7px 9px;
	border: 1px solid rgba(255,255,255, 0.7);
	color: white;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	font-size: 12px;
	text-transform: uppercase;
	opacity: 0;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.packages a:hover div.details div p.view-package { bottom: 10px; opacity: 1; }

.packages a div.hoverimage {
	height: calc( 500px / 5 );
	width: calc( 500px / 5 ); 
	display: block;
	opacity: 0;
	position: absolute;
	top:0;
	margin-left: 0;
	left: 120px;
	pointer-events: none;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	z-index: 3 !important;
}

.prop_nav a {
	position: relative;
	display: block;
	left: 0;
	text-decoration: none !Important;
}

.prop_nav a div.details {
	background: rgba(0,0,0,0.5);
	position: relative;
	z-index: 10 !important;
	height: calc( 580px / 4 );
	color: white;
	text-align: center;
	padding:0; 
}
.prop_nav a:hover div.details { background: rgba(0,0,0,0.2); }

.prop_nav a div.details div p.heading { text-transform: uppercase; letter-spacing: 1px; color: #fff; font-size: 14px; padding-top: 6px; text-decoration: none !Important; line-height:1;}
.prop_nav a div.details div p.view-package {
	position: absolute;
	bottom: 0;
	padding: 7px 9px;
	background: rgb(255,255,255);
	color: #646464;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	font-size: 12px;
	text-transform: uppercase;
	opacity: 0;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.prop_nav a div.details div p { margin: 0; font-family: 'Raleway', sans-serif !Important; font-weight: 300; text-decoration: none !Important;}
.prop_nav a:hover div.details div p.view-package { bottom: 20px; opacity: 1; }
.prop_nav a div.hoverimage { height: calc( 500px / 4 ); width: calc( 500px / 5 );  display: block; opacity: 0; position: absolute; top:0; margin-left: 0; left: 120px; pointer-events: none; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 3 !important; }
.prop_nav a div.details div p.desc { color: #aaa; font-size: 12px; line-height: 1.3; margin: 9px auto 0; text-decoration: none !Important; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.prop_nav a:hover div.hoverimage { display: block; opacity: 0.99; left: 20px; }
.prop_nav a:hover div.details div p.desc { opacity: 0.2; }

.property {
	width: 16px;
	height: 29px;
	background: transparent;
	/*border: 3px solid transparent;*/
	border-radius: 20px;
	position: absolute;
}

/*
.property.royal-malewane { top: 115px; left: 700px; }  
.property.birkenhead-house { top: 475px; left: 335px; }  
.property.la-residence { top: 445px; left: 333px; } 
.property.the-silo { top: 450px; left: 305px; }  
*/

.property.royal-malewane { top: 20%; left: 54%; }  
.property.birkenhead-house { top: 82%; left: 26%; }  
.property.la-residence { top: 77%; left: 25.7%; } 
.property.the-silo { top: 78%; left: 23.7%; }  

.royal-malewane .popup { top: 20px; left: -83px;   }
.birkenhead-house .popup { top: -250px; left: -82px;  }
.la-residence .popup { top: -250px; left: -82px;  }
.the-silo .popup { top: -250px; left: -82px;  }

.property:hover {
	width: 29px;
	height: 29px;
	background: url(<?php echo esc_url( get_template_directory_uri() ); ?>/images/crown-property-icon.png) no-repeat center center;
	/*border: 3px solid red;*/
	border-radius: 20px;
	/*cursor: pointer;*/
}

/*  country details in the panel  */

.country-details {
	text-align: center;
}
.country-details div p { margin: 0; text-decoration: none !Important;}
.country-details div p.heading { text-transform: uppercase; letter-spacing: 2px; color: #fff; font-size: 22px; padding-top:14px; text-decoration: none !Important;line-height: 1.2;}
.country-details div p.intro { color: #aaa;
font-size: 14px;
font-weight: 400;
line-height: 1.3;
margin: 5px auto 22px;
text-decoration: none !Important;
/* text-transform: uppercase; */
letter-spacing: 1px;}
.country-details div p.desc { color: #aaa; font-size: 12px; line-height: 1.6; margin: 5px auto 0; text-decoration: none !Important;	}

.panel-divider {
margin: 20px auto; width: 70px; height: 2px; border-bottom: 3px solid #666; padding: 0;
}

.megamenu {
display: none; position: absolute; top: 46px; left: -230px; background: #282828; margin: 0px auto; /*width: 1020px;*/
}
.megamenu.shrink {
top: 40px;
}
.megamenu .map_arrow {
	  width: 30px; height: 30px; position: absolute; top: -14px;
}
.megamenu.shrink .map_arrow {
	  width: 30px; height: 30px; position: absolute; top: -14px;
}

.nav_item_map {
    padding-bottom: 5px;
}
a.destination-link {
font-size: 13px; font-weight: 600; border: 1px solid #666; color: #333; padding: 4px 6px; text-align: center; margin: 10px 10%; display: inline-block; width: 65%; text-transform: uppercase;
}
a.destination-link:hover {
border: 1px solid #aaa; color: #999; 
}

#mapbgextended {
position: fixed;
top: 170px;
left: 0px;
width: 100%;
height: 582px;
display: block;
position: absolute;  display: none;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

#mapbgextended.shrink, .page-template-template_library #mapbgextended, .post-type-archive-library #mapbgextended {
	top: 40px !important;
}

.royal-malewane div div img:first-child {
margin-left:5px !Important;
}
.royal-malewane div.popup div {margin: 0 10px 10px 0 !important;}

#sa, #moz {cursor:default !Important;}

a.panel-button {
	font-size: 13px;
	font-weight: 600;
	border: 1px solid #666;
	color: #888;
	padding: 8px 6px;
	text-align: center;
	margin: 3px 15%;
	display: inline-block;
	width: 70% !Important;
	text-transform: uppercase;
	position: inherit !Important;
}
a.panel-button:hover {
	border: 1px solid #aaa;
	color: #dedede; 
	width: 70% !Important;
}

#map_properties .birkenhead-house>div>div {
	margin: 1px 10px 10px 35px !important;
}
#map_properties .birkenhead-house>div>div img:first-child {
	margin-left: -10px;
  	margin-right: 0 !important;
	max-width: 233px;
}

#map_properties .birkenhead-house .popup p {
	margin: 3px 20px 3px 4px !important;
}

#map_properties .birkenhead-house .popup a.destination-link {
	margin: 10px 12% 10px 6% !important;
}

.popup_image_holder { width: 370px; height: 500px; display: block; float: left; background-size: cover !important; }
.popup_copy_holder { width: 320px; height: 500px; display: block; float: left; text-align: center; }
.popup_logo_image { max-height: 100px; margin: 20px auto; }
.popup_copy_heading { font-size: 22px; text-align: center; text-transform: uppercase; margin: 0px 30px; }
.popup_copy_subheading { font-size: 18px; text-align: center; font-weight: bold; }
.popup_copy_button_holder { text-align: center; margin: 30px; }
.popup_copy_button { font-size: 20px; background: #333; color: #fff; padding: 10px 20px; border-radius: 10px; }
.popup_copy_body { font-size: 14px; text-align: center; margin: 0px 20px; }
.sg-popup-content { border-style: unset !important;  }

@media only screen and (max-width:600px) {
    .popup_image_holder { display: none; }
    .popup_logo_image { max-height: 90px; margin: 10px auto; }
    .popup_copy_body { margin: 0px 15px; }
    .popup_copy_body p { font-size: 14px; }
}


/* dine widget  ----------------------------------------------------------------------------------------- */



.restaurantwidget {
	width: 260px;
    height: 365px;
    float: none;
    margin: 20px auto;
	}
.cssmodal .restaurantwidget {
	width: 260px;
    height: 365px;
    float: none;
    margin: 0;
	}
	
@media only screen and (min-width:550px) { 
    .restaurantwidget {
        width: 260px;
        height: 365px;
        float: right;
        margin: 0 0 20px 40px;
        }
}
a.dinewidgetbutton {
    display: inline-block;
    background: var(--main-website-color);
    padding: 20px 46px;
    font-size: 20px;
    border-radius: 3px;
    color: #fff !important;
    border-bottom: none;
    margin: 30px auto;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}






/* css modal */


/* Unopened CSS Modal */
.cssmodal {
    display: flex;
    position: fixed;
    left: 0;
    top: -100%;
    width: 100vw;
    height: 100vh;
    align-items: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: top 0s 1s, opacity 1s 0s;
    transition: top 0s 1s, opacity 1s 0s;
	z-index: 999;
}

/* Opened CSS Modal */
.cssmodal:target {
    top: 0;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
}

/* CSS Modal content */
.cssmodal figure {
    width: 95%;
    max-width: 300px;
    position: relative;
    padding: 20px;
    opacity: 0;
    background-color: white;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

/* Dialog modal style */
.cssmodal.dialog figure {
    background: white;
    border-radius: 5px;
    /*padding-top: 10px;*/
}

/* Dialog modal h2 style */
.cssmodal.dialog figure h2 {
    margin-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

/* CSS Modal content when opened */
.cssmodal:target figure {
    opacity: 1;
}

/* style for small x link inside dialog modal */
.cssmodal.dialog .smallclose {
    text-decoration: none;
    position: absolute;
    /*right: 6px;
    top: 0px;*/
    right: -26px;
    top: -12px;
    font-size: 36px;
	color: rgba(255,255,255,0.6) !important;
}

.page-id-8965 .experience-item {
    width: 90%;
    margin: 0px auto !important;
}
.page-id-8965 #trp_widgets {
	width: 90%;
}
/* style for small x link inside dialog modal */
.cssmodal.dialog .smallclose:hover {
	color: rgba(255,255,255,1) !important;
}

/* veil that covers page when CSS Modal is open */
.cssmodal .veil {
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: rgba(174,178,171,1);
    content: "";
    cursor: default;
    visibility: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
}

/* veil style when CSS Modal is open */
.cssmodal:target .veil {
    visibility: visible;
}

.res_button {
	padding: 6px 13px;
    text-align: center;
    margin: 7px auto;
    font-weight: 400;
    text-decoration: none;
    color: #666;
    text-transform: uppercase;
    display: inline-block;
    font-size: 15px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.our-stories-button {
	font-size: 12px !important;
    text-align: center;
    text-decoration: none;
    color: #888;
    margin: 0 auto;
    border: 1px solid #aaa;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 2px;
    padding: 3px 10px;
    display: inline;
    padding: 6px 13px;
    z-index: 9992;
    /*width: 60%;*/
    margin: 10px 15% 0 20%;
    text-transform: uppercase;
}

.itinerary-item-text-overview ul {
	text-align: left;
    list-style: disc;
    list-style-position: inside;
    padding-left: 0px;
}



/* sub navigation iverride */
.sub-navigation ul li.menu-item-has-children:hover:before {
	content: "";
	position: absolute;
	width: 17px;
	height: 9px;
	top: 18px;
	left: 35%;
	z-index: -1;
	background: url(images/menu-arrow.png) 50% 50% no-repeat;
	opacity: 0.8;
}


/* lity lightbox for videos resize */
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
    width: 70%;
    max-width: 900px !Important;
}
.lity-iframe-container {
	padding-top: 75%; /* 4:3 ratio */
}

.full_image, .image-2up-img1, .image-2up-img2 {
	max-height: 575px; 
	min-height: 575px;
}

.page-builder-image-right-aligned-div {
	background-size: cover !important; float: right; margin: 0 0px 10px 20px; width: 50%; display: block;
	max-height: 575px; 
	min-height: 575px;
}
.page-builder-image-left-aligned-div {
	background-size: cover !important; float: left; margin: 0 20px 10px 0; width: 50%; display: block;
	max-height: 575px; 
	min-height: 575px;
}

@media screen and (min-width: 1600px) {
	.full_image {
		max-height: 675px; 
		min-height: 675px;
	}
	.image-2up-img1, .image-2up-img2 {
		max-height: 675px;
		min-height: 675px;
	}
	.page-builder-image-left-aligned-div {
		background-size: cover !important; float: left; margin: 0 20px 10px 0; width: 50%; display: block;
		max-height: 675px;
		min-height: 675px;
	}
	.page-builder-image-right-aligned-div {
		background-size: cover !important; float: right; margin: 0 0px 10px 20px; width: 50%; display: block;
		max-height: 675px;
		min-height: 675px;
	}

	.prop_nav a div.details {
    	background: rgba(0,0,0,0.5);
    	position: relative;
    	z-index: 10 !important;
    	min-width: 280px;
    	height: calc( 780px / 4 );
    	color: white;
    	text-align: center;
    	padding: 0;
	}

	#mapbgextended {
	    position: fixed;
	    top: 130px;
	    left: 0px;
	    width: 100%;
	    height: 780px;
	    display: block;
	    position: absolute;
	    display: none;
	    -moz-transition: all .3s ease;
	    -webkit-transition: all .3s ease;
	    transition: all .3s ease;
	}

	.page-template-template_library #mapbgextended {
		height: 790px;
	}
	.packages a div.details {
		height: calc( 780px / 5 );
	}

	.royal-malewane .popup { top: 25px; left: -81px;  }
	.birkenhead-house .popup { top: -260px; left: -82px;  }
	.la-residence .popup { top: -255px; left: -80px;  }
	.the-silo .popup { top: -255px; left: -80px;  }

}

.page-id-12179 .narrow {
	width: unset;
}

.itinerary-item-text-dest p {
	color: #444;
}

.single-property #trp_widgets {
	margin-top: 20px;
}

.closemap_x {
	margin-top: 5px; text-align: right; color: #ccc; text-transform: uppercase; font-size: 24px;
}
.closemap_x:hover {
	margin-top: 5px; text-align: right; color: #fff; text-transform: uppercase; font-size: 24px;
}

.postid-24 .footer-row, .postid-25 .footer-row, .postid-26 .footer-row, .postid-27 .footer-row {
	margin-top: 40px !important;
}

.mobile-book-block {
	display: none;
}

.itinerary-item-text-mobile { display: none; }
.mobileLabelWidth {
	width: 300px; 
}

@media only screen and (min-device-width : 1000px) {
	.heading-fix { 
		margin-top: 70px;
	}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) { /* STYLES GO HERE */

	.page-id-14 .bloglist-text, .category-blog .bloglist-text {
		width: 100%;
	}
	.page-id-14 .owl-carousel-hotelsx>div {
		width: 100%;
	}
	.mobile-book-block {
		float: right;
	    margin-top: 10px;
	    position: fixed;
	    bottom: 0px;
	    background: rgba(50,50,50,0.95);
	    width: 100%;
	    height: 50px;
	    left: 0px;
	    padding: 15px;
	    text-align: center;
	    display: block;
	    z-index: 999;
	}
	.desktop-book-block {
		display: none;
	}

	.owl-carousel .owl-wrapper, .page-id-14 .owl-carousel .owl-item {
		background: #fff !important;
	}

	.owl-carousel-experiences .bloglist-text {
		height: 400px;
	}
	.pb-gallery li {
		width: unset;
	}
	
	#content h1, .roomDescriptions h1 { margin-top: 70px }

	.owl-carousel-itineraries {
		background: unset !important;
	}

	.itinerary-item-text-overlay {
	 	max-width: 90%;
	 	margin: 0px auto;
	 	float: unset !important; 
	 	padding: 5px 25px !important; 
	 	color: #fff !important; 
	 	background: rgba(0,0,0,0.55); 
	 	position: inherit !important; 
	 	margin-top: 20px; 
	 	right: 150px; 
	 	z-index: 4;
	 	min-width: unset !important;
	}
	.mobileLabelWidth {
		width: 230px;
	}
	.banner-cta.bonw {
	    margin-top: 10px;
	    width: 70%;
	}
	.gift-steps {
		width: 100% !important;
	}
	.gift-certificate-show-form label {
		width: 190px !important;
	}
	.woocommerce-message a {
		float: unset;
	    width: 100%;
	    margin-bottom: 10px;
	    text-align: center;
	}

}
.itinerary-item-text-overlay p {
	text-align: left;
}

@media only screen and (max-width: 1265px) {
	/* change background color of mobile menu */
	#subnav li {
	    list-style: none;
	    height: auto !Important;
	}
	.main-navigation ul ul li, .sub-navigation ul ul li {
	    border-bottom: none !important;
	    border-top: none !important;
	    margin-right: 0;
	}
	ul.menu li ul li:nth-last-child(2) a {
	    border-bottom: none !important;
	}
	#slideoutNav #subnav ul li ul {
	    padding-left: 16px !important;
	    padding-bottom: 9px !important;
	}
	.sub-navigation ul ul a {
	    background: none !important;
	}

	#slideoutNav div#subnav {
	    background: rgba(50,50,50,0.8) !important;
	}
	/* change position of submnenu to relative */
	.sub-navigation ul ul {
	    position: initial !important;
	    top: 20px;
	    left: -999em;
	    z-index: 99999;
	    margin-left: -8px;
	    padding-top: 5px;
	    padding-left: 0px;
	}

	/* adjust line-height on submenu items */
	#slideoutNav #subnav .sub-navigation a {
	    line-height: 1.4 !important;
	    position: initial !important;
	    color: #eee !important;
	    padding-bottom: 10px;
	}
	/* change color of submenu items
	#slideoutNav #subnav ul li ul li a {
	    color: #C8C8C8 !important;
		width: 100%;
		padding: 6px 15px !important;
	}
	/* remove bg of subnav */
	#slideoutNav div#subnav {
	  background: none !Important;
	  height: 100vh;
	}
	/* set background color of slideout */
	#slideoutNav {
	    background: #6E6E6E;
	}
	.closeSubnav {
	    position: absolute;
	    top: 20px;
	    right: 20px;
	    z-index: 999999;
	    opacity: 0.8;
	    background: #FFFFFF91 !Important;
	    border-radius: 100%;
	}
	#property-navigation ul li {
		font-weight: bold;
	}
	#menu-item-12036 {
		margin-bottom: 20px;
	}
	.desktop-book-block {
		display: none !important;
	}
	.sub-navigation ul li.menu-item-has-children:hover:before, .main-navigation .current-menu-item:before, .main-navigation .current_page_item:before, .sub-navigation .current-menu-item:before, .sub-navigation .current_page_item:before {
		display: none;
	}
	.sub-navigation ul ul a, ul.menu li ul li:nth-last-child(2) a, .sub-navigation ul li:first-child ul a {
		padding: unset;
	}
	.sub-navigation {
	    padding-bottom: 200px;
	}
	a#toTop {
		bottom: 60px;
		right: 10px;
	}
	#toTop:hover {
			opacity: 1;
			bottom: 66px !important;
	}
}

.gift-certificate-show-form p { display: none; }
.show_hide_list {
	margin-left: 0px !important;
	padding-bottom: 40px;
	padding-top: 0px;
}
.gift-certificate-show-form input {
	float: left;
	width: 30px;
	margin-top: 5px;
} 
.gift-certificate-show-form label {
    float: left;
    width: 160px;
}

#gform_fields_7 .gfield_radio li { float: left; width: 100px !important }
#gform_fields_7 .gfield_radio li label { width: unset; }
#gform_fields_7 li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio { margin-top: 5px !important;}
#gform_fields_7 li ul.gfield_radio { margin-top: 0px !important;}
#gform_fields_7 li .gfield_label { margin-top: 14px !important;  }
#input_7_20_1, #input_7_29_1, #input_7_30_1, #input_7_31_1, #input_7_32_1 { width: 5%; margin-top: 5px; float: left; }

#gform_wrapper_9 {
	margin-top: 5px;	
}
#gform_wrapper_9 li.hidden_label input {
	margin-top: 0px;
}
#gform_wrapper_9 li input {
	padding: 8px !important;
}

@media only screen 
and (max-device-width : 750px) {
	#input_7_20_1, #input_7_29_1, #input_7_30_1, #input_7_32_1 { width: 15%; margin-top: 10px; float: left; }
	#sg-popup-content-wrapper-25316, #sg-popup-content-wrapper-26049 { width: 85%; margin: 0px auto; }
}
#field_7_12 .ginput_container { height: 30px; }

#gform_fields_8 li {
	margin-left: 15px !important;
}
#gform_8 .gform_footer {
	text-align: center;
}
#input_8_4_chosen {
	padding: 0px !Important;
}
.gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single div b, .chosen-single div b {
	display: none !important;
}
.chosen-search-input {
	color: #333;
}
#input_8_4_chosen a {
	height: 40px;
    padding: 10px;
    background: rgba(63,60,58, 0.8);
    margin-bottom: 5px;
    font-size: 14px !important;
    color: #aaa;
    border: 1px solid #696765;
    text-transform: uppercase;
    font-weight: 400;
    box-shadow: unset;
}
#gform_submit_button_8 {
	width: 90%;
	margin: unset;
}
#gform_confirmation_message_8 {
    margin: 0px auto;
    width: 80%;
    text-align: center;
    color: #fff;
}

#field_9_1, #field_9_3 {
	width: 49% !important;
}
#field_9_2, #field_9_4 {
	width: 49% !important;
	float: right !important;
}

@media only screen and (max-width:800px) {
	#field_9_1, #field_9_3 {
		width: unset !important;
	}
	#field_9_2, #field_9_4 {
		width: unset !important;
		float: unset !important;
	}

	#input_9_4 { 
		background: transparent;
    	padding: 10px 5px;
    }
}

#input_9_4_chosen a {
	height: 32px;
    padding: 3px 7px;
    background: rgba(63,60,58, 0.8);
    margin-bottom: 5px;
    font-size: 14px !important;
    color: #aaa;
    border: 1px solid #696765;
    text-transform: uppercase;
    font-weight: 400;
    box-shadow: unset;
}
#input_9_4_chosen {
	padding: 0px !important;
	width: 100% !important;
}

#gform_wrapper_9 .gform_footer {
	margin-top: 0px;
	padding-top: 8px;
}
#gform_submit_button_9 {
	width: 100%;
    background-image: none !important;
    text-align: left;
    padding: 8px !important;
    font-weight: 100 !important;
    background-color: #000 !important;
    transition: 0.3s;
}
#gform_submit_button_9:hover {
    background: #333 !important;
    padding-left: 20px !important;
    transition: 0.3s;
}
#gform_confirmation_message_9 {
	line-height: 1.3;
    font-size: 14px;
    margin-top: 20px;
}

#input_9_4_chosen span {
	text-transform: capitalize;
}
.chosen-results li { color: #333 !important; padding: 5px 10px !important; }

@media only screen and (min-width:800px) {
	.page-id-23425 #content h1, .page-id-23464 #content h1 { margin-top: 80px; }
}

.page-id-23464 .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li, .page-id-23464 .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
	width: unset !important;
}
.page-id-23464 input {
	padding: 13px !important;
	color: #3f3c3a !important;
	background: unset !important;
}

.page-id-2485 #content {
	margin-top: 80px;
}


/* correcting content width on posts 20210129 MT */
.rrssb-buttons {
	width: 80%;
	max-width: 850px !important;
	margin: 0 auto 0 !important;
}

#wpdcom {
	max-width: 850px !important;
	padding: 0;
	margin: 7px auto 15px auto;
}


@media only screen and (max-width:800px) {
	.postid-25 .sgpb-popup-close-button-1, .postid-27 .sgpb-popup-close-button-1 {
		right: 5% !important;
		top: 15px !important
	}
	.page-id-14 .sgpb-popup-close-button-1 {
		top: 15px !important;
	}
}

.page-id-14 .sgpb-popup-close-button-1 {
	top: 15px !important;
}

/* gf_rmc_consent_checkbox */
#field_11_57 label {
	display: none;
}
#input_11_57_1  {
	float: left;
    width: inherit;
    margin-right: 10px;
    margin-top: 5px;
}
#field_11_57 .gfield_consent_label {
	display: block;	
	padding-left: 20px;
}
.gform_wrapper span.ginput_product_price {
	color: #333 !important;
	font-weight: bold;
}

#gform_fields_11 input, #gform_fields_12 input {
    padding: 15px !important;
    background: #fff;
    margin: 6px 0;
    font-size: 16px !important;
    color: #444;
    border: 1px solid #aaa;
    /* text-transform: uppercase; */
    font-weight: 400;
    font-family: inherit;
    float: left;
}
#input_11_60_6 {
    margin-top: 9px;
    padding: 13px;
    margin-left: 0px;
}

.page-id-27779 #content, .page-id-28206 #content {
	padding-top: 50px;
}
#input_11_61 {
	margin-bottom: 20px !important;
}
.sgpb-content-13811 {
	max-width: 600px !Important;
}

#gform_fields_4 li.gfield input[type=radio] {
	float: left !important;
	width: 20px !important;
}

.postid-25 #single-prop-exp {
	display: none;
}

#gform_wrapper_6 .gchoice {
	width: unset !important;
} 

#gform_wrapper_6 .gchoice input {
	width: unset;
} 

#field_6_17 label {
	padding-top: 20px;
}