@import url('https://fonts.googleapis.com/css?family=Vollkorn+SC:400,600,700,900|Oswald:400,500,600,700|Roboto:400,700,900');



@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);



/* ============================== */

/* RESETS */

/* ============================== */



html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  vertical-align: baseline;

}

/* ============================== */

/* Table ELEMENTS  */

/* ============================== */




/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}



/* ============================== */

/* SITE ELEMENTS  */

/* ============================== */



#intro #weatherWidget {

	font-family: Archivo !important;

}

* {

	margin: 0;

	padding: 0;

}

html,

body {

	width: 100%;

	max-width: 100%;

	min-height: 100%;

	box-sizing: border-box;

}

.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: #000; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}

html {

	height: 100%;

	overflow-x: hidden;

	}

body {

	height: auto;

	font-family: "Palatino Linotype", "Book Antiqua", Georgia, Palatino, serif;

  font-size: 18px;

	line-height: 1.5;

	color: #312e2d;

  background: #fff;

	background: #312e2d url(images/bg-wood05.jpg) center top no-repeat;

	background-size: 100% auto;

	}

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

	body {

		font-size: 15px;

	}

}

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

	body {

		font-size: 18px;

		line-height: 1.6;

	}

}

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

	body {

		font-size: 20px;

	}

}

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

	body {

		font-size: 14px;

	}

}

/* Clearing floats */

.clear:after,

.attachment .entry-header:after,

.site-footer .widget-area:after,

.entry-content:after,

.page-content:after,

.navigation:after,

.nav-links:after,

.gallery:after,

.comment-form-author:after,

.comment-form-email:after,

.comment-form-url:after,

.comment-body:after {

	clear: both;

}



::-moz-selection  { background: #09f; color:#000; text-shadow: none; }



::selection  { background: #09f; color:#000; text-shadow: none; }



a {cursor: pointer;}



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



.text-align-right {

	text-align: right;

}

img {

	height: auto;

	border: none;

}

article img {

	display: block;

  margin: 5px 0;

}

img.placer {

	display: block;

	position: relative;

	margin: 0;

}

img.divider {

  margin: 20px 0 0;

  width: 50%;

  max-width: 240px;

  opacity: 0.666;

}

.left {float: left;}



.right {float: right;}



.center {text-align: center;}



.subtitle {font-style: italic; color: #999;}



ul, li {list-style: none;}



img, object, embed {max-width: 100%;}



sup {

	font-size: 40%;

}

.clear {

  display: block;

  content: " ";

  clear: both;

  width: 100%;

}

.red {

	color: #de5243;

}

.filler,

#art img.filler {

	display: block !important;

	position: relative;

	opacity: 0;

}

#art img.filler {

	width: 77.5%;

}

.home #art img.filler {

	width: 100%;

}

.overlay {

	display: flex;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	box-sizing: border-box;

	-webkit-transition:all .25s ease-in;

	-moz-transition:all .25s ease-in;

	-o-transition:all .25s ease-in;

	-ms-transition:all .25s ease-in;

	transition:all .25s ease-in;

  align-items: center;

}

.overlay > div {

	width: 100%;

}

.pull-right {

	float: right;

}

.pull-center {

	margin: 0 auto;

  text-align: center;

}

.home .pull-center {

  text-align: left;

}

#intro {

	display: block;

	position: relative;

	width: 100%;

	height: auto;

	font-family: "Vollkorn SC";

	font-size: 17px;

	font-weight: 700;

	color: #fff;

	text-shadow: 0 -1px 0 rgba(0,0,0,.25);

}

video {

	display: block;

	position: relative;

	margin: 0;

}

#intro video {

	position: relative;

	opacity: .666;

	z-index: 1;

}

#intro .content {

	display: grid;

	grid-template-columns: 300px auto;

	align-content: center;

	position: absolute;

	top: 0;

	left: 12%;

	padding: 0;

	width: 76%;

	height: 100%;

	z-index: 2;

	}

aside#sidebar,

#intro aside {

	display: block;

	position: relative;

	width: 100%;

	font-family: "Vollkorn SC";

	font-size: 15px;

	font-weight: 700;

	color: #fff;

	text-shadow: 0 -1px 0 rgba(0,0,0,.25);

  line-height: 1.3;

	background: #69824a url(images/bg-nav.png) left bottom no-repeat;

	background-size: 2px 60%;

	box-sizing: border-box;

}

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

	#intro aside .map-link {

		display: none;

	}

}

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

	#intro aside .text:first-of-type {

		display: none;

	}

}

aside img {

	display: block;

	margin: 0 auto;

}

aside .map-link {

	display: block;

	box-shadow: 0 4px 72px rgba(0,0,0,.333);

}

aside#sidebar .text,

#intro .text {

	display: block;

	padding: 20px 25px;

	font-weight: 600;

  border-top: 1px rgba(0,0,0,.33) solid;	

  border-bottom: 1px rgba(255,255,255,.2) solid;

}

aside#sidebar .text em {

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-weight: 900;

}

aside p.icon {

	padding-left: 30px;

	position: relative;

	font-size: 130%;

	font-weight: 700;

	font-variant: normal;

	color: #fff;

	text-align: left !important;

}

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

	aside p.icon {

		font-size: 120%;

	}

}

p.icon small {

	font-size: 90%;

	opacity: .75;

}

aside#sidebar i.material-icons,

#intro i.material-icons {

	position: absolute;

	top: 6px;

	left: 0px;

	font-size: 15px;

}

#ss-wrap {

	display: block;

	position: relative;

	margin: 0 0 0 -5%;

	padding: 0 0 85%;

	width: 110%;

	height: 0;

	background: #7c8568 url(images/bg-polaroid.png) center top no-repeat;

	background-size: 100%;

	overflow: hidden;

}

#ss-wrap img {

	margin: 10px;

	width: calc(100% - 20px);

	height: auto;

}

textarea {resize: none;}



/* ============================== */

/* LISTS  */

/* ============================== */



ul, ol {

	margin: 15px 0px;

	}

ul li {

	list-style: disc;

	}

ol li {

	list-style: decimal;

	}

.content ul,

.article ul {

	margin-left: 10px;

}

li {

	margin: 0 0 0 15px;

	padding: 5px 0;

	}

.checklist, .xlist {

	margin: 15px 0 15px 10px;

	padding: 0;

	}

.checklist li, .xlist li {

	display: block;

	position: relative;

	margin: 0;

	padding: 7px 0px 7px 35px;

	list-style: none;

	text-transform: none;

	-webkit-box-sizing: border-box;

	-moz-box-sizing:    border-box;

	box-sizing:         border-box;

	}

.xlist i,

.checklist i {

	display: block;

	position: absolute;

	top: 7px;

	left: 0px;

	font-size: 150%;

	line-height: 1;

}

.checklist i {

	color: #693;

}

.sidebar .checklist i {

	color: inherit;

}

.xlist i {

	color: #f24242;

}

.xlist li a,

.checklist li a {

	color: #333;

	text-decoration: none;

}

.xlist li a:hover,

.checklist li a:hover {

	text-decoration: underline;

}

.xlist li,

.checklist li {

	position: relative;

	background: url(images/checkmark.png) 5px center no-repeat;

	}

.checklist li:last-child {

	border-bottom: 0;

}

nav ul,

nav ol {

	list-style: none;

	list-style-image: none;

}



/* ============================== */

/* TYPOGRAPHY  */

/* ============================== */



h1 {

  display:  block;

  margin: 0;

	font-family: "Vollkorn SC";

/*	font-family: Oswald;*/

  font-size: 30px;

  font-weight: 700;

	color: #e8cf94;

/*	text-transform: uppercase;*/

	letter-spacing: 0px;

  line-height: 1.1;

	text-shadow: 0 1px 1px rgba(0,0,0,.333);

}

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

	h1 {

		margin: 0;

		padding: 3px 0 0;

		font-size: 18px;

		letter-spacing: 0px;

	}

	.cta {

		font-size: 15px !important;

	}

	.cta-text img {

		width: 15px;

	}

}

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

	h1 {

		font-size: 17px;

	}

}

h2 {

	margin-bottom: 15px;

	font-family: "Vollkorn SC";

	font-family: "Palatino Linotype", "Book Antiqua", Georgia, Palatino, serif;

	font-size: 34px;

	font-weight: 900;

	font-variant: small-caps;

	color: #fff;

	line-height: 1.1;

	letter-spacing: -1px;

}

h2 em {

	font-size: 90%;

	font-variant: normal;

}

article h2 {

	display: inline-block;

	margin-top: 15px;

	margin-bottom: 20px;

	padding: 0 0 15px;

	border-bottom: 4px #69824a solid;

	border-bottom: 4px #bd562d solid;

}

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

	h2 {

		font-size: 28px;

	}

}

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

	h2 {

		font-size: 30px;

	}

}

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

	h2 {

		font-size: 32px;

	}

}

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

	h2 {

		font-size: 28px;

	}

}

h3 {

	display: block;

	position: relative;

	margin: 15px 0;

	font-family: Oswald;

	font-size: 24px;

	font-weight: 900;

	color: #fff;

	letter-spacing: 1px;

	line-height: 1.3;

	text-transform: uppercase;

}

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

	h3 {

		font-size: 18px;

	}

}

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

	h3 {

		font-size: 21px;

	}

}

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

	h3 {

		font-size: 28px;

	}

}

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

	h3 {

		font-size: 21px;

	}

}

h4 {

	display: block;

	position: relative;

	margin: 15px 0;

	font-family: "Vollkorn SC";

	font-size: 20px;

	font-weight: 600;

	color: #e8cf94;

	letter-spacing: 0px;

	line-height: 1.3;

}

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

	h4 {

		font-size: 17px;

	}

}

h5 {

	display: block;

	position: relative;

	margin: 15px 0;

	font-family: "Vollkorn SC";

	font-size: 130%;

	font-weight: 700;

	color: #e8cf94;

	letter-spacing: 0px;

	line-height: 1.3;

}

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

	.hero h5 {

		display: none;

	}

}

h6 {

	display: block;

	margin: 10px 0 5px;

	font-family: "Vollkorn SC";

	font-size: 140%;

	font-style: normal;

	font-weight: 700;

	letter-spacing: 1px;

	text-transform: none;

	line-height: 1.1;

}

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

	h6 {

		font-size: 125%;

	}

}

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

	h6 {

		font-size: 120%;

	}

}

.blurb {

	margin: 0px auto 15px;

	width: 66.6%;

	font-family: futura-pt;

	font-size: 120%;

	font-weight: 400;

	color: #fff;

	text-align: center;

	line-height: 1.3;

}

h2:first-child,

h3:first-child,

h4:first-child,

h5:first-child,

p:first-child {

	margin-top: 0;

}

h2:last-child,

h3:last-child,

h4:last-child,

h5:last-child,

h6:last-child,

p:last-child {

	margin-bottom: 0;

}

#footer-wrap h2,

#footer-wrap h3,

#footer-wrap h4,

#footer-wrap h5,

#footer-wrap h6 {

	color: rgba(255,255,255,.95);

  color: #403f47;

}

/* paragraphs */

p {

  position:  relative;

	margin: 15px 0;

	font-weight: 900;

	-webkit-transition:color .1s ease-in;

	-moz-transition:color .1s ease-in;

	-o-transition:color .1s ease-in;

	-ms-transition:color .1s ease-in;

	transition:color .1s ease-in;

	}

#yt p,

.home .bg-brown p,

.bg-black p {

	color: #e8cf94;

}

.bg-brown article p,

.bg-brown article li {

	font-weight: 900;

}

.bg-brown article li b,

.bg-brown article li strong,

.bg-brown article p strong {

	font-family: "Vollkorn SC";

	font-weight: 900;

	letter-spacing: 1px;

	text-transform: uppercase;

}

.byline {

  display: none;

}

div.post .byline,

.post-grid > a:first-child .byline {

  display: block;

}

h3.columns,

p.columns {

	-webkit-column-count: 2;

	column-count: 2;

	-webkit-column-gap: 20px;

}

blockquote {

	margin: 0 0 25px;

	font-family: Knewave;

	font-size: 21px;

	font-weight: 300;

	text-transform: uppercase;

	line-height: 1.4;

}

blockquote img {

	margin: 0 auto 20px;

	max-width: 33.33%;

	border-radius: 100%;

}

small {

	font-size: 75%;

}



/* ============================== */

/* LINKS  */

/* ============================== */



a {

	color: #d8a143;

	text-decoration: underline;

  -webkit-transition: all 0.15s ease-in;

	-moz-transition: all 0.15s ease-in;

	-o-transition: all 0.15s ease-in;

	transition: all 0.15s ease-in;

	}

aside a {

	color: #fff;

	text-decoration: none;

}

aside a:hover {

	color: #fff;

	text-decoration: underline;

}

p.icon small {

	display: block;

	font-size: 90%;

}

p.icon a small {

	color: #fff;

	text-decoration: none;

	line-height: 1;

	opacity: 1;

}

a:hover {

	color: #004663;

	text-decoration: underline;

	}

.booking a {

	font-family: "Josefin Sans";

	font-size: 17px;

	font-weight: 900;

	text-shadow: 0 -1px 0 rgba(0,0,0,.5);

	letter-spacing: 2px;

	text-transform: uppercase;

	text-decoration: none;

}



/* ============================== */

/* BUTTONS  */

/* ============================== */



.btn,

input.btn {

	display: inline-block;

	position: relative;

	margin: 20px 0;

	padding: 8px 40px;

	font-family: "Vollkorn SC";

	font-size: 17px;

	font-weight: 700;

	color: #fff;

	letter-spacing: 1px;

	text-align: center;

	text-decoration: none;

	text-shadow: 0 -1px 0 rgba(0,0,0,.333);

	background: #ebb453;

	background: #bd562d ;

	border-bottom: 2px rgba(0,0,0,.5) solid;

	border-radius: 3px;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

 -webkit-transition: .2s ease-in;

 -moz-transition: .2s ease-in;

 -o-transition: .2s ease-in;

 -ms-transition: .2s ease-in;

 transition: .2s ease-in;

 cursor: pointer;

}

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

	.btn, 

	input.btn {

		margin-top: 10px;

		padding: 5px 25px;

		font-size: 14px;

	}

}

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

	.btn, 

	input.btn {

		font-size: 14px;

		letter-spacing: 0px;

	}

}

.btn-wrap .btn,

.btn-wrap .btn:last-child {

	margin: 15px 5px;

	padding: 10px 30px 7px 70px;

}

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

	.btn-wrap .btn, 

	.btn-wrap .btn:last-child {

		padding: 10px 30px 7px 55px;

	}

}

.btn:last-child {

  margin-bottom: 0;

}

.btn i,

.btn img {

	position: absolute;

	left: 25px;

	top: 50%;

	font-size: 17px;

	transform: translateY(-50%);

}

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

	.btn i,

	.btn img {

		position: absolute;

		left: 20px;

	}

}

aside .btn {

	margin: 0;

	padding: 20px 15px;

	width: 100%;

	background: rgba(0,0,0,.2);

	border-top: 1px rgba(0,0,0,.25) solid;

	box-shadow: 0 14px 48px rgba(0,0,0,.2);

	border-radius: none;

}

.btn img {

	width: 30px;

	height: auto;

}

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

	.btn img {

		width: 24px;

	}

}

#contactform input[type="submit"],

#contactform input[type="submit"]:hover {

  padding: 10px 25px;

	width: auto;

	border: none;

}

#close {

	display: block;

	position: absolute;

	top: 15px;

	right: 15px;

	padding: 10px;

	font-size: 240%;

 -webkit-transition: .2s ease-in;

 -moz-transition: .2s ease-in;

 -o-transition: .2s ease-in;

 -ms-transition: .2s ease-in;

 transition: .2s ease-in;

	cursor: pointer;

}

#close:hover {

	color: #fff;

}

.btn-outline {

	background: none;

	border: 1px #fff solid;

	border-radius: 2px;

}

.btn-outline:hover {

	border-color: transparent;

}

.btn:hover,

input.btn:hover {

	color: #fff;

	text-decoration: none;

	box-shadow: 0 36px 84px rgba(0,0,0,0.1) inset;

}



/* ============================== */

/* PICTURES  */

/* ============================== */



img {

	float: none;

	max-width: 100%;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}

a img {

	display: block;

}

.polaroid,

.polaroid.alignright,

.polaroid.alignleft {

	float: none;

	margin: 0;

	padding: 0;



	background: none;

	border: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

}

img.alignleft,

img.alignright,

.polaroid img {

	display: block;

	float: none;

	max-width: 50%;

	height: auto;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

	clear: both;

}

img.alignleft.wp-image-668,

img.alignleft.wp-image-669 {

	max-width: 100%;

}

img.alignleft {

	float: left;

	margin: 5px 20px 10px 0;

}

img.alignright {

	float: right;

	margin: 5px 0 10px 15px;

}

a.featured {

  display:  block;

  position:  relative;

  margin: 15px 0;

}

.faq {

  margin: 20px 0;

}

.faq h3:hover {

  color: #3b87aa;

  cursor: pointer;

}

.faq p {

  display: none;

  margin-bottom: 20px;

}

.gallery {

  display:  grid;

  margin: 15px 0;

}

.gallery a {

  display:  block;

  position:  relative;

  color: rgba(255,255,255,.0);

}

.gallery a:hover {

  color: rgba(255,255,255,1);

}

.gallery a img {

  margin: 0;

  -webkit-transition:all .25s ease-in;

	-moz-transition:all .25s ease-in;

	-o-transition:all .25s ease-in;

	-ms-transition:all .25s ease-in;

	transition:all .25s ease-in;

-webkit-backface-visibility: hidden;

}

.gallery a:hover img {

}

.gallery .overlay {

  display:  flex;

  align-items: center;

  justify-content: center;

  background: rgba(0,0,0,.1);

}

.gallery a:hover .overlay {

  background: rgba(0,0,0,.666);

}

.featherlight-image {

  max-height: 60vh !important;

}

article iframe ._rb9 {

    border-top: 1px solid #09f !important;

}



/* ============================== */

/* HEADER */

/* ============================== */



#bg {

	position: relative;

	margin: 0 auto;

	width: 66.6%;

	z-index: 2;

}

#header-wrap {

  display:  block;

	position: relative;

	padding: 0;

	width: 100%;

  height: auto;

	font-family: Cardo;

	font-size: 110%;

  text-align: center;

  color: rgba(255, 255, 255, .75);

  background-size: 100% auto;

	border: none;

  box-sizing: border-box;

  -webkit-transition: all 0.25s ease-in;

	-moz-transition: all 0.25s ease-in;

	-o-transition: all 0.25s ease-in;

	transition: all 0.25s ease-in;

	z-index: 9999;

}

#announcement-wrap {
	display: grid;
	justify-content: center;
	align-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 9999999;
}
#announcement {
	display: grid;
	grid-template-columns: 2fr 3fr;
	align-items: center;
	position: relative;
	width: 100%;
	max-width: 960px;
	align-content: center;
	background: #eae6da url(images/bg-paper.jpg) center top no-repeat;
	background-size: 100% auto;
	box-shadow: 0 0 120px rgba(0,0,0,.8);
}
.home #announcement .content {
	margin: 0;
	padding: 0 7.5%;
	width: 100% !important;
	text-align: left;
}
#announcement-wrap h2 {
	color: #bd562d;
}
#announcement-wrap h3 {
	font-size: 115%;
	font-weight: 600;
	color: #61413c;
	line-height: 1.5;
	letter-spacing: 0;
}
#announcement-wrap hr {
	margin: 20px 0;
	width: 60%;
	height: 3px;
	background: #92745b;
	border: none;
}
#announcement-wrap a#close-announcement {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	color: #fff;
	background: #bd562d;
	transform: translate(50%, -50%);
	border-radius: 100%;
}
#announcement-wrap a#close-announcement i {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 150%;
	transform: translate(-50%, -50%);
}

#header {

	display: block;

	position: relative;

	margin: 0;

	padding: 0;

	height: 100%;

  /*border: 4px rgb(179, 173, 167) double;*/

	-webkit-transition:all .25s ease-in;

	-moz-transition:all .25s ease-in;

	-o-transition:all .25s ease-in;

	-ms-transition:all .25s ease-in;

	transition:all .25s ease-in;

}

#header p {

	display: block;

	position: absolute;

	left: 25px;

	top: 25px;

	font-family: "Vollkorn SC";

	font-weight: 700;

	font-size: 18px;

	z-index: 2;

}
#header p.pdf-file{
	top: 40px;
}
#header p a {

	padding: 0 0 0 30px;

	color: #322e2d;

	text-decoration: none;

}

#header p a i.material-icons {

	position: absolute;

	left: 0;

	top: 40%;

	margin: 0;

	font-size: 21px;

	color: #703330;

	line-height: 1;

	transform: translateY(-50%);

}

a#logo {

	display: block;

	position: relative;

	margin: 10px 0 5px;

	padding: 0;

	width: 260px;

  height: auto;

	background: url(images/logo.png) center no-repeat;

	background-size: auto 0px;

	-webkit-transition:all .2s ease-in;

	-moz-transition:all .2s ease-in;

	-o-transition:all .2s ease-in;

	-ms-transition:all .2s ease-in;

	transition:all .2s ease-in;

	box-sizing: border-box;

	z-index: 2;

}

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

	a#logo {

		width: 220px;

	}

}

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

	a#logo {

		width: 240px;

	}

}

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

	a#logo {

		width: 180px;

	}

}

a#logo img {

	display: block;

	position: relative;

	margin: 0 auto;

	width: 100%;

	height: auto;

	-webkit-transition:all .25s ease-in;

	-moz-transition:all .25s ease-in;

	-o-transition:all .25s ease-in;

	-ms-transition:all .25s ease-in;

	transition:all .25s ease-in;

}

a#logo-footer {

  justify-self: center;

	width: 210px;

}

#footer-wrap img {

	image-rendering: -o-crisp-edges;

	image-rendering: -webkit-optimize-contrast;

	image-rendering: crisp-edges;

	-ms-interpolation-mode: nearest-neighbor;

}



/* ============================== */

/* NAVIGATION BAR  */

/* ============================== */



/*----------------------------------------------------------------*/



#container {

	display: block;

	position: relative;

	margin: 0 auto;

	width: 90%;

	box-shadow: 0 0 48px rgba(0,0,0,.5);

}

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

	#container {

		margin: 0 auto;

		width: 100%;

	}

}

#wrap {

	display: block;

	position: relative;

	left: 0;

	top: 0;

	bottom: 100%;

	margin: 0 auto;

	z-index: 1;

}

#wrap,

#site-navigation,

#site-navigation a {

 -webkit-transition: .2s ease-in;

 -moz-transition: .2s ease-in;

 -o-transition: .2s ease-in;

 -ms-transition: .2s ease-in;

 transition: .2s ease-in;

}

#pre {

	display: grid;

  align-items: center;

	position: relative;

	padding: 0;

	height: 48px;

	font-family: "Palatino Linotype", "Book Antiqua", Georgia, Palatino, serif;

	font-weight: 700;

	font-size: 17px;

	font-style: italic;

	text-align: center;

	letter-spacing: 1px;

	background: #3e3833;

	z-index: 1;

/*	background: #363a40;*/

/*	background: #3e3833 url(images/bg-wood06.jpg) center top repeat-x;

	background-size: 60% auto;

	border-bottom: 1px #000 solid;

	box-shadow: 0 4px 24px rgba(0,0,0,.25);*/

}

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

	#pre {

		font-size: 13px;

	}

}

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

	#pre {

		font-size: 14px;

	}

}

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

	#pre {

		font-size: 12px;

		letter-spacing: 1px;

	}

}

#pre a,

#pre a:hover {

	color: rgba(255,255,255,.9);

	text-decoration: none;

}

#pre a:hover {

	color: #fff;

}

#pre > p {

	margin: 0;

	color: #fff;

	line-height: .9;

}

#pre p i,

#pre p a:hover i {

	margin: 0 10px 0 0;

	font-size: 125%;

	font-weight: 300;

	color: #d2984c;

	color: #69824a;

}

#pre > p a {

	display: flex;

	margin-right: 25px;

	align-items: center;

}

#pre > p a:hover {

	text-decoration: none;

}

.contact-info {

	display: flex;

	align-items: center;

	justify-content: flex-end;

	position: absolute;

	margin: 0;

	top: 25px;

	right: 25px;

	z-index: 2;

}

a#phonelink,

a#phonelink:hover {

	display: grid;

	position: relative;

	margin: 0 15px 0 0;

	padding: 0 25px;

	width: auto;

	height: 100%;

	font-family: "Vollkorn SC";

  font-size: 24px;

	font-weight: 700;

	color: #fff;

	letter-spacing: 1px;

	text-align: center;

  text-transform:  uppercase;

	text-decoration: none;

	text-shadow: 0 -1px 0 rgba(0,0,0,.25);

	background: #d8a143;

	background: #703330 url(images/bg-nav.png) left bottom no-repeat;

	background-size: 3px auto;

	box-shadow: inset 0 8px 64px rgba(0,0,0,.1);

	box-sizing: border-box;

	-webkit-transition: all 0.15s ease-in;

	-moz-transition: all 0.15s ease-in;

	-o-transition: all 0.15s ease-in;

	transition: all 0.15s ease-in;

	overflow: hidden;

	align-items: center;

	z-index: 1;

}

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

	a#phonelink,

	a#phonelink:hover {

		margin: 0 10px 0 0;

		padding: 0 18px;

		font-size: 18px;

	}

}

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

	a#phonelink,

	a#phonelink:hover {

		font-size: 20px;

	}

}

a#emaillink,

a#emaillink:hover {

  font-size: 90%;

  background: #d05e87;

}

a#phonelink i,

a#emaillink i {

  margin: 0 5px 0 0;

	font-size: 85%;

	font-weight: 300;

}

ul#social-wrap {

	display: block;

	position: relative;

	margin: 0;

	width: auto;

	height: 27px;

}

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

	ul#social-wrap {

		height: 21px;

	}

}

#pre ul#social-wrap {

	display: inline-block;

	text-align: right;

}

ul#social-wrap li.social-icons {

	display: inline-block;

	margin: 0 0 0 5px;

	padding: 3px;

	height: auto;

	text-align: center;

  background: #703330;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

	vertical-align: top;

	-webkit-transition: all 0.15s ease-in;

	-moz-transition: all 0.15s ease-in;

	-o-transition: all 0.15s ease-in;

	transition: all 0.15s ease-in;

	overflow: hidden;

}

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

	ul#social-wrap li.social-icons {

		margin-left: 3px;

		padding: 0;

	}

}

ul#social-wrap li a {

	display: block;

	position: relative;

	margin: 0;

	width: 21px;

	height: 21px;

	color: #fff;

	text-decoration: none;

	border: none;

}

li.social-icons i {

	display: block;

	padding: 0;

	width: 100%;

	line-height: 21px;

	text-align: center;

}

li.social-icons i.fa-facebook {

	-o-transition:.5s;

	-ms-transition:.5s;

	-moz-transition:.5s;

	-webkit-transition:.5s;

	transition: .5s;

	background-color: #3d5b99;

}

li.social-icons i.fa-facebook:hover {

	background-color: #3d5b99;

}

li.social-icons i.fa-envelope {

	-o-transition:.5s;

	-ms-transition:.5s;

	-moz-transition:.5s;

	-webkit-transition:.5s;

	transition: .5s;

	background-color: #39C;

}

li.social-icons i.fa-envelope:hover {

	background-color: #39C;

}

li.social-icons i.fa-twitter {

	-o-transition:.5s;

	-ms-transition:.5s;

	-moz-transition:.5s;

	-webkit-transition:.5s;

	transition: .5s;

	background-color: #00aced;

}

li.social-icons i.fa-twitter:hover {

	background-color: #00aced;

}

li.social-icons i.fa-rss {

	-o-transition:.5s;

	-ms-transition:.5s;

	-moz-transition:.5s;

	-webkit-transition:.5s;

	transition: .5s;

}

li.social-icons i.fa-rss:hover {

	background-color: #eb8231;

}

li.social-icons i.fa-youtube {

	-o-transition:.5s;

	-ms-transition:.5s;

	-moz-transition:.5s;

	-webkit-transition:.5s;

	transition: .5s;

	background-color: #e64a41;

}

li.social-icons i.fa-youtube:hover {

	background-color: #e64a41;

}

li.social-icons i.fa-tripadvisor {

	-o-transition:.5s;

	-ms-transition:.5s;

	-moz-transition:.5s;

	-webkit-transition:.5s;

	transition: .5s;

	background-color: #5fb469;

}

li.social-icons i.fa-tripadvisor:hover {

	background-color: #5fb469;

}

li.social-icons i.fa-linkedin {

	-o-transition:.5s;

	-ms-transition:.5s;

	-moz-transition:.5s;

	-webkit-transition:.5s;

	transition: .5s;

}

li.social-icons i.fa-linkedin:hover {

	background-color: #0073a4;

}

li.social-icons i.fa-google-plus {

	-o-transition:.5s;

	-ms-transition:.5s;

	-moz-transition:.5s;

	-webkit-transition:.5s;

	transition: .5s;

	background-color: #e25714;

}

li.social-icons i.fa-google-plus:hover {

	background-color: #e25714;

}

li.social-icons i.fa-snapchat {

	-o-transition:.5s;

	-ms-transition:.5s;

	-moz-transition:.5s;

	-webkit-transition:.5s;

	transition: .5s;

	background-color: #ffff00;

}

li.social-icons i.fa-snapchat:hover {

	color: #000;

  background-color: #ffff00;

}

li.social-icons i.fa-instagram {

	-o-transition:.5s;

	-ms-transition:.5s;

	-moz-transition:.5s;

	-webkit-transition:.5s;

	transition: .5s;

	background-color: #773ef2;

}

li.social-icons i.fa-instagram:hover {

    background-color: #773ef2;

}

li.social-icons i.fa-facebook,

li.social-icons i.fa-envelope,

li.social-icons i.fa-twitter,

li.social-icons i.fa-rss,

li.social-icons i.fa-youtube,

li.social-icons i.fa-tripadvisor,

li.social-icons i.fa-linkedin,

li.social-icons i.fa-google-plus,

li.social-icons i.fa-instagram,

li.social-icons i.fa-snapchat {

	font-size: 17px;

	color: #fff;	

  background-color: transparent;

	border-radius: 100%;

}

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

	li.social-icons i.fa-facebook,

	li.social-icons i.fa-envelope,

	li.social-icons i.fa-twitter,

	li.social-icons i.fa-rss,

	li.social-icons i.fa-youtube,

	li.social-icons i.fa-tripadvisor,

	li.social-icons i.fa-linkedin,

	li.social-icons i.fa-google-plus,

	li.social-icons i.fa-instagram,

	li.social-icons i.fa-snapchat {

		font-size: 13px;

	}

}

li.social-icons i.fa-facebook:hover,

li.social-icons i.fa-envelope:hover,

li.social-icons i.fa-twitter:hover,

li.social-icons i.fa-rss:hover,

li.social-icons i.fa-youtube:hover,

li.social-icons i.fa-tripadvisor:hover,

li.social-icons i.fa-linkedin:hover,

li.social-icons i.fa-google-plus:hover,

li.social-icons i.fa-instagram:hover,

li.social-icons i.fa-snapchat:hover {

	color: #f1c33e;

}

li.social-icons:hover {

	transform: scale(1.2);

}

#site-navigation {

	display: block;

	position: relative;

	padding: 0;

	height: auto;

 	font-family: "Vollkorn SC";

	font-size: 18px;

	font-weight: 700;

	letter-spacing: 1px;

	background: url(images/bg-paper.jpg) center top no-repeat;

	background-size: 100% auto;

}

#site-navigation .menu {

	display: flex;

	justify-content: center;

	align-items: flex-end;

	margin: 0;

}

#site-navigation .menu li {

	display: block;

	position: relative;

	margin: 10px 0;

	padding: 0;

}

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

	#site-navigation .menu li {

		margin: 0;

	}

}

#site-navigation .menu li#home {

	font-variant: normal;

}

#site-navigation .menu li#home i.material-icons {

	margin-top: 4px;

	font-size: 95%;

}

#site-navigation .menu li > a {

  display:  block;

	padding: 15px;

	color: #322e2d;

	text-decoration: none;

}

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

	#site-navigation .menu li > a {

		padding: 15px;

	}

}

#site-navigation .menu li a:hover {

	color: #7b201b;

	text-decoration: none;

}

#site-navigation li.sub-wrapper {

	margin-right: 15px;

	padding-right: 5px;

}

#site-navigation li.sub-wrapper > a:after {

	content: ' ';

	display: block;

	position: absolute;

	right: 0px;

	top: 50%;

  margin: 2px;

	height: 0;

	width: 0;

	border: 6px solid transparent;

	border-top-color: #7b201b;

	-ms-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	z-index: 1;

}

#site-navigation li.sub-wrapper:hover .sub-menu {

	height: auto;

	opacity: 1;

}

#site-navigation li .sub-menu {

	display: block;

	position: absolute;

	margin: 0;

	padding: 0;

	width: 300px;

	height: 1px;

	background: rgba(0, 0, 0, 0.2);

	background: #a84f2b url(images/bg-nav.png) left bottom no-repeat;

	background-color: #a84f2b;

	background-size: 2px 90%;

	border-bottom: 1px rgba(0,0,0,.75) solid;

	box-shadow: inset 0 96px 96px rgba(0,0,0,.2);

  -webkit-transition: all 0.15s ease-in;

	-moz-transition: all 0.15s ease-in;

	-o-transition: all 0.15s ease-in;

	transition: all 0.15s ease-in;

	overflow: hidden;

  opacity: 0;

}

#site-navigation .sub-menu li {

	display: block;

	float: none;

	margin: 0;

	padding: 0;

	width: 100%;

	height: auto;

	line-height: 1.2;

	text-align: left;

	text-shadow: 0 -1px 0 #fff;

	border: none;

/*	border-top: 1px rgba(0,0,0,.33) solid;

	border-bottom: 1px rgba(255,255,255,.2) solid;*/

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}

#site-navigation .sub-menu li:hover {

	display: block;

	background: rgba(0, 0, 0, 0.15);

}

#site-navigation .menu li.sub-wrapper .sub-menu a,

#site-navigation li.sub-wrapper .sub-menu a {

	display: block;

	padding: 15px 25px;

	height: auto;

	text-align: left;

	text-shadow: none;

	color: #fff;

}

#site-navigation ul li,

#site-navigation ul li:hover .sub-menu a,

#site-navigation ul li .sub-menu a,

#site-navigation ul li .sub-menu a:hover {

	color: #fff;

}

div#navicon,

#site-navigation li#close {

	display: none;

}

#site-navigation li#close a {

	padding: 0;

	height: 72px;

}



/* ============================== */

/* ART */

/* ============================== */



.hero {

  grid-column: span 3;

	display: block;

	position: relative;

	margin: 0 auto;

	padding: 0 0 50%;

	width: 100%;

	height: 0;

	font-family: "Vollkorn SC";

	font-size: 17px;

	font-weight: 700;

	color: rgba(255,255,255,.75);

	background-size: 100%;

	box-shadow: 0 24px 128px rgba(0,0,0,.333);

	overflow: hidden;

	z-index: 1;

}

.home .hero {

	padding: 0 0 50%;

	height: 0;

}

.hero .content,

.home .hero .content {

	display: grid;

	align-content: end;

	padding: 0 0 60px;

	width: 85%;

	height: 100%;

	box-sizing: border-box;

}

.hero p {

	margin-right: 110px;

}

.hero .drag-left {

	text-align: center;

}

.hero .drag-center {

	text-align: left !important;

	justify-items: center;

}

.hero .drag-right {

	text-align: center;

	justify-items: end;

}

.booking {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	padding: 10px;

	background: url(images/bg-wood04.jpg) center top no-repeat;

	background-size: 100% auto;

	border-bottom: 1px rgba(0,0,0,.5) solid;

	box-shadow: inset 0 12px 96px rgba(0,0,0,.1);

}

.booking a {

	padding: 20px 5px;

	background: #9b3434 url(images/bg-nav.png) right bottom no-repeat;

	background-size: 2px 80%;

	border-top: 1px rgba(255,255,255,.1) solid;

	box-shadow: inset 0 12px 96px rgba(0,0,0,.1);

	box-sizing: border-box;

}

.booking img {

	display: block;

	position: relative;

	margin: 0 auto 15px;

	width: auto;

	height: 36px;

}

.hero .pull-left {

	display: block;

	position: relative;

	padding-left: 5%;

	width: 55%;

}

.hero .content > div {

	display: grid;

	grid-template-columns: 1fr 4fr;

	width: 66.6%;

}

.hero .content > div span {

	display: grid;

	align-content: center;

	position: relative;

	padding: 20px 30px;

	background: #433b36;

/*	background: url(images/bg-wood05.jpg) left center no-repeat;

	background-size: 150% auto;*/

	border-right: 1px rgba(255,255,255,.1) solid;

	border-bottom: 1px rgba(255,255,255,.1) solid;

	border-radius: 0 48px 48px 0;

	-webkit-border-radius: 0 48px 48px 0;

}

.hero .content > div span img {

	display: block;

	position: absolute;

	bottom: -5px;

	right: 25px;

	height: 135%;

	width: auto;

}

.cta {

	display: grid;

	align-content: center;

	position: relative;

	margin: 0;

	padding: 15px;

	font-size: 18px;

	color: #fff;

	text-align: center;

	text-decoration: none;

	line-height: 1.2;

	letter-spacing: 0px;

/*	background: ##bb413b;*/

	background: url(images/map.jpg) center no-repeat;

	background: #ae5837;

	background-size: 100% auto;

	border-top: 1px rgba(0,0,0,.5) solid;

/*	border-left: 1px rgba(255,255,255,.1) solid;*/

	border-bottom: 1px rgba(255,255,255,.2) solid;

	border-right: 1px rgba(0,0,0,.5) solid;

	border-radius: 48px 0 0 48px;

	-webkit-border-radius: 48px 0 0 48px;

	box-shadow: inset 0 36px 72px rgba(0,0,0,.25);

}

a.cta:hover {

	color: #fff;

	text-decoration: none;

	background: #319665;

	background-size: 125% auto;

}

.cta img {

	position: relative;

	margin: 0 auto 10px;

	width: 75%;

}

.cta-text img {

	display: inline;

	margin: 0 10px 0 0;

	width: 18px;

	height: auto;

}

.slideshow {

	display: block;

	position: relative;

	margin: 0;

	padding: 0 0 56.25%;

	width: 100%;

	height: 0;

	z-index: 1;

}

.slide {

	display: block;

	position: absolute;

	top: 0;

	left:0;

	width: 100%;

	height: 100%;

	z-index: 1;

}

.hero img.pull-right {

	position: absolute;

	top: 0;

	right: 5%;

	margin: 0;

	padding: 0;

	width: auto;

	height: 100%;

}

#slide0 {

	background: url(images/slide0.jpg) no-repeat;

}

#slide01 {

	background: url(https://i.imgur.com/OTD7Lih.jpg) no-repeat;

	background: url(images/slide01.jpg) no-repeat;

}

#slide02 {

	background: url(images/slide02.jpg) no-repeat;

}

#slide03 {

	background: url(images/slide03.jpg) no-repeat;

}

#slide04 {

	background: url(images/slide04.jpg) no-repeat;

}

#slide05 {

	background: url(images/slide05.jpg) no-repeat;

}

#slide06 {

	background: url(images/slide06.jpg) no-repeat;

}

#slide07 {

	background: url(images/slide07.jpg) no-repeat;

}

#slide08 {

	background: url(images/slide08.jpg) no-repeat;

}

#slide09 {

	background: url(images/slide09.jpg) no-repeat;

}

#slide10 {

	background: url(images/slide10.jpg) no-repeat;

}

#slide11 {

	background: url(images/slide11.jpg) no-repeat;

}

#slide12 {

	background: url(images/slide12.jpg) no-repeat;

}

#slide13 {

	background: url(images/slide13.jpg) no-repeat;

}

#slide14 {

	background: url(images/slide14.jpg) no-repeat;

}

#slide15 {

	background: url(images/slide15.jpg) no-repeat;

}

#slide16 {

	background: url(images/slide16.jpg) no-repeat;

}

#slide17 {

	background: url(images/slide17.jpg) no-repeat;

}

#slide18 {

	background: url(images/slide18.jpg) no-repeat;

}

#slide19 {

	background: url(images/slide19.jpg) no-repeat;

}

#slide20 {

	background: url(images/slide20.jpg) no-repeat;

}

#slide21 {

	background: url(images/slide21.jpg) no-repeat;

}

#slide22 {

	background: url(images/slide22.jpg) no-repeat;

}

#slide23 {

	background: url(images/slide23.jpg) no-repeat;

}

#slide24 {

	background: url(images/slide24.jpg) no-repeat;

}

#slide25 {

	background: url(images/slide25.jpg) no-repeat;

}

#slide26 {

	background: url(images/slide26.jpg) no-repeat;

}

#slide27 {

	background: url(images/slide27.jpg) no-repeat;

}

#slide28 {

	background: url(images/slide28.jpg) no-repeat;

}

#slide29 {

	background: url(images/slide29.jpg) no-repeat;

}

#slide30 {

	background: url(images/slide30.jpg) no-repeat;

}

#slide31 {

	background: url(images/slide31.jpg) no-repeat;

}

#slide32 {

	background: url(images/slide32.jpg) no-repeat;

}

#slide33 {

	background: url(images/slide33.jpg) no-repeat;

}

#slide34 {

	background: url(images/slide34.jpg) no-repeat;

}

#slide35 {

	background: url(images/slide35.jpg) no-repeat;

}

#slide36 {

	background: url(images/slide36.jpg) no-repeat;

}

#slide37 {

	background: url(images/slide37.jpg) no-repeat;

}

#slide38 {

	background: url(images/slide38.jpg) no-repeat;

}

#slide39 {

	background: url(images/slide39.jpg) no-repeat;

}

#slide40 {

	background: url(images/slide40.jpg) no-repeat;

}

#slide41 {

	background: url(images/slide41.jpg) no-repeat;

}

#slide42 {

	background: url(images/slide42.jpg) no-repeat;

}

#slide44 {

	background: url(images/slide44.jpg) no-repeat;

}
#slide45 {

	background: url(images/slide45.jpg) no-repeat;

}
#slide46 {

	background: url(images/slide46.jpg) no-repeat;

}
#slide47 {

	background: url(images/slide47.jpg) no-repeat;

}
#slide48 {

	background: url(images/slide48.jpg) no-repeat;

}

#slide49 {

	background: url(images/slide49.jpg) no-repeat;

}

#slide50 {

	background: url(images/slide50.jpg) no-repeat;

}

#slide00,

#slide01,

#slide02,

#slide03,

#slide04,

#slide05,

#slide06,

#slide07,

#slide08,

#slide09,

#slide10,

#slide11,

#slide12,

#slide13,

#slide14,

#slide15,

#slide16,

#slide17,

#slide18,

#slide19,

#slide20,

#slide21,

#slide22,

#slide23,

#slide24,

#slide25,

#slide26,

#slide27,

#slide28,

#slide29,

#slide30,

#slide31,

#slide32,

#slide33,

#slide34,

#slide35,

#slide36,

#slide37,

#slide38,

#slide39,

#slide40,

#slide41,

#slide42,

#slide44,

#slide45,

#slide46,

#slide47,

#slide48,

#slide49,

#slide50
	{

	background-size: 100% auto;

	background-position: center top;

}

.home #cta-services {

	grid-template-columns: repeat(3, 1fr);

	padding: 20px;	

	font-size: 21px;

}

#cta-services {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	padding: 0px;	

	font-family: "Vollkorn SC";

	font-size: 21px;

	font-weight: 700;

	line-height: 1.2;

	background: url(images/bg-wood04.jpg) left top no-repeat;

	background-size: 100% auto;

}

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

	#cta-services {

		font-size: 18px;

	}

}

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

	#cta-services {

		padding: 0;

	}

}

#cta-services > a {

	display: grid;

	align-content: center;

	justify-items: center;

	position: relative;

	padding: 0 0 56.25%;

	width: 100%;

	height: 0;

	color: #fff;

	background: url(images/gallery03.jpg) center no-repeat;

	background-size: 100%;

}

#cta-services > a:nth-child(2) {

	background-image: url(images/gallery01.jpg);

}

#cta-services > a:nth-child(3) {

	background-image: url(images/gallery02.jpg);

}

#cta-services > a:nth-child(4) {

	background-image: url(images/gallery04.jpg);

	box-shadow: inset 24px 0px 96px rgba(0,0,0,.5);

}

#cta-services .overlay {

	display: grid;

	align-content: center;

  justify-items: center;	

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.25);

}

#cta-services .text {

	display: grid;

	grid-template-columns: 1fr 6fr;

	grid-gap: 15px;

	width: 75%;

	align-items: center;

}

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

	#cta-services .text {

		grid-template-columns: 1fr;

		width: 20%;

	}

	#cta-services .text p {

		display: none;

	}

}

#cta-services .text > div:first-child {

	display: block;

	position: absolute;

	padding: 0 0 25%;

	width: 100%;

	height: 0;

	background: #09f;

	border-radius: 100%;

}

#cta-services p {

	margin: 0;

}

#cta-services img {

	margin: 0;

	height: auto;

	background: #69824a;

	border-radius: 100%;

}

.testimonials-pager {

	display: flex;

	position: absolute;

	bottom: 0%;

	right: 0;

	z-index: 999999;

}

.testimonials-pager span {

	display: block;

	margin: 0 5px;

	width: 8px;

	height: 8px;

  text-indent: -9999px;

	background: rgba(255,255,255,.333);

	border-radius: 100%;

	cursor: pointer;

}

.testimonials-pager span.cycle-pager-active {

	background: #fff;

}

.misc {

	display: grid;

	align-content: center;

	color: #fff;

	background: #38775d;

	box-shadow: inset 12px 36px 96px rgba(0,0,0,.1);

	box-sizing: border-box;

  -webkit-transition:all .25s ease-in;

	-moz-transition:all .25s ease-in;

	-o-transition:all .25s ease-in;

	-ms-transition:all .25s ease-in;

	transition:all .25s ease-in;

}

.bg-yellow,

a.bg-yellow:hover {

	color: #302827;

	background: #ebb453;

}

.bg-green {

	color: #fff;

	background: #4f9a63;

	box-shadow: inset 12px 36px 96px rgba(0,0,0,.1);

}

.bg-black {

	color: #fff;

	background: #312e2d;

}

.bg-black.polaroids {

	background: #312e2d url(images/bg-wood.jpg) center top no-repeat;

	background-size: 120% auto;

}

.bg-brown {

	color: #fff;

	background: #89604e;

	background: #463c33 url(images/bg-wood01.jpg) center top no-repeat;

	background-size: 100% auto;

	box-shadow: inset 12px 36px 96px rgba(0,0,0,.1);

}



/* ============================== */

/* TARGET

/* ============================== */



#target-wrap {

	display: block;

	position: relative;

	margin: 20px auto;

	height: auto;

}

.target img {

	display: block;

	position: relative;

	margin: 0 auto;

	width: 100%;

	height: auto;

}

#trigger-wrap {

	display: grid;

	grid-template-columns: repeat(5, 1fr);

	grid-gap: 10px; 

	margin: 15px auto 20px; 

	width: 90%;

	font-family: "Vollkorn SC";

	font-size: 15px;

	font-weight: 600;

	line-height: 1.2;

}

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

	#trigger-wrap {

		font-size: 13px;

	}

}

#trigger-wrap a {

	color: #fff;

	text-decoration: none;

	opacity: .66;

}

#trigger-wrap a img {

	display: block;

	position: relative;

	margin: 0 auto 10px;

	width: 100%;

	height: auto;

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%);

	-webkit-transition:all .25s ease-in;

	-moz-transition:all .25s ease-in;

	-o-transition:all .25s ease-in;

	-ms-transition:all .25s ease-in;

	transition:all .25s ease-in;

}

#trigger-wrap a.trigger:hover {

	color: #fff;

}

#trigger-wrap a.trigger.selected {

	color: #fff;

	opacity: 1;

}

#trigger-wrap a.trigger.selected img {

	opacity: 1;

  -webkit-filter: none;

  filter: none;

}

#promotions-wrap {

	position: relative;

	font-size: 95%;

	text-align: center;

}

#promotions-wrap img {

	display: block;

	position: absolute;

	bottom: 0;

	left: 50%;

	width: auto;

	height: 85%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

}

#promotions {

	display: grid;

	grid-template-columns: 1fr 1fr;

	grid-gap: 40%;

	margin: 0 auto;

	padding: 100px 0;

	width: 70%;

}

#promotions img {

	position: relative;

	margin: 0 auto 15px;

	bottom: auto;

	left: auto;

	width: 60%;

	height: auto;

	transform: none;

	-webkit-transform: none;

}

#promotions > div {

	position: relative;

}

#polaroid-wrap {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	grid-gap: 40px;

	position: relative;

	margin: 0 auto;

	padding: 100px 0;

	width: 85%;

	font-size: 95%;

	font-weight: 900;

	text-align: center;

}

#polaroid-wrap a {

	color: #e8cf94;

	text-decoration: none;

}

#polaroid-wrap h6 {

	margin-bottom: 10px;

	font-size: 115%;

	color: #fff;

}



/* ============================== */

/* NEXTPREV

/* ============================== */



#next,

#prev,

#next2,

#prev2 {

	display: block;

	position: absolute;

	top: 50%;

	font-size: 80px;

	line-height: 44px;

	text-align: center;

	color: #fff;

	-webkit-transition: all 0.15s ease-in;

	-moz-transition: all 0.15s ease-in;

	-o-transition: all 0.15s ease-in;

	transition: all 0.15s ease-in;

	opacity:.5;

	filter:alpha(opacity=50);

	-ms-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	cursor: pointer;

	z-index: 99999;

}

#next2,

#prev2 {

  opacity:.25;

	filter:alpha(opacity=25);

}

#next {

	right: 20px;

}

#next2 {

	right: 80px;

}

#prev {

	left: 20px;

}

#prev2 {

	left: 80px;

}

#next,

#prev,

#next2,

#prev2 {

	-webkit-transition: all 0.2s ease-in;

	-moz-transition: all 0.2s ease-in;

	-o-transition: all 0.2s ease-in;

	transition: all 0.2s ease-in;

}

#next:hover,

#prev:hover,

#next2:hover,

#prev2:hover {

	opacity:0.75;

	filter:alpha(opacity=75);

}





/* ============================== */

/* CYCLE PAGER */

/* ============================== */



.cycle-pager {

	display: block;

	position: absolute;

	bottom: 25px;

	left: 50%;

	margin: 0;

	padding: 0;

	width: 125px;

	height: 8px;

	-ms-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	overflow: hidden;

	z-index: 9999999999999999999999999;

	}

.cycle-pager span {

	display: block;

	position: relative;

	float: left;

	margin: 0 5px;

	width: 6px;

	height: 6px;

	background: rgba(255,255,255,.5);

	text-indent: -9999px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	cursor: pointer;

}

.cycle-pager span.cycle-pager-active {

	background: #fff;

}

.cycle-pager span:last-child {

	margin-right: 0;

}

.cycle-pager a:last {

	margin-right: 0;

}

.cycle-next,

.cycle-prev {

	display: block;

	position: absolute;

	top: 240px;

	width: 69px;

	height: 69px;

	text-indent: -9999px;

	opacity:.75;

	filter:alpha(opacity=75);

	-webkit-transition: all 0.15s ease-in;

	-moz-transition: all 0.15s ease-in;

	-o-transition: all 0.15s ease-in;

	transition: all 0.15s ease-in;

	cursor: pointer;

	z-index: 99999999999999999;

}

.cycle-next:hover,

.cycle-prev:hover {

	opacity:1;

	filter:alpha(opacity=100);

}

.cycle-next {

	right: 30px;

	background: url(images/sprites.png) -100px -50px no-repeat;

}

.cycle-prev {

	left: 30px;

	text-align: left;

	background: url(images/sprites.png) 0px -50px no-repeat;

}



/* ============================== */

/* ELEMENTS

/* ============================== */



.content {

	position: relative;

	margin: 0 auto;

	padding: 80px 10%;

	box-sizing: border-box;

}

.home .content {

	padding: 100px 0;

	width: 62.5%;

	text-align: center;

}

.home #yt {

	width: 70%;

}

#yt p {

	margin: 10px auto 15px;

	width: 90%;

}

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

	.home .content {

		padding: 80px 0;

		width: 80%;

	}

}

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

	.home .content {

		padding: 60px 0;

		width: 90%;

	}

}

.content.article-left {

	display: grid;

	grid-template-columns: 3fr 1fr;

	grid-gap: 80px;

	align-items: self-start;

}

.content iframe {

	float: none !important;

	width: 100% !important;

}

.grey,

.dark,

.bg-paper,

.bg-envelope,

.bg-pattern {

	display: block;

	position: relative;

	background: #f2f3f5;

	background-size: 100% auto;

}

.bg-paper,

.bg-envelope,

.bg-pattern {

  background: #e9e2d2 url(images/bg-paper.jpg) center top repeat-x;

  background-size: 100% auto;

}

.bg-envelope {

  background: #fbf8f2 url(images/bg-envelope.jpg) center top repeat-x;

  background-size: 66.6% auto;

}

.bg-pattern {

  background: #e7e1d1 url(images/bg-pattern.png);

  background-size: auto auto;

}

.dark {

  padding: 120px 0;

  background: #333;

  background: #e7e1d1 url(images/bg-wood02.jpg) center top repeat-x;

  background-size: 100% auto;

}



/* ============================== */

/* SIDEBAR

/* ============================== */



#ss {

  display: block;

  position:  relative;

  margin: 25px 0 25px -15%;

  padding: 0;

  width: 130%;

  background: #333;

  background-size: 100%;

	box-sizing: border-box;

  box-shadow: 0 24px 96px rgba(0, 0, 0, 0.333);

  overflow: hidden;

}

#ss div {

  display:  block;

  position:  absolute;

  top: 0;

  left: 0;

}



/* ============================== */

/* BOXES

/* ============================== */



/* ============================== */

/* RIBBONS

/* ============================== */



.ribbon {

	display: block;

	position: relative;

	padding: 0;

	text-decoration: none;

	background-color: #66CC99;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}

.ribbon:hover {

	text-decoration: none;

}

.ribbon a.content {

	display: block;

	padding: 30px 0;

	width: 667px;

	overflow: hidden;

}

.ribbon img {

	position: absolute;

	top: 50%;

	margin-top: -48px;

	left: 10px;

	width: 96px;

	height: auto;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	-webkit-animation: pulsate 1s linear infinite;

	-moz-animation: pulsate 1s linear infinite;

	-ms-animation: pulsate 1s linear infinite;

	animation: pulsate 1s linear infinite;

}

.badges {

	display: block;

	position: relative;

	margin-top: 40px;

}

.badges > * {

	display: inline-block;

	margin: 0 30px 0 0;

	width: auto;

	height: 56px;

	text-align: center;

	opacity: 0.5;

	-webkit-filter: grayscale(100%);

	filter: grayscale(100%);

	vertical-align: middle;

	-webkit-transition:all .2s ease-in;

	-moz-transition:all .2s ease-in;

	-o-transition:all .2s ease-in;

	-ms-transition:all .2s ease-in;

	transition:all .2s ease-in;

  transform-style: preserve-3d;

}

.badges > a img {

	width: auto;

	height: 100%;

}

.badges > *:last-child {

	margin-right: 0;

}

.badges > *:hover {

	opacity: 1;

	-webkit-filter: none;

	filter: none;

}

.social-timeline-wrap {

	display: block;

	position: relative;

	margin: 15px auto;

	width: 640px;

	overflow: hidden;

}

.social-timeline {

	display: block;

	position: relative;

	float: left;

	width: 300px;

}

.social-timeline:last-child {

	float: right;

}



/* ============================== */

/* FOOTER

/* ============================== */



#footer-wrap {

	display: grid;

	grid-template-columns: 1fr 1fr 1fr;

	align-items: center;

	position: relative;

	padding: 80px;

  width: 100%;

  max-width: 100%;

  font-size: 95%;

	text-align: center;

	color: rgba(255,255,255,.75);

	color: #322e2d;

  background: #272220;

	background: #2f2825;

	background: url(images/bg-wood04.jpg) left -150px no-repeat;

    background: url(images/bg-paper.jpg) center top no-repeat;

    background-size: 100% auto;

	background-size: 100% auto;

	box-sizing: border-box;

}

#footer-wrap .copyright img {

	width: 50%;

}





/* ============================== */

/* FORMS */

/* ============================== */



#contactform {

  display: block;

  position: relative;

	margin: 25px auto;

	padding: 20px 25px;

	width: auto;

	height: auto;

	color: #fff;	

	background: #352d29;

	box-sizing: border-box;

}

form .left {

	float: left;

}

form .right {

	float: right;

}

form .left,

form .right {

	width: 50%;

}

#contactform input,

#contactform select,

#contactform textarea {

	padding: 10px;

	width: 100%;

	height: auto;

  font-size: 90%;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}

#contactform-wrap form {

	display: block;

	position: relative;

	margin: 30px auto 0;

  padding: 0 0 30px;

	width: auto;

	text-align: left;

	border-top: 4px #eeb13c solid;

	-webkit-box-sizing: border-box;

	-moz-box-sizing:    border-box;

	box-sizing:         border-box;

	}

#contactform fieldset {

	margin: 15px 0;

	padding: 0;

	width: 100%;

	border: none;

	-webkit-box-sizing: border-box;

	-moz-box-sizing:    border-box;

	box-sizing:         border-box;

}

legend {

	display: block;

	margin: 0 0 15px;

	padding: 0;

	color: #999;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

}

#contactform p {

	margin: 15px 0;

	font-family: Roboto;

  font-size: 115%;

  font-weight: 700;

	color: #e8cf94;

	text-shadow: none;

}

.field {

	position: relative;

	margin: 0;

	overflow: hidden;

	box-sizing: border-box;

	}

.field.left {

	padding-right: 10px;

}

.field.right {

	padding-left: 10px;

}

.field:blur {

	background: #FCC;

	}

label {

	display: block;

	margin: 8px 0;

	font-family: "Vollkorn SC";

	font-size: 95%;

	font-weight: 600;

	}

input, select, textarea {

	display: block;

	position: relative;

	margin: 0 0 15px;

	color: #333;

	background: #fff;

	}

input {

	margin: 0 0 15px;

	padding: 12px;

	width: 100%;

	height: auto;

	color: #656565;

	background: #fff;

	border: 1px solid #ccc;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1) inset;

	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1) inset;

	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1) inset;

	-webkit-transition: border-color .2s ease-out,-webkit-box-shadow .2s ease-out;

	-moz-transition: border-color .2s ease-out,-moz-box-shadow .2s ease-out;

	transition: border-color .2s ease-out, box-shadow .2s ease-out;

	}

input#validate {

	width: 100%;

}

input, select {

	display: block;

	}

select {

	padding-left: 15px;

	width: 260px;

	height: 30px;

	}

select#daydropdown, select#monthdropdown, select#yeardropdown {

	float: left;

	margin-right: 5px;

	width: 75px;

	}

input:active, input:focus, textarea:active, textarea:focus {

	}

textarea {

	display: block;

	padding: 10px;

	width: 97%;

	height: 200px;

	border: 1px solid #ccc;

	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1) inset;

	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1) inset;

	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1) inset;

	}

#contactform input[type="radio"] {

	display: block;

	float: left;

	margin: 0 12px 15px 0;

	width: 18px;

	height: 18px;

    color:#f2f2f2;

    vertical-align: baseline;

}

#contactform input[type=image] {

	margin: 0;

	width: 93px;

}

#contactform label.left,

#contactform label.right {

	padding: 0 10px 0 0;

	font-size: 100%;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}

#contactform .checkbox label {

	margin: 0 0 15px 0;

}

#contactform input[type='checkbox'] {

	display: block;

  margin: 2px 15px 0 0;

	float: left;

	width: 18px;

	height: 18px;

  vertical-align: baseline;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}



/* ============================== */

/* TABLES  */

/* ============================== */



table {

	table-layout: fixed;

	padding: 0;

	width: 100%;

	font-size: 17px;

	line-height: 1.6;

	border-spacing: 0;

}

table.info,

.faux-table {

	margin: 40px auto;

	font-family: Roboto;

	font-weight: 300;

	color: #3f4150;

	background: #755d48;

	background: #352d29;

	border-spacing: 1px;

	border-bottom: 1px #000 solid;

	box-shadow: 0 48px 172px rgba(0,0,0,.05);

}

table.info h3 {

	

}

table.info li,

table.info p {

	font-weight: 300;

	color: rgba(255,255,255,.9);

}

table.info p strong {

	font-weight: 900;

}

table.info tr,

.faux-tr {

}

table.info tr:nth-child(odd),

.faux-tr:nth-child(odd) {

}

table.info th,

.faux-th {

	padding: 25px 20px;

	font-family: Roboto;

	font-size: 170%;

	font-weight: 900;

	text-shadow: 0 1px 0 rgba(0,0,0,.5);

	letter-spacing: 1px;

	line-height: 1.2;

	color: #fff;

	background: #bd562d;

	box-shadow: inset 0 30px 72px rgba(0,0,0,.1);

	vertical-align: middle;

}

table.info th img {

	display: block;

	position: relative;

	margin: 0 auto 10px;

	width: 12.5%;

	max-width: 72px;

	height: auto;

}

table.info .highlight {

	padding: 20px 15px;

	font-size: 170%;

	font-weight: 900;

	color: #fff;

	letter-spacing: 1px;

	text-align: center;

	text-shadow: 0 1px 0 rgba(0,0,0,.5);

	text-transform: none;

	letter-spacing: 0px;

	background: #bd562d;

  box-shadow: inset 0 30px 72px rgba(0,0,0,.1);

}

table.info th img.fx-circle,

.faux-th img.fx-circle {

	margin: 0 auto 10px;

	max-width: 66.6% !important;

}

table.info td,

.faux-td {

	padding: 35px 30px;

	text-align: left;

	border-right: none;

	border-left: none;

}

table.info ul,

.faux-table ul {

	margin: 15px 25px;

}

.faux-table {

	font-size: 15px;

}

.faux-tr {

	overflow: hidden;

}

.info .faux-tr {

	display: grid;

	border-bottom: 1px #ddd solid;

	grid-template-columns: repeat(3, 1fr);

}

.info .faux-th,

.info .faux-td {

	padding: 10px 15px;

	box-sizing: border-box;

}

.info .faux-th {

	font-weight: 700;

	text-align: center;

	text-transform: uppercase;

	align-self: center;

	grid-column: span 1;

}

.info .faux-td {

	padding: 10px 25px;

	border-left: 1px #ddd solid;

	grid-column: span 2;

}

.site-main table {

	margin: 25px auto;

}

caption,

th,

td {

	text-align: center;

}

caption {

	font-size: 90%;

	margin: 20px 0;

}

form th {

	font-size: .9em;

}

th {

	font-weight: bold;

}

td {

}



hr {

	display: block;

	position: relative;

	margin: 40px auto;

	width: 100%;

	border: none;

	border-bottom: 1px rgba(0, 0, 0, 0.15) solid;

}



/* ============================== */

/* GRIDS */

/* ============================== */



	.grid {

		display: grid;

	}



	.grid-columns-2 {

		margin: 10px 0 25px;

		grid-gap: 10px;				

		grid-template-columns: repeat(2, 1fr);

	}



	.grid-columns-3 {

		margin: 10px 0 25px;

		grid-gap: 10px;		

		grid-template-columns: repeat(3, 1fr);

	}



	.grid-columns-4,

	.gallery.grid-columns-4 {

		margin: 10px 0 25px;

		grid-gap: 10px;		

		grid-template-columns: repeat(4, 1fr);

	}



	.grid-columns-5 {

		grid-template-columns: repeat(5, 1fr);

	}

	.gallery.grid-columns-5 {

		margin: 10px 0 25px;

		grid-gap: 10px;

	}



	.grid-columns-6,

	.gallery.grid-columns-6 {

		margin: 10px 0 25px;

		grid-gap: 10px;		

		grid-template-columns: repeat(6, 1fr);

	}

	.grid-columns-8,

	.gallery.grid-columns-8 {

		grid-template-columns: repeat(8, 1fr);

	}



	.grid-span-2 {

		grid-column: span 2;

	}



	.grid-span-3 {

		grid-column: span 3;

	}



	.grid-span-4 {

		grid-column: span 4;

	}

	.grid-span-row-1 {

		grid-row: span 1;

	}

	.grid-span-row-2 {

		grid-row: span 2;

	}



	.grid-span-row-3 {

		grid-row: span 3;

	}



	.grid-span-row-4 {

		grid-row: span 4;

	}



	.grid-gap-0 {

		grid-gap: 0px;

	}



	.grid-gap-05 {

		grid-gap: 10px;

	}



	.grid-gap-1 {

		grid-gap: 15px;

	}



	.grid-gap-2 {

		grid-gap: 2em;

	}



	.grid-gap-3 {

		grid-gap: 3em;

	}



.margin-top-none {

	margin-top: 0;

}

.margin-top-05 {

	margin-top: 10px;

}



.margin-top-none {

	margin-top: 0;

}

.margin-btm-none {

	margin-bottom: 0;

}

.margin-top-sm {

	margin-top: 2px;

}

.margin-btm-sm {

	margin-bottom: 10px;

}

.margin-top-md {

	margin-top: 30px;

}

.margin-lft-md {

	margin-left: 30px;

}

.margin-btm-md {

	margin-bottom: 30px;

}

.margin-center {

	margin-left: auto;

	margin-right: auto;

}



.padded {

  padding: 15px 25px;

}



.padded-hzl-lg,

table.calendar td.padded-hzl {

  padding-left:  25px;

  padding-right:  25px;

}



.padded-hzl {

  padding-right:  15px;

  padding-left:  15px;

}



.padded-vtl {

  padding-top:  15px;

  padding-bottom:  15px;

}

.padded-vtl-xl {

  padding-top:  100px;

  padding-bottom:  100px;

}

.padded-xl {

	padding: 40px;

}

.padded-top-lg {

  padding-top:  30px;

}



.padded-top-sm {

  padding-top:  5px;

}



.padded-top-md {

  padding-top:  20px;

}



.padded-top-xl {

  padding-top:  40px;

}



.padded-btm-lg {

  padding-bottom:  80px;

}



.padded-btm-md {

  padding-bottom:  20px;

}



.padded-btm-xl {

  padding-bottom:  80px;

}

.text-align-center {

	text-align: center;

}



/* ============================== */

/* TESTIMONIALS */

/* ============================== */



#testimonials-wrap {

	position: relative;

	margin: 0 auto;

  color: #fff;

  text-align: center;

  background-image: linear-gradient(rgba(0,0,0,.075), rgba(0,0,0,0) 60%);

}

#testimonials-wrap img {

	display: block;

  margin: 0 auto;

  width: 100%;

}

.quote-left,

.quote-right {

  display: block;

  position: absolute;

  top: -40px;

  left: -150px;

  font-family: "Oswald";

  font-size: 180px;

  line-height: 180px;

  transform: translateY(0);

}

.quote-right {

  left: auto;

  right: -150px;

}

#testimonials {

  position:  absolute;

  top: 140px;

  left: 50%;

  width: 820px;

  transform: translateX(-50%);

}

#testimonials-wrap .slide {

}

.testimonial-text {

  margin: 0 0 35px;

  font-family: "Palatino Linotype", "Book Antiqua", Georgia, Palatino, serif;

  font-size: 20px;

	font-style: italic;

  font-weight: 900;

}

.stars {

  display:  block;

  margin-bottom: 25px;

	font-family: Arial, sans-serif;

	font-family: "Vollhorn SC";	

}

.screen-reader-text {

	display: none;

}

.post {

	border-bottom: 1px solid #ffffff3d;

	padding-bottom: 20px;

	margin-bottom: 20px;

}

.post h3 {

	font-family: "Palatino Linotype", "Book Antiqua", Georgia, Palatino, serif;

}

.post h3 a {

	text-decoration: none;

}

.post h3 a:hover {

	color: #fff;

}

.post:last-child {

	border-bottom: none;

	padding-bottom: 0;

	margin-bottom: 0;

}

.more-link:hover {

	color: #69824a;

}

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

	#site-navigation,

	#header p {

		font-size: 14px;

		letter-spacing: 0;

	}

	.home .content {

    padding: 80px 0;

	}

	#promotions-wrap {

		font-size: 92.5%;

	}

	#promotions-wrap img {

		height: 80%;

	}
	
	#promotions > div img {
    height: inherit;
	}

	#promotions {

		padding: 80px 0;

	}

	#testimonials {

		position: absolute;

		top: 100px;

		left: 50%;

		width: 640px;

		transform: translateX(-50%);

	}

	.testimonial-text {

		margin: 0 0 25px;

		font-size: 16px;

	}

	.quote-left,

	.quote-right {

		font-size: 130px;

		line-height: 130px;

	}

	.quote-right {

		left: auto;

	}

	table {

		font-size: 14px;

	}

	aside#sidebar, #intro aside {

		font-size: 13px;

	}

}

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

	#site-navigation,

	#header p {

		font-size: 17px;

		letter-spacing: 0;

	}

	.hero .content > div {

		width: 70%;

	}

	.home #yt,

	.content,

	#promotions {

		padding-right: 0;

		padding-left: 0;

		width: 90%;

	}

	#promotions {

		font-size: 17px;

	}

	#polaroid-wrap {

		font-size: 16px;

	}

	#trigger-wrap {

		width: 98%;

		font-size: 15px;

		line-height: 1.4;

	}

	#testimonials {

		top: 80px;

		width: 720px;

	}

	.testimonial-text {

		margin: 0 0 25px;

		font-size: 20px;

	}

	.quote-left,

	.quote-right {

		top: -20px;

		font-size: 150px;

		line-height: 150px;

	}

	.content {

		

	}

	.content.article-left {

    grid-template-columns: 5fr 2fr;

    grid-gap: 60px;

	}

}

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

	.hero .content, 

	.home .hero .content {

    padding: 0 0 30px;

	}

	.hero .content > div {

		width: 90%;

	}

	#testimonials-wrap {

    font-size: 16px;

    letter-spacing: 0px;

    line-height: 1.6;

	}

	.testimonial-text {

		margin: 0 0 25px;

		letter-spacing: 0px;

	}

}

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

	body {

		font-size: 16px;

	}

	#site-navigation,

	#header p,

	#promotions {

		font-size: 15px;

	}

	#trigger-wrap {

		font-size: 13px;

	}

}

/* ============================== */

/* MOBILE  */

/* ============================== */

.Toggle-button, .phone_xs {

	display: none !important;

}

.web-logo {

	display: block !important;

}

.mb-logo {

	display: none !important;

}

@media all and (max-width:1199px) {

	html, body{

		overflow-x: hidden;

	}

	#container {

		width: 100%;

		box-sizing: border-box;

	}

}

@media all and (max-width:992px) {

	html, body {

		overflow-x: hidden;

	}



	div#header > p {

		display: none;

	}

	.contact-info {

		position: static;

		padding: 0 15px;

	}

	#site-navigation li.sub-wrapper {

		margin-right: 10px;

		padding-right: 5px;

	}

	#site-navigation .menu li > a {

		padding: 10px;

		font-size: 12px;

	}

	a#logo {

		width: 80px;

	}

	.hero .content, .home .hero .content {

		width: 100%;

	}

	.hero .content > div {

		width: 93%;

	}

	.quote-left, .quote-right {

		display: none;

	}

	#promotions-wrap img {

		height: 60%;

	}

	#promotions-wrap #promotions div > img {

		height: auto;

	}

	#footer-wrap {

		padding: 20px 0;

		background-size: cover;

	}

}

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

	.Toggle-button .phone_xs {

		display: block !important;

	}

	.home #yt, .content, #promotions {



		padding: 0 10px;

		width: 100%;

		box-sizing: border-box;

	}

	#testimonials {

		width: 100%;

	}

	#header > p {

		display: none;

	}

	.contact-info {

		position: static;

		background-color: #bd562d;

		justify-content: center;

		padding: 10px 0;

	}

	#site-navigation .menu {

		display: none;

	}

	a#logo {

		position: absolute;

		top: 50px;

		left: 0;

		right: 0;

		margin: 0 auto;

		width: 80px;

	}



	.web-logo {

		display: none !important;

	}

	.mb-logo {

		display: block !important;

	}

	#site-navigation .menu {

		background-color: red;

		width: 200px;

	}

	#site-navigation {

		position: absolute;

		width: 200px;

		background-image: none;

	}

	#site-navigation .menu .sub-menu{

		position: static;

		width: 100%;

	}

	#site-navigation, #header-wrap {

		padding: 0;

	}

	.phone_xs, .phone_xs:hover {

		position: absolute;

		right: 15px;

		text-decoration: none;

		color: #8e443d;

		font-size: 30px;

		bottom: 27px;

		display: block !important;

	}

	#site-navigation .menu {

		background-color: #e2e1da;

		width: 200px;

	}

	#site-navigation .menu .sub-wrapper {

		display: block;

	}

	#site-navigation .menu .sub-wrapper .sub-menu {

		display: none;

	}

	#site-navigation .menu li a {

		text-align: left;

	}

	a#phonelink {

		display: none !important;

	}

	.Toggle-button, .Toggle-button:hover {

		color: #8e443d;

		text-decoration: none;

		font-size: 30px;

		text-align: left;

		display: block !important;

		padding: 20px 0 29px 15px;

	}

	#site-navigation .menu .sub-wrapper > a {

		position: relative;

	}

	#header-wrap{

		background: url(images/bg-paper.jpg) center top no-repeat;

		height: 120px;

	}

	#site-navigation li.sub-wrapper {

		margin-right: 0;

		padding-right: 0;

	}

	#site-navigation .menu li > a {

		padding: 10px 10px;

	}

	#site-navigation li.sub-wrapper > a:after {

		right: 20px;

	}

	#trigger-wrap a {

		font-size: 10px;

	}

	#promotions {

		display: block;

	}

	#yt p {

		margin: 10px auto 15px;

		width: 100%;

		font-size: 14px;

	}

	#promotions > div {

		position: relative;

		margin-bottom: 45px;

	}

	#promotions > div:last-child {

		margin-bottom: 0;

	}

	#promotions img {

		width: 30%;

	}

	#testimonials-wrap {

		margin-top: 25px;

	}

	#testimonials {

		top: 10px;

		width: 100%;

	}

	.testimonial-text {

		font-size: 12px;

		padding: 0 10px;

		letter-spacing: 1px;

		line-height: 1.9;

	}

	.testimonials-pager {

		bottom: -60%;

		right: 15px;

	}

	#promotions-wrap img {

		display: none;

	}

	.hero .content, .home .hero .content {

		padding: 0 10px 30px;

		width: 100%;

	}

	.hero .content > div {

		width: 100%;

	}

	.cta {

		font-size: 10px !important;

	}

	.content.drag-center h1 {

		font-size: 12px;

	}

	.hero .content > div span img {

		height: 50%;

		right: 5px;

	}

	#next, #prev, #next2, #prev2 {

		font-size: 45px;

		top: 30%;

	}

	.home .hero {;

		height: 150px;

	}

	#footer-wrap {

		display: block;

		background-repeat: repeat;

		background-size: cover;

		padding: 30px;

	}

	#promotions-wrap #promotions div > img {

		display: block;

	}

	.quote-left, .quote-right {

		display: none;

	}

	.hero .content > div span {

		padding: 20px 10px;

	}

	.content.article-left {

		display: block;

		padding-top: 15px;

	}

	#polaroid-wrap {

		display: block;

	}

	aside#sidebar {

		margin-top: 15px;

	}

	#ss-wrap {

		margin:0;

		padding: 0 0 80%;

		width: 100%;

	}

	.grid-columns-6, .gallery.grid-columns-6 {

		grid-template-columns: repeat(3, 1fr);

	}

	table.info td, .faux-td {

		padding: 35px 10px;

	}

	form .left, form .right {

		width: 100%;

	}

	.field.right {

		padding-left: 0;

	}

	#contactform .grid {

		display: block;

	}

}

.ajax-response-success {
	background: lightgreen;
	color: green;
	border: 1px solid green;
	padding: 4px 8px;
	margin: 10px 0;
}

.ajax-response-error {
	background: pink;
	color: red;
	border: 1px solid red;
	padding: 4px 8px;
	margin: 10px 0;
}