* { 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 {  background: url(../images/content.jpg) repeat center #e5e2da; background: url(../images/stripes.png) repeat center, url(../images/content.jpg) repeat center #e5e2da; color:#010000;  margin: 0;    font-family: 'Bitter', serif;/*overflow-x:hidden;*/font-size: 15px;}
img {border:none;}
a {border:none; text-decoration:none; color: #9B0F0A; outline:none; font-weight:normal;}
h1 {display:block; color: #010000; font-size: 39px; line-height: 39px; /* text-transform:uppercase; */ font-weight:normal; margin: 20px 0 20px 0;}
h2 {font-size: 29px; /* margin:25px 0 13px 0; */   line-height: 27px; margin: 0px;padding: 9px 0 8px 0;color:#000000; font-weight:normal;}
h3 {font-size: 15px;  margin:17px 0 0 0; line-height: 25px; }
p {line-height:25px; margin: 10px 0 20px 0; font-size: 15px;}
table { font-size: 15px;}
hr { border:none;  margin: 30px 0; border-bottom: 2px solid #1D4976;}
input {outline:none;}

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

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

.clear {clear:both;}
.right {float:right}
.left {float:left}
a.tel, a.tel:hover {  color: #010000 !important; text-decoration:none !important; cursor:default;}

#scrollup {position:fixed; z-index:200; line-height: 11px;width: 37px;bottom: 50%;padding: 0px 0px 7px 0px; right: 0px; margin-bottom: -18px; border-radius: 4px 0 0 4px;/* border: 3px solid #5C0884; */ border-right:none; background:black; background:rgba(1, 0, 0, 0.5);text-align: center;color: white;font-size: 13px;display:none; cursor:pointer; box-shadow: 0px 0px 4px #FFF;transition:0.3s; }
#scrollup i {font-size: 23px;}
#scrollup:hover {  background: #970B0C;}
#scrollup:hover {opacity:1;}

@media (max-width:550px) {
	#scrollup {display:none !important; }
}
/*HEADER===================================================*/
header {text-align:center; position:relative;   padding: 0 4%;}
	.navtop {display:inline-block; padding:0; margin:0; list-style:none; padding: 0 11px;border-radius: 0 0 3px 3px;margin:0 auto; background:#010000;box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.61);}
	.navtop li {display:inline-block;}
	.navtop li a {display:inline-block; font-size: 13px; font-weight: bold;color:#d7d4cd; text-transform:uppercase; padding: 7px 15px;}
	.navtop li a:hover {  color:#e9e0ac;}
	
	a.logo {display:inline-block; margin: 16px auto 10px auto;}
	a.logo img {width: 100%;max-width: 622px; height:auto;}
	
	.slogan {position:absolute; bottom: 16px; right: 4%;text-align:right;font-size: 15px;font-weight: bold;}
	.slogan strong {font-style:italic; font-size: 19px;color:#135382;letter-spacing: 1px;}
	
	@media (max-width:1080px) {
		.slogan {display:none;}
	}
	
	/*NAV*/
	nav { position:relative; z-index: 120; background:#950a0e url(../images/red_leatherHD.jpg) center; background-size: 128px; text-align: center;   box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.8);}
	nav:before {content:''; position:absolute; left:0; top: -10px; width:100%; height: 11px; background: url(../images/triangles.png) repeat-x 0px -21px;}
	nav:after {position:absolute; content:'';  background: url(../images/boats.png) no-repeat; width:194px; height:132px; left: 2%; top: -92px;}
	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: 44px;  font-size: 17px; color: #D7D4CD;  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;  line-height: 44px; font-size: 21px;  color: #D7D4CD;  transition: 0.3s line-height; }
	nav > ul { list-style:none; margin:0; padding:0; display: inline-block;}
	nav > ul > li {position:relative;  display: inline-block;z-index:10;  font-weight: bold; transition:background 0.3s; height: 45px;}
	nav > ul > li > * {display:block;  margin-top: -8px;text-align:center; padding: 21px 17px 12px;  font-size: 15px; font-weight: bold;line-height: 20px; color: #d7d4cd;  text-transform:uppercase;  transition: background 0.3s; }
	nav > ul > li:hover > * {background: rgba(255, 255, 255, 0.22);}
	nav > ul > li.parent:before {content:''; position:absolute; bottom: -9px; opacity:1; left:50%; margin-20px; width: 15px; margin-left: -7px;height: 13px;  background: url(../images/triangles.png) repeat-x 15px -20px;  transition:0.7s;-moz-transform: scaleY(-1);    -o-transform: scaleY(-1);    -webkit-transform: scaleY(-1);    transform: scaleY(-1);    filter: FlipV;    -ms-filter: "FlipV";}
	nav > ul > li.parent:hover:before {bottom: 0px; opacity:0; transition:0.4s}
	
	nav > ul > li ul {height:0; position:absolute; list-style:none;margin:0; padding: 15px 0 1px 0;  width: 160px; left: 0; top: 44px;overflow:hidden; background:none !important;  transition: 0.2s;}
	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;    text-transform: uppercase; /* font-weight:normal !important; */  font-size: 14px;  font-weight: bold;padding: 6px 7px;text-align: left; color: #010000 !important;  background: #950A0E url(../images/red_leatherHD.jpg) center;background-size: 128px;color: #D7D4CD !important;border-radius: 3px;}
	nav > ul > li:hover ul  li  > a  {   letter-spacing: 0;   transition: 0.3s;}
	nav > ul > li ul  li:hover > a {  background: #010000;    background-size: 128px;  color: #D7D4CD !important; }
	nav > ul > li:hover ul {height:235px;  transition: 0.4s ;}
	nav > ul > li:first-child:hover ul {height: 260px !important;}
	nav > ul > li:hover ul li a {}

	@media (max-width:940px) {
		nav > ul > li > * {padding: 21px 6px 12px;  }
	}
	@media (max-width:850px) {
		nav:after {display:none !important;}
	}
	@media (max-width:770px) {
		
		nav {float:none;}
		nav .mobileMenu {display:block;}
		nav > ul {padding: 39px 0 0 0;   width: 100%;}
		nav > ul.selected {border-bottom: solid 1px #FFF;box-shadow: 0 0 13px rgba(0, 0, 0, 0.67);   padding: 50px 0 0 0;}
		nav > ul.selected > li {width:100%; }
		nav > ul.selected > li * { line-height: 40px; text-align: center; 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.parent {background: rgba(255, 255, 255, 0.22) !important;}
		nav > ul > li:hover > * {background: none;}
		nav > ul > li:before {display:none;}
		nav > ul > li { display:none; height:inherit; margin-top:0px !important; border-top:1px solid white !important}
		nav > ul > li > * {position:relative; padding: 0 15px 0 0; color: #D7D4CD!important; margin-top: 0px;}
		nav > ul > li ul {position:relative; width: 100%;  height:inherit !important; position: relative;top: 0px; padding: 0px;}
		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 !important; letter-spacing: 0px; background: none !important;border-top: 1px solid #D28283; border-right: 1px solid #D28283; border-radius:0px;}
		nav .mobileMenu {right: 50%; margin: 0 -58px 0 0;}
		nav > .mobileMenu:before, nav > .mobileMenu:after {top:0px;}
	}
	@media (max-width:414px) {
		.navtop li a {padding: 7px 5px;}
	}

/*BANNER IMAGES========================*/
.dynamic-headers {position: relative; background: #000;}
.dynamic-headers .rslides {margin:0 auto !important; }
.dynamic-headers .rslides li {background-size:cover; background-position:center center;}
.dynamic-headers .rslides.home_slides img {min-height:200px; max-height:630px;}
.dynamic-headers .rslides.int_slides img {min-height:150px; max-height:420px;}
	/*OVERLAY*/
	.overlay-wrapper {position:absolute; z-index:20; width: 1053px; left:50%; bottom:0px; margin-left:-575px;  }
	.overlay {display:block; float:right; width: 352px;position:relative; background: url(../images/black.png) left; color:#d8d7d1; font-size: 28px;padding: 14px 15px 21px;text-align: center;line-height: 24px;}
	.overlay:before {content:''; position:absolute; left:0; top: -7px; width:100%; height:7px; background: url(../images/triangles.png) repeat-x 0px -33px; }
	.overlay span {font-size: 17px;line-height: 24px;}
	.overlay img:nth-child(2) {
		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
		}
		
	@media screen and (max-width: 1053px) {
		.overlay-wrapper {width:100%; padding:0 4%; left:0px; margin:0;}
	}
	@media (max-width:760px) {
		.overlay-wrapper {display:none;}
	}
	
/*Slogan 2 */
.slogan2 { position:relative; z-index: 110; background: #1B4C7A url(../images/blue_leatherHD.jpg) center; background-size: 128px; text-align: center;  padding: 16px 4%; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.8);}
.slogan2:before {content:''; position:absolute; left:0; bottom: -9px; width:100%; height: 12px; background: url(../images/triangles.png) repeat-x 0px 3px; }
.slogan2 div {position:relative; color:#d5d2cc; margin:0 auto; padding-right:80px; max-width:960px;font-size: 13px;     line-height: 15px; font-weight:bold;  text-align:left;}
	.facebook, .twitter {position:absolute; top: -2px; right:0px; color:#D5D2CC; font-size: 23px; margin-left: 10px; transition:0.3s}
	.facebook {right: 40px;}
	.facebook:hover, .twitter:hover {color:rgba(255, 255, 255, 0.75)}
	
/*MAIN CONTENT AREA*/
.main {padding: 50px 4% 60px;  background: url(../images/content.jpg) repeat center #e5e2da;}
.main > * {max-width:960px; margin:0 auto; line-height:20px;}
.main.content img {max-width: 46%; height: auto; padding-bottom:10px;}
.main.content article a {text-decoration:underline; }
.main ul {padding:0px; list-style:none;}
.main ul li {position:relative; padding-left:20px; margin-bottom:4px}
.main ul li:before {position:absolute; content:''; width: 8px; height: 8px; border-radius:50%; background:#8a1317; top: 6px; left:0px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.53);}
	.button, .pdf {display: inline-block;border-radius:3px;   padding: 0px 10px; margin: 0 0 10px 5px; background:#970B0C; color:#fcfcfc; font-size: 14px;/* font-weight: bold; */ box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35);  text-decoration:none !important; transition:0.3s}
	.button:hover {background: #BE2526;}
	.pdf {position:relative; padding-left: 42px; background: #970B0C  url(../images/pdf.png) 4px center no-repeat; }
	.pdf:hover {background-color: #BE2526; }
	.calendar {position:relative;display:inline-block; padding:4px 10px 5px 35px; margin:0 10px 10px; background:#970B0C;  }
	.calendar:before {position:absolute; top:0px; left: 8px;  line-height: 35px; font-size: 20px;content:'\f133'; font-family:fontAwesome;}
	.calendar:hover {background:#2469A6;}
	
	.table3 {position:relative; background: url(/templates/client/images/excerpt-back.png); box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.25); margin-bottom:20px;}
	.table3 thead { background: #1B4C7A url(../images/blue_leatherHD.jpg) center; background-size: 128px; color:#E2DDD7;  }
	.table3 thead th {padding:5px 10px; border:none !important;}
	.table3 td {padding:10px !important;}
	.table3:after {content:''; position:absolute; bottom:-9px; left:0px; width:100%; height:11px; background: url(../images/triangles.png) repeat-x 0px -10px;
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}
	/*responsive tables*/
	table.respond {position:relative;  width:100%;  background:url(../images/excerpt-back.png); margin-bottom:30px; box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.25);}
	table.respond:after {content:''; position:absolute; bottom:-9px; left:0px; width:100%; height:11px; background: url(../images/triangles.png) repeat-x 0px -10px;
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}
	table.respond thead { background: #1B4C7A url(../images/blue_leatherHD.jpg) center; background-size: 128px; color:#E2DDD7;  }
	table.respond thead th {padding:5px 10px; border:none !important;}
	table.respond tr td {text-align:center; border-top:1px solid #E0DBDB;  padding:5px 10px}
	table.respond tr td:nth-child(1) {text-align:left;}
	
	.table2 {position:relative;  margin-top:-22px; background:url(../images/excerpt-back.png); margin-bottom:30px; box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.25);}
	.table2:before {content:''; position:absolute; top:-9px; left:0px; width:100%; height:11px; background: url(../images/triangles.png) repeat-x 8px -10px;}
	.table2:after {content:''; position:absolute; bottom:-9px; left:0px; width:100%; height:11px; background: url(../images/triangles.png) repeat-x 0px -10px;
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}
	.table2 tr td {text-align:left; padding:5px 10px}
	
	
	/*music page */
	table.mp3 {float:left; width:31.33%; margin:0 1% 25px 1% !important;}
	table.mp3 img {  display: inline !important; max-width:300px !important; width:100% !important; height:auto !important; border-radius:3px; padding-bottom:0px !important;}
	
	
	
	/*Transportation Page*/
	
	.transportation img {margin:10px 2%; width:15.7% !important; height:auto !important; display: inline !important;}
		
		@media (max-width:1060px)   {
			.transportation img { width:20% !important;}
		}
		@media (max-width:740px)   {
			.transportation img { width:28.33% !important;}
		}
		@media (max-width:560px)   {
			.transportation img { width:43.43% !important;}
		}
	/*Culinary Staff*/
	
	table.staff {position:relative;  width:100%;  background:url(../images/excerpt-back.png); margin-bottom:30px; box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.25);}
	table.staff:after {content:''; position:absolute; bottom:-9px; left:0px; width:100%; height:11px; background: url(../images/triangles.png) repeat-x 0px -10px;
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}
	table.staff thead { background: #1B4C7A url(../images/blue_leatherHD.jpg) center; background-size: 128px; color:#E2DDD7;  }
	table.staff thead th {padding:5px 10px; border:none !important;}
	table.staff tr td {text-align:center; border-top:1px solid #E0DBDB;  padding:5px 10px}
	table.staff tr td:nth-child(1) {text-align:left;}
	.chefs {float:left; display:inline-block; margin-right:15px; min-width:130px !important;  width:130px !important; max-width:130px !important;height:auto;}
	
	@media screen and (max-width: 720px) {
		table.mp3 {width:100%; margin:0 auto 25px auto; text-align:center !important}
	}
	
	@media screen and (max-width: 620px) {
	table.respond thead { display: none; }
	table.respond tbody td { display: block; margin: 0;   padding:5px 5px text-align: left;   background:url(../images/excerpt-back.png); }
	table.respond tbody tr td:first-child {background: #1B4C7A url(../images/blue_leatherHD.jpg) center; background-size: 128px; color:white;}
	table.respond tbody td, table.respond tbody td:first-child {position: relative;padding-left: 42%;width: 100% !important;}
	table.respond tbody tr td:first-child:before {left: 0;width:34%;top: 7px;height: 100%;display: block;color: #fff;}
	table.respond tbody {background: none;}
	table.respond {background: none;}
	table.respond tbody td:before {content: attr(data-th); position: absolute;left: 0;top: 7px;width: 34%;text-align: left;height: auto;padding-left: 14px;border-right: 2px dashed #C1C1C1;}
	}

	@media screen and (max-width: 550px) {
		.main.content img {max-width: 100%; display:block; padding-bottom:20px; float: none !important;}
	}

	/*blog exceprt */
	.excerpt {position:relative;   width: 100%; background:url(../images/excerpt-back.png); padding: 20px 4% 39px; }
	.excerpt:before {content:''; position:absolute; top: -10px; left:0px; width:100%; height: 11px; background: url(../images/triangles.png) repeat-x 0px -9px;}
	.excerpt:after {content:''; position:absolute; bottom:-9px; left:0px; width:100%; height:11px; background: url(../images/triangles.png) repeat-x 0px -10px;
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}
	.excerpt > div {max-width:960px;}
	.excerpt h2 {font-size:20px;   /*margin-top: 13px;*/}
	.excerpt section {float:left; width: 29.3%;}
	.excerpt section h3 {line-height: 18px;}
	.excerpt section h3 a {color:#9a0e0b; font-weight:bold; }
	.excerpt section p { margin: 6px 0; line-height: 19px;}
	.excerpt section:nth-child(3) {margin: 0 6%;}
	.excerpt .button { background:#194e7d;  padding: 1px 10px; margin: 0PX;  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.49); }
	.excerpt .button:hover {background:#2469A6;}
	
	@media (max-width:600px) {
		.excerpt section {width:100%; margin:0 0 10px 0 !important;}
	}
	
	
	/*TIMELINE===================================================*/
	.mainContent { width:100%; padding:40px 0px; background:url(../images/content.jpg); }
	.mainContent article.timeline { max-width:1300px; margin:0 auto; display:block; padding:0px 30px; }
	.mainContent article.timeline h1 { margin-top:0px; }
	.mainContent article.timeline h1 img { width:100%; max-width:964px; height:auto; }
	.mainContent article.timeline h2 { font-family:'Ultra', serif; font-size:36px; font-weight:normal; margin:5px 0px 0px 0px; }
	.mainContent article.timeline h3 { font-family:'Ultra', serif; font-size:24px; font-weight:normal; margin:5px 0px 0px 0px; text-transform:uppercase; }
	.mainContent article.timeline ul { list-style:none !important; font-family:'Ultra', serif; margin:40px 0px 0px 0px; padding:18px 0px; font-size:20px; line-height:28px; list-style:none; text-align:center; border-top:1px solid #000; border-bottom:1px solid #000; }
	.mainContent article.timeline ul li { display:inline-block; padding:0px !important;}
	.mainContent article.timeline ul li:before {display:none !important; }
	.mainContent article.timeline ul li a { display:block; color:#000; text-decoration:none; padding:0px 5px; }
	.mainContent article.timeline ul li a:hover { color:#a00000; }
	
	.mainContent article.timeline .contentCont { width:100%; }
	.photo { background-image: url(/templates/client/images/photo-frame.png); float: left; width: 100%; background-size: cover; background-repeat: no-repeat;   width: 61%; max-width: 520px; }
	.photo img { margin: 8%; width: 84%; height:auto; max-width:100% !important; padding-bottom:0px !important; }
	
	@media (max-width:750px) {
		.photo {width:100%;}
		.tlwrap a {top:30% !important;}
		.mainContent article.timeline h2 { text-align:center; }
		.mainContent article.timeline h3 { text-align:center; }
	}
	
	@media (max-width:580px) {
		.mainContent article.timeline h2 { text-align:center; }
		.mainContent article.timeline h3 { text-align:center; }
	}


	/*CTAs */
	.ctas {padding-bottom:0px;}
	.ctas > div {max-width:1150px; }
	.ctas > div section {float:left; width:16.66%; text-align:center; margin-top:27px; padding:0 3px;}
	.ctas > div section div {background:white;  padding-bottom:12px;  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.29);font-size: 14px;line-height: 17px;}
	.ctas > div section div a {position:relative; z-index: 10;  display:block; left:-4%; width:108%;color:#e5e1d9;   background:#950a0e url(../images/red_leatherHD.jpg) center; background-size: 128px; margin: -4px 0 0px;padding: 11px 0 11px; font-size:17px;box-shadow: 1px 5px 6px  -2px rgba(0, 0, 0, 0.32);}
	
	.ctas > div section div a:before {content:''; position:absolute; left:0px; top:-10px; width:100%; height: 11px; background: url(../images/triangles.png) repeat-x center -21px;  }
	.ctas > div section div a span {display:inline;}
	.ctas > div section div img {width:100%; height:auto; -webkit-filter: sepia(0.5); filter: sepia(0.5); transition:0.3s}
	.ctas > div section:hover div img{  -webkit-filter: sepia(0); filter: sepia(0);}
	.ctas > div section div span {position:relative; padding: 0 12px; */display: inherit;margin-top: 11px;padding: 0 5%;display: block;}
	.ctas > div section:nth-child(1) div span:after,
	.ctas > div section:nth-child(4) div span:after {content:''; position:absolute;  left:-4%; top:-18px;   width: 0px;height: 0px;border-top: 7px solid rgba(0, 0, 0, 0);border-bottom: 7px solid rgba(0, 0, 0, 0);border-right: 7px solid #BE7C6D;}
	.ctas > div section:nth-child(1) div span:before,
	.ctas > div section:nth-child(4) div span:before {content:''; position:absolute;  z-index: 1;left: 0px; top: -11px;   width: 8px;height: 8px; background: #FFFFFF;}
	.ctas > div section:nth-child(6) div span:after,
	.ctas > div section:nth-child(3) div span:after {content:''; position:absolute; right: -4%; top: -18px; width:0px;   width: 0px;height: 0px;border-top: 7px solid rgba(0, 0, 0, 0);border-bottom: 7px solid rgba(0, 0, 0, 0);border-left: 7px solid #BE7C6D; }
	.ctas > div section:nth-child(6) div span:before,
	.ctas > div section:nth-child(3) div span:before {content:''; position:absolute;  z-index: 1;right:0px; top: -11px;   width: 10px;height: 8px; background: #FFFFFF;}
	
	.ctas > div section:nth-child(4) div span:after,
	.ctas > div section:nth-child(3) div span:after {display:none;}

	
	
	@media (max-width:1090px) {
		.ctas > div section div a span {display:none;}
	}
	@media (max-width:820px) {
		.ctas > div {max-width:570px;}
		.ctas > div section {margin-top:20px; width:33.33%;}
		.ctas > div section:nth-child(4) div span:after,
		.ctas > div section:nth-child(3) div span:after {display:block;}
	}
	@media (max-width:430px) {
		.ctas > div section {width:50%;}
		.ctas > div section div span:after, .ctas > div section div span:before {opacity:none}
		.ctas > div section:nth-child(odd) div span:after {display:bock!important; content:''; position:absolute;  left:-4%; right:inherit; top:-18px;   width: 0px;height: 0px;border-top: 7px solid rgba(0, 0, 0, 0);border-bottom: 7px solid rgba(0, 0, 0, 0);border-right: 7px solid #BE7C6D;}
		.ctas > div section:nth-child(odd) div span:before {display:bock!important;content:''; position:absolute;  z-index: 1;left: 0px; right:inherit; top: -11px;   width: 8px;height: 8px; background: #FFFFFF;}
		
		.ctas > div section:nth-child(even) div span:before {display:bock!important;content:''; position:absolute;  z-index: 1; left:inherit; right: 0px; top: -11px;   width: 8px;height: 8px; background: #FFFFFF;}
		.ctas > div section:nth-child(even) div span:after {display:bock!important;content:''; position:absolute;  left:inherit; right: -4%; top: -18px; width:0px;   width: 0px;height: 0px;border-top: 7px solid rgba(0, 0, 0, 0);border-bottom: 7px solid rgba(0, 0, 0, 0);border-left: 7px solid #BE7C6D;  }
	}
	
	/*Reservation Widget*/
	.reservations {padding: 50px 4% 46px 4%; transition:padding 0.3s}
	.reservations h2 {margin: 0 0 17px 0; padding-top: 9px;text-align:center; font-size: 17px; font-weight: bold;text-transform:uppercase;color: #51504F;}
	.mobileBook {display:none}
	.reservations label {display: inline-block;vertical-align: top;margin-top: -1px;font-size: 10px;font-weight: bold;line-height: 22px;}
	.reservations form { position: relative; z-index: 10; max-width:995px; margin:0 auto; text-align:center;}
			.checkIn, .checkOut, .numNights, .numRooms {width: 82px; color:#585858; border-radius: 3px;border: none; margin: 0 5px; padding: 3px 8px;font-weight: bold;font-size: 12px;vertical-align: top;
									text-align: center;box-shadow: 0 0 7px rgba(0, 0, 0, 0.34); }
			.checkIn, .checkOut { /*background: white url(../images/i_calendar.png) right center no-repeat;*/}
			.numNights, .numRooms {padding: 2px 4px;}
	.reservations  button, .mobileBook {cursor:pointer; position:relative; border: none;background: #970b0c;border-radius: 3px ;color: #FFFFFF;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.76);padding: 0px 32px 0px 10px;line-height: 21px; margin: 0 !important;    box-shadow: 0 0 7px rgba(0, 0, 0, 0.34);transition: 0.4s, margin-top 0.0s;
															  }
	.reservations  button { margin-left:5px !important; }
	
	/*datepicker*/
	#ui-datepicker-div {position:relative;z-index:10!important;}
	div.ui-datepicker{ font-size:12px; }
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {  background: #970B0C !important; color: #FFF !important;}
	
	.reservations  button:hover, .mobileBook:hover { background: #BE2526;}
	.reservations button:after, .mobileBook:after {content:"\f0da"; font-family:FontAwesome; position:absolute; font-size: 16px; top: 0px;text-shadow: none;opacity: 0.6;right: 8px; }														
															
	@media screen and (max-width: 930px) {
		.reservations {  padding: 50px 4% 96px 4%;}
	}
	@media screen and (max-width: 605px) {
		.reservations form {display:none}
		.reservations h2 span {display:none;}
		.mobileBook {display:block; padding: 0 20px 0 10px; line-height: 32px;max-width: 238px; font-size: 16px; font-weight: normal;text-align:center; margin: 0 auto !important;}
		.mobileBook:after { font-size: 20px; right:10px; top: 0px;}
	}



/*LOCATION*/
#infoWindow h2 {font-size:15px !important;}
#map { width:100%; height: 300px;}	
	@media screen and (max-height: 450px) { 
		#map {height: 200px;}
	}
	

/*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: 3px;  text-transform:uppercase; margin-top: -9px; outline: 0; color: #E6E2D9; background: #9B0C09; cursor: pointer; vertical-align: top; transition: 0.4s, margin-top 0.0s; box-shadow: 0 10px 19px -10px #817E7E, 0 0 7px #B2ACAC;}		

.form button:hover, .form  input[type="submit"]:hover  { background: #BE2526;}			
.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: #E5E0DA;}	

.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: #EA807E !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 ;}
	
	/* for highlight */
	.highlight{ }
		.highlight label{ text-shadow:1px 1px 10px black;}
		.highlight-selected{ background-color:#FF0;}

	.captcha{ background:#fff; padding:5px 10px; margin:1px 0 0 10px; font-weight:bold; font-size:1.2em;}

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

/* BLOG */
section .blogitem {  position:relative;  width:100%;  background:url(/templates/client/images/excerpt-back.png); margin-bottom:30px;   padding: 10px 10px;  box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.25); border-radius:3px; }
section .blogitem:after {content:''; position:absolute; bottom:-9px; left:0px; width:100%; height:11px; background: url(../images/triangles.png) repeat-x 0px -10px;
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}
			
section .blogitem img { vertical-align:top; float:left; margin: 0 0.7em 0 0;  padding-bottom:0px !important;  border-radius:3px; }
section .blogitem h2 {padding-bottom: 0px;}
section .blogitem .date { font-style:italic; color: #A8A8A8;}
section .blogitem .category { border-radius:0.5em; font-size:0.9em; padding:0.1em 0.3em; }

.blog-comment-submit {display:none;}

.archive ul {margin-top:0px;}
.archive ul li {display:inline-block; padding-left:10px; background:#9B0F0A; color:#E6E2DB; text-align:left; border:none; border-radius:3px;  margin: 4px 5px 4px 0px; line-height: 23px;padding: 0 7px 0 7px; cursor:pointer; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.47); transition:0.3s;}
.archive ul li:before {display:none;}
.archive ul li  a {color:white; text-decoration:none !important;}
.archive ul li:hover { background: #BE2526;}

@media screen and (max-width: 550px) {	
	.main.content .blogitem img {float:left !important;}
	.main.content .blogitem p {clear: both;}
}

@media screen and (max-width: 400px) {	
	.main.content .blogitem img {float:none !important;}
}

/* Gallery============================ */
#gallery-categories { list-style: none !important; padding: 0; margin: 0 0 70px 0;}
#gallery-categories li {position:relative; width: 33.33%; float:left; margin: 0; padding: 15px 10px 45px 10px; box-sizing:border-box;}
#gallery-categories li:last-child {display:none;}
#gallery-categories li:before {display:none;}
#gallery-categories li a { position: relative; display:block; }
#gallery-categories li a span { position: absolute;  dispaly:block; width:100%; margin:2px 0 0 0; background:#36b2b4;  font-family: 'Fjalla One', sans-serif;  text-transform:uppercase; text-align:center;  font-size:24px; letter-spacing: 1px; padding:3px 0; color: white;  box-sizing:border-box; transition:0.3s;}
#gallery-categories li:hover a span {background: #009EA0;}
#gallery-categories li a img { display:block; width:100%; height:auto; }

#gallery-pager { position:relative; }
#gallery-pager ul { list-style: none; padding: 0 0 19px 0; margin: 0 0 -40px 0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; }
#gallery-pager ul li { display:inline-block; margin:3px 2px 3px 0px; padding:0 0 3px 0 !important; border-bottom:1px solid transparent;  border-bottom:white 3px solid;  border-bottom:rgba(255, 255, 255, 0) 3px solid; }
#gallery-pager ul li:before {display:none !important;}
#gallery-pager ul li.rslides_here { border-bottom: #194E7D 3px solid;  }
#gallery-pager ul li a { display: block; }
#gallery-pager ul li a img { display: block; max-width:100% !important;    padding-bottom: 0px !important;   box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.25);}
#gallery-pager .prev , #gallery-pager .next {position: absolute;width: 25px;height: 40px;  color:white; line-height: 40px;top: 21px;margin-bottom: 0;font-size: 31px; text-align:center; z-index: 2;  text-decoration:none; font-family: FontAwesome; background: #A80F17; border-radius:2px; transition:0.2s;}
#gallery-pager .prev {left: -2%;box-shadow: 4px 0 6px -3px rgba(0, 0, 0, 0.45); -moz-box-shadow: 4px 0 6px -3px rgba(0, 0, 0, 0.45); -webkit-box-shadow: 4px 0 6px -3px rgba(0, 0, 0, 0.45);}
#gallery-pager .next {right: -2%;box-shadow: -4px 0 6px -3px rgba(0, 0, 0, 0.45); -moz-box-shadow: -4px 0 6px -3px rgba(0, 0, 0, 0.45); -webkit-box-shadow: -4px 0 6px -3px rgba(0, 0, 0, 0.45);}
#gallery-pager .prev:hover , #gallery-pager .next:hover  {width: 35px;}
#gallery-pager ul.js::-webkit-scrollbar { display: none; }

#gallery-photos { position:relative; }
#gallery-photos ul li {padding:0 !important;}
#gallery-photos ul li:active,
#gallery-photos ul li:target { display:block !important; }
#gallery-photos ul li:before {display:none !important;} 
#gallery-photos img {max-width:100% !important;   padding-bottom: 0px !important;   box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.25);}
#gallery-photos .prev, #gallery-photos .next { background: #A80F17; color:white; border-radius:2px; position: absolute;width: 50px;height: 200px;line-height: 200px;top: 50%;margin-top: -100px;bottom: 0;font-size: 45px;text-align: center;z-index: 2;font-family: FontAwesome; text-decoration:none; transition:0.2s;}
#gallery-photos .prev {left:-3%; box-shadow: 4px 0 7px -3px rgba(0, 0, 0, 0.45); -moz-box-shadow: 4px 0 7px -3px rgba(0, 0, 0, 0.45); -webkit-box-shadow: 4px 0 7px -3px rgba(0, 0, 0, 0.45);}
#gallery-photos .next {right:-3%; box-shadow: -4px 0 7px -3px rgba(0, 0, 0, 0.45); -moz-box-shadow: -4px 0 7px -3px rgba(0, 0, 0, 0.45); -webkit-box-shadow: -4px 0 7px -3px rgba(0, 0, 0, 0.45);}
#gallery-photos .prev:hover {width:60px; box-shadow: 4px 0 11px -3px rgba(0, 0, 0, 0.55); -webkit-box-shadow: 4px 0 11px -3px rgba(0, 0, 0, 0.55); -moz-box-shadow: 5px 0 9px -3px rgba(0, 0, 0, 0.55);}
#gallery-photos .next:hover {width:60px; box-shadow: -4px 0 11px -3px rgba(0, 0, 0, 0.55); -webkit-box-shadow: -4px 0 11px -3px rgba(0, 0, 0, 0.55);  -moz-box-shadow: -5px 0 9px -3px rgba(0, 0, 0, 0.55);}
	#gallery-caption {display:block; margin: 2px 0 0 0;background: #FCFCFC;text-align: center;font-size: 16px;padding:0;color: #010000;box-sizing: border-box;  line-height: 29px;}
	.back {position:absolute; top:-40px; left:50%; margin-left: -65px; width: 130px; z-index:10; background:#38B3B5; border-radius:0 0 2px 2px; padding:4px 0; color:white; font-size: 12px; text-align:center; text-decoration:none !important;  border: none; transition:0.3s;}
	.back:hover {background: #009EA0;}
	
	@media screen and (max-width: 660px) {	
		#gallery-categories li {float:none; display:block; margin:0px auto 40px auto ; width: 100%; max-width:300px;}
	}
	
	@media screen and (max-width: 560px) {
		#gallery-photos .prev , #gallery-photos .next {height: 80px;line-height: 80px;margin-top: -40px;}
	}



/* FOOTER */
footer {}
	.footer-top {position:relative; background:#1d4976; color:#e6e2db;padding: 0 4% 0 6%; border-bottom:2px solid #dfd3cb;}
	.footer-top:before {content:''; position:absolute; top:-13px; left:0px; width:100%; height:14px; background:url(../images/waveHD.png) repeat-x; background-size:40px;}
	.footer-top .center {position:relative;  max-width: 1026px; margin:0 auto;padding: 32px 0 22px 0;}
	.footer-top .center:after {content:''; position:absolute; top: -83px; right: -40px; width: 177px; height: 120px; background: url(../images/boats.png) no-repeat -202px;  transition:right 0.3s;}
	.footer-top .center div, .footer-top .center a {width: 45%; text-transform:uppercase; color:#E6E2DB !important;}
	.footer-top .center div img, .footer-top .center a img {float:left;margin-right: 20px;}
	.footer-top .center div span, .footer-top .center a span {display:block; color:#8c9dae !important; text-transform:none;padding-top: 6px;}
		.f-cta1 {float:left;}
		.f-cta2 {float:right;}

	.newsletter {position:relative; background:#950a0e url(../images/red_leatherHD.jpg) center; background-size: 128px; text-align: center; color:#e6e2db;font-size: 13px;padding: 13px 4%; box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.44);}
	.newsletter:before {content:''; position:absolute; left:0; bottom: -10px; width:100%; height: 13px; background: url(../images/triangles.png) repeat-x 0px -20px;  -moz-transform: scaleY(-1);    -o-transform: scaleY(-1);    -webkit-transform: scaleY(-1);    transform: scaleY(-1);    filter: FlipV;    -ms-filter: "FlipV";}
	.newsletter div {display:inline-block;}
	.newsletter strong {font-weight:normal; text-transform:uppercase;font-size: 16px;padding-right: 19px;}
	.newsletter input {background: #eeedea; width:177px;  color: #000; border:0px; border-radius:3px;padding: 1px 7px;line-height: 20px;box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.47);margin: 0 -11px 0 19px;}
	.newsletter input::-webkit-input-placeholder {color:#545454;}
	.newsletter input:-moz-placeholder {color:#545454;}
	.newsletter input::-moz-placeholder {color:#545454;}
	.newsletter input:-ms-input-placeholder {color:#545454;}
	
	.newsletter button {position:relative; background:#1f1f1e; color:#E6E2DB; text-align:left; border:none; border-radius:3px;margin-left: 22px;line-height: 23px;padding: 0 30px 0 8px; cursor:pointer; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.47);}
	.newsletter button:hover { background: #000;}
	.newsletter button:after {content:"\f0da"; font-family:FontAwesome; position:absolute; font-size: 18px; top: 1px;text-shadow: none;opacity: 0.6;right: 8px; }
	
	.footer-bottom {padding-top:39px;text-align:center; color: #4e4e4d; font-size: 14px; padding: 39px 4% 10px;}
	.footer-bottom a { color: #4e4e4d;  }
	
	.footer-logos {text-align:center; max-width: 720px; margin:0 auto 30px auto;}
	.footer-logos a {display:inline-block; width:24%;}
	.footer-logos a img {  width: 100%; height:auto;}
	
	
	@media screen and (max-width: 1215px) {
		.footer-top .center:after {right:0px}
	}
	@media screen and (max-width: 930px) {
		.newsletter div {display:block; margin-bottom:20px;}
		.newsletter strong {display:block; padding:0 0 10px 0 ;}
		.newsletter input { margin: 0 0 10px 0;}
		.newsletter button {margin-left: 10px;}
	}
	
	@media screen and (max-width: 760px) {
		.footer-top .center div img, .footer-top .center a img {float:none; display:block; margin:0 0 10px 0;}
		.footer-bottom img {display:block; margin:0 auto;   max-width: 380px;}
	}
	@media screen and (max-width: 760px) {
		.footer-logos {max-width:360px;}
		.footer-logos a { width:49%;}
	}
	
/* ResponsiveSlides */
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;    box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.25);}
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; right: 0px; top: 0px; margin:0 auto; width:58px; height:64px;  color:black;  border-radius:2px; overflow:hidden; transition:0.5s 1.4s;}
.compucast.dark {color:white;}
	.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.25); 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(255, 255, 255, 0.12); }
	.compucast p {position:absolute; left:-200px; margin: 0 0 0 10px; line-height: 21px; padding: 11px 0; text-align:left !important; font-family:Arial,"Times New Roman", Times, serif; font-size:12px; color: #FFFFFF; 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-------------------------------*/

.content table.gscard  td{padding-right:0; !important;}
.content table.gscard  td p{ margin:10px 0 0 0 !important;}
.gsproducts table .images{  margin-right: 20px !important;}
.gsproducts .images>.images{ margin:0;}
.paypalbut{}
.paypalbut select,.paypalbut input{    display: inline-block;
    padding: 5px;vertical-align: middle;}