* { box-sizing:border-box; -moz-box-sizing:border-box; }

body {position: relative;color: #333333;font-family: 'Lato', sans-serif; background: white url(../images/content.jpg) repeat center fixed;background-attachment: fixed;}


/* Globals */
h1 {font-family: 'Lato', sans-serif; font-size:35px; text-align:center; margin: 0px 0 43px 0;}
h2 {font-family: 'Lato', sans-serif; font-size:25px; margin: 35px 0 0px 0; }
h3 {font-family: 'Lato', sans-serif; font-size:20px; margin: 20px 0 0px 0;}
a { text-decoration:none; color: #e59b0b; font-weight:bold; }
img {border:none;}
hr {   margin-bottom:20px; height: 2px;border: none; background: #ffc11e;}
	
.clickable { cursor:pointer; display:block; }
.clearfix:before { content:" "; display:table; }
.clearfix:after { content:" "; display:table; clear:both; }

::selection {/* background: #ffffff; */color: #f9a80b;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.18);}
::-moz-selection {/*background: #ffffff;*/color: #ffc11e; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.18);}
::-webkit-selection {/*background: #ffffff;*/color: #ffc11e; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.18);}


/*HEADER===================================================*/
	
header {position: absolute;top: 58px;width:100%;display:block;background: #1c1b1a;z-index: 100;width: 100%;box-shadow: 0 0 9px rgba(0, 0, 0, 0.23);transition:background 0.3s;}
	.header {position:relative;margin:0 auto;max-width: 1208px;}
		
		/*.logo {display:block; position:absolute; z-index: 10; top:-6px; left:4px;  width:289px; height:87px; background:url(../images/commanders-palace-logo.png) no-repeat 9px 15px;  transition:0.3s;}*/
		.logo {display: inline-block;position: absolute;z-index: 130;top: -42px;left: 4px;padding: 0  0 0 12px;transition: 0.3s;}
		.logo img {width: 350px;margin-top: 10px;height:auto;}
		
		@media (max-width:730px) {
			.header {min-height: 73px;}
			.logo img {  width: 110px; height: 100%;}
		}
		
	.contactSub {position:absolute;vertical-align: top;z-index: 10;right:0px;bottom: -164px;padding-right: 21px;font-size: 18px;font-family: 'Lato', sans-serif}
			.mapIcon {text-indent:-200px;position: relative;display: inline-block;margin: 0 7px;width: 28px;overflow: hidden;line-height: 27px;color: white;font-weight: normal;}
			.mapIcon:before {position:absolute;content:'\f041';left: 210px;font-size: 26px;font-family:fontAwesome;color: #ffc11e;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.44);}
			.phoneIcon {color: hsl(0, 0%, 100%);display: inline-block;margin: 0 0px 0 7px;font-weight: normal;padding-left: 28px;line-height: 27px;     text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.44); overflow: hidden;}
			.phoneIcon:before {position:absolute;content:'\f098';left: 49px;font-size: 26px;font-family:fontAwesome;color: #ffc11e;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.44);}
			
		@media (max-width:880px) {
			.contactSub {bottom: -43px; padding-right: 14px;}
			.logo img {width: 218px !important;     margin-top: 42px;}
		}	
		@media (max-width:370px) {
			.logo img {width: 170px !important;     margin-top: 50px;}
		}
		
		
	/* Nav======================= */
	nav {position:relative; float: right;  z-index: 110; font-family: 'Lato', sans-serif;}
	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: 78px;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;line-height: 75px;font-size: 21px;color: #ffc11e;transition: 0.3s line-height;}
	nav > ul { list-style:none; margin:0; padding:0; }
	nav > ul > li {position:relative;z-index:10;float:left;font-weight: bold;/* border-left: 1px solid #262626; */}
			   li.hasChildren:before {position:absolute;left: 50%;bottom: 16px;margin-left: -8px;content:'';width: 0px;height: 0px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #ffc11e;transition:0.3s;}
	nav > ul > li > a {display:block;text-align:center;padding: 0 26px;font-size: 18px;line-height: 98px;color: #ffffff;font-weight:normal;/* background:white; */text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);}
	nav > ul > li:first-child > a {/* border-left: 1px solid #262626; */}
	nav > ul > li:hover {}
			   li.hasChildren:hover:before {border-top: 8px solid #000000;}
	nav > ul > li:hover a {background: #f9a80b;color:white;}
	
	nav > ul > li ul {height:0;position:absolute;list-style:none;margin:0;padding: 5px 0 1px 0;min-width: 190px;left: 0;top: 97px;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: 7px;letter-spacing: 0px;font-weight:normal !important;font-size: 17px;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);color:rgba(255,255,255,0);transition: 0.3s;}
	nav > ul > li:hover ul  li  a  {background: #333333;letter-spacing: 0;color: #ffffff;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: #f9a80b;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:225px;  transition: 0.4s ;}


	nav > ul > li:first-child:hover ul {height: 230px !important;}
	nav > ul > li:hover ul li a { padding: 7px;}

	@media (max-width:1060px) {
		nav > ul > li > a {padding: 0 15px;}
	}
	@media (max-width:650px) {
		
		nav {float:none;}
		nav .mobileMenu {display:block;}
		nav > ul {padding: 93px 0 0 0;}
		nav > ul.selected {border-bottom: solid 5px #333;box-shadow: 0 0 13px rgba(0, 0, 0, 0.67);}
		nav > ul.selected > li {width:100%; }
		nav > ul.selected > li a {font-size: 19px;line-height: 40px;text-align: right;color: black !importnat;background: #009ea0;background:rgba(0, 158, 160, 0.78);}
		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 {display:none;margin-top:0px !important;/* border-top: 1px solid #dca514 !important; */}
		nav > ul > li > a {position:relative;padding: 0 15px 0 0;color: #494747 !important;background: #ffc11e !important;color: #333 !important;}
		nav > ul > li.hasChildren > a:before {/* display:none; */position:absolute;content:"\f0d8";font-family:fontAwesome;right: 17px;bottom: -16px;font-size: 20px;color: #dca514;}
		nav > ul > li ul {width: 100%;/* display: none; */height:inherit !important;position: relative;top: 0px !important;padding: 0px;background: #dca514;border-left: 7px solid #ffc11e;border-right: 7px solid #ffc11e;}
		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 {}
		nav > ul > li ul  li  {width: 100%;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: #333333 !important;font-size: 17px !important;border-bottom: 1px solid #ffc11e;border-right: 1px solid #dca514;}
	}
/*	@media (max-width:450px) {
		.logo {width: 228px;}
		.logo strong {font-size: 21px;}
		.logo span {font-size: 10px;}
	}
*/	
	@media (max-width:200px) {
		.header {height: inherit;}
		.logo {display:block; position:relative; top:0px; left:0px; margin:0 auto; max-width: 275px;min-width: 248px}
		nav > ul {padding: 53px 0 0 0;}
		nav > ul > li ul  li  {width: 100%;}	
		nav .mobileMenu {right: 50%; margin: 0 -58px 0 0;}
		nav > .mobileMenu:before, nav > .mobileMenu:after {top:0px;}
	}
	@media (max-width:370px) {
	/*	nav > .mobileMenu:before {display:none;}*/
	}


/*BANNER IMAGES============================*/
.dynamic-headers {position: relative;}
	.rslides {margin:0 auto !important; }
	.rslides li {background-size:cover; background-position:center center;}
	.rslides img {min-height:280px;     max-height: 799px;}
	
	/*overlay*/
	.overlay {position:absolute;width: 100%;z-index: 10;bottom: 11%;left: 0px;text-align: center;background: rgba(249, 168, 11, 0.91);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.7);transition:0.3s;}
	.overlay .box {display: inline-block;max-width: 900px;padding: 14px 16px 17px 16px;color: #1c1b1a;font-size: 28px;font-style: italic;font-weight: bold;letter-spacing: 3px;line-height: 35px;border-radius: 3px;letter spacing: 1;text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.33);}

	@media (max-width:1308px) {
		.overlay {width: 100%; left:0%; margin:0px;}
	}
	@media (max-width:800px) {
		.overlay .box {font-size: 22px;padding: 9px 15px 12px 15px;     line-height: 27px;}
	}
	@media (max-width:680px) {
		.overlay {position:relative; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);}
	}

/*Main Content==========================*/
.content {padding: 50px 0 50px 0;overflow:hidden; background:url(/templates/client/images/va.png) no-repeat right 0px !important;}
.home .content {padding: 77px 0 84px 0; font-size: 16px; color:#808080;}
.home .content article h1 {font-size: 18px;color:#4b4b4b;margin: 25px 0;line-height: 24px;display: inline;}
.home .content article p {}

	article {max-width: 1050px;margin:0 auto;padding: 0 4%;}
	.home article {position:relative;}
	article ul {list-style:none;  margin: 0 0 20px 0; padding: 0;}
	article ul li {position:relative; font-size: 17px;line-height: 24px;padding-left: 15px;}
	article ul li:before {position:absolute; content:''; left:0px; top: 9px; width: 6px; height: 6px; border-radius:50%;background: #f9a80b;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.23);}
	article a {border-bottom: 1px solid hsla(0, 0%, 0%, 0.25);}
	article img {width:100%; height:auto;    border-radius: 2px;}

	
		p {font-size: 18px;color:#4b4b4b;margin: 25px 0;line-height: 24px;}

 @media (max-width:880px) {
	 .content {padding: 35px 0 30px 0;}
	 .home .content {padding: 35px 0 35px 0; }
	 .home .content article h1,
	 .content article h1 {margin: 15px 0;}
 }


/*SALES pAGE =========================*/
.sales article {}
.sales article p {display:flex;justify-content:space-between;align-items:flex-start;}
.sales article p img {width:49%;height: auto;border-radius: 3px;box-shadow: 0px 12px 10px -12px rgba(0, 0, 0, 0.5);}
	
	 @media (max-width:650px) {
		 .sales article p {flex-wrap: wrap;}
		 .sales article p img {/* display:inline-block; */width:100%;max-width: 470px;margin: 11px auto;}
	 }
/*CONTACT PAGE =============================================================== */

.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: #e2e2e2;padding: 6px 2%;margin: 0;border-right: none;font-family:'Lato', sans-serif;font-size: 17px;margin-bottom: 20px;transition: 0.3s;/* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); */box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.11);-moz-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.11);-webkit-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.11);}
.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; -moz-box-shadow:none !important;  -webkit-box-shadow:none !important;  box-shadow:none !important;}*/

.form button, .form  input[type="submit"] {position:relative;width:100%;border:none;padding: 5px 20px;font-size: 19px;cursor:pointer;border-radius:2px;text-transform:uppercase;margin-top: 0;outline: 0;background: #f8a80b;color: #333;cursor: pointer;vertical-align: top;font-family:'Lato', sans-serif;text-shadow: 1px 1px 3px rgba(117, 116, 116, 0.32);transition: 0.4s, margin-top 0.0s;}		

.form button:hover, .form  input[type="submit"]:hover  {background: #333333;color: white;}			
.form button:active , .form  input[type="submit"]:active {}
.form button:after {content: "\f054";font-family: FontAwesome;position: absolute;right: 10px;top: 6px;font-size: 17px;color: #fff;}	

.form label {display: none ; margin-top: -20px; color:#53320C}
	.catcha {  height: 32px;  }
.form .captchaText {border-radius: 0px;margin: 0px !important;padding: 6px 4px 4px 4px;border-radius: 3px;position: absolute;top: 0px;text-align: center;right: 0;color: #ce3538;font-weight: bold;width: 95px !important;background: #e4e4e4;box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.11);}

.form img { box-shadow: none;  -moz-box-shadow: none;  -webkit-box-shadow: none; }
	.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:#f96a4a  !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); -moz-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26); -webkit-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: 700px)  {	
	.inputsFull li {width:100% !important; margin:0 !important;}	
}

.booklink {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    text-decoration: underline;
    max-width: 50%;
    margin: 0 auto;
    padding: 0.6em 1em;
    background: orange;
    color: #fff;
}

/*FOOTER=======================*/
footer {position: relative; background:#1c1a1b;color:#d7d6d6;font-family: 'Lato', sans-serif;line-height: 23px;}
footer .center {margin:0 auto;max-width: 1288px;padding: 54px  3%;}
footer .center .left {float:left;}
footer .center .left a {display:block;}
footer .center .right {float:right; text-align:right;}
footer .center .right span {color: #f9a80b;}
	@media (max-width:400px) {
		footer .center .left {float:none; text-align:center;}
		footer .center .right {float:none; text-align:center; margin-top:20px;}
	}
	
/* 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; }
