/*
Theme Name: HotelMotel
Theme URI: http://www.cssigniter.com/ignite/themes/hotelmotel
Description: A Hotel Theme for WordPress
Author: The CSSIgniter Team
Author URI: http://www.cssigniter.com/
Tags: hotel, resorts, motel, motels, vibrant, responsive
Version: 1.9.2
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ci_theme
Domain Path: /lang
*/

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

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

[hidden] {
	display: none;
}

html {
	background: #fff; /* 1 */
	color: #000; /* 2 */
	font-family: sans-serif; /* 3 */
	-ms-text-size-adjust: 100%; /* 4 */
	-webkit-text-size-adjust: 100%; /* 4 */
}

body {
	margin: 0;
	line-height: 1.7;
}

a:focus {
	outline: thin dotted;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

hr {
	height: 0;
}

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

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

pre {
	white-space: pre-wrap;
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

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: 0;
}

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

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

button,
input,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}

button,
input {
	line-height: normal;
}

button,
select {
	text-transform: none;
}

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

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

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

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

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

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

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

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

.group:after {
	content: "";
	display: table;
	clear: both;
}

p {
	margin-bottom: 15px;
}

iframe {
	max-width: 100%;
}

/* -----------------------------------------
   WordPress Specific Styles
----------------------------------------- */

.alignleft {
	float: left;
	margin: 0 20px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 20px;
}

.wp-caption {
	max-width:100%;
}

.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 10px;
	text-align: center;
	vertical-align: top;
	width: 100%;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

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

.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-icon img {
	margin: 0 auto;
	display: block;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 10px;
	left: 0;
	text-align: left;
	width: 100%;
	overflow: hidden;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* Gutenberg Blocks
========================================= */
.wp-block-gallery {
	margin-left: 0;
	margin-right: 0;
}

/* -----------------------------------------
   General Typography
----------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 900;
	margin: 0 0 15px 0;
	line-height: 1.3;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

a, a:visited {
	text-decoration: none;
	line-height: inherit;
	-webkit-transition: color 0.1s linear, background-color 0.1s linear;
	-moz-transition: color 0.1s linear, background-color 0.1s linear;
	-ms-transition: color 0.1s linear, background-color 0.1s linear;
	-o-transition: color 0.1s linear, background-color 0.1s linear;
	transition: color 0.1s linear, background-color 0.1s linear;
}
a:hover {  }
a:focus {  }

/* -----------------------------------------
   General Shared Styles
----------------------------------------- */

body {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 1.7;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

#page {
	border: 10px solid #24D07C;
}



/* -----------------------------------------
   Main Site Navigation
----------------------------------------- */
.alt-nav { display: none; }
#nav { background: transparent; position: absolute; right: 15px; bottom: 0;}
#nav ul { margin: 0; padding: 0; list-style: none; }
#navigation li { position: relative; z-index: 100;}
#navigation > li { float: left; }
#navigation ul { position: absolute; z-index: 300; top: -999em; }
#navigation ul ul { }
#navigation li:hover > ul,
#navigation .sfHover > ul { top: auto; }
#navigation li li:hover > ul,
#navigation li .sfHover > ul { top: 0; left: 100%; }
#navigation li li li:hover > ul,
#navigatoin li li .sfHover > ul{ top: 0; left: 100%; }
#navigation a, #navigation a:visited { display: block; white-space: nowrap;
	padding: 10px 12px;
	letter-spacing: -0.04em;
}

#navigation a, #navigation a:visited {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: -0.04em;
	line-height: 1;
	padding: 10px 12px;
	font-weight: 900;
} /* Global Menu Link Styles */

#navigation a:hover,
#navigation .sfHover > a,
#navigation .sfHover > a:visited {
	background: rgba(0,0,0,0.25);
} /* First Level & Global Menu Link Hover Styles */

#navigation > li > a,
#navigation > li > a:visited {
	margin-right: 9px;
} /* First Level Menu Link Styles */

#navigation > li:last-child > a {
	margin-right: 0;
}

#navigation > li ul a,
#navigation > li ul a:visited {
	padding: 15px 10px 10px;
} /* All Other Menu Level Link Styles */

#navigation > li ul a:hover,
#navigation > li ul .sfHover > a,
#navigation > li ul .sfHover > a:visited { } /* All Other Level Menu Link Hover Styles */

#navigation li.current_page_item > a,
#navigation li.current_page_item > a:visited,
#navigation li.current-menu-item > a,
#navigation li.current-menu-item > a:visited,
#navigation li.current > a,
#navigation li.current > a:visited,
#navigation li.current-menu-ancestor > a,
#navigation li.current-menu-ancestor > a:visited {
	background: rgba(0,0,0,0.25);
} /* WordPress Current Page Styles */

#navigation ul {
	border: 7px solid rgba(0,0,0,0.05);
} /* All Lower Level Menu Styles */

#navigation.sf-arrows .sf-with-ul {
	padding-right: 20px !important;
}

/* styling for both css and generated arrows */
#navigation a:hover:after ,
#navigation > .sfHover > a.sf-with-ul:after,
#navigation > .sfHover > a.sf-with-ul:visited {
	border-top-color: #FFF; /* edit this to suit design (no rgba in IE8) */
}

#navigation > li.current_page_item > a.sf-with-ul:after,
#navigation > li.current_page_item > a.sf-with-ul:visited:after,
#navigation > li.current-menu-item > a.sf-with-ul:after,
#navigation > li.current-menu-item > a.sf-with-ul:visited:after {
	border-top-color: #fff;
}

.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 45%;
	right: 15px;
	height: 0;
	width: 0;
	margin-top: 1px;
	/* order of following 3 rules important for fallbacks to work */
	border: 4px solid transparent;
	border-top-color: #fff; /* edit this to suit design (no rgba in IE8) */
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #202020; /* IE8 fallback colour */
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -2px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #202020; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(0,0,0,.5);
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: #FFF !important;
	border-top-color: transparent !important;
}

/* -----------------------------------------
   HEADER
----------------------------------------- */

#top-head {
	padding: 50px 0 25px;
	font-size: 11px;
}

#top-head .widget h3,
#top-head .widget-title {
	display: none;
}

#top-head .widget {
	margin: 0 15px 0 0;
}

.top-info {
	text-align: right;
	font-size: 11px;
	position: relative;
	top: 10px;
}

.top-info a {
	padding: 0 0 0 25px;
	margin-left: 25px;
	display: inline-block;
	background: url(images/sprites.png) no-repeat;
}

a.resort-mail {
	background-position: 0 2px;
}

a.resort-contact,
a.resort-contact:visited {
	background-position: 0 -36px;
	color: #FFF;
}

a.resort-contact:hover {
	color: #ccc;
}

.separator {
	height: 1px;
	display: block;
	width: 100%;
	background: rgba(255,255,255,0.1);
	margin: 15px 0;
	border: none;
}
#logo div, #logo p {
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 900;
	margin: 0 0 15px 0;
	line-height: 1.3;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

#logo h1, #logo div {
	font-size: 48px;
	line-height: 1;
	margin: 0 0 4px 0;
	letter-spacing: -0.07em;
	text-indent: -2px;
	text-transform: uppercase;
}

#logo h2, #logo p {
	font-size: 14px;
	margin: -3px 0 0 0;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: -0.03em;
}

#main-head {
	position: relative;
	margin-bottom: 40px;
}

.main-separator {
	height: 10px;
	margin-bottom: 30px;
}

#main .main-separator {
	margin: 30px 0 50px;
}

/* -----------------------------------------
   HOMEPAGE
----------------------------------------- */

#hero {
	margin-bottom: 15px;
}

.after-hero { margin-bottom: 50px; }

/* Slider */
.camera_wrap {
	margin-bottom: 0 !important;
}

.camera_caption {
	bottom: auto !important;
	top: 45%;
	text-align: center;

	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 900;
}

.camera_caption > div {
	background: none !important;
	font-size: 24px !important;
	padding: 0 !important;
}

.camera_pag,
.camera_commands { display: none; }

.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
	background: none !important;
}

.camera_prev > span,
.camera_next > span {
	background: url(images/bg_direction_nav.png) no-repeat;
}

.camera_prev {
	left: 15px;
}

.camera_next {
	right: 15px;
}

.camera_prev > span {
}

.camera_next > span {
	background-position: -42px 0;
}

#home-slider .slides img { width: auto; min-height: 430px; margin: 0; }
#home-slider li a { float: left; overflow:hidden; }
#home-slider li { overflow: hidden; }

#home-slider .slides a,
#home-slider .slides a:visited {
	color: #FFF;
	font-size:24px;
	text-align: center;
}

#home-slider .slides h3 {
	position: absolute;
	width: 100%;
	top: 46%;
	text-align: center;
	text-transform: uppercase;
}

.slide-prev,
.slide-next {
	width: 20px;
	height: 29px;
	background: url(images/sprites.png) no-repeat;
	text-indent: -999em;
	outline: none;
	display: inline-block;
	opacity: 0.6;

	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.slide-prev {
	background-position: 0 -328px;
	margin-right: 5px;
}

.slide-next {
	background-position: 0 -405px;
}

.slide-prev:hover,
.slide-next:hover {
	opacity: 1;
}

.slide-prev:focus,
.slide-next:focus {
	outline: none;
}

.slider-wrap .home-slide-controls {
	left: 50%;
	margin-left: -40px;
}

.after-hero {
	position: relative;
}

#hero > .twelve.columns .home-slide-controls {
	left: 50%;
	margin-left: -35px;
}

.home-slide-controls {
	position: absolute;
	width: 80px;
	text-align: center;
	top: -9px;
	left: 30%;
}

.flex-active {
	background-color: #FFF !important;
}

#home-slider .flex-direction-nav, #home-slider .flex-control { display: none;	}


/* Home Widgets */

.widget.entry-widget {
	margin-bottom: 50px;
}


.entry-widget figure a {
	line-height: 0;
	display: block;
}

.entry-widget .content {
	padding: 30px 30px 34px;
}

.entry-widget h3, .entry-widget h2,
.ci-newsletter h3 {
	text-transform: uppercase;
	font-size: 24px !important;
	margin-bottom: 5px !important;
}

.entry-widget p,
.ci-newsletter p{
	line-height: 1.4;
}

/* Homepage Bottom Section */

#home-bottom {
	margin-bottom: 0;
}

.ci-title,
#sidebar .widget-title {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 0;
	margin-bottom: 40px;
}

.ci-title > span,
#sidebar .widget-title > span {
	display: inline-block;
	padding: 5px 15px 5px 0;
}

#content {
}
/* -----------------------------------------
   BLOG ENTRY GENERAL
----------------------------------------- */

.entry {
	margin-bottom: 60px !important;
}

.entry:last-of-type {
	margin-bottom: 0 !important;
}

.entry-thumb {
	margin-bottom: 30px;
}

.entry-thumb a {
	display: block;
	line-height: 0;
}

.entry time {
	max-width: 75px;
	padding: 11px 16px;
	text-transform: uppercase;
	color: #FFF;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 900;
	display: inline-block;
	text-align: center;
	line-height: 1;
}

time span {
	display: block;
}

time .day {
	font-size: 20px;
	margin-bottom: 3px;
}

time .month {
	font-size: 12px;
}

.entry-title {
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 20px;
	line-height: 1.5;
	margin-top: -5px;
}

.entry-title a,
.entry-title a:visited {
	color: #FFF;
}

.entry-title a:hover {
}

.entry-meta {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: 900;
}

.entry-content p,
.entry-excerpt p {
	font-weight: 300;
}

.entry-excerpt,
.entry-content {
	margin-bottom: 30px;
}

.btn.read-more,
.btn.read-more:hover {
	background-image: url(images/arr.png);
	background-repeat: no-repeat;
	background-position: 90% 9px;

	padding-right: 35px;
}


/* -----------------------------------------
   ROOM PAGE
----------------------------------------- */
.ci-amenities {
	padding: 30px;
	margin-bottom: 50px;
}

.ci-amenities h3 {
	font-size: 24px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.amenities {
	margin: 25px 0 40px;
	padding: 0;
	display: block;
	text-transform: uppercase;
	font-size: 12px;
}


.amenities li {
	margin-bottom: 8px;
	list-style-type: none;
	padding-left: 25px;
	background: url(images/sprites.png) -1px -241px no-repeat;
}

#room-gallery { margin-bottom: 30px !important; }
#room-gallery, #room-carousel { margin-bottom:0; }
#room-gallery li, #room-carousel li { margin-bottom:0; }
#room-carousel { position:relative; margin-top:10px; margin-bottom: 60px !important; }
#room-carousel li {  margin-right:30px; max-width: 150px; }
#room-carousel img { cursor:pointer; }
#room-carousel .flex-control-paging { display:none; }
#room-carousel .flex-viewport { padding-bottom: 10px; }

#sidebar .offer-widget.room-price {
	margin-bottom: 30px;
}


.offer-widget > div {
	color: #FFF;
	display: block;
	padding: 20px 15px;
}

.offer-widget.room-price .line2 {
	margin-bottom: 0;
}

/* -----------------------------------------
   PAGE: CONTACT
----------------------------------------- */

#map {
	min-height: 430px;
	width: 100%;
	margin-bottom: 60px;
}

#map img, #panel_map img {
	max-width: none;
}

#map .content {
	color: #222;
}

/* -----------------------------------------
   MODULE: PAGINATION
----------------------------------------- */

#paging {
	margin: 60px 0 20px;
}

#paging a,
#paging a:visited,
#paging span {
	color: #FFF;
	display: inline-block;
	padding: 5px 15px;
	margin-right: 10px;
	border: none;
	box-shadow: 4px 4px rgba(0,0,0,0.1);
}

#paging a span,
#paging a:hover > span {
	background: none;
}

#paging .nav-symbol {
	margin: 0;
	padding: 0;
	background: none;
	box-shadow: none;
	border: none;
}

/* -----------------------------------------
   FOOTER
----------------------------------------- */

#footer {
	padding-top: 30px;
}

#footer > .row > .four.columns {
	margin-bottom: 15px;
}

.credits {
	padding-bottom: 60px;
}

.credits .widget h3 {
	display: none;
}

.credits .widget {
	margin: 0;
}

.credits .copy {
	text-align: right;
	font-size: 11px;
}

#foot-nav a,
#foot-nav a:visited {
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
}

#foot-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	top: -5px;
}

#foot-nav li {
	display: inline-block;
	margin-right: 10px;
}

/* -----------------------------------------
   General Form Styling
----------------------------------------- */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"], input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
	border-radius: 0;
	box-shadow: none;
	width: auto;
	font: inherit;
	padding: 9px 7px;
	height: auto;
	line-height: 1.2;
	color: #fff;
	font-weight: 300;
	border: 1px solid rgba(255,255,255,0.1);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
	outline: none;
	border-color: rgba(255,255,255,0.4);
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

label {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #BBB;
	font-weight: 900;
	text-transform: uppercase;
}

.btn,
.btn:visited,
input[type=submit],
button {
	color: #FFF;
	text-transform: uppercase;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	border: none;
	border-radius: 0;
	padding: 15px 25px 10px;
	line-height: 1;
	max-width: 100%;
	font-weight: 900;
	display: inline-block;

	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.btn:hover,
input[type=submit]:hover,
button:hover {
}

.btn:active,
.input[type=submit]:active,
button:active {
	position: relative;
	top: 1px;
}

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 textarea {
	padding: 10px 15px !important;
	width: 100%;
}

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

.post-comments { margin:40px 0 0 0; }
.post-comments h2 { text-transform: uppercase; margin-bottom: 30px; }
.post-comments ol, .post-comments ul { list-style: none; font-size:inherit;  }
.post-comments > ol { margin-left:0; margin-bottom:0; }
.post-comments li { margin:0 !important; padding:0 !important; background: none !important; position:relative; }
.post-comments .avatar { position:absolute; top:0; left:0; margin: 0 15px 5px 0; text-align: center; }
.post-comments .comment-text { margin-bottom: 30px; }
.post-comments > .comment-text:last-child { margin-bottom:0; }
.post-comments .comment-copy { margin-left: 80px;  padding: 15px; font-size: 13px; background: none repeat scroll 0 0 #282F44; }
.post-comments .comment-copy p { margin-bottom:10px; }
.post-comments .comment-meta { font-weight: bold; margin-bottom:5px !important; }
.comment-reply-link, .btn-reply { display:inline-block; height:15px; padding:5px 5px 0 5px; position:relative; top:5px; font-weight:bold; font-size:10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); line-height: 1; }
.comment-reply-link:hover, .btn-reply:hover { color:#fff; }
.comment-reply-link { font-size:10px; font-weight:bold; display:inline-block; border-radius:2px; margin-bottom:5px; }
#cancel-comment-reply-link { display:block; font-size:12px; margin-top: 5px; }
#cancel-comment-reply-link:hover { border:none; }


/* -----------------------------------------
   Comment Form
----------------------------------------- */
#form-wrapper {
	margin:40px 0 0 0;  }
#form-wrapper h2 {text-transform: uppercase;  margin-bottom: 30px;}
#form-wrapper form { margin-bottom:0; }
.post-form label { display:block; padding-bottom:5px; }
.post-form input[type=text] { width:80%; }
.post-form input[type=submit] { margin-bottom:0; }
.post-form textarea { width:90%; height:200px; }
#post-action { margin-bottom:0; }
#commentform p:last-of-type { margin: 0;}

/* -----------------------------------------
   Various
----------------------------------------- */
.flexslider li img,
.entry-widget figure img,
.entry-thumb img {
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.flexslider li > a,
.entry-widget figure > a,
.entry-thumb > a,
.flexslider li{
	overflow: hidden !important;
}

.flexslider li img:hover,
.entry-widget figure img:hover,
.entry-thumb img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

/* -----------------------------------------
   MODULE - Breadcrumb
----------------------------------------- */

#breadcrumb {
	font-size: 10px;
	text-transform: uppercase;
	margin-bottom: 10px;
	position: relative;
	top: -10px;
}

#breadcrumb .separator {
	margin-top: 15px;
}

/* -----------------------------------------
   WIDGETS - General
----------------------------------------- */
.widget {
	margin-bottom: 50px;
}

#sidebar .widget.widget_ci_room_price_widget { margin-bottom: 0; }

#sidebar .widget:last-child  {
	margin-bottom: 20px;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	margin-bottom: 10px;
}

.widget ul li:last-of-type {
	margin-bottom: 0;
}

.widget h3,
.widget-title {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 30px;
}


/* WIDGET: #Offers
========================================= */

.offer-widget {
	background-image: url(images/stripe.png);
	padding: 10px;
}

.widget.offer-widget {
	margin-bottom: 30px;
}

#sidebar .widget.offer-widget {
	margin-bottom: 50px;
}

.line1,
.line2,
.line3 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 900;
}

.offer-widget a,
.offer-widget a:visited {
	color: #FFF;
	display: block;
	padding: 20px 15px;
}

.offer-widget a:hover {
}

.offer-widget span {
	display: block;
	text-shadow: 3px 3px 0 rgba(0,0,0,0.19);
}

.line1,
.line3 {
	font-size: 18px;
}

.line2 {
	font-size: 42px;
	line-height: 1;
	margin-top: -5px;
	margin-bottom: 34px;
}

/* WIDGET: #Booking Form
========================================= */

#hero .b-form {
	margin-bottom: 0;
}

.b-form {
	padding: 36px 35px;
}
.b-form * {
	line-height: 1.5 !important;
}

.booking-form h3 {
	font-size: 24px;
	margin-bottom: 25px;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
}

.booking-form fieldset p {
	float: left;
	width: 50%;
	padding-right: 10px;
	margin: 0 0 5px 0;
}

.booking-form fieldset p:last-child {
	margin-right: 0;
}

.booking-form input,
.booking-form select {
	width: 100%;
}

.btn.b-book {
	font-size: 18px;
	padding: 12px 20px;
	margin: 10px 0 7px;
	display: block;
	width: 100%;
}

.booking-form fieldset {
	margin-bottom: 20px;
}

.booking-form fieldset:last-of-type {
}

.booking-note {
	font-size: 10px;
	text-transform: uppercase;
	color: #666;
	color: rgba(255,255,255,0.2);
	text-align: center;
	display: block;
}


.b-form input[type=text],
.b-form input[type=email],
.b-form textarea,
.b-form input[type=number] {
}

.b-form textarea {
	width: 100%;
	margin-bottom: 10px;
}

.b-form .ui-btn-inner {
	display: none;
}

input[type=text].datepicker {
	background-image: url(images/calendar_sprite.png);
	background-repeat: no-repeat;
	background-position: 94% -40px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

input[type=text].datepicker:focus {
	background-position: 94% 7px;
}

.booking-form-wrap {
	margin-bottom: 30px;
}

.booking-form-wrap .columns {
	margin-bottom: 20px !important;
}


/* Booking Validation */
#formerrors {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}

#formerrors li {
	padding: 10px 20px;
	border: 1px solid #ed5252;
	background: #dd7979;
	margin-bottom: 5px;
}

/* WIDGET: #Newsletter
========================================= */

.ci-newsletter {
	padding: 25px;
}

.ci-newsletter form > p {
	position: relative;
	margin: 0;
}

.ci-newsletter form {
	margin: 0 0 5px 0;
}

.ci-newsletter form input[type=text] {
	width: 100%;
}

.ci-newsletter form input[type=submit] {
	position: absolute;
	right: 0;
	top: 0;
	padding: 9px 20px;
	line-height: 1;
	height: 37px;
}

/* WIDGET: #Photo Galleries
========================================= */

.ci-gallery {
	margin-bottom: 30px;
}

.widget .ci-gallery:last-of-type {
	margin: 0;
}

.widget-ci-galleries {
	margin-bottom: 30px !important;
}

.g-wrap {
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	background-color: rgba(255,255,255,0.1);
}

.g-wrap  .mask,.g-wrap .content {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.g-wrap img {
	display: block;
	position: relative;
}

.g-wrap h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 12px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.8);
	margin: 20px 0 0 0;
}

.g-wrap p {
	font-size: 12px;
	position: relative;
	color: #fff;
	padding: 0 20px 0;
	text-align: center;
}

.g-wrap img {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all 0.2s ease-in-out;
	-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;
}

.g-wrap .mask {
	width: 100%;
	height: 100%;
	background-color: #282F44;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.g-wrap h3 {
	border-bottom: 1px solid #FFF;
	background: transparent;
	margin: 20px 40px 10px 40px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	color: #fff;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.g-wrap h3 a,
.g-wrap h3 a:visited {
	color: #FFF;
}

.g-wrap p {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.g-wrap a.read-more {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	font-size: 10px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.g-wrap:hover img {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0.2);
	opacity: 0.2;
}

.g-wrap:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 0.8;
}
.g-wrap:hover h3,.g-wrap:hover p,.g-wrap:hover a.read-more {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.single-gal { margin-bottom: 30px; }

.single-gal > a {
	display: block;
	line-height: 0;
	overflow: hidden;
}

.single-gal img {
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.single-gal:hover img {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}

.entry-desc { margin-bottom: 30px; }

/* WIDGET: #Ads125
========================================= */

#ads125, .ads125 {
	margin: 0;
	padding: 0;
	list-style: none;
}

#ads125 li,
.ads125 li {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	float: left;
	margin: 0 15px 10px 0;
	padding: 0;
	width: 100px;
}

#ads125 li:last-child,
.ads125 li:last-child {
	margin-right: 0;
}

/* WIDGET: #Search
========================================= */
.searchform { line-height: 1; position: relative; margin: 0; }
.searchform > div { position: relative; }
.searchform .screen-reader-text { display: none; }
.searchform input[type=text] {
	border-radius: 0;
	margin: 0;
	width: 100%;
	line-height: 1;
}
.searchsubmit {
	position: absolute;
	top:0;
	right: 0;
	line-height: 1 !important;
	padding: 8px 15px !important;
	height: 36px;
}

/* WIDGET: #Flickr
========================================= */
.flickr_badge_image {
	float: left;
	margin: 0 10px 15px 0;
}

.flickr_badge_image a {
	display: block;
	line-height: 0;
	border: 5px solid #282F44;

	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}


/* WIDGET: #About
========================================= */

.widget_about .alignleft {
	margin: 0 10px 6px 0;
}

.widget_about .alignright {
	margin: 0 0 6px 10px;
}

/* WIDGET: #CI Socials Ignited
========================================= */
#header .ci-socials-ignited-32 img {
	max-width: 24px;
	position: relative;
	top: 5px;
}

/* WIDGET: #Calendar
================================================== */

.entry table { margin-bottom: 30px; }

#wp-calendar, .entry table {
	width: 100%;
}

#wp-calendar caption, .entry table caption {
	text-align: left;
	margin-top: 10px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
	padding: 9px;
}

#wp-calendar thead, .entry table thead {
	font-size: 10px;
}

#wp-calendar thead th, .entry th {
	background: rgba(0, 0, 0, 0.1);
	font-weight: bold;
	padding: 8px;
}

#wp-calendar tbody { }
#wp-calendar tbody td,
.entry tbody td { background: none; border: 1px solid rgba(0, 0, 0, 0.1); text-align: center; padding: 3px;}
#wp-calendar tbody td:hover,
.entry table tbody td:hover{ background: rgba(0, 0, 0, 0.1); }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar a { font-weight: bold; font-style: italic; }

/* WIDGET: #Twitter
========================================= */
.twitter-time {
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	margin: 5px 0 10px;
}

/* -----------------------------------------
   MOBILE MENU
----------------------------------------- */

#mobile-bar {
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	background: #242628;
	background-image: linear-gradient(bottom, rgb(20,22,23) 1%, rgb(34,36,38) 100%);
	background-image: -o-linear-gradient(bottom, rgb(20,22,23) 1%, rgb(34,36,38) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(20,22,23) 1%, rgb(34,36,38) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(20,22,23) 1%, rgb(34,36,38) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(20,22,23) 1%, rgb(34,36,38) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(20,22,23)),
		color-stop(1, rgb(34,36,38))
	);
	padding: 15px 10px 0 10px;
	height: 48px;
	border-bottom: 1px solid rgba(0,0,0,0.8);
	box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
	display: none;
}

.menu-trigger,
.menu-trigger:focus {
	width: 24px;
	height: 21px;
	background: url(images/menu_trigger.png) no-repeat;
	cursor: pointer;
	opacity: 0.85;
	margin: 0;
	outline: none;
	position: absolute;
	left: 10px;
	top: 12px;
}
.menu-trigger:hover { opacity: 0.95; }
.menu-trigger:active { opacity: 1; }

.mob-title {
	color: #eeeeee;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 1px 1px 0 rgba(0,0,0,1);
	line-height: 1;
	margin: 0;
	padding: 0;
}
.jPanelMenu-panel { background: none !important; padding-top: 48px; }
#jPanelMenu-menu { padding: 0; background: #2b2e30; border-right: 1px solid rgba(0,0,0,0.3); margin: 0 !important; }
#jPanelMenu-menu ul { list-style: none; margin: 0 !important; padding: 0; display: block !important; visibility: visible !important; }
#jPanelMenu-menu li { display: block; float: none; padding: 0; margin: 0; border: none; }
#jPanelMenu-menu > li:last-child {  border-bottom: 1px solid rgba(255,255,255,0.1); }
#jPanelMenu-menu a, #jPanelMenu-menu a:visited { padding: 12px 20px; display: block; border-bottom: 1px solid rgba(0,0,0,0.7); border-top: 1px solid rgba(255,255,255,0.1); color: #eeeeee; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; text-shadow: 1px 1px 0 rgba(0,0,0,1); }
#jPanelMenu-menu a:hover {
	background-image: linear-gradient(bottom, rgb(43,46,48) 1%, rgb(50,54,56) 100%);
	background-image: -o-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(50,54,56) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(50,54,56) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(50,54,56) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(50,54,56) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(43,46,48)),
		color-stop(1, rgb(50,54,56))
	);
}
#jPanelMenu-menu a:active {
	background-image: linear-gradient(bottom, rgb(43,46,48) 1%, rgb(34,36,38) 100%);
	background-image: -o-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(34,36,38) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(34,36,38) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(34,36,38) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(34,36,38) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(43,46,48)),
		color-stop(1, rgb(34,36,38))
	);
}
#jPanelMenu-menu a:focus { outline: none; }
#jPanelMenu-menu li ul li a { padding: 9px 0 9px 30px; font-size: 12px; }
#jPanelMenu-menu li ul li ul li a { padding: 9px 0 9px 40px; font-size: 11px; }
#jPanelMenu-menu .sf-sub-indicator { display: none; }
#jPanelMenu-menu li.current-menu-item > a,
#jPanelMenu-menu li.current_page_item > a,
#jPanelMenu-menu li.current-menu-item > a:visited,
#jPanelMenu-menu li.current_page_item > a:visited { }

.btn, .btn:visited, input[type="submit"], button {
	display: inline-block;
	line-height: 1;
	padding: 10px 20px;

}

/* -----------------------------------------
   Custom Dropdowns (Dropkick.js)
----------------------------------------- */

/* One container to bind them... */
.dk_container {
	font-size: 11px;
	line-height: 14px;
	border-radius: 0;
	display: block;
	float: none;
	margin-bottom: 3px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

#dk_container_orderby.dk_container {
	background-color: #FFF;
	border: 1px solid #999;
}

#dk_container_orderby .dk_toggle {
	color: #565656;
	background-position: 95% 9px;
}

#dk_container_orderby.dk_open .dk_toggle {
	background-image: url(images/dk_arrows_white.png);
	color: #FFF;
}

#dk_container_orderby.dk_open .dk_toggle:hover {
	color: #FFF;
	background-image: url(images/dk_arrows_white.png);
}

#dk_container_orderby .dk_toggle:hover {
	color: #000;
}

#dk_container_orderby .dk_options a {
	background-color: #FFF;
	border-bottom: 1px solid #545454;
	padding: 8px 10px;
	color: #565656;
}

#dk_container_orderby .dk_options a:hover {
	color: #000;
}

.woocommerce-ordering .dk_container {
	right: 0;
	position: absolute;
	top: -3px;
}

.woocommerce-ordering .dk_toggle {
	padding: 8px 45px 5px 10px;
}

.dk_container:focus {
	outline: 0;
}
.dk_container a {
	cursor: pointer;
	text-decoration: none;
	display: block;
	white-space: nowrap;
}

/* Opens the dropdown and holds the menu label */
.dk_toggle {
	background-image: url(images/dk_arrows_white.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	color: #fff;
	padding: 12px 45px 10px 10px;
	border-radius: 0;
	font-weight: normal;
	top: -1px;
}

.dk_toggle:hover {
}

/* Applied when the dropdown is focused */
.dk_focus .dk_toggle {
}

.dk_focus .dk_toggle {

}

/* Applied whenever the dropdown is open */
.dk_open {
	z-index: 1000;
}

.dk_open .dk_toggle {
	color: #FFF;
}

/* The outer container of the options */
.dk_options {
	border: 1px solid rgba(255,255,255,0.2) !important;
}

.dk_options a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding: 8px 10px;
	color: #bbb;
	font-size: 11px;
}

.dk_options li {
	margin: 0 !important;
}

.dk_options li:last-child a {
	border-bottom: none;
}
.dk_options a:hover,
.dk_option_current a {
	color: #fff;
	text-decoration: none;
}

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
	border-bottom-width: 2px;
	border-bottom-color: #333;
	color: #333;
	max-height: 250px;
	border-top: none;
	margin: 0;
}

/* Set a max-height on the options inner */
.dk_options_inner,
.dk_touch .dk_options {
	max-height: 250px;
}

/******  End Theme ******/
.dk_container {
	display: none;
	float: left; }
.dk_container a {
	outline: 0; }

.dk_toggle {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	position: relative;
	zoom: 1; }

.dk_open {
	position: relative; }
.dk_open .dk_options {
	display: block; }
.dk_open .dk_label {
	color: inherit; }

.dk_options {
	display: none;
	margin-top: -1px;
	position: absolute;
	right: 0;
	width: 100%; }
.dk_options a, .dk_options a:link, .dk_options a:visited {
	display: block; }

.dk_options_inner {
	overflow: auto;
	position: relative;
	-webkit-overflow-scrolling: touch; }

.dk_container select {
	position: absolute;
	top: -99999em;
	visibility: hidden;
	left: -999em;
}

.dk_mobile {
	position: relative; }
.dk_mobile select {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: visible;
	opacity: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none; }

/* -----------------------------------------
	External Plugins
----------------------------------------- */
/* WP Instagram */
.null-instagram-feed p {
	padding-top: 10px;
}

.widget .instagram-pics {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget .instagram-pics:before, .widget .instagram-pics:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}
.widget .instagram-pics:after {
	clear: both;
}

.widget .instagram-pics li {
	border-bottom: 0;
	padding: 0;
	float: left;
	width: 33.33333333333%;
	margin-bottom: 0;
}

.widget .instagram-pics li a img {
	display: block;
}