@font-face {
	font-family: 'FontAwesome';
	src: url('../webfonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('../webfonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../webfonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../webfonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../webfonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../webfonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ElegantIcons';
	src: url('../webfonts/ElegantIcons.woff') format('woff'),
		url('../webfonts/ElegantIcons.ttf') format('truetype'),
		url('../webfonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.test-bor {
	border: 1px solid #F0F;
}

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

.clear {
	clear: both;
}

p {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 19px;
	line-height: 26px;
	color: #333;
}

p a {
	color: #de531d;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}

p a:hover {
	color: #bbb;
}

a.orange-button {
	display: inline-block;
	color: #fff;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 12px;
	padding: 12px 14px;
	background-color: #de531d;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
	letter-spacing: .5px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

a.orange-button:hover {
	background-color: #5a9198;
	color: #fff !important;
}

a.green-button {
	display: inline-block;
	color: #fff;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 12px;
	padding: 12px 14px;
	background-color: #5a9198;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
	letter-spacing: .5px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

a.green-button:hover {
	background-color: #44676b;
	color: #fff !important;
}

.stripes-container,
.dots-container {
	position: absolute;
	margin: 0 auto;
	bottom: -37px;
	left: 0;
	right: 0;
	z-index: 50;
	padding: 0 30px;
}

.stripes {
	width: 85%;
	max-width: 1170px;
	margin: 0 auto;
	height: 75px;
}

.dots {
	width: 85%;
	max-width: 1165px;
	margin: 0 auto;
	height: 80px;
}

.stripes {
	background-image: url(../images/stripes.png);
}

.dots {
	background-image: url(../images/dots.png);
}

.green-cta-line-inline {
	display: inline-block;
	margin-left: 20px;
	height: 2px;
	width: 30px;
	margin-top: -5px;
	background-color: #5a9198;
	vertical-align: middle;
	border-top: 2px #fff solid;
}

.green-cta-line {
	display: block;
	20px;
	height: 2px;
	width: 30px;
	background-color: #5a9198;
}

.gray-cta-line {
	display: block;
	20px;
	height: 2px;
	width: 30px;
	background-color: #d2d2d2;
}

#header-container {
	background-color: rgba(0, 0, 0, 0);
	height: 122px;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	color: #fff;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}

.dark {
	background-color: rgba(0, 0, 0, .7) !important;
}

.locked {
	position: fixed;
}

.unlocked {
	position: relative;
	background-color: rgba(0, 0, 0, .75);
}

.shifted {
	margin-top: -122px;
}

#header-mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2500;
}

.inactive {
	background-color: transparent;
}

.active {
	background-color: rgba(0, 0, 0, .75);
}

#header {
	position: relative;
	max-width: 1650px;
	margin: 0 auto;
	z-index: 5000;
}

#mobile-menu-button {
	display: none;
	position: absolute;
	top: 30px;
	right: 30px;
	width: 30px;
	font-family: FontAwesome;
	font-size: 30px;
}

#mobile-menu-button a {
	color: #fff;
	text-decoration: none;
}

#mobile-call-button {
	display: none;
	position: absolute;
	top: 30px;
	right: 90px;
	width: 30px;
	font-family: FontAwesome;
	font-size: 30px;
}

#mobile-call-button a {
	color: #fff;
	text-decoration: none;
}

#logo {
	width: 113px;
	position: absolute;
	top: 24px;
	left: 36px;
}

#logo img {
	width: 100%;
	height: auto;
}

#upper-nav {
	position: absolute;
	top: 9px;
	right: 42px;
	width: 600px;
}

#upper-links {
	width: 500px;
	float: right;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 11px;
	letter-spacing: 1px;
	padding-top: 1px;
}

#upper-social {
	width: 100px;
	float: right;
	font-family: FontAwesome;
	font-size: 15px;
	text-align: right;
}

#upper-links a,
#upper-social a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
	margin-right: 25px;
}

#upper-links a:hover,
#upper-social a:hover {
	color: #de531d;
}

#main-nav-container {
	width: 820px;
	height: 38px;
	position: absolute;
	right: 42px;
	top: 45px;
}

a#book-now {
	display: block;
	float: right;
	width: 106px;
	/* height: 26px; */
	color: #fff;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	font-family: Roboto, sans-serif;
	font-size: 12px;
	letter-spacing: .5px;
	background-color: #de531d;
	text-decoration: none;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}

a#book-now:hover {
	background-color: #5a9198;
}

#nav-links {
	width: 670px;
	float: right;
	font-family: Roboto, sans-serif;
	font-size: 12px;
	letter-spacing: .5px;
	padding-top: 11px;
	font-weight: 300;
	text-transform: uppercase;
}

#nav-links a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}

#nav-links a:hover {
	color: #ccc;
}

#nav-links ul {
	list-style: none;
}

#nav-links ul li {
	position: relative;
	display: inline-block;
	margin-right: 27px;
	position: relative;
}

.nav-arrow {
	font-family: FontAwesome;
	font-size: 14px;
}

.nav-arrow a {
	color: #fff;
	text-decoration: none;
}

.nav-drop {
	display: none;
	position: absolute;
	top: 35px;
	left: -12px;
	z-index: 2000;
}

.nav-drop ul {
	list-style: none;
	-webkit-box-shadow: 0px 7px 5px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 7px 5px 4px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 7px 5px 4px rgba(0, 0, 0, 0.25);
	width: 170px;
}

.nav-drop ul li {
	background-color: #fff;
	border-bottom: #d7d3c8 1px solid;
	width: 100%;
	height: 35px;
	width: 180px;
}

#nav-links .nav-drop ul li a {
	color: #262623;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
	padding-top: 12px;
	padding-left: 12px;
}

.nav-drop ul li:hover {
	background-color: #ddd;
}

#mobile-nav {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 210px;
	padding: 14px 20px 25px 20px;
	background-color: #5a9198;
	z-index: 20000;
	border-bottom: 8px #d7d3c7 solid;
}

#mobile-nav a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}

#mobile-nav a:hover {
	/*color: #de531d!important;*/
}

#mobile-nav-close {
	position: absolute;
	top: 14px;
	right: 20px;
	width: 20px;
	height: 20px;
}

#mobile-nav-close img {
	width: 100%;
	height: auto;
}

#mobile-nav-book-now {
	margin-top: 46px;
	margin-bottom: 29px;
}

#mobile-nav #mobile-nav-book-now a.orange-button:hover {
	background-color: #de531d;
	color: #fff;
}

#mobile-links {
	padding-left: 11px;
}

#mobile-links ul {
	list-style: none;
}

#mobile-links ul li {
	display: block;
	position: relative;
	font-family: Roboto, sans-serif;
	font-size: 12px;
	letter-spacing: .5px;
	font-weight: 300;
	padding-bottom: 30px;
	text-transform: uppercase;
}

.mobile-arrow {
	position: absolute;
	right: 0;
	top: -2px;
}

#mobile-social {
	font-family: FontAwesome;
	font-size: 25px;
	text-align: center;
}

#mobile-social a {
	margin-right: 30px;
}

#mobile-nav .mob-drop {
	display: none;
	position: absolute;
	top: 35px;
	left: -12px;
	z-index: 30000;
}

#mobile-nav .mob-drop ul {
	list-style: none;
	-webkit-box-shadow: 0px 7px 5px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 7px 5px 4px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 7px 5px 4px rgba(0, 0, 0, 0.25);
	width: 170px;
}

#mobile-nav .mob-drop ul li {
	background-color: #fff;
	border-bottom: #d7d3c8 1px solid;
	width: 100%;
	height: 35px;
	width: 170px;
	padding-bottom: 8px !important;
	padding-top: 4px !important;
}

#mobile-nav #mobile-links .mob-drop ul li a {
	color: #262623;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
	padding-top: 12px;
	padding-left: 12px;
}

#mobile-nav .mob-drop ul li:hover {
	background-color: #ddd;
}

#home-masthead {
	position: relative;
	top: 0;
	width: 100%;
	max-width: 1650px;
	max-height: 730px;
	margin: 0 auto;
}

#home-masthead img {
	width: 100%;
	height: auto;
	display: block;
}

.home-masthead-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 2;
}

.masthead-text {
	position: absolute;
	width: 100%;
	font-family: Barlow Condensed, sans-serif;
	z-index: 50;
	color: #fff;
}

#home .masthead-text {
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
}

.masthead-text h1 {
	position: relative;
	/*padding-top: 122px;*/
	font-size: 85px;
	line-height: 85px;
	margin-bottom: 30px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

#home .masthead-text h1 {
	margin: 0 auto;
	width: 50%;
}

.inner .masthead-text {
	text-align: left;
	transform: translateX(-50%);
	top: auto;
	left: 50%;
	bottom: 50px;
	width: 100%;
	max-width: 1170px;
}

.inner .masthead-text h1 {
	width: 60%;
}

#booking-container {
	position: relative;
	height: 180px;
	background-color: #d7d3c8;
	border-top: 5px #5a9198 solid;
	margin-top: -6px;
	z-index: 100;
	padding: 0 30px;
}

.copy-container {
	background-color: #fff;
	padding: 104px 30px 90px 30px;
}

.copy-container.page-specials {
	padding-bottom: 26px;
}

.copy {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.copy h2 {
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 36px;
	color: #333;
	margin-bottom: 35px;
}

.bold-copy {
	font-weight: 700;
}

.copy ul li,
.special-details ul li,
.special-text ul li {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 19px;
	line-height: 26px;
	color: #333;
	margin-left: 25px;
}

.copy ul li a,
.special-details ul li a,
.special-text ul li a {
	color: #de531d;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}

.copy ul li a:hover,
.special-details ul li a:hover {
	color: #bbb;
}

/** NOTE: See settings for <p> tag at top of stylesheet, as well **/


/*#home-carousel-container { max-width: 1300px; margin: 0 auto; padding: 36px 15px 96px 15px; background-color: #d5e3e5; }*/

#amazingcarousel-container-7 {
	background-color: #d5e3e5;
}

.amazingcarousel-prev {
	position: absolute;
	top: 50% !important;
	left: 10px !important;
	transform: translateY(-50%) !important;
	background-image: url(../js/nav-custom-2.png) !important;
	z-index: 20;
}

.amazingcarousel-next {
	position: absolute;
	top: 50% !important;
	right: 10px !important;
	transform: translateY(-50%) !important;
	background-image: url(../js/nav-custom-2.png) !important;
	z-index: 20;
}

.amazingcarousel-nav {
	position: absolute;
	left: 50%;
	transform: translateY(-50%);
	right: 0;
	text-align: center;
	bottom: 15px;
	width: 150px;
	z-index: 50;
	margin-left: -75px;
	z-index: 10;
}

.amazingcarousel-bullet-0,
.amazingcarousel-bullet-1,
.amazingcarousel-bullet-2,
.amazingcarousel-bullet-3,
.amazingcarousel-bullet-4,
.amazingcarousel-bullet-5,
.amazingcarousel-bullet-6,
.amazingcarousel-bullet-7,
.amazingcarousel-bullet-8,
.amazingcarousel-bullet-9,
.amazingcarousel-bullet-10,
.amazingcarousel-bullet-11,
.amazingcarousel-bullet-12 {
	background-image: url(../js/bullets-custom-2.png) !important;
}

.carousel-image img {
	display: block;
	width: 500px;
	height: 318px;
	object-fit: cover;
}

#amazingcarousel-7 {
	position: relative;
	width: auto;
	max-width: 1300px;
	margin: 0px auto 0px;
	background-color: #d5e3e5;
	padding: 0 50px;
}

.inner-edge {
	margin: 0 15px;
	border-radius: 5px;
	overflow: hidden;
}

.carousel-text {
	padding: 30px;
	background-color: #fff;
}

.carousel-text p {
	min-height: 115px;
}

.carousel-text .gray-cta-line {
	margin-bottom: 22px;
}

.carousel-text h2 {
	font-family: Barlow, sans-serif;
	font-size: 24px;
	font-weight;
	700;
	color: #2a2623;
	margin-bottom: 15px;
}

/*.amazingcarousel-list-container { overflow: hidden!important; }*/

/*@media screen and (max-width: 1286px) {
.amazingcarousel-nav { width: 75px; margin-left: -30px; }
}
@media screen and (max-width: 894px) {
.amazingcarousel-nav { width: 150px; margin-left: -75px; }
}*/

.zig-zag-container {
	position: relative;
	background-color: #fff;
	padding: 120px 30px 68px 30px;
}

.zig-zag {
	max-width: 1170px;
	margin: 0 auto;
}

.zag-row {
	margin-bottom: 52px;
}

.zag-image-left {
	width: 470px;
	float: left;
}

.zag-text-right {
	width: 370px;
	float: left;
	margin-left: 100px;
}

.zag-image-right {
	width: 470px;
	float: right;
}

.zag-text-left {
	width: 370px;
	float: right;
	margin-right: 100px;
}

.zag-image-left img,
.zag-image-right img {
	width: 100%;
	height: auto;
	display: block;
}

.zig-zag h3 {
	/*display: inline-block;*/
	font-family: Roboto, sans-serif;
	font-weight: 400;
	color: #5a9198;
	letter-spacing: 1px;
	margin-bottom: 20px;
	font-size: 16px;
}

.zig-zag h2 {
	font-family: Barlow, sans-serif;
	font-weight: 700;
	color: #2a2623;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 16px;
}


#explore-box-container {
	max-width: 1650px;
	margin: 0 auto;
	padding: 66px 30px 42px 30px;
	background-color: #d7d3c8;
}

#explore-box {
	max-width: 1170px margin: 0 auto;
}

#explore-map {
	width: 65%;
	float: right;
}

#explore-map img {
	width: 100%;
	height: auto;
	border: 4px #fff solid;
	box-sizing: border-box;
}

#explore-text {
	width: 33%;
	float: left;
	text-align: right;
}

#explore-text h2 {
	font-family: Barlow, sans-serif;
	font-weight: 700;
	color: #333;
	font-size: 32px;
	line-height: 36px;
	margin-bottom: 10px;
}

#home-ig {
	margin: 0 auto;
}

.ig-box {
	position: relative;
	width: 16.666666%;
	float: left;
	background-size: cover;
	background-position: center center;
}

.ig-box img {
	width: 100%;
	height: auto;
	display: block;
}

.instagram-icon {
	position: absolute;
	right: 10px;
	bottom: 12px;
}

.instagram-icon a {
	font-family: FontAwesome;
	font-size: 30px;
	color: #fff !important;
	text-decoration: none;
}


#home-events-container {
	position: relative;
	padding: 50px 30px 90px 30px;
	background-color: #efefef;
}

#home-events {
	max-width: 960px;
	margin: 0 auto;
}

.home-event {
	padding: 26px 0;
	border-bottom: 1px #c5c5c5 solid;
}

.home-event-date {
	float: left;
	width: 33%;
}

.home-event-body {
	float: right;
	width: 66%;
}

#home-events-title {
	margin-bottom: 22px;
	text-align: center;
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 36px;
	color: #333;
}

.home-event h4 {
	font-family: Barlow, sans-serif;
	font-weight: 400;
	font-size: 19px;
	line-height: 24px;
	color: #589199;
	margin-bottom: 20px;
}

#home-events-button {
	text-align: center;
	margin-top: 26px;
}

.home-events-link {
	font-size: 15px;
}


#specials-banner-container {
	position: relative;
	padding: 155px 30px;
	background-color: #d7d3c7;
}

#specials-banner {
	position: relative;
	max-width: 1170px;
	margin: 0 auto;
}

#specials-banner-text {
	width: 570px;
	float: left;
}

#specials-banner-text h3 {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #5a9198;
	margin-bottom: 20px;
}

#specials-banner-text h2 {
	font-family: Barlow, sans-serif;
	font-size: 24px;
	line-height: 36px;
	font-weight: 400;
	color: #333;
}

.bold-leader {
	font-weight: 700;
	color: #sa2623;
}

#specials-banner .green-cta-line-inline {
	border-color: #d7d3c7;
}

#specials-banner a.orange-button {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	width: 154px;
	height: 33px;
	padding-top: 26px;
	font-size: 16px;
	letter-spacing: 1px;
}


#footer-container {
	padding: 122px 30px 156px 30px;
	background-color: #2a2623;
}

#footer {
	max-width: 1175px;
	margin: 0 auto;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1.25px;
	color: #d7d3c7;
}

#footer a {
	color: #d7d3c7;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}

#footer a:hover {
	color: #d3531d;
}

#footer img {
	width: 100%;
	height: auto;
}

#footer-col1 {
	width: 135px;
	float: left;
	margin-right: 12.75%;
}

#footer-col2 {
	width: 25%;
	float: left;
}

#footer-col3 {
	width: 16.5%;
	float: left;
}

#footer-col4 {
	width: 15%;
	float: left;
}

#footer-chi {
	width: 132px;
	float: right;
}


#rooms-container {
	padding: 0 30px;
}

.rooms-row {
	position: relative;
	max-width: 1300px;
	margin: 0 auto 60px auto;
}

.rooms-image {
	position: relative;
	width: 65.25%;
	float: left;
	border-top: 5px #de531d solid;
}

.rooms-image img {
	width: 100%;
	height: auto;
	display: block;
}

.rooms-text {
	width: 32%;
	float: right;
}

.rooms-text h2 {
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-size: 26px;
	color: #5a9198;
	margin-bottom: 10px;
}

.rooms-icon-box {
	border-top: 1px solid #d7d3c7;
	border-bottom: 1px solid #d7d3c7;
	padding: 20px;
	margin-top: 10px;
}

.rooms-icons {
	width: auto;
}

.rooms-text .green-cta-line {
	margin-bottom: 19px;
}

.room-icon {
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	text-align: center;
}

.room-icon img {
	height: 42px;
	width: auto;
}

.room-icon-text {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #999;
	text-align: center;
	margin-top: 5px;
}

.room-next {
	position: absolute;
	top: 43%;
	right: 0;
	color: white;
	cursor: pointer;
	z-index: 1000;
	padding: 5px;
	/*background-color: #3a302b;*/
}

.room-prev {
	position: absolute;
	top: 43%;
	left: 0;
	color: white;
	cursor: pointer;
	z-index: 1000;
	padding: 5px;
}

.room-next,
.room-prev {
	background-color: rgba(58, 48, 45, 0.5);
}

.room-pager {
	display: block;
	text-align: center;
	right: 0;
	left: 0;
	z-index: 500;
	position: absolute;
	bottom: 25px;
	overflow: visible;
	padding-right: 20px;
	text-align-last: center;
}

.room-pager span {
	font-family: arial;
	font-size: 40px;
	width: 20px;
	height: 20px;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	margin-left: 7px;
}

.room-pager span.cycle-pager-active {
	color: #de531d;
}

.room-pager>* {
	cursor: pointer;
}


#specials-container {
	position: relative;
	padding: 0 30px 50px 30px;
}

.special-item {
	max-width: 1300px;
	margin: 0 auto 50px auto;
}

.special-image {
	width: 48%;
	float: left;
}

.special-image img {
	width: 100%;
	height: auto;
}

.special-text {
	width: 49%;
	float: right;
}

.special-text h2 {
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #5a9198;
	margin-bottom: 10px;
}

.special-item .green-cta-line {
	margin-bottom: 20px;
}

/*.special-item a.orange-button:hover { background-color: #a83e14; }*/

.special-details {
	display: none;
	padding: 10px;
	margin-top: 20px;
	background-color: #efefef;
}


#guides-container {
	position: relative;
	padding: 0 30px 0 30px;
}

.guides-item {
	max-width: 1170px;
	margin: 0 auto 50px auto;
}

.guides-image {
	width: 30%;
	float: left;
}

.guides-image img {
	width: 100%;
	height: auto;
	display: block;
}

.guides-text {
	width: 67%;
	float: right;
}

.guides-text h2 {
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #5a9198;
	margin-bottom: 10px;
}

.guides-item .green-cta-line {
	margin-bottom: 20px;
}

.guides-item a.orange-button:hover {
	background-color: #a83e14;
}


.col-container {
	max-width: 1170px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.left-col,
.right-col {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.left-col {
	padding-right: 15px;
}

.right-col {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

#map-box {
	height: 535px;
}


#categories-area {
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #333;
	margin-top: 40px;
}

#categories-header {
	background-color: #fff;
	/*padding: 25px 0;*/
	text-align: center;
}

#categories-header ul {
	margin: 0;
	padding: 0;
}

#categories-header ul li {
	font-size: 18px;
	padding: 0 0 5px 0;
	display: inline;
	border-width: 0 0 3px 0;
	border-style: solid;
	margin-right: 20px;
}

#categories-header ul li.inactive {
	border-color: #fff;
}

#categories-header ul li.last {
	margin-right: 0;
}

#categories-header ul li:hover {
	border-color: #de531d;
}

#categories-header ul li.active {
	border-color: #de531d;
	background-color: transparent;
}

#categories-header ul li a {
	text-decoration: none;
	color: #333;
	line-height: 40px;
	background-color: transparent;
}

#categories-header ul li.active a {
	color: #333;
	cursor: default;
}

#explore-boxes {
	margin-top: 45px;
	margin-bottom: 45px;
}

.explore-box {
	display: none;
}

.explore-box .copy {
	max-width: 1300px;
}

.explore-box .copy a {
	font-weight: 400;
}

.explore-box .copy h2 {
	font-family: Roboto, sans-serif;
	font-size: 22px;
	font-weight: 400;
}

.explore-box img {
	display: block;
	width: 100%;
	max-width: 500px;
	height: auto;
	margin: 0 auto;
}

#downtown {
	display: block;
}

#breakfast {
	display: block;
}

#entertainment {
	display: block;
}

#hikes {
	display: block;
}

#clothing {
	display: block;
}


/****** BOOKING WIDGET ******/

/*.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}*/

.bookingLabel {
	/*to label forms for ADA compliance*/
	padding: 0;
	position: absolute;
	top: -25px;
	z-index: 5;
	color: #333;
	font-family: Roboto, sans-serif;
	font-size: 15px;
}

#booking {
	width: 1170px;
	position: relative;
	height: 38px;
	margin: 0px auto;
	padding: 65px 0 0 0;
}

#form-check-in .box {
	width: 272px;
	border: 1px solid #b3bc93;
	background-color: #fff;
	height: 37px;
	margin-right: 22px;
	float: left;
	padding-top: 4px;
	position: relative;
}

#form-check-in .box.select {
	width: 171px;
	height: 37px !important;
	/*overflow: hidden;*/
	background-image: url("../images/select-arrow.jpg");
	background-repeat: no-repeat;
	background-position: right 8px;
	padding-top: 0;
}

#form-check-in .box.input {
	width: 272px;
	height: 37px !important;
	/*overflow: hidden;*/
	padding-top: 0px;
}

#form-check-in label.datepicker {
	padding-left: 4px;
	color: #666;
	font-family: Arial !important;
	font-size: 13px;
	line-height: 26px;
}

#form-check-in input.datepicker {
	background-image: url("../images/calendar.png");
	background-repeat: no-repeat;
	background-position: top 5px right 8px;
	background-color: transparent;
	background-size: 32px;
	margin-top: 0;
	padding-bottom: 5px;
}

/*#form-check-in input { border: none; padding: 2px; background-color: transparent; color: #666; float: right;}*/
#form-check-in input {
	width: 272px;
	font-size: 13px;
	font-family: Arial;
	color: #666;
	border: none;
	line-height: 1;
	height: 37px;
	-webkit-appearance: none;
	margin-left: 4px;
}

#form-check-in select {
	background: transparent;
	width: 171px;
	font-size: 13px;
	font-family: Arial;
	color: #666;
	border: none;
	line-height: 1;
	height: 37px;
	-webkit-appearance: none;
	margin-left: 4px;
}

#booking #button-check-now {
	height: 50px;
	background-color: #d3531d;
	border: none;
	color: #FFF;
	width: 180px;
	text-align: center;
	padding: 2px 5px;
	float: right;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 1px;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
	margin-top: -6px;
	cursor: pointer;
}

#booking #button-check-now:hover {
	background-color: #5a9198;
}

::-webkit-input-placeholder {
	color: #666;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #666;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #666;
}

:-ms-input-placeholder {
	color: #666;
}

* {
	outline: none;
}

#bigzig-container {
	position: relative;
	padding: 30px 30px 50px 30px;
}

.bigzig-item {
	max-width: 1300px;
	margin: 0 auto 50px auto;
}

.bigzig-image-left {
	width: 48%;
	float: left;
}

.bigzig-image-right {
	width: 48%;
	float: right;
}

.bigzig-image-left img,
.bigzig-image-right img {
	width: 100%;
	height: auto;
}

.bigzig-text-left {
	width: 49%;
	float: left;
}

.bigzig-text-right {
	width: 49%;
	float: right;
}

.bigzig-text-left h2,
.bigzig-text-right h2 {
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #5a9198;
	margin-bottom: 10px;
}

.bigzig-item .green-cta-line {
	margin-bottom: 20px;
}

/*.special-item a.orange-button:hover { background-color: #a83e14; }*/


/***** CHAT POSITIONING TO ACCOMMODATE COOKIE BANNER ******/

hs-chat-widget {
	z-index: 99999999999999999999 !important;
	bottom: 90px;
}

@media screen and (max-width: 870px) {
	hs-chat-widget {
		bottom: 85px;
	}
}

@media screen and (max-width: 767px) {
	hs-chat-widget {
		bottom: 160px;
	}
}

@media screen and (max-width: 400px) {
	hs-chat-widget {
		bottom: 180px;
	}
}

/***** END CHAT POSITIOING ********/




@media screen and (max-width: 1230px) {
	#booking {
		width: 1025px;
	}

	#form-check-in input,
	#form-check-in .box,
	#form-check-in .box.input {
		width: 220px;
	}

	#form-check-in .box.select,
	#form-check-in select {
		width: 150px;
	}
}

@media screen and (max-width: 1090px) {
	#booking {
		width: 900px;
	}

	#form-check-in input,
	#form-check-in .box,
	#form-check-in .box.input {
		width: 180px;
	}

	#form-check-in .box.select,
	#form-check-in select {
		width: 125px;
	}
}

@media screen and (max-width: 960px) {
	#booking {
		width: 800px;
	}

	#form-check-in input,
	#form-check-in .box,
	#form-check-in .box.input {
		width: 140px;
	}

	#form-check-in .box.select,
	#form-check-in select {
		width: 110px;
	}
}

@media screen and (max-width: 900px) {
	#booking {
		width: 720px;
	}

	#booking #button-check-now {
		letter-spacing: normal;
		width: 160px;
	}

	#form-check-in input,
	#form-check-in .box,
	#form-check-in .box.input {
		width: 140px;
	}

	#form-check-in .box.select,
	#form-check-in select {
		width: 100px;
	}

	#form-check-in .box {
		margin-right: 15px;
	}

}

@media screen and (max-width: 780px) {
	#booking {
		width: 700px;
	}

	#form-check-in .box.select,
	#form-check-in select {
		width: 90px;
	}
}

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

	#booking-container {
		height: 475px;
	}

	#booking {
		width: 500px;
	}

	#form-check-in .box {
		float: none;
	}

	#form-check-in input,
	#form-check-in .box,
	#form-check-in .box.input {
		width: 500px;
		margin-bottom: 35px;
	}

	#form-check-in .box.select,
	#form-check-in select {
		width: 500px;
		margin: 0;
		margin-bottom: 35px;
	}

	#booking #button-check-now {
		position: relative;
		letter-spacing: 1px;
		width: 180px;
		float: none;
		margin: 0 auto 15px auto;
		left: 50%;
		transform: translateX(-50%);
	}

}

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

	#booking {
		width: 300px;
	}

	#form-check-in input,
	#form-check-in .box,
	#form-check-in .box.input {
		width: 300px;
	}

	#form-check-in .box.select,
	#form-check-in select {
		width: 300px;
	}

}

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

	#booking {
		width: 250px;
	}

	#form-check-in input,
	#form-check-in .box,
	#form-check-in .box.input {
		width: 250px;
	}

	#form-check-in .box.select,
	#form-check-in select {
		width: 250px;
	}

}

/****** END BOOKING WIDGET *******/


@media screen and (max-width: 1500px) {
	.ig-box {
		width: 20%;
	}

	#ig-6 {
		display: none;
	}
}

@media screen and (max-width: 1300px) {
	#home .masthead-text h1 {
		font-size: 65px;
		line-height: 65px;
	}

	#specials-banner a.orange-button {
		right: 0;
	}
}

@media screen and (max-width: 1230px) {
	.inner .masthead-text {
		transform: none;
		left: 30px;
	}
}

@media screen and (max-width: 1200px) {
	#home .masthead-text h1 {
		font-size: 50px;
		line-height: 50px;
		/*margin-bottom: 20px;*/
	}
}

@media screen and (max-width: 1140px) {
	.zag-text-right {
		margin-left: 50px;
	}

	.zag-text-left {
		margin-right: 50px;
	}

	.ig-box {
		width: 25%;
	}

	#ig-5 {
		display: none;
	}
}

@media screen and (max-width: 1100px) {
	#main-nav-container {
		width: 775px;
	}

	#nav-links {
		width: 640px;
	}

	#nav-links ul li {
		margin-right: 20px;
	}

	#footer-col1 {
		margin-right: 8%;
	}

	#footer-col2 {
		width: 23%;
	}

	#footer-col3 {
		width: 18%;
	}

	.masthead-text h1 {
		font-size: 50px;
		line-height: 50px;
		padding-top: 0;
	}

	#specials-banner-container {
		padding: 100px 30px;
	}
}

@media screen and (max-width: 1000px) {
	#home .masthead-text h1 {
		font-size: 50px;
		line-height: 50px;
		margin-bottom: 0;
	}

	.rooms-icon-box {
		padding: 20px 0;
	}
}

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

	#main-nav-container,
	#upper-nav {
		display: none;
	}

	#mobile-call-button,
	#mobile-menu-button {
		display: block;
	}

	.stripes,
	.dots {
		width: 90%;
	}
}

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

	.zag-image-left,
	.zag-image-right {
		width: 40%;
	}

	.zag-text-left,
	.zag-text-right {
		width: 55%;
		margin: 0;
	}

	.zag-text-right,
	.zag-image-right {
		float: right;
	}

	.zag-text-left,
	.zag-image-left {
		float: left;
	}
}

@media screen and (max-width: 940px) {
	#explore-map {
		float: none;
		width: auto;
	}

	#explore-text {
		float: none;
		width: auto;
		max-width: 470px;
		margin: 25px auto 0 auto;
	}
}

@media screen and (max-width: 920px) {
	#footer-container {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	#footer-col1 {
		float: none;
		margin: 0 auto;
		padding-bottom: 30px;
	}

	#footer-col2 {
		margin-left: 12.5%;
	}

	#footer-col2 {
		width: 32%;
	}

	#footer-col3,
	#footer-col4 {
		width: 27%;
	}

	#footer-chi {
		clear: both;
		float: none;
		margin: 60px auto 0 auto;
		padding-top: 20px;
	}
}

@media screen and (max-width: 900px) {
	#home .masthead-text h1 {
		font-size: 40px;
		line-height: 40px;
		padding-top: 25px;
	}
}

@media screen and (max-width: 860px) {
	#home-masthead {
		height: 375px !important;
		overflow: hidden;
	}

	#home-masthead .masthead-slide img {
		height: 375px !important;
		width: auto;
		position: relative;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	/*#home-masthead img { display: none; }
#home-masthead .masthead-slide { background-size: cover; background-position: center center; }*/
}

@media screen and (max-width: 840px) {
	#specials-banner-text {
		width: 450px;
	}
}

@media screen and (max-width: 767px) {
	#logo {
		width: 90px;
	}

	#header-container {
		height: 114px;
	}

	.zag-image-left,
	.zag-image-right {
		float: none;
		clear: both;
		position: relative;
		width: auto;
		max-width: 470px;
		margin: 0 auto 60px auto;
	}

	.zag-text-left,
	.zag-text-right {
		float: none;
		clear: both;
		position: relative;
		width: auto;
		max-width: 370px;
		margin: 0 auto;
	}

	#explore-map {
		display: none;
	}

	#explore-text {
		max-width: none;
	}

	.home-event-date,
	.home-event-body {
		float: none;
		width: auto;
	}

	#footer-col2 {
		margin-left: 10%;
	}

	/*#footer-col3, #footer-col4 { width: 30%; }*/
	.rooms-image {
		width: auto;
		float: none;
		margin-bottom: 30px;
	}

	.rooms-text {
		width: auto;
		float: none;
	}

	.stripes,
	.dots {
		width: 100%;
	}

	.special-item {
		max-width: 500px;
		margin: 0 auto;
		margin-bottom: 75px;
	}

	.special-image {
		width: auto;
		float: none;
		margin-bottom: 30px;
	}

	.special-text {
		width: auto;
		float: none;
	}

	.guides-image,
	.guides-text {
		float: none;
		width: auto;
		max-width: 500px;
		margin: 0 auto;
	}

	.guides-image {
		margin-bottom: 30px;
	}

	.left-col,
	.right-col {
		float: none;
		width: auto;
	}

	.left-col {
		padding: 0 0 20px 0;
	}

	.bigzig-item {
		max-width: 500px;
		margin: 0 auto;
		margin-bottom: 75px;
	}

	.bigzig-image-left,
	.bigzig-image-right {
		width: auto;
		float: none;
		margin-bottom: 30px;
	}

	.bigzig-text-left,
	.bigzig-text-right {
		width: auto;
		float: none;
	}
}

@media screen and (max-width: 720px) {
	#specials-banner-container {
		padding-top: 50px;
	}

	#specials-banner-text {
		width: auto;
		float: none;
		margin-bottom: 30px;
	}

	#specials-banner a.orange-button {
		clear: both;
		position: relative;
		right: auto;
		top: auto;
		transform: none;
	}
}

@media screen and (max-width: 700px) {
	.ig-box {
		width: 50%;
	}
}

@media screen and (max-width: 680px) {
	#footer-col2 {
		margin-left: 5%;
	}

	#footer-col3,
	#footer-col4 {
		width: 25%;
	}

	#footer-col4 {
		float: right;
	}
}

@media screen and (max-width: 660px) {
	#footer-col2 {
		margin-left: 4%;
		width: 36%;
	}

	/*#footer-col2, #footer-col3, #footer-col4 { width: 32%; }*/
}

@media screen and (max-width: 600px) {
	#footer-col2 {
		float: none;
		text-align: center;
		margin: 0 auto 25px auto;
		width: auto;
	}

	#footer-col3 {
		margin-left: 15%;
	}

	#footer-col3,
	#footer-col4 {
		width: 37%;
		line-height: 24px;
	}
}

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

	.zag-image-left,
	.zag-image-right {
		margin-bottom: 30px;
	}

	#footer-col3 {
		margin-left: 10%;
	}

	/*#footer-col3, #footer-col4 { width: 45%; }*/
	#amazingcarousel-7 {
		padding: 0;
	}

	.amazingcarousel-prev {
		top: auto !important;
		bottom: 15px !important;
		left: 10px !important;
		transform: translateY(0%) !important;
		z-index: 100;
	}

	.amazingcarousel-next {
		top: auto !important;
		right: 10px !important;
		transform: translateY(0%) !important;
		bottom: 15px !important;
		z-index: 100;
	}

	.rsArrow,
	.rsNav {
		display: none !important;
	}

	#home .masthead-text h1 {
		font-size: 30px;
		line-height: 30px;
		padding-top: 40px;
	}

	.inner .masthead-text h1 {
		font-size: 30px;
		line-height: 30px;
	}
}

@media screen and (max-width: 479px) {
	#header-container {
		height: 98px;
	}

	#logo {
		width: 75px;
	}
}

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

	#footer-col3,
	#footer-col4 {
		float: none;
		text-align: center;
		margin: 0 auto;
		width: auto;
	}

	#footer-chi {
		padding-top: 0;
		margin-top: 40px;
	}

	.green-cta-line-inline {
		display: none;
	}
}

/* GET INSPIRED */

#get-inspired-container {
	height: auto;
}


/* .inspired-box {
	float: none!important;
	width: 100%;
} */



#get-inspired-container {
	position: relative;
	background-color: #fff;
	padding: 1px 15px 25px 15px;
	padding-bottom: 100px;
}

#get-inspired {
	max-width: 1264px;
	margin: 0 auto;
}

#inspired-left {
	float: left;
	width: 49.25%;
}

#inspired-right {
	float: right;
	width: 49.25%;
	position: relative;
}

.inspired-box {
	float: left;
	width: 48%;
	margin-right: 2%;
	position: relative;
}

.inspired-box.insta-2,
.inspired-box.insta-4 {
	float: right;
	margin-right: 0;
}

.inspired-box.insta-1,
.inspired-box.insta-2 {
	margin-bottom: 3%;
}

.inspired-box.insta-1,
.inspired-box.insta-2,
.inspired-box.insta-3,
.inspired-box.insta-4 {
	background-size: cover;
	background-position: center center;
}

.inspired-box img {
	width: 100%;
	height: auto;
}

.instagram-icon {
	position: absolute;
	right: 10px;
	bottom: 12px;
}

.instagram-icon a {
	font-family: FontAwesome;
	font-size: 30px;
	color: #fff !important;
	text-decoration: none;
}

#get-inspired-container {
	padding-right: 15%;
	padding-left: 15%;
	color: #555555;
}




.inspired-box {
	margin-bottom: 5% !important;
}

.below450 {
	display: inline;
}


.blue-button {
	/*width: 155px;*/
	height: 49px;
	background-color: #8cd3e0;
	/*#2bbbd7;*/
	border: none;
	margin: 34px auto;
	padding: 0px 30px;
	text-align: center;
	font-size: 16px;
	font-family: 'latoregular', sans-serif;
	display: inline-block;
	transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
}

.blue-button a {
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	color: #ffffff !important;

	font-weight: 600;
	padding: 15px 0;
	text-decoration: none;
}

.blue-button:hover {
	background-color: #cde9ef;
}

.blue-button:hover a {
	color: #555555 !important;
}

.section-title {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-left: 20px;
	padding-right: 20px;
}

.section-title h2 {
	margin-bottom: 22px;
	text-align: center;
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 36px;
	color: #333;
}

#policies {
	margin-left: 0;
	padding-left: 25px;
}

#accordion-container {
	width: 100%;
	max-width: 1100px;
	margin: 30px auto 40px auto;
	text-align: center;
}

.accordion-item {
	margin: 0 auto;
	border-top: 2px #eee solid;
}

.accordion {
	width: 100%;
	max-width: 1186px;
	margin: 0 auto;
	font-size: 30px;
	color: #50504b;
	height: 90px;
}

.accordion a {
	color: #50504b;
	text-decoration: none;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
}

.accordion a:hover {
	color: #d07d05;
}

.accordion-link.title {
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	padding-left: 20px;
	font-weight: 300;
}

.accordion-left {
	width: 75%;
	float: left;
	padding-top: 25px;
	text-align: left;
}

.accordion-right {
	/*font-family: 'ElegantIcons';*/
	font-size: 35px;
	width: 10%;
	float: right;
	padding-top: 33px;
	padding-right: 20px;
	text-align: right;
	line-height: .5em;
}

.accordion-drop {
	font-family: 'Neuton', serif;
	font-weight: 300;
	color: #585653;
	font-size: 18px;
	line-height: 1.6em;
	display: none;
	padding: 0 20px 30px 20px;
	text-align: left;
}

.accordion-drop a {
	color: #d07d05;
	text-decoration: none;
}

.accordion-item.closed {
	background-color: #fff;
	transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-webkit-transition: background-color .5s ease-in-out;
}

.accordion-item.open {
	background-color: #f5f5f5;
	transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-webkit-transition: background-color .5s ease-in-out;
}

.accordion-text {
	padding-left: 20px;
}


.btn-pad-top {
	padding-top: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.image-wrap-text-left {
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 50px;
}

.image-wrap-text-right {
	float: right;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	padding-right: 0px;
}