/* Globals */
* { box-sizing:border-box; -moz-box-sizing:border-box; }
body { background: #211F20; color: white; }
.clearfix:before, .rotateList li:before { content:" "; display:table; }
.clearfix:after, .rotateList li:after { content:" "; display:table; clear:both; }
h2 { font-family: 'Cinzel Decorative', cursive;}

/* Header */
header { width: 100%; margin: 0 auto; position: relative; overflow: hidden; background-image: url(/templates/client/images/headerBg.jpg); padding-bottom:51px; }
header:after { content: ""; display: block; height: 51px; position: absolute; bottom: 0; width: 100%; background-image: url(/templates/client/images/headerAfter.png); background-position: center;}
header a { text-decoration:none; color: inherit; }
header a.title { display:block; color: #E7E4D1; text-align: center; margin-top: 1.7em; margin-bottom: 1em; }
header a.title .main { font-family: 'Great Vibes', cursive; display: block; font-size: 3.7em; line-height: 1em; letter-spacing: 0.05em; }
header a.title .sub { display: block; font-family: 'Cinzel Decorative', cursive; font-size: 1.2em; line-height: 1em; letter-spacing: 0.18em; }
header a.eno { display: block; position: absolute; top: 15px; left: 10%; max-width: 25%;}
header a.eno img { display: block; width: 100%; height: auto;}

#header-nav { width: 100%; position: relative; background: #000; }
.home #header-nav:after { content: ""; background: url(/templates/client/images/dynHeaderAfter.jpg); display: block; height: 13px; }
#header-nav img { margin: 0 auto; display: block; max-width: 100%; height: auto;}

/* Nav */
nav { width: 100%; margin: 0 auto; background: rgba(0, 0, 0, 0.5);     background-image: url(/templates/client/images/headerBg.jpg);text-align: center; color: #F7F8E8; font-family: 'Cinzel Decorative', cursive; line-height: 1em; z-index: 10;}
nav > ul { list-style:none; padding:0.5em; margin:0; }
nav > ul > li { display:inline-block; transition:background 0.25s; cursor:pointer; }
nav > ul > li.selected,
nav > ul > li:hover { background: #50AFA7; }
nav > ul > li > a { display:inline-block; padding:0.5em; }
nav a { text-decoration:none; color: inherit; }


/*BANNER*/
.dynamic-headers {background:black; }


/* ResponsiveSlides */
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;  min-height: 250px; max-height: 373px;}
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; max-width: 576px; border: 0; }

/* CTAs */
.ctas {z-index: 100;  background: #463F35; border: 3px solid #7E7E72; max-width: 1040px; padding: 2em 0 0 2em; margin: -33px auto 0; display:-webkit-flex; display: flex; position:relative; }
.ctas > a, .ctas > div { margin: 0 2em 2em 0; background: white; width: calc( 33.3% - 2em ); display: block; float: left; text-decoration:none; }
.ctas > a h3, .ctas > div h3 { text-align: center; font-family: 'Cinzel Decorative', cursive; background-color: black; background-image: url(/templates/client/images/ctaTrim.jpg); background-repeat: repeat-x; margin: 0; padding: 1.4em 0.2em 0.7em; color: #F7F8E8; font-size: 1em;}
.ctas > a img, .ctas > div img { width: 100%; height: auto; display: block;}
.ctas > a p, .ctas > div p { color: #534C42; margin: 0; padding: 2em; font-size: 0.7em; line-height: 1.4em;}
.ctas > a > p > span, .ctas > div > p > span, .ctas > div > p > a {color: black;font-size: 1.2em;margin: 10px 0;display: block;}


/* Main content areas */
section article { background-color: #DDDCC8; color: #4B4A45; max-width: 1000px; margin: 0 auto; padding: 4em 2.5%  1em 2.5%; font-size: 0.85em; line-height: 1.4em; font-size: inherit;      line-height: 19px;box-shadow: inset 0px 13px 10px -10px #000;}
.home section article  {}
section article h1 { margin: 0 0 1em 0; font-size: 2em; font-weight: normal; font-family: 'Cinzel Decorative', cursive;     line-height: 30px;}
section article a { font-weight: bold; text-decoration: underline; color: inherit;}

/* site content lists */
.rotateList { list-style: none; margin: 0; padding: 0; }
.rotateList > li > a:first-child { float: left; width: 35%; height: auto; display: block; margin: 0 1em 0.5em 0; }
.rotateList > li > a > img { width: 100%; height: auto; }

/* site NEW content lists Dimitri*/
.newList {color: #4B4A45;max-width: 1000px;margin: 0 auto;font-size: 0.85em;line-height: 1.4em;box-shadow:none; }
.newList h2 {padding: 15px 5% 0px 5%;color: #DDDCC8;     font-size: 23px;}
.newList article {background-color: #DDDCC8; box-shadow:none;clear: both; margin-bottom: 5px;     padding: 2em 5%;}
.newList > article:first-child {margin-top: 5px;}
.newList > article > a {font-size: 18px;text-decoration: none;}
.newList > article > a:first-child { float: left; width: 35%; height: auto; display: block; margin: 0 1em 0 0; }
.newList > article > a > img { width: 100%; height: auto; }
.newList article .address {position:relative;display: inline-block;line-height: 19px;padding: 3px 0 3px 21px;font-weight: bold;}
.newList article .address:before {position:absolute; content:'\f041'; font-family:fontAwesome; color:black; left:0px; top: 3px;font-size: 24px;font-weight: normal;}
.newList article .intLink, .newList article .webLink {position:relative; display:inline-block;     width: 100px; margin: 10px 5px 0 0;border-radius: 3px;padding: 5px 11px 5px 28px; color:white;font-size: 14px; text-decoration: none; overflow:hidden; transition:0.3s}
.newList article .intLink {background: #000; width: 181px;}
.newList article .intLink:before {position:absolute; content:'\f0fe'; font-family:fontAwesome;  top: 50%;      margin-top: -10px;left: 7px; font-weight:normal; opacity:1; transition:0.25s}
.newList article .webLink {background:#59A29E;}
.newList article .webLink:before {position:absolute; content:'\f015'; font-family:fontAwesome;   top: 50%;      margin-top: -10px;left: 7px;  font-weight:normal; opacity:1; transition:0.25s}
.newList article .webLink:after, .newList article .intLink:after {position:absolute; content:'\f105'; font-family:fontAwesome; top: 50%; margin-top: -10px;right: -12px; transition:0.35s}
.newList article .intLink:hover, .newList article .webLink:hover {padding: 5px 28px 5px 11px;}
.newList article .intLink:hover:before, .newList article .webLink:hover:before {opacity:0;}
.newList article .intLink:hover:after, .newList article .webLink:hover:after {right:10px;}

/* site NEW content interior details page Dimitri*/
.content-wrapper {margin:0 auto; max-width: 1000px;}
.content-wrapper aside {position: relative;}
	.h1-wrapper {background-color: #DDDCC8;padding: 3.3em 2.5% 0.1em 2.5%;     margin-bottom: 5px;box-shadow: inset 0px 13px 10px -10px #000;}
	.h1-wrapper h1 {margin: 0 0 1em 0; font-size: 2em;font-weight: normal;font-family: 'Cinzel Decorative',cursive; color: #4b4a45; line-height: 30px; text-align:center;}

.title_sticky {position:fixed; opacity:0; z-index:100; top:-25px; left:0px; width:100%; padding:5px 2%; font-size:24px; text-align:center; box-shadow:0 0 16px black; background: #38314D; color:white; transition:0.3s;}
.title_sticky  span {position:relative;line-height: 30px;}
.title_sticky span:before {content:''; position:absolute; left: -170px; top: 50%; line-height: 30px;  width: 160px; height: 30px; margin-top: -14px;background: url(/templates/client/images/h1-left.png) left center no-repeat;background-size: 160px auto;}
.title_sticky span:after {content:''; position:absolute; right: -170px; top: 50%; line-height: 30px;  width: 160px; height: 30px; margin-top: -14px;background: url(/templates/client/images/h1-right.png) left center no-repeat;background-size: 160px auto;}
.show_sticky {opacity:1; top:0px !important;}


.sideQuickQuote {position:fixed; z-index:100; width: 83px; right:0px; top: 375px;  padding: 10px 14px 4px 12px ;font-size: 14px;background:#4b4268; color:#e7e8f2; border:3px solid white; border-right:none;   border-radius: 6px 0px 0px 6px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.33);  box-sizing:content-box; transition:0.3s;}
.sideQuickQuote:hover {background: #584B84; padding-right: 30px;}
.sideQuickQuote span {  font-size: 20px; padding: 3px 0px; display: block;}
	.fa1, .fa2, .fa3 {font-size: 20px;margin-right: 3px; transition:0.3s;}
	.fa1 {color:rgba(255, 255, 255, 0.33);}
	.fa2 {color:rgba(255, 255, 255, 0.66);}
	.fa3 {color:rgba(255, 255, 255, 1);}
.sideQuickQuote:hover .fa1, .sideQuickQuote:hover .fa2, .sideQuickQuote:hover .fa3 {margin-right: 6px;}

	/*Quick Tips and  client Images*/
	.brief_info {float: right;position:relative; top: 0px;width: 35%; margin-left: 0%; border: 5px solid #DDDCC8; background: #DDDCC8; box-shadow: 0 0 8px rgba(0, 0, 0, 0.33);}
	.brief_info a {cursor:pointer;}
	.brief_info .social {color:white; font-size:14px;line-height: 39px; text-align: center;height: 45px;}
	.brief_info .social i {position: relative; font-size: 29px;line-height: 37px;top: 4px;padding-right: 6px;}
	.brief_info .social .facebook {float:left; position:relative; width:33.33%; background-color:#798cbc; cursor:pointer;  transition:background 0.3s;}
	.brief_info .social .facebook:hover {background:#4c65a5;}
	.brief_info .social .twitter {float:left;z-index: 10;position:relative; width:33.33%; background-color:#5ac4e6; cursor:pointer;  transition:background 0.3s;}
	.brief_info .social .twitter:hover {background:#2bb4e0;}
	.brief_info .social .twitter:before {content:''; position:absolute; top:0px; left:-2px; width:5px; height:100%; background: #DDDCC8;}
	.brief_info .social .twitter:after {content:''; position:absolute; top:0px; right:-2px; width:5px; height:100%; background: #DDDCC8;}
	.brief_info .social .pinterest {float:left; position:relative; width:33.33%; background-color:#d7595e; /* text-align: center; */cursor:pointer;  transition:background 0.3s;}
	.brief_info .social .pinterest:hover {background:#ca2128;}

	.brief_info ul {margin:0px; padding:5px 0 0;}
	.brief_info ul li:nth-child(odd) {background: #E8E8DE;}
	.brief_info ul li {list-style:none; text-align:left; font-size:16px; color: #7B7878; padding: 14px 10px; line-height:18px;}
	.brief_info ul li strong {float:right; font-size:18px; color:#000000; font-weight:normal;}
	.brief_info ul li strong a {position:relative;color:#000000;padding-left: 20px;}
	.brief_info ul li strong a.arrowed:before {position:absolute; content:"\f0d7"; font-family:fontAwesome;  left:0px; top: 2px; font-size: 24px;color:#543e96;}


	.brief_info .phone span {display:none;}
	.brief_info ul li.phone a {cursor:pointer; text-decoration:underline !important; }
	.brief_info ul li .visitWebsite {position:relative; padding-left: 0px !important; padding-right: 20px;}
	.brief_info ul li .visitWebsite:after {position:absolute; content:"\f0da"; font-family:fontAwesome;  right:0px; top: 2px; font-size: 24px;color:#543e96;}

		.quickButtons {color:white; font-size:12px;line-height: 43px;height: 43px;}
		.quickButtons a {position:relative; float:left; position:relative; text-align: center;width:33.33%;  color:white;   font-size: 14px; background-color: #6CC3BD; cursor:pointer;  transition:background 0.3s;}
		.quickButtons a:hover {background: #569E98;}
		.quickButtons a i {  padding-left: 5px;}
		.quickButtons a.venueAmenities {z-index: 10;}
		.quickButtons a.venueAmenities:before {content:''; position:absolute; top:0px; left:-2px; width:5px; height:100%; background: #DDDCC8;}
		.quickButtons a.venueAmenities:after {content:''; position:absolute; top:0px; right:-2px; width:5px; height:100%; background: #DDDCC8;}

	.client_images  {float: left; position:relative; width: 64%; border: 5px solid #DDDCC8; background: #DDDCC8; box-shadow: 0 0 8px rgba(0, 0, 0, 0.33);}
	.client_images li {max-height: 367px; background-size:cover !important;     min-height: 323px;}
	.client_images img {}
	.client_images .dontShow {display:none;}

	.client_images .rslides_nav {position:absolute; top:0; z-index:10;  width: 45px; height:100%; overflow:hidden; text-indent:200px;  color:white;  font-size: 35px; background:rgba(255, 255, 255, 0); transition: background 0.3s}
	.client_images .rslides_nav:hover {background:rgba(255, 255, 255, 0.22);}
	.client_images .rslides_nav.prev {left:0px;}
	.client_images .rslides_nav.prev:before {position:absolute;content:'\f104'; font-family:fontAwesome; left: -186px; top: 50%;margin-top: -16px;}
	.client_images .rslides_nav.next {right:0px;}
	.client_images .rslides_nav.next:before {position:absolute; content:'\f105'; font-family:fontAwesome; left: -183px;top: 50%;  margin-top: -16px;}
	.rslides_tabs {display:none;}
	.client_images .rslides1_tabs {display:none;}
	/*.client_images .rslides1_tabs li {display:inline-block; width: 17px; height: 17px;  margin: 0 11px; overflow:hidden; background:#d0c9b4; border-radius:800px; opacity:0.5; transition:0.3s;}
	.client_images .rslides1_tabs li a {display:block;width: 17px; height: 17px; text-indent:-100px;}
	.client_images .rslides1_tabs li.rslides_here {opacity:1;}*/

	.purple {background:#4d4360; color:white; transition:1s;}
	/*.purple:hover {background: #60517B; transition:0.3s;}*/

	@media (max-width:1315px) {
		.sideQuickQuote {display:none;}
	}
	/*@media  (max-height:800px) {
		.sideQuickQuote {display:none;}
	}*/



	@media (max-width:900px) {

		/*aside {padding: 0 4%;   padding: 0 2.5%;}*/
		.brief_info {width:100%;}
		.client_images {width:100%; float:none; margin-bottom:20px;}
		.client_images li {max-height: 327px;}
	}
	@media (max-width:650px) {
		.title_sticky {font-size:18px; padding: 2px 2%;}
		.h1-wrapper h1 {font-size:30px;}
		main h2 { font-size: 26px !important;   line-height: 28px !important;}
	}
	@media (max-width:390px) {
		.brief_info ul li {font-size:14px;  padding: 14px 7px;}
		.brief_info ul li strong {font-size:15px;  }
	}
	@media (max-height:390px) {
	.show_sticky {opacity:0; top:-25px !important;}
	}

	/*main text*/
	.content-wrapper article {box-shadow:none !important; margin-top:5px;border-top: 5px solid #5AB7AD;}
	.content-wrapper h2, .content-wrapper article h2 {    margin: 35px 0 20px !important;color: #DDDCC8;}
	.content-wrapper article p {margin-left:0px; maergin-right:0px;}
	.content-wrapper .capacity a {position:relative;     float: left; display: block; width:23%; margin:0 1% 10px; overflow:hidden;vertical-align: top;}
	.content-wrapper .capacity a:before {position:absolute; content:"\f00e"; width: 50px; height: 50px; line-height: 50px;text-align: center;font-size: 30px;font-weight: normal;left:50%; top:50%; margin: -25px 0 0 -25px;  font-family:fontAwesome; border-radius:50%; background: rgba(90, 183, 173, 0.78); color:white; transition:0.4s;}
	.content-wrapper .capacity a:after {position:absolute; content: 'view full size'; text-align: center;color:white; top: 88%; left:0px; width:100%; height:100%; opacity:0; transition:0.4s;}
	.content-wrapper .capacity a:hover:before {width: 500px; height: 500px; line-height: 500px; margin: -250px 0 0 -250px;}
	.content-wrapper .capacity a:hover:after {opacity:1;  top: 68%;}
	.content-wrapper .capacity a img {width:100%; height:auto;}
	@media (max-width:1030px) { .content-wrapper h2 {margin:35px 2.5% 20px !important} }
	@media (max-width:670px) {.content-wrapper .capacity a {width:31.33%;}}
	@media (max-width:470px) {.content-wrapper .capacity a {width:48%;}}

	/*Amenities,  Map and Reviews*/
	.minHeight {min-height:340px !important;}
	.client_amenities {position:relative; z-index: 25; width: 250px; min-height: 357px; margin-top:5px; padding: 0 5px 5px; border-top: 5px solid #5AB7AD;background: #DDDCC8; box-shadow: 0 0 8px rgba(0, 0, 0, 0.33);float: left;}
	.client_amenities h2 { margin: 6px 0 !important;text-align: center;font-size: 24px;color: #4B4A45;}
	.client_amenities ul {margin:0px; padding:0px;}
	.client_amenities ul li {position:relative; list-style:none; text-align:left; color: #858282; padding: 9px 30px 9px 8px; font-size: 15px;line-height: 18px;}
	.client_amenities ul li:nth-child(odd) {background: #E8E8DE;}
	.client_amenities ul li:before {position:absolute; content:'\f14a'; font-family:fontAwesome; width: 15px; height: 15px; right: 6px; top: 9px; color: #64b1b4; font-size: 18px;line-height: 18px;}

	.client_map {position:absolute;  z-index: 20; top: 5px; left:0px; min-height:100px; width:100%; padding: 0 256px;float: left;}
	.client_map_inner { position:relative; height: 357px;  padding: 0px 5px 5px;border-top: 5px solid #5AB7AD;background: #DDDCC8; box-shadow: 0 0 8px rgba(0, 0, 0, 0.33);}
	.client_map_inner #map {width: 100%;height: 100%;}
	.client_map_inner h2 {position:absolute; z-index:20; top:0px; left:0px; width:100%; margin: 0px !important; font-size:18px !important; line-height:20px; padding:11px 5px; text-align:center;  color:#8d8b8b; background: rgba(221, 220, 200, 0.8);}
	.client_map_inner h2 strong {color:#000000;}
	.client_map_inner .address {position:absolute; z-index:20; bottom:-1px; left:0px; width:100%; margin:0px; font-size:14px; line-height:16px; padding:13px 5px; text-align:center;  color:#000000; background: rgba(221, 220, 200, 0.8);}


	.client_reviews { position: relative;top: 5px;z-index: 40; float:right; width: 250px;  background: #DDDCC8; border-top: 5px solid #5AB7AD;box-shadow: 0 0 8px rgba(0, 0, 0, 0.33);text-align: center;}
	.client_reviews h2 { margin: 6px 0 !important;text-align: center;      font-size: 24px;      color: #4B4A45;}
	.client_reviews p {margin: 15px 5% 10px 5%; font-size: 13px;line-height: 16px;color: #4B4A45;}

	.reviewStars { display:flex; margin:0.5em auto; width:80%; padding:0; color:white; border-radius:4px; transition:0.3s; text-decoration:none; }
	.reviewStars > i.fa { display:inline-block; font-size:2em; line-height:1.5em; width:1.5em; margin-left:0.3em; }
	.reviewStars div { display:inline-block; flex-grow:1; }
	.reviewStars div i { font-size:1.2em; line-height:2.5em; width:1em; }
	.google_score {background:#e87044;}
	.tripAdvisor_score {background:#7aad6e;}
	.yelp_score {background:#D15C4D;}

	@media (max-width:850px) {
		.minHeight {min-height:inherit !important;}
		.client_amenities {width:100%; min-height: 0;}
		.client_map {float:left; position:relative; width:100%; height:inherit; padding:0px; margin: 16px 0 23px;}
		.client_map_inner { height: 320px !important;}
		.client_reviews {width:100%; height:inherit !important;}
	}




/*MULTIRES WIDGET=================*/
.multires {  position: relative; z-index: 25;width: 100%;  border-top: 5px solid #5AB7AD;background: #DDDCC8; box-shadow: 0 0 8px rgba(0, 0, 0, 0.33);   padding: 1em 2.5% 0.5em 2.5% !important; margin:0 !important; overflow:visible; transition:0.3s}
.multires p {margin: 0px; padding:0px;color: #4B4A45;}
.multires strong {  display: inline-block; font-size: 11px;   padding-bottom: 7px;}
.multires strong a {color:#000000 !important;}

.reservations {padding: 10px 0px;}
.mobileBook {display:none}
.reservations form {max-width:995px; margin:0 auto;}
		.checkIn, .checkOut, .numNights, .numRooms {width: 18%; color: black;  border-radius: 3px; border: 1px solid #66B5B0;      background-color: #ffffff;margin: 0 0.5%;   padding: 6px 10px;   font-size: 17px; vertical-align: top; box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.13);}
		.checkIn, .checkOut { background-image: url(/templates/client/images/datepicker.png);  background-repeat: no-repeat; background-position: right 9px; }
		.numNights, .numRooms {height:32px;padding: 5px 6px;
}
.reservations  button, .mobileBook {  width: 19%;  position: relative; border: none;  line-height: 32px;font-size: 15px; cursor: pointer;border-radius: 2px;outline: 0; color: #FFF; background: #66B5B0; cursor: pointer; text-align: left;  font-family: 'Cinzel Decorative', cursive;vertical-align: top;    padding: 0 32px 0 11px; transition: 0.4s, margin-top 0.0s;}
.reservations  button { margin-left:5px; }
.reservations  button:after {content: "\f054";font-family: FontAwesome;position: absolute;right: 10px;top: 1px;font-size: 16px;color: #ffffff;}
.reservations  button:hover {background: #71C6C1;}


	@media (max-width:790px) {
		.checkIn, .checkOut, .numNights, .numRooms {width:48%; margin-bottom:15px;}
		.reservations  button {width: 98.1%;  margin: 0;   max-width: 260px;}
	}



/*contact client sticky*/
.sticky {position:fixed; z-index:100; top:0px; height:0px; background:#5AB7AD; width:100%;box-shadow: 0 0 13px rgba(6, 6, 6, 0.84); opacity:0; overflow:hidden; transition:0.3s;}
.sticky > div {max-width: 1000px; padding: 7px 0 7px 0; margin:0 auto;}
.sticky > div span {color:white; float:left; font-family: 'Cinzel Decorative',cursive; font-size:20px;padding: 6px 10px 0 0;line-height: 20px;}
.sticky > div a {float:right; background:black; color:white; padding:2px 10px;line-height: 26px; cursor:pointer;}
.sticky > div a:hover {background:white; color:black;transition:0.3s;}

@media (max-width:1030px) {
	.sticky > div { padding: 7px 2.5% 7px;}
}
@media (max-height:360px) {
	.sticky {height:0px !important;}
}


/* General form styles */
form input.error, form select.error, form textarea.error { background-color:red; }
form fieldset ul { list-style:none; margin:0; padding:0; }
form fieldset ul li { padding:5px; margin:0; }
form fieldset ul li:nth-child(odd) { background-color: rgba(0, 0, 0, 0.05);}
form fieldset ul li label { font-size: 12px; width: 20%; display: block; float:left; text-align: right; padding-right: 1em; }
form fieldset ul li select,
form fieldset ul li textarea,
form fieldset ul li input { color:black; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #999; padding:0.2em; width: 70%; vertical-align: top; }
form fieldset ul li input[type=checkbox] { width:5%; border:none; }
form fieldset ul li input[type=checkbox] ~ label { width: 65%; text-align: left; padding-right: 0; cursor:pointer; float:none; display:inline-block; }
form fieldset ul li#captcha-row{ position: relative;}
form fieldset ul li#captcha-row input { width:35%; }
form fieldset ul li#captcha-row span { width: 31%; background: white; color:black; border-radius: 5px; border: 1px solid #999; padding: 0.2em; display: inline-block; height: 23px; margin-left: 4%; text-align: center; line-height: 16px; }

/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */
input[type="date"]{
	display:flex !important;
	padding-left: 25px !important;
}
input[type="date"]:after {
	content: "\f073";
    font-family: FontAwesome;
    color: #000;
    padding: 0 5px;
    transition: all .3s ease;
    align-self: center;
    position: absolute;
    left: 0;
    pointer-events: none;
}

/* change color of symbol on hover */
input[type="date"]:hover:after {
    color: #006caf;
    cursor: pointer;
}

/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

/* adjust increase/decrease button */
input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}

 /* adjust clear button */
 input[type="date"]::-webkit-clear-button {
     z-index: 1;
 }

/*Benito Form Add On*/
form fieldset ul li#captcha-row input {width: 50%;max-width: 100px;float: left;}
@media screen and (max-width:600px){
form fieldset ul li label {width: 100%;text-align: left;}
form fieldset ul li select, form fieldset ul li textarea, form fieldset ul li input {width: 100%;}
}



	/*CONTACT========================*/

		.form { /*background:rgba(255, 255, 255, 0.75);*/   margin: 25px 0px 0px; transition:3s; transition: 0.3s;}
			::-webkit-input-placeholder {color:#807f7f;}
			:-moz-placeholder {color:#807f7f;}
			::-moz-placeholder {color:#807f7f;}
			:-ms-input-placeholder {color:#807f7f;}

		.form ul {padding:0 !important;margin: 0px;}
		.form ul li {padding-left:0 !important; }
		.form ul li:before {display:none;}
		.form input{padding: 5px 2%;}
		.form .inputText{ width: 100%; }
		.form img{ border: none !important;border-radius: 3px;margin: 0px !important;padding: 1px 0px 2px 0px; position: absolute;top: 0px; right: 0; width:100px !important; }
		.form input, .form select, .form textarea {outline: 0;   border: 1px solid #66B5B0; background-color: #ffffff; padding: 6px 2%;margin: 0; font-size: 17px; margin-bottom: 20px; border-radius:3px; box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.13); transition: 0.3s;}
		.form textarea{ margin-top: 5px; padding:5px 1%; width:100%; height:70px; resize:vertical; }
		/*.form input[type="radio"], .form input[type="checkbox"]  {border: none !important; background:none !important; box-shadow:none !important;}*/

		.form button, .form  input[type="submit"] { position:relative; width:100%; border:none; line-height: 35px; font-size:15px; cursor:pointer;  border-radius:2px;  text-transform:uppercase; margin-top: -9px; outline: 0; color: #ffffff; background: #66B5B0; cursor: pointer; font-family: 'Cinzel Decorative', cursive; vertical-align: top; transition: 0.4s, margin-top 0.0s;}

		.form button:hover, .form  input[type="submit"]:hover  { background: #71C6C1; }
		.form button:active , .form  input[type="submit"]:active {}

		.form button:after {content: "\f054";font-family: FontAwesome;position: absolute;right: 10px;top: 2px;font-size: 17px;color: #ffffff;}

		.form label {display: none ; margin-top: -20px; color:#53320C}
				.craptcha  { font-family:Arial; border: none !important;border-radius: 3px;margin: 0px !important;padding: 1px 0px 2px 0px; width:100px !important; height: 35px; float: right; padding: 0.3em;line-height: 25px;border-radius: 3px; border: solid #ffffff 2px !important; text-align: center;font-weight: bold;}
/*
				.craptcha:before {  position: absolute;left: -10px;top: 50%;font-size: 25px;color: #ffffff;content: '\f0d9';font-family: fontAwesome;}
*/
		.form img { box-shadow: none; height: 35px;}
			.inputsFull {padding:0; list-style:none !important}
			.inputsFull label {margin-top:10px;}
			.inputsFull li {width:47.5%; float:left;}
				/*.inputsFull li:nth-child(odd) {margin-left:5%; }*/

			/* FORM VALIDATION */
			div.formErrors{ display:none !important;}

			.error{background: url(/templates/client/images/asterisc.png) no-repeat right -30px !important; background-color:#ECB551 !important; color:white; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29); transition:0.3s, background-color 0.3s !important;
			box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26); }
			.error::-webkit-input-placeholder {color:#fff;}
			.error:-moz-placeholder {color:#fff;}
			.error::-moz-placeholder {color:#fff;}
			.error:-ms-input-placeholder {color:#fff;}

			.required {background: url(/templates/client/images/asterisc.png) no-repeat right 1px; }
			.form label.error  {display: none !important;}
			.form select.required {background-position:right 29px top 1px; }
			.form select.error {  background-position:right 29px top -30px !important;}
			.form textarea.error{background: url(/templates/client/images/asterisc.png) no-repeat right -30px ;}
			.form select {width: 100%;height: 31px;color: rgb(139, 127, 127);}
			.form select.error {color: #fff;}
			/* FORM HIGHLIGHT */
			.highlight{ }
				.highlight label{ text-shadow:1px 1px 10px black;}
				.highlight-selected{ background-color:#FF0;}

		@media screen and (max-width: 700px) {
			.inputsFull li {width:100% !important; margin:0 !important;}
			#map {height:275px;}
			.form button {margin-top:0px;}
		}




/* Footer */
footer { width:100%; max-width: 1000px; margin: 0 auto; background: #000000; padding: 2em; text-align: center; overflow:hidden;}
/* ================================================== Media Queries ================================================== */

@media (max-width:577px) {
	.ctas { -webkit-flex-direction:column; flex-direction:column; padding: 2em 0 0 0; }
	.ctas > a, .ctas > div { width:calc( 100% - 2em );  max-width: 360px;margin-left: auto; margin-right: auto;}
}
@media (max-width:800px) {
	header { text-align:center; font-size:0.6em; }
	section article h1 {margin: 1em 0; }
	.home h1 {margin: 1em 0 1em 0 !important;}
	nav > ul:before { content:"\f0c9 \00a0\00a0 MENU"; font-family: fontAwesome, 'Cinzel Decorative', cursive; text-align:center; display:block; cursor:pointer; font-weight:bold; padding:1em; }
	nav > ul.selected > li { display:inline-block; }
	nav > ul.selected > li:nth-child(1){
    margin-top: 5px;
    border-top: 1px dotted #4a4a4a;
    padding-top: 10px;
	}
	nav > ul > li { display:none; width:100%; position:relative; }
	nav > ul > li > a { width:100%; }
	nav > ul > li > ul { width:100%; }
	section article { padding: 1em 1em; }
	footer { text-align:center; }
}
@media (max-width:950px) {
	header { padding-top: 50px; }
}

/* ResponsiveSlides */
/*ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }*/


/*COMPUCAST LOGO CSS start-----------------------------*/
.old-ie {display:none;}
.cc2:hover{fill:rgba(0,0,0,0.4);}

.compucast { position:relative; margin:0 auto; width:58px; height:64px;  color:black;  border-radius:2px; overflow:hidden; transition:0.5s 1.4s;}
.compucast.dark {color:white;float: right;}
.logo1, .logo2, .old-ie {position:absolute; top:50%; right:10px; margin-top: -13px; opacity:1.5; transition:0s}
.compucast:hover , .compucast_hover{width:225px; background:rgba(0, 0, 0, 0.04); box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);-moz-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);transition:0.3s 0s;}
.dark:hover { background:rgba(0, 0, 0, 0.61); }
.compucast p {position:absolute; left:-200px; margin: 0 0 0 10px; line-height: 21px; padding: 11px 0; font-family:Arial,"Times New Roman", Times, serif; font-size:12px; color: #808080; opacity:0; transition:0.5s 1.4s;}
.compucast a {font-size:14px; font-weight:bold; color: #000; text-decoration:none;}
.compucast:hover p {left:0px; opacity:1; transition:0.4s 0.0s;}
.compucast.dark:hover p { color: #AFACAC;}

.compucast.dark a {font-size:14px; color: #fff;}

/*color classes: colored , white and black*/
.purple {fill:#7F3F98}
.green {fill:#00A14B}
.black1 {fill:rgba(0,0,0,1)}
.black2 {fill:rgba(0,0,0,0.5)}
.white1 {fill:rgba(255,255,255,1)}
.white2 {fill:rgba(255,255,255,0.5)}
/*COMPUCAST LOGO CSS end-------------------------------*/

.zcaptcha{
	font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
	font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
	position: absolute;
	top: 0;
	right: 0;
	background: rgb(229, 228, 213);
	margin: 0;
	padding: 7px 14px;
	border: 1px solid #66b5b0;
}


.veluelist{
	list-style: none;
	margin: 0;
	padding: 0;
}
.veluelist li{
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    margin: 0 10px 0 0;
    padding: 10px;
    position: relative;
    border-top: 2px dashed #eae9dd;
}
.veluelist li:nth-child(even){}
.veluelist li:nth-child(odd){}
.veluelist li>img{
    width: 30%;
	min-width: 260px;
    height: auto;
    border: 4px double #fff;
    box-shadow: #0000003b 2px 2px 10px 0px;
    border-radius: 0;
    position: relative;
    z-index: 1;
}
.veluelist li>div{
    width: 70%;
    padding: 20px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    position: relative;
    z-index: 0;
    background: #ffffff9c;
    margin: 0 0 0 10px;
    border-radius: 0;
    border: 4px double #fff;
    box-shadow: #0000003b 2px 2px 10px 0px;
}
.veluelist li>div>h3{
    margin: 0 -20px;
    padding: 10px 20px;
    border-bottom: 10px double #fff;
    font-size: 1.5em;
    font-family: 'Cinzel', cursive;
}
.veluelist li>div>p{}
.veluelist li>div a{
    text-decoration: underline;
    display: block;
    background: #929286;
    padding: 5px 10px;
    color: #fff;
    font-weight: lighter;
    line-height: 1em;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 1px dashed #f2f1ea;
    box-shadow: inset #000 0px 3px 10px -4px;
    transition: all 0.3s ease;
    text-indent: 0;
}
.veluelist li>div a:hover {
    background: #211f20;
    text-indent: 20px;
}
@media (max-width:760px) {
	.veluelist li{ display: block;}
	.veluelist li>img{width:100%;}
	.veluelist li>div{ width:100%; display: block; margin:0; }
	.holidaypartylink>a{flex-flow:column !important;}
}



#emailForm, .lookup main h2{display:none !important;}