* { box-sizing:border-box; -moz-box-sizing:border-box; }

/* */
html,body,h1,h2,h3 {margin:0;padding:0;}
html {min-height: 100%; position:relative; overflow-x:hidden;}
html.home {overflow-x:visible;}
body {/*position:relative;*/ background:#404f64 url(../images/stucco3.jpg); color:#000000; margin: 0;  font-family: 'Lato', sans-serif; overflow-x:hidden;}
img {border:none;}
a {border:none; text-decoration:none; color: #E2B017; outline:none; font-weight:normal;}
h1 {display:block; color: #000000; font-size: 51px; line-height: 51px;  font-weight:normal; margin: 20px 0 45px 0; font-family: 'Tangerine', cursive;text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.44);}
h2 {font-size:37px; margin:25px 0 13px 0;color:#000000; font-weight:normal;   font-family: 'Tangerine', cursive;   text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.53);}
h3 {font-size: 15px;  margin:17px 0 0 0; line-height: 25px; }
p {line-height:25px; margin: 15px 0; font-size: 16px;}
table { font-size: 15px;}
hr { border:none;  margin: 30px 0; border-bottom: 2px solid #517FBB;}
input {outline:none;}

.button {display:inline-block; border-radius:3px; background:#8a404c; color:white !important; position:relative; padding: 0px 22px 3px  6px; color:white; margin: 0 5px 7px 5px; box-shadow: 1px 10px 9px -10px rgba(0, 0, 0, 0.69); overflow:hidden; transition:0.3s;}
.button:before {position:absolute; right:7px; top: 1px;content:'\f105'; font-family:fontAwesome; transition:0.3s;}
.button:after {position:absolute; right:7px; top: 1px;content:'\f105'; font-family:fontAwesome; opacity:0; transition:0.3s;}
.button:hover {  background: #ba4457;}
.button:hover:before {right:-7px;}
.button:hover:after { opacity:1; }

.clearfix:before { content: " "; display: table; }
.clearfix:after { content: " "; display: table; clear: both; }
.clickable, .clickable2 { cursor:pointer;}

::selection {background: #ffffff; color:#ba4457 ;}
::-moz-selection {background: #ffffff; color:#ba4457 ;}
::-webkit-selection {background: #ffffff; color:#ba4457 ;}

.clear {clear:both;}
.tel, .tel:hover {text-decoration:none !important; cursor:default; color:white;}

/*HEADER===================================================*/
header {}
	.header-top {max-width: 1203px;margin:0 auto;padding: 0 2% 2px 2%;text-align: center;}
		.logo {display: inline-block;/* float:left; */margin-top:6px;}
		.logo img {height:auto; }
		.social {float:right;position: relative;   margin-top: 26px;}
		.social > a {color:rgba(255, 255, 255, 0.75); display:inline-block; font-size: 26px; margin-left: 11px; transition:0.3s;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.74);}
		.social > a:hover { color:white;}
		
		@media screen and (max-width: 700px) {
			.header-top {  padding: 2px 2% 21px 2%;}
			.logo {  float: none;}
			.logo img {  display: block; width:100%; max-width:310px; height:auto;   margin: 0 auto;}
			.social {clear: both;   float: none;  text-align: center;   margin-top: 10px;}
		}
		
	/*RESERVATIONS===========================================*/
	.reservations {
						   position:relative;
						   z-index:100;
						   width:100%;
						   min-height: 12px;
						   background: #000;
						   padding:0 19px 0 19px;
						   color: #B7B7B7;
						   box-sizing:border-box;
						   -moz-box-sizing:border-box;
						   overflow:hidden;
						   box-shadow:0px 0px 10px #000;
						   -moz-box-shadow:0px 0px 10px #000;
						   -webkit-box-shadow:0px 0px 10px #000;
						   }
	.mobileBook {display:none; text-decoration:none;}
	.reservations .center {max-width:1071px; margin:0 auto; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box;}
	.reservations .center form {display:inline-block; text-align:center;}
	.reservations .center form br {display:none;}
	.reservations .center form h2 {display:inline-block; font-size: 17px; margin:0 18px 0 0;}
	.reservations .center form div {display:inline-block;padding-top: 9px; padding-bottom: 8px;}
			.checkIn {border-right: 1px solid #363535;     padding-right: 5px;}
			.checkOut {border-left: 1px solid #363535; border-right: 1px solid #363535; padding-left: 14px;}
			.numRooms {border-left: 1px solid #363535; }
			.numAdults, .numRooms {padding-left: 2px; padding-right: 15px;}
	.reservations form span {display: inline-block; vertical-align: top; line-height: 21px; font-size: 12px; font-weight:bold; }
			.checkIn input, .checkOut input, .numAdults select, .numRooms select {width: 100px; color: #dbdada; font-weight:bold; border: none; font-size: 12px;vertical-align: top; outline:none;background: #3B3B3B;}
			.checkIn input, .checkOut input {width: 73px; width: 103px; padding: 3px 8px 3px 26px; background: #3B3B3B url(../images/calendar.png) 4px 4px no-repeat; margin: 0 7px 0 8px; line-height: normal;}
			.numAdults select, .numRooms select {padding: 2px 3px; width: 41px;margin-left: 7px;}
			
	.reservations  button, .mobileBook {cursor:pointer; position:relative; border: none;background: #ad4141;border-radius: 4px ;color: white ;font-size: 12px; font-weight: bold; outline:none; padding: 6px 20px 5px 10px; margin: 0 !important; text-shadow: 0px -1px 3px rgba(0, 0, 0, 0.29); inline-blockor: pointer; text-transform:uppercase; transition: 0.3s;}
	.reservations  button { margin-left:0 !important; }
	.reservations  button:hover, .mobileBook:hover {background: #D74040;}
	
		/*Jquery UI DATEPICKER Styling*/
		#ui-datepicker-div {z-index:99999 !important; border-radius: 5px !important;}
		.ui-datepicker{ font-size:12px; padding:0 !important;}
		.ui-datepicker td {padding:0 !important;}
		.ui-datepicker td span, .ui-datepicker td a {padding: .6em .2em !important;}
		.ui-widget-content { border: 2px solid rgba(0, 0, 0, 0.15) !important; box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.22); -moz-box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.22); -webkit-box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.22);}
		.ui-corner-all {border-radius: 0px;}
		.ui-widget-header {background: none !important;color: #382121; border:none;}
		.ui-widget-header .ui-icon {}
		.ui-widget-header .ui-state-hover,  .ui-widget-header .ui-state-focus {border: none;background: #698936; }
		.ui-widget-header .ui-state-hover {background:none;}
		.ui-state-default, .ui-widget-content .ui-state-default {background:none; width: 24px; border: 1px solid #D3D3D3 !important;border-top: none !important;border-left: none !important;border-right: none !important; transition:0.3s;}
		.ui-state-hover, .ui-widget-content .ui-state-hover {background:#D3D3D3;}
												
															
	@media screen and (max-width: 990px) {
			.reservations .center form h2 {display:none;}
	}
	@media screen and (max-width: 860px) {
		.reservations .center form {display:block;}
		.reservations .center form br {display:block;}
		.numAdults select, .numRooms select {width: 47px;}
		.checkIn {position:relative; margin-left: 24px; }
		.checkIn:before {position:absolute; content:''; bottom:0; height:1px; width:500%; left:-150%; background: #d4d4d4;}
		.checkOut {border-right:none; }	
	}
	@media screen and (max-width: 480px) {
		.reservations  button, .mobileBook {margin: 10px 0;}
		.reservations .center {padding: 7px 0;}
		.reservations form {display:none !important}
		.mobileBook {display:block; padding: 0 20px 0 20px; line-height: 32px;max-width: 219px; font-size: 16px;text-align:center; margin: 0 auto !important;}
		.mobileBook:after { font-size: 20px; right:10px;}
	} 


	/*TABS (hotels) */
	.tabs {position: relative;z-index: 30;max-width: 1203px; margin:0 auto; padding: 0 1%; }
	.tabs > a {position:relative; /* position: relative; */    z-index: 30;display:block; float:left; width:31%; border-radius: 0 0 4px 4px;  margin:0 1%; padding: 28px 12px 34px 8px; color:white;  font-family: 'Tangerine', cursive;font-size: 36px;line-height: 25px;text-align: center;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.66); transition:background 0.3s;}
	.tabs a:hover {background-position: 10px bottom; }

		.tab1 {background:#567193 url(../images/tab1.png) 0px bottom repeat-x; background-size: 28px 100%;}
		.tab2 {background:#4d437c url(../images/tab2.png) 0px bottom repeat-x; background-size: 28px 100%;}
		.tab3 {background:#7a3843 url(../images/tab3.png) 0px bottom repeat-x; background-size: 28px 100%;}
		.tab4 {background:#29521a url(../images/tab4.png) 0px bottom repeat-x; background-size: 28px 100%;}
		/*.mobile3 {display:none !important;}*/
		
		.active  { box-shadow: 1px -8px 10px rgba(0, 0, 0, 0.66) !important;}
		.active:after {position:absolute; content:'';  bottom:0px; left:0px; width:100%; height:60px;}
		@media (min-width:560px) {
			.tab1.active:after { background:url(../images/blue.png) repeat-x;}
			.tab2.active:after { background:url(../images/purple.png) repeat-x;}
			.tab3.active:after { background:url(../images/red.png) repeat-x;}
			.tab4.active:after { background:url(../images/green.png) repeat-x;}
		}
		
	@media (max-width:560px) {
		.tabs { padding: 0;}
		.tabs > a {width:100%; margin:0; padding: 21px 18px 21px 15px;}
		.tabs > a:before {content:'\f0da'; left:initial; right:13px; bottom:50%; margin:0 0 -10px; 0}
		/*.tab3.active {display:none !important }
		.tab3.mobile3.active {display:block !important; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.66);}
		.tab3.mobile3.active:before {content: '\f0d7';}
		.tab3.mobile3.active:after {display:none !important}*/
		.tabs > a:before {    left: 13% !important;     bottom: 6px !important;}
	}
	
	

	/* Nav========== */
	.nav-wrapper {}
	.nav {position: relative;z-index: 30;background: #eeeeee url(../images/content.jpg);margin-top: 0px;box-shadow:0 7px 10px -7px rgba(0, 0, 0, 0.58), 0 -7px 10px -7px rgba(0, 0, 0, 0.78);}
	.nav .mobileMenu {display:none; position:absolute; bottom:0px; right:0px; width:90px; height:100%;}
	.nav > .mobileMenu:before {position:absolute;content:"MENU";right:45px;top: 10px;display:block;cursor:pointer;font-weight:normal;line-height: 55px;font-size: 17px;color: #ffffff;letter-spacing: 1px;transition: 0.3s line-height;}
	.nav > .mobileMenu:after {position:absolute;content:"\f0c9";right:15px;top: 10px;font-family:fontAwesome;display:block;cursor:pointer;font-weight:bold;line-height: 55px;font-size: 21px;color: #ffffff;transition: 0.3s line-height;}
		.mobileSuites:before, .mobileCourtyard:before, .mobileTownhouses:before {color:#efefef !important; }
		.mobileSuites:after, .mobileCourtyard:after, .mobileTownhouses:after {color:#efefef !important; }
	.nav > ul {  clear: both; list-style:none; margin:0; padding:0; text-align: center;}
	.line-break {display:none !important;}
	.nav > ul > li {position:relative;z-index:10;display:inline-block;font-weight: bold;margin-top: 0px;transition:background 0.3s;}
	.nav > ul > li:before {position:absolute; z-index: -1; bottom:0px; left:0px; content:''; width:100%;  height:0px; background:#e9c043;  transition:0.2s;}
	.nav > ul > li > a {display:block;text-align:center;margin-top: 0px;padding: 3px 12px 0 12px;font-size: 13px;line-height: 40px;color: #141414;border-right: 1px solid rgba(0, 0, 0, 0.13);text-transform:uppercase;font-weight: bold;transition: color 0.3s, background 0.3s;}
	.nav > ul > li:first-child > a {border-left: 1px solid rgba(0, 0, 0, 0.13);}
	/*.nav > ul > li:hover:before {height:10%; transition:0.1s;}*/
	.nav > ul > li:hover a {background:#DDD}
	
	.nav > ul > li ul {height:0; position:absolute; list-style:none;margin:0; padding:1px 0;  width: 190px; left: 0; top: 73px;overflow:hidden; transition: 0.2s;}
	.nav > ul > li ul.ourRestaurants {left:inherit; right:0px; }
	.nav > ul > li ul  li  {position:relative; margin: 0; float: left;box-sizing: border-box; margin:1px 1% 1px 0px; width:100%;}

	.nav > ul > li ul  li  a {position:relative;display:block; line-height:19px;  padding: 0; letter-spacing: -3px; text-transform: uppercase; font-weight:normal !important;  font-size: 14px; color:rgba(255,255,255,0); transition: 0.3s;}
	.nav > ul > li ul  li  a.pdf:before {position:absolute; right:5px; content:""; top:3px; width:28px; height:23px; background:url(../images/pdf2.png) center top no-repeat;}
	/*.nav > ul > li:hover ul  li  a  {background: #F2F2F2;   letter-spacing: 0;  color: #656363!important; transition: 0.3s;}*/
	.nav > ul > li ul  li:first-child:before {border:none !important}
	.nav > ul > li ul  li:hover:before { background:white; background:rgba(255, 255, 255, 1); transition: 0.2s;}
	.nav > ul > li:hover ul  li:before {}
	.nav > ul > li ul  li:hover a {background: #E9C043;  color:#ffffff !important; }
	.nav > ul > li ul  li:hover  a.pdf:before {background:url(../images/pdf2.png) center -23px no-repeat;}
	.nav > ul > li:hover ul {height:205px;  transition: 0.4s ;}
	.nav > ul > li:first-child:hover ul {height: 230px !important;}
	.nav > ul > li:hover ul li a { padding: 7px;}
		
	.nav > .nav0 > li > a  {padding: 3px 22px 3px !important;}
	
		.navBlue a, .navPurple a, .navRed a, .navGreen a {color:#efefef !important;}
		.navBlue, .navBlue a {background:#567194 !important}
		.navPurple, .navPurple a {background:#524784 !important; /*border:none !important;*/}
		/*.navPurple ul {height: 20px;}*/
		.navRed, .navRed a {background:#8a404c !important}
		.navGreen, .navGreen a {background:#2c591c !important; border:none !important;}
		.navGreen ul {height: 20px;}
		
	@media (max-width:860px) {
		.nav > ul > li {  margin-top: 0px;}
		.nav > ul > li > a {padding: 0px 25px 0 25px;}
		.nav.navRed > ul > li > a{padding: 17px 12px 0 12px;}
		.line-break {clear:both; display:block !important; width:100% !important; height:1px; background: rgba(0, 0, 0, 0.13)}
		.nav > ul > li:nth-child(7) { border-left: 1px solid rgba(0, 0, 0, 0.13); }
	}
	@media (max-width:700px) {
			.nav > ul > li > a {padding: 0px 12px 0 12px; }
	}
	@media (max-width:560px) {
		.line-break {display:none !important;}
		.nav {float:none;   margin-top: 0px;}
		.nav .mobileMenu {display:block; right: 50%; margin: 0 -58px 0 0;}
		.nav > ul {padding: 0; }
			/*.navRed, .tab1.active:after,
			.navPurple, .tab2.active:after,*/
			.navGreen, .tab4.active:after {display:none;}
		.nav > ul.selected {border-bottom: solid 3px #FFF;box-shadow: 0 0 13px rgba(0, 0, 0, 0.67);}
		.nav > ul.selected > li { }
		.nav > ul.selected > li a {padding:0;font-size: 17px; line-height: 46px; text-align: right; background:009ea0; }
		.nav > ul > li.highlight2:before {background:rgba(255, 255, 255, 1) !important;}
		.nav > ul.selected > li { display:block; margin-top: 1px; }
		.nav > ul > li:before {display:none;}
		.nav > ul > li { width: 50%; float: left; margin-top:0px !important; border-top: 1px solid rgba(0, 0, 0, 0.13);}
		.nav > ul > li > a {position:relative; /* padding: 0 15px 0 0; */ color: #494747 !important; text-align: center !important; }
		.nav > ul > li > a:before {display:none; position:absolute; content:"\f0d8"; font-family:fontAwesome; right: 17px;bottom: -17px;font-size: 20px;color: #FFF;}
		.nav > ul > li ul {width: 100%; display: none;  height:inherit !important; position: relative;top: 0px; padding: 0px; background: #F2F2F2;}
		.nav > ul > li:first-child:hover ul {height:inherit !important;}
		.nav > ul > li:hover ul, .nav > ul > li.opened ul {display: block;}
		.nav > ul > li:hover a:before, .nav > ul > li.opened a:before {display:block;}
		.nav > ul > li ul  li  {width: 50%; margin:0;}
		.nav > ul > li ul  li  a,
		.nav > ul > li ul  li:hover a {padding: 0px 15px 0px 0 !important; letter-spacing: 0px; background: none !important;color: #E9C043 !important;border-top: 1px solid #DDCFA5; border-right: 1px solid #DDCFA5;}
		
		.nav.navRed  a,  .nav.navPurple  a ,  .nav.navBlue  a {color:#efefef !important;}
	}

	@media (max-width:430px) {
		.nav > ul {padding:0;}

		.nav > ul > li ul  li  {width: 100%;}	
		
		.nav > .mobileMenu:before, .nav > .mobileMenu:after {top:0px;}
	}


	/*BANNER*/
	.dynamic-headers ul.rslides li {background-size: cover; background-position: center center;}
	.dynamic-headers ul.rslides li img {min-height: 150px;max-height: 500px;}
	.home_slides li img {min-height: 200px !important; max-height: 600px !important;}
	
	/*MAIN CONTENT*/
	section.content  {position: relative;z-index: 10;  background: #eeeeee url(../images/content.jpg); padding: 30px 3% 67px;  box-shadow: inset 0 8px 10px -7px rgba(0, 0, 0, 0.63);}
	section.content  a {color:#ba4457;}
	section.home {box-shadow: 0 0 12px rgba(0, 0, 0, 0.63);}
	article {max-width:1058px; margin:0 auto}
	article ul {list-style:none; padding:0 0 0 5px;}
	article ul li {position:relative; padding-left:15px;}
	article ul li:before {position:absolute; content:''; top:6px; left:0px; width:8px; height:8px; border-radius:20px; background:#8a404c;}
	
	section h1 { text-align: center;}
		.half {float:left; width:50%;}
		.double {width:100%; float:none !important; }
		.double  tr {vertical-align:top;}
		.double td {width:50%;}
		.double td:nth-child(odd) {padding-right:10px;}
		
		@media (max-width:680px) {
				.half {float:left; width:100%;}
				.double td {display:block; width:100%;}
			}
			
		/*CTAs*/
		.ctas { margin-bottom:30px;
			display: -webkit-box;
			  display: -moz-box;
			  display: -ms-flexbox;
			  display: -webkit-flex;
			  display: flex;
			  -webkit-flex-flow: row wrap;
			  -moz-flex-flow: row wrap;
			  -ms-flex-flow: row wrap;
			  flex-flow: row wrap;
			  }
			.ctas > div {position:relative; width:31.33%; margin:0 1%; border-radius:3px;  background:white;  box-shadow: 1px 8px 11px -10px rgba(0, 0, 0, 0.55), 1px 1px 8px rgba(0, 0, 0, 0.2); overflow:hidden;}
			.ctas > div img {width:100%; height:auto;}
			.ctas > div strong {position:absolute; top:10px; left: 2%; width: 96%; border-radius: 3px;padding: 3px;background: rgba(255, 255, 255, 0.75); color:black;text-align: center;}
			.ctas > div p {padding: 11px 6% 62px 6%;margin: 0px;font-size: 14px;line-height: 18px;}
			.ctas > div a { position:absolute; z-index:10; bottom: 13px; left:10%;  display:block; width:80%; background: #8A404C; border-radius: 3px;color: #FFF;  padding: 3px 19px 6px 5px;}
			.ctas > div a:before {  position: absolute;content: '\f0da'; font-family: fontAwesome;  right: 10px;top: 50%;  margin-top: -7px;font-size: 14px;}
			.ctas > div a:hover {background: #BA4457;}
			
			
			
	/*BLOG EXCERPT*/
	.excerpt-wrapper {position:relative;z-index: 20; padding: 0px 3%;background: black;}
	.excerpt-wrapper:before {position:absolute; content:''; top: -20px; left:0px; height:20px; width:100%; background: url(../images/swirl.png) repeat-x center; background-size:75px 19px; }
	.excerpt-wrapper:after {position:absolute; content:''; top: 3px; left:0px; height:1px; width:100%; background:#6c6c6c; }
		.excerpt {max-width:1058px; margin:0 auto; position:relative;  color:#b3b2b2;line-height: 25px;font-style: italic;padding: 50px 10px 50px 240px;}
		.excerpt .h2title {position:absolute; text-decoration:none; left:10px; top: 64px; width:240px; margin: 13px 0 13px 0; color:white; font-size: 43px;  font-style: normal;font-family: 'Tangerine', cursive;}
		.excerpt p {padding:0px; margin:0px;}
		.excerpt p:before {position:absolute; content:'';  left:200px; top:0px; width:2px; height:100%;
			background: #000000; /* Old browsers */
			background: -moz-linear-gradient(top,  #000000 0%, #4c4c4c 50%, #000000 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#4c4c4c), color-stop(100%,#000000)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #000000 0%,#4c4c4c 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #000000 0%,#4c4c4c 50%,#000000 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #000000 0%,#4c4c4c 50%,#000000 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #000000 0%,#4c4c4c 50%,#000000 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
		}
		.excerpt strong {}
		.excerpt  a {color:#e7e2e2 !important;text-decoration: underline;}
	
	@media (max-width:620px) {
		.excerpt {padding: 20px 0;}
		.excerpt .h2title {position:relative; top:0px; left:0px; /*text-align: center;*/ width: 100%; display:block; margin: 25px 0 13px 0;}
		/*.excerpt p strong {display:block; margin:30px 0 20px;font-size: 19px;}*/
		.excerpt p:before {display:none;}
	}
/* Blog */

aside h3 {display:inline-block; margin-top:5px;}
aside ul {display: inline-block; list-style:none; padding:0px; margin:0px;}
aside ul li {display: inline-block;  padding: 0 5px;}
aside ul li:before {display:none;}
aside ul li a {text-decoration:underline;}
section .blogitem { border-bottom:1px solid #8AA1AC; }
section .blogitem img { vertical-align:top; float:left; margin:0 0.7em 0.7em 0; }
section .blogitem .date { font-style:italic; }
section .blogitem .category { border:1px solid gray; background:lightgray; border-radius:0.5em; font-size:0.9em; padding:0.1em 0.3em; }

/* Gallery */
/*#gallery-categories { list-style: none; padding: 0; margin: 0; }
#gallery-categories li { width: 50%; display: block; margin: 0; padding: 1em; float:left; }
#gallery-categories li a { position: relative; display:block; }
#gallery-categories li a span { position: absolute; right: 0; bottom: 0; background:darkgray; background: rgba(128, 128, 128, 0.75); padding: 0.4em; color: white; }
#gallery-categories li a img { display:block; width:100%; height:auto; }

#gallery-pager { position:relative; }
#gallery-pager ul { list-style: none; padding: 0 0 40px 0; margin: 0 0 -40px 0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; }
#gallery-pager ul li { display:inline-block; margin:0.2em; border:1px solid trans; }
#gallery-pager ul li.rslides_here { border-color:#fff; box-shadow: 0px 0px 7px 2px #7D868A; }
#gallery-pager ul li a { display: block; }
#gallery-pager ul li a img { display: block; }
#gallery-pager .prev { position:absolute; left:-0.3em; width:1em; height:1em; bottom:50%; margin-bottom:-0.5em; font-size:2em; z-index:2; font-family: FontAwesome; }
#gallery-pager .next { position:absolute; right:-0.3em; width:1em; height:1em; bottom:50%; margin-bottom:-0.5em; font-size:2em; z-index:2; font-family: FontAwesome; }
#gallery-pager ul.js::-webkit-scrollbar { display: none; }

#gallery-photos { position:relative; }
#gallery-photos ul li:active,
#gallery-photos ul li:target { display:block!important; }
#gallery-photos .prev { position:absolute; left:-0.3em; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family: FontAwesome; }
#gallery-photos .next { position:absolute; right:-0.3em; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family: FontAwesome; }
*/

/* GALLERY PAGE ========================================================================================*/
.galleries {padding:0;}
.galleries  li {list-style:none; width: 30.3%; display: block; margin:0  1.5%;  max-width: 420px; float:left; }
.galleries  li img {border-radius: 6px; width: 100%; height: auto;}
.gal1, .gal2, .gal3 { display:block; width: 96%; border-radius: 6px; color:white; float:left; margin-top:3px;padding: 10px 2%; font-size: 15px;  text-align:center;}
.gal1 {background: #4E7293;}
.gal2 {background: #933A3A; }
.gal3 {background: #5A7836;}
#gallery-caption {display: inline-block;color: #FFF;margin: 10px 0 0 0;padding: 3px 15px;border-radius: 3px;background: rgba(0, 0, 0, 0.59);}
#gallery-photos {text-align: center;}

@media only screen and (max-width: 700px) {
	.galleries  li {width:100%; margin:0  auto 90px auto !important; float:none; display:block; }
}


/*CONTACT */

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

.form ul {padding:0 !important;}
.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: none; background-color: #ffffff; padding: 6px 2%;margin: 0;border-right: none; font-family: 'Carrois Gothic', sans-serif; font-size: 17px; margin-bottom: 20px; transition: 0.3s;
 box-shadow: 0 10px 19px -10px #BEBBBB, 0 0 7px #DFDFDF;}
.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: #517FBB; cursor: pointer; vertical-align: top; box-shadow: 1px 10px 9px -10px rgba(0, 0, 0, 0.69); transition: 0.4s, margin-top 0.0s;}		

.form button:hover, .form  input[type="submit"]:hover  { background: #5794E4; }			
.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}
	.catcha {  height: 32px;  }
.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:#E94343 !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 HIGHLIGHT */
	.highlight{ }
		.highlight label{ text-shadow:1px 1px 10px black;}
		.highlight-selected{ background-color:#FF0;}

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


/*FOOTER*/
.f_nav {margin-top: 0px;  }
.f_nav > ul > li {margin-top: 0px;  }
.f_nav > ul > li > a {  padding: 6px 12px 6px 12px !important;}
.f_nav   > .nav0 {box-shadow: 0 -4px 9px -2px rgba(0, 0, 0, 0.32);}
.f_nav   > .nav0 > li > a {padding: 0px 22px 0 !important;}

footer {color:#ededed; text-align:center; text-shadow:1px 1px 7px black; padding: 41px 3% 16px 3%;line-height: 25px;font-size: 14px;}
footer strong {display:block; font-weight:normal; font-size:40px;  font-family: 'Tangerine', cursive;padding-bottom: 14px;}

.footer_blue {background: #404F64 url(../images/stucco3.jpg);   box-shadow: inset 0 7px 10px -5px rgba(0, 0, 0, 0.48);}
.footer_purple {background: #404F64 url(../images/stucco2.jpg);   box-shadow: inset 0 7px 10px -5px rgba(0, 0, 0, 0.48);}
.footer_red {background: #404F64 url(../images/stucco3.jpg);   box-shadow: inset 0 7px 10px -5px rgba(0, 0, 0, 0.48);}
.footer_green {background: #404F64 url(../images/stucco4.jpg);   box-shadow: inset 0 7px 10px -5px rgba(0, 0, 0, 0.48);}


@media (max-width:560px) {
	.f_nav {display:none;}
}

/* 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; }

.coupon{ background: #fff; border: 2px dashed #efefef; border-left: none; text-align: center; padding: 30px 10px; }
.coupon h3{margin-top: 0; font-size: 1.6em; color: #d56b7c;}