@import url('https://fonts.googleapis.com/css?family=Lora:700i,400,400i|Nunito+Sans:300,700');


body {
	margin:0;
	font-size:1em;
	line-height:1.8;
	color:#161f27;
	font-weight:300;
	font-family: sans-serif;
	font-family: 'Nunito Sans', sans-serif;
	letter-spacing: .5px;
	}

*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

img {
	vertical-align:bottom;
	max-width:100%;
	}

.img-fluid {
	max-width:none;
	width:100%;
	}

strong {
	font-weight:700;
	}

.uppercase {
	text-transform:uppercase;
	}

.pull-right {float:right;}
.pull-left {float:left;}

.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}

.container {
	width: 100%;
	max-width:800px;
	margin:0 auto;
	}

.container.large {
	max-width: 1100px;
}

.container.small {
	max-width: 700px;
}

.alt-font {
	font-family: 'Lora', serif;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:400;
	line-height:1.5;
	font-family: 'Lora', serif;
	}

h1 {font-size:2.441em;}
h2 {font-size:1.953em;}
h3 {font-size:1.563em;}
h4 {font-size:1.25em;}
h5 {font-size:1.15em;}
h6 {font-size:.8em;}

@media only screen and (max-width:767px){
	h1 {font-size:2.074em;}
	h2 {font-size:1.728em;}
	h3 {font-size:1.44em;}
	h4 {font-size:1.2em;}
	h5 {font-size:1.1em;}
	}

a {
	color:#880502;
	text-decoration:none;
	}


a:focus {
	outline:0;
}

a:hover {
	text-decoration:underline;
	}

.underline-link {
	text-decoration:underline;
	}

.underline-link:hover {
	text-decoration:none;
	}

.inherit-link {
	color:inherit;
	}

.muted {
	opacity:.5;
	}

.margin-b,
.margin-b-group .item,
.group, p, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin:0 0 30px;
	}

.margin-b-s,
.margin-b-s-group .item {
	margin-bottom:15px;
	}

.margin-b-l,
.margin-b-l-group .item {
	margin-bottom:60px;
	}

.margin-b-n,
.margin-b-n-group .item {
	margin:0;
	}

.group * {
	margin:0;
	}

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

.row {
	margin-left:-15px;
	margin-right:-15px;
	}

.row:before,
.row:after {
	display: table;
	content: " ";
	clear:both;
	}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
	float:left;
	padding:0 15px;
	}

.col1 {width:8.333%;}
.col2 {width:16.666%;}
.col3 {width:25%;}
.col4 {width:33.333%;}
.col5 {width:41.666%;}
.col6 {width:50%;}
.col7 {width:58.333%;}
.col8 {width:66.666%;}
.col9 {width:75%;}
.col10 {width:83.333%;}
.col11 {width:91.666%;}
.col12 {width:100%;}


.site-header {
	position: fixed;
	left: 0;	
	top: 0;
	width: 100%;
	background: #fff;
	height: 70px;
	text-align: center;
	font-family: 'Lora', serif;
	z-index: 999;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);

}

.overlay {
	display: none;
}

.page-template-page-home .site-header {
	position: absolute;
	top: auto;
	bottom: 0;
}

.page-template-page-home .site-header.fixed {
	position: fixed;
	bottom: auto;
	top: 0;
}

.site-logo {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 70px;
	padding:0 20px;


}

.site-logo img {
	vertical-align: middle;
}

.site-header .nav {
	padding: 0;
	margin:0;
	list-style: none;
}

.site-header .nav li {
	display: inline-block;
	margin: 0 7px;
}

.site-header .nav li a {
	color: #777;
	display: inline-block;
	line-height: 70px;
	position: relative;
}

.site-header .nav li a:after {
	content: '';
	height: 1px;
	width: 0;
	background: #ccc;
	position: absolute;
	left: 0;
	bottom: 20px;
	transition: width .3s ease;
}

.site-header .nav li > a:hover:after {
	width: 100%;
}

.site-header .nav li a:hover {
	text-decoration: none;
}

.site-header .nav li.current_page_item a,
.site-header .nav li.current-menu-item a, 
.site-header .nav li.current_page_parent > a{
	color: #880502;
}

.site-header .nav li.current-menu-item > a:after, 
.site-header .nav li.current_page_parent > a:after {
	background: #880502;
	width: 100%;
}



.site-header .nav ul{
	display:none;
	position:absolute;
	top:100%;
	left:-30px;
	background:#fff;
	padding:30px;
	text-align: left;
	min-width: 250px;
}

.site-header .nav ul li{
	float:none;
	margin:0 0 5px;
}

.site-header .nav ul a{
	padding: 5px 0; 
	line-height: 1.3;
}

.site-header .nav ul a:after {
	bottom: 0;
}

.site-header .nav li:hover > ul{
	display:inline-block
}




.nav-btn {
	cursor:pointer;
	z-index:102;
	position:absolute;
	top:0;
	left:0;
	height:50px;
	width:50px;
	line-height:1;
	}

.nav-btn span {
	background:#880502;
	height:1px;
	margin-top:-1px;
	width:22px;
	position:absolute;
	top:50%;
	left:14px;
	-webkit-transition:all ease .3s;
	-moz-transition:all ease .3s;
	transition:all ease .3s;
	}

.nav-btn span:first-child {
	top:18px;
	margin-top:0;
	}

.nav-btn span:last-child {
	top:30px;
	margin-top:0;
	}

.nav-btn.active span {
	opacity:0;
	}
	
.nav-btn.active span:first-child,
.nav-btn.active span:last-child {
	opacity:1;
	top:24px;
	}
	
.nav-btn.active span:last-child {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	}

.nav-btn.active span:first-child {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}

.banner {
	height: calc(100vh - 70px);
	background-size: cover;
	background-position: center;
	position: relative;
}

.banner.inner {
	margin-top: 70px;
	height: 600px;
}

.page-template-page-home .banner {
	margin-bottom: 70px;
}

.banner .content {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	z-index: 1;
	color: #fff;
	text-align: center;
}

.banner .wrap {
	width: 82%;
	margin: 0 auto;
	padding: 0 10%;
}

.banner .content h1 {
	margin: 0;
}

.banner .decor {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
}

.banner .decor div {
	position: absolute;
	background: #1a2931;
	width: 25%;
	height: 33.33%;
	opacity: .4;
	transition: opacity .7s ease-in-out;
}

.banner .decor div:nth-child(-n+4) {
	top: 0;
}

.banner .decor div:nth-child(n+5):nth-child(-n+8) {
	top: 33.3333%;
}

.banner .decor div:nth-child(n+9):nth-child(-n+12) {
	top: 66.6666%;
}

.banner .decor div:nth-child(-4n+10) {
	left: 25%;
}

.banner .decor div:nth-child(-4n+11) {
	left: 50%;
}

.banner .decor div:nth-child(-4n+12) {
	left: 75%;
}

.banner .decor div:nth-child(1),
.banner .decor div:nth-child(4),
.banner .decor div:nth-child(9),
.banner .decor div:nth-child(12) {
	opacity: .1;
}

.banner .decor div:nth-child(2),
.banner .decor div:nth-child(7),
.banner .decor div:nth-child(10) {
	opacity: .3;
}

.banner .decor div:nth-child(3),
.banner .decor div:nth-child(5),
.banner .decor div:nth-child(8),
.banner .decor div:nth-child(11){
	opacity: .2;
}

.fade-link {
	position: absolute;
	left: 50%;
	bottom: 16.6666%;
	z-index: 1;
	width: 36px;
	height: 36px;
	margin:0 0 -18px -18px;
	transition: height .3s ease, margin-bottom .3s ease;
}

.fade-link:hover {
	height: 45px;
	margin-bottom: -27px;
}

.fade-link:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -1px;
	width: 2px;
	background: #fff;
	height: 100%;
}

.fade-link:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -2px;
	margin-left: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #ffffff transparent transparent transparent;
}

#anchor {
	position: absolute;
	bottom: -1px;
	left: 0;
}

	
.btn,
input[type="submit"] {
	display:inline-block;
	line-height:50px;
	padding:0 30px;
	background:#880502;
	color: #fff;
	text-align:center;
	cursor:pointer;
	border:none;
	font-family: 'Lora', serif;
	font-style: italic;
	font-size:inherit;
	transition: background .3s ease;
	}

.btn:hover,
.btn-book:hover,
input[type="submit"]:hover {
	text-decoration:none;
	background: #1f2830;
	}

.btn-book {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: #880502;
	color: #fff;
	padding: 0;
	padding-left: 70px;
	line-height: 1;
	z-index: 101;
	transition: background .3s ease;
}

.btn-book span {
	display: inline-block;
	line-height: 70px;
	padding-right: 30px;
}

.btn-book:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
	background: url(../img/svg/reception.svg) no-repeat center center;
	background-size: 25px;
}

.site-section {
	padding: 100px;
}

.showcase .item {
	padding-left: 60%;
	position: relative;
	margin-bottom: 100px;
	min-height: 500px;
}

.showcase .item .title {
	margin: 0 0 5px;
}

.showcase .item .subtitle {
	color: #880502;
}

.showcase .item .title a {
	color:inherit;
}

.showcase .item:last-child {
	margin-bottom: 0;
}

.showcase .item .img-holder {
	position: absolute;
	left: 0;
	top: 0;
	width: 60%;
	height: 100%;
}


.page-template-page-about .showcase .item .img-holder{
	left: 20%;
}


.showcase .item .content {
	padding: 150px 0 100px 100px;
}

.showcase .item .content .wrap {
	max-width: 400px;
	display: inline-block;
}

.showcase .item .content .wrap *:last-child {
	margin-bottom: 0;
}

.showcase .item:nth-child(even) {
	padding-left: 0;
	padding-right: 60%;
}

.showcase .item:nth-child(even) .img-holder {
	left: auto;
	right: 0;
}

.showcase .item:nth-child(even) .content {
	text-align: right;
	padding-right: 100px;
	padding-left: 0;
}

.slide {
	height: 100%;
	background-size: cover;
	background-position: center;
}

.vertical-text {
    text-align: right;
    display: inline-block;
    height: 30px;
    line-height: 1;
    width: 30px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    left: -65px;
    color: #999;
    transition: color .3s ease;
}

.vertical-text span {
	position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
}

a.vertical-text span {
    text-decoration: underline;
}

.vertical-text:hover {
	color: #777;
}

.showcase-alt .gallery .vertical-text,
.showcase .item:nth-child(even) .vertical-text {
	left: auto;
	right: -65px;
}

.grey-bg {
	background: #fafafa;
}

.showcase-alt {
	position: relative;
}

.showcase-alt .gallery {
	padding-left: 50%;
}

.showcase-alt .map-wrap {
	position: absolute;
	height: 100%;
	width: 50%;
}

.gmnoprint {
	display: none;
}

#map {
	position: absolute;
	width: 100%;
	height: 100%;
}

.showcase-alt .gallery .wrap {
	padding: 100px 0 0 100px;
}

.site-footer {
	background: #161f27;
	color: #717b85;
	position: relative;
}

.site-footer .nav li.current-menu-item a,
.newsletter span,
.site-footer .contact span {
	color: #fff;
}

.site-footer .nav {
	padding: 0;
	list-style: none;
}

.site-footer a {
	color: inherit;
}

.site-footer .social {
	list-style: none;
	position: absolute;
	top: 100px;
	right: 100px;
	padding:0;
}

.social {
	padding: 0;
}

.social li {
	display: inline-block;
	margin-left: 12px;
}

.social li:first-child {
	margin-left: 0;
}

.social li a {
	opacity: .3;
	background: #161f27;
	display: inline-block;
	padding: 15px;
	line-height: 1;
	transition: opacity .3s ease;
}

.site-footer li a {
	padding: 0;
	background: none;
}

.social li a:hover {
	opacity: 1;
}

.social img {
	height: 20px;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="password"],
select,
textarea {
	width: 100%;
	padding: 0 20px;
	line-height: 50px;
	border: 1px solid #ccc;
	font-family: inherit;
	font-size: inherit;
	float: left;
	background: none;
}

textarea:focus,
input:focus {
	outline: none;
	box-shadow: none;
	border-color: #999;
}

.newsletter input[type="text"] {
	width: 70%;
	background: #242c35;
	color:#fff;
	border: none;
}

.newsletter input[type="text"]::-webkit-input-placeholder { 
  color: #717b85;
}
.newsletter input[type="text"]::-moz-placeholder {
	opacity: 1;
  color: #717b85;
}
.newsletter input[type="text"]:-ms-input-placeholder { 
  color: #717b85;
}
.newsletter input[type="text"]:-moz-placeholder {
  color: #717b85;
}

.newsletter input[type="submit"] {
	width: 30%;
	padding-left: 0;
	padding-right: 0;
	float: left;
	background: #202831;
}

.newsletter input[type="submit"]:hover {
	background: #1b232c;
}

.newsletter form {
	overflow: hidden;
}

textarea {
	line-height: 1.5;
	padding: 15px 20px;
}

.copyright {
	margin: 70px 0 0;
	font-size: .8em;
	color: #5c656f;
}

.copyright span {
	float: right;
}

ul, ol {
	padding-left: 30px;
}

ul li {
	position: relative;
	list-style: none;
	margin-bottom: 5px;
}

ul li:before {
	content: '—';
	position: absolute;
	top: 0;
	left: -30px;
	opacity: .3;
}

.col-list li:before,
.site-header .nav li:before,
.social li:before,
.site-footer .nav li:before,
.list-style-none li:before {
	display: none;
}

blockquote {
	padding: 30px;
	margin: 0 0 30px;
	font-family: 'Lora', serif;
	font-style: italic;
	background: #eee;
}

.page-indent {
	margin-top: 70px;
}

.col-list {
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}

.col-list li {
	display: inline-block;
	margin: 15px 30px;
}

.col-list .title {
	margin-bottom: 5px;
	font-style: italic;
}


.gform_wrapper ul{
	margin: 0px;
	padding: 0px;
}


.gform_wrapper ul li{
	margin: 0 0 20px 0;
	padding: 0px;
	list-style-type: none;
	display: block;
	float: left;
	width: 100%;
}

.gform_wrapper ul li label{
	margin-bottom: 2px;
}

.gform_wrapper ul li:before{
	content: none!important;
}

.validation_message, .validation_error{
	color: red;
	font-weight: bold;
	font-style: 11px;
}

.rtabs-wrap {
	text-align: center;
}

.rtabs {
	display: inline-block;
	padding: 0;
	margin: 30px;
}

.rtabs li {
	display: inline-block;
	float: left;
	margin: 0;
}

.rtabs li a {
	display: block;
    line-height: 60px;
    padding: 0 30px;
    border: 1px solid #880502;
    color: #880502;
    background: none;
    text-align: center;
    cursor: pointer;
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: inherit;
    transition: background .3s ease, color .3s ease;
}

.rtabs li.selected a {
	color: #fff;
    background: #880502;
}

.rtabs li a:hover {
	text-decoration: none;
}

.rtabs li:before,
.resp-accordion {
	display: none;
}

.resp-tab-content {
	display: none;
}

.resp-tab-active {
	display: block;
}


.blog-title{
	padding-top: 100px!important;
}


.blog-posts article{
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #222
}


.blog-posts article p.date{
	margin-top: -35px;
}


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

	.site-header .nav li a {
		font-size: .85em;
	}

	.site-header .nav li {
		margin: 0 5px;
	}

	.site-logo img {
		height: 40px;
	}

	.btn-book span {
		display: none;
	}

	.banner .wrap {
		padding: 0 30px;
	}

	.banner .content h1 {
		font-size: 2em;
	}
}

label {
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
}

a[href^="mailto:"] {
/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media only screen and (max-width:1000px){
	.site-section {
		padding: 50px;
	}

	.showcase .item {
		margin-bottom: 50px;
	}

	.vertical-text {
		left: -40px;
		font-size: .85em;
	}

	.showcase-alt .gallery .vertical-text, .showcase .item:nth-child(even) .vertical-text {
		right: -40px;
	}

	.showcase .item .content {
		padding: 100px 0 50px 50px;
	}

	.showcase .item:nth-child(even) .content {
		padding-right: 50px;
	}

	.showcase-alt .gallery .wrap {
		padding: 50px 0 0 50px;
	}

	.site-footer .social {
		top: 50px;
		right: 50px;
	}

	.site-footer {
		font-size: .85em;
	}

	.hide-section {
		position: fixed;
		top: 0;
		left: 0;
		width: 290px;
		height: 100%;
		background: #fff;
		z-index: 101;
		padding: 0 50px;
		transform: translateX(-100%);
		transition: transform .3s ease;
		overflow: auto;
	}

	.hide-section.visible {
		transform: translateX(0);
	}

	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: #161f27;
		display: none;
		z-index: 100;
		opacity: .5;
		padding: 30px;
		display: none;
	}

	.page-template-page-home .site-header,
	.site-header {
		height: 50px;
		position: fixed;
		top: 0;
	    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	    box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
	}

	.site-header .nav {
		display: block;
		text-align: left;
		margin: 70px 0;
	}

	.site-header .nav li {
		display: block;
		margin: 0 0 25px;
	}

	.site-header .nav li a {
		line-height: 1.5;
	}

	.site-header .nav > li > a {
		color: #161f27;
	}

	.site-header .nav li a:after {
		bottom: 0;
	}


	.site-header .nav ul { 
		padding: 0;
		left: 0;
		display: block;
		position: relative;
		margin: 0;
		min-width: auto;
	}

	.site-header .nav li:hover > ul{
		display: block;
	}

	.site-header .nav ul a {
		padding: 0;
	}

	.site-header .nav ul li {
		margin: 10px 0 0 0;
	}


	.site-logo {
		display: inline-block;
		position: static;
		line-height: 50px;
	}

	.site-logo img {
		height: 30px;
	}

	.btn-book {
		padding-left: 50px;
	}

	.btn-book:before {
		height: 50px;
		width: 50px;
		background-size: 20px;
	}

	.banner {
		height: 100vh;
	}

	.page-template-page-home .banner {
		margin-bottom: 0;
	}

	.banner.inner {
		margin-top: 50px;
		height: 450px;
	}

	.col-list li {
		display: block;
		margin: 0 0 30px;
	}

	.page-indent {
		margin-top: 50px;
	}

}


@media only screen and (min-width:1001px){
	.nav-btn {
		display:none;
		}
	}


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

	body {
		font-size: .875em;
	}

	.row {
		margin-left:0;
		margin-right:0;
		}
	
	.col1,
	.col2,
	.col3,
	.col4,
	.col5,
	.col6,
	.col7,
	.col8,
	.col9,
	.col10,
	.col11,
	.col12 {
		width:auto;
		float:none;
		padding:0;
		}

	.hide-section {
		width: 250px;
		width: calc(100% - 50px);
	}

	.site-header .nav li a {
		font-size: 1em;
	}

	.banner .decor div {
		width: 50%;
	}

	.banner .decor div:nth-child(1), 
	.banner .decor div:nth-child(4), 
	.banner .decor div:nth-child(5),
	.banner .decor div:nth-child(8), 
	.banner .decor div:nth-child(9), 
	.banner .decor div:nth-child(12) {
		display: none;
	}

	.banner .decor div:nth-child(-4n+10) {
		left: 0;
	}

	.banner .wrap {
		width: 100%;
	}

	.banner .content h1 {
		font-size: 1.5em;
	}

	.fade-link {
		display: none;
	}

	.site-section {
		padding: 30px;
	}

	.showcase .item {
		padding-left: 0;
		margin-bottom: 50px;
	}

	.showcase .item:nth-child(even),
	.showcase .item:nth-child(even) .content {
		padding-right: 0;
		text-align: left;
	}

	.showcase .item .img-holder {
		position: relative;
		height: auto;
		width: 100%;
	}

	.slide {
		position: relative;
	}

	.slide:after {
		content: '';
		padding-bottom: 56.25%;
		display: block;
	}

	.showcase-alt .gallery .wrap,
	.showcase .item .content {
		padding: 30px 0 0;
	}

	.page-template-page-about .showcase .item .img-holder{
		left: 0;
	}

	.vertical-text {
		left: -30px;
		font-size: .75em;
	}

	.showcase-alt .gallery .vertical-text, .showcase .item:nth-child(even) .vertical-text {
		right: -30px;
	}

	.showcase-alt .gallery {
		padding-left: 0;
	}

	.showcase-alt .map-wrap {
		position: relative;
		height: 500px;
		width: 100%;
		margin-bottom: 30px;
	}

	.gallery .owl-carousel {
		height: auto;
	}

	.site-footer {
		text-align: center;
		font-size: .9em;
	}

	.site-footer .social {
		position: static;
		margin: 20px 0 50px;
	}

	.site-footer .social li {
		margin: 0 10px;
	}

	.copyright {
		margin-top: 50px;
	}

	.copyright span {
		float: none;
		display: block;
	}

	.banner.inner {
		height: 250px;
	}

	.showcase .item {
		min-height: auto;
	}

	.hide-section {
		padding: 0 30px;
	}

	.rtabs {
		display: block;
	}

	.rtabs li {
		float: none;
		width: 100%;
	}

	.rtabs li a {
		line-height: 1.3;
		padding: 15px;
	}

}