*{ margin:0; padding:0;}
a{ color:#333;}
a:hover, a:active{ color:#333; text-decoration: underline;}
body{ font-size:14px; font-family: 'Open Sans', sans-serif;}
header{ padding:10px 0;}
.logo {display:inline-block; vertical-align: middle; position:relative; height:112px; width:68px; margin:0; padding:0;}
.logo a{ background:url(images/logo.gif) no-repeat; width:141px; height:102px; text-indent: -9999px; position:absolute; top:10px; left:0;}
.logodescription{ line-height:20px; font-family: 'Oswald', sans-serif; display:inline-block; vertical-align: middle; margin-left:100px; font-size:20px; margin-top:25px;}
.logodescription span{ font-family: 'Open Sans', sans-serif; font-size:15px;}

p, ul li{ line-height:24px;}

input[type="text"].c5{width:64%;display:inline;padding:1%;margin:0 1% 0 0;border:1px solid #999;}
input[type="submit"].c6{width:30%; line-height: 2; color: #fff; padding: 8px 10px; background: #372d74; display:inline;}

/* Recommanded */
img, iframe{ max-width:100%;}
.alignleft{ float:left; margin:10px 10px 10px 0;}
.alignright{ float:right; margin:10px 0 10px 10px;}
.align-left{ text-align:left;}
.align-right{ text-align:right;}
.align-center{ text-align:center;}

.top-reservation{ background:rgba(0,0,0,0.8); color:#fff; width:280px; position:absolute; top:20%; left:10%; z-index: 9999;}
.top-reservation form{  padding:20px;}
.top-reservation h3{ margin: 0; color:#fff; padding:20px 10px; font-family: 'Roboto Slab', serif; border-bottom:1px dashed #ccc; text-transform: uppercase; text-align: center;}
.top-reservation label{ margin-right:5px; width:100%;}
.top-reservation label, .top-reservation input{ display:block; font-weight:normal; width:100%;}
.top-reservation input[type="text"]{color: #333;}
.submit, .top-reservation input[type="submit"]{ margin-top:20px; border:none; color:#fff; padding:8px 10px; background:#372d74;}
.top-reservation input[type="submit"]:hover{ background:#f47937;}
.submit:hover, .submit:active{  background:#b21d48; color:#fff; text-decoration: none;}
.top-reservation .col-sm-5, .top-reservation .col-md-5{ padding:0;}
.top-reservation .col-sm-2{ padding:0;}
input[type="password"], input[type="email"], input[type="text"], textarea, select{ border:1px solid #ccc; padding:4px 10px; margin-bottom:10px; width:100%; -moz-box-shadow:2px 3px 5px #eee inset; -webkit-box-shadow:2px 3px 5px #eee inset; box-shadow:2px 3px 5px #eee inset; background:#fff;}

.top-right-links li{ display: inline-block; vertical-align: middle; margin-left:10px;}
.top-right-links li a{ font-size:12px; font-weight:bold;}

.double-head {text-align: center; color: #372d74; font-size: 20px; margin-bottom: 20px; background: transparent; font-family: 'Open Sans', sans-serif;}
.double-head a { text-align: center; color: #372d74; text-decoration:none;}
.double-head a:hover {color:#333; text-decoration:none;}	
.double-head-1 {text-align:left;}
.list li {width: 46.9%;float: left;text-transform: capitalize;line-height: 27px;list-style: disc;font-size: 14px; margin: 3px 0 0 3%;padding: 0 0 0 5px;}
.list-1 li {width: 98%;float: left;text-transform: capitalize;line-height: 27px;list-style: disc;font-size: 14px; margin: 3px 0 0 3%;padding: 0 0 0 5px;}

/* Primary Menu */
.toggleMenu{ display:  none; background: #372d74; padding: 10px 15px; margin-top:10px; color: #fff; border-radius:10px; font-weight:bold;}
.toggleMenu:hover, .toggleMenu:active{ color:#fff;}
.primary-menu:before{ clear:both;}
.primary-menu{ position:relative; width:100%; background:#372d74;}
.primary-menu .container, .map{ position:relative;}
.primary-menu ul{ margin:0; padding:0; text-align:center;}
.primary-menu > ul > li{ display:inline-block; position: relative;}
.primary-menu ul li{ list-style: none; display:inline-block;}
.primary-menu ul li.current-menu-item a{ background:#811222; color:#fff;}
.primary-menu ul li:last-child{ margin-right:0; background:none;}
.primary-menu ul li a{ color:#eee; text-transform: uppercase; transition:none; line-height:50px; display: block; padding:0 20px;}
.primary-menu ul li a:hover, .primary-menu ul li a:focus{ color:#fff; text-decoration:none;}
.primary-menu ul li ul{ visibility: hidden; width:200px; position:absolute; top:50px; left:0; z-index: 9999; background:#fff; padding:10px 20px;}
.primary-menu > ul > li.hover > ul{ visibility: visible;}
.primary-menu ul li li{ display:block; line-height:20px; border-bottom:1px solid #eee; text-align:left; padding:10px 0;}
.primary-menu ul li:last-child{ border-bottom:none;}

/*.social-box{ background:#372d74; padding:8px 0 5px 0; width:146px; text-align:center; float:right; margin:8px 0; border-radius:10px;}
.social-box a i{ color:#fff;}*/

#especials-box{
	position:fixed;
	top:200px;
	right:0px;
	width:0px;
	overflow:hidden;
	background:black;
	z-index:1000; display:block;
	color:#fff;
	opacity:0.6;
	filter:alpha(opacity=60);
	background-repeat:repeat;
	z-index:100000000000;
	border:#fff dotted 1px;
	border-top-left-radius: 20px 20px;
	-moz-box-shadow: 0px 0px 0px #888;
	-webkit-box-shadow: 0px 0px 0px #888;
	box-shadow: 0px 0px 0px #888;
}

.footer-col-4{padding:10px 0px; text-align: center;}
.footer-col-4 img{padding:0 5px}
.manager{font-family:'Oswald',Arial,Helvetica,sans-serif; font-weight:normal; font-style:normal; text-transform:capitalize; color:#fff; font-size:26px; text-shadow: 10px 10px 10px #000; text-align:center;}

.content-panel{ padding:40px 0;}
.content-panel p{ line-height:22px; text-align: justify;}
.content-panel.home p{ text-align:justify; margin-bottom:20px;}
.borderart{ background:url(images/welcome-icon.jpg) no-repeat; width:146px; height:39px; margin:0 auto;}
.content-panel h2{ font-family: 'Courgette', cursive; text-align: center; font-size:36px; font-style:italic; font-weight:bold;}
.content-panel h2 span{ color:#c8b761; font-size:30px; font-weight:normal;}
.content-panel.home h3{ text-align: center; color:#372d74; font-size:20px; margin-bottom:20px; background:transparent;  font-family: 'Open Sans', sans-serif;}

.content-panel h3{ margin-top:0; color:#fff; background:#372d74; padding:10px; font-size:22px; font-family: 'PT Sans Narrow', sans-serif;}
.content-panel h3 i{ margin-right:5px;}
.content-panel ul{ margin-left:20px;}
.column-list li{ display: inline-block; width:45%; margin:0 2%;}
.col-one, .col-two{ display:inline-block; width:45%; vertical-align: top;}

#weather a {
	display:block;
	margin:10px 0px 0px 10px;
	padding:10px 0px 0px 38px;
	color:#372d74;
	background: url(images/printer.gif) no-repeat;
}
#weather a:hover { color:#0099ff; text-decoration:underline;}

.flexslider .container{ position: relative;}
.flexslider li .flex-caption, .innerimage .flex-caption{ position:absolute; bottom:0; right:0; text-align:right; background:rgba(0,0,0,0.5); color:#fff; font-size:22px; padding:20px;}
.innerimage, .sliderwrapper, .innerimage .container{ position: relative;}


#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#372d74;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

.gallery li{ display:inline-block; margin:5px;}

.footer-widget{ background:url(images/footer-widget-bg.jpg) no-repeat center; background-size: cover; color:#fff;}
.footer-widget .footer-widget-overlay{ background:rgba(0,0,0,0.8); padding:40px 0; text-align:center;}
.footer-widget h4{ font-weight:bold;}
.footer-widget a{ color:#372d74; background:#fff; padding:5px 10px; font-size:12px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.footer-widget a:hover, .footer-widget a:active{ background:#372d74; color:#fff; text-decoration: none;}
.footer-widget a i{ margin-left:5px;}
.content-panel home, .container .head-4 {text-align: left; color:#372d74; font-size:20px; margin-bottom:2px; background:transparent;  font-family: 'Open Sans', sans-serif; margin-top: 2%; border-bottom:1px dashed #ccc;}
/* Footer Menu */
footer{ background:#333; color:#ccc; text-align:center; padding:10px 0;}
footer a{ color:#ccc;}
footer a:hover, footer a:active{ color:#fff;}
footer ul li{ display:inline-block; margin-right:10px; padding-right:10px; border-right:1px solid #ccc;}
footer ul li:last-child{margin-right:0; padding-right:0; border:none;}

.contactbar{ background:#eee; padding:20px 0;}
.direction-form{ background:#eee; border:1px solid #ccc; padding:20px;}
.direction-form .title{ margin:3px 0 0 0 !important; display:inline-block; font-weight:bold; color:#372d74; font-size:18px;}
.direction-form .link{ margin:5px 0 0 0 !important;}
.direction-form p, .direction-form input, .direction-form label{ margin:0; max-width:100%;}
.direction-form input, .direction-form .submit{ height:30px;}
.direction-form label{ display:inline-block !important; width:20% !important;}
.direction-form input{ display:inline-block !important; width:70% !important;}
.rac1{ width:50px; float:left; margin-right:20px;}
.text2,.rac,.hotel,.form{border:1px solid #7f9db9;background-color:#ffffff;width:52px;font:12px Verdana, Arial; letter-spacing:0px; line-height:1.5em; color:#000000; float:left;}
#prim form button{background-color:#f06b1d;display:block;width:150px;border:#000 solid 1px;color:#fff;margin:20px 0 0; padding-top:10px; padding-bottom:10px; margin-left:20px; font-weight:600; font-size:12px; font-family:verdana,Arial, Helvetica, sans-serif; border-radius:10px;}
.check{ margin:10px 20px 10px 0px;  float:left;}





/* Cell Phones */
@media only screen and (max-width: 767px) {
    .active { display: block; }
    .primary-menu{ margin-bottom:10px;}
    .primary-menu ul li { display:block; text-align:left; line-height:30px; margin-right:0; border-bottom:1px solid #eee;}
    .primary-menu ul li:last-child{ border-bottom:0;}
    .primary-menu ul > li.hover > ul , .primary-menu ul li li.hover ul { position: static;}
    .primary-menu ul li a{ background:#ccc; display:block; padding:0 10px; line-height:40px; color:#333}
    .primary-menu ul li ul{ padding:0; width:100%;}
    .primary-menu ul li ul li a{ background:#fafafa; border-top:1px solid #eee; padding-left: 40px; display:block;margin:0;}
    .flexslider li .flex-caption{ font-size:12px; padding:5px; bottom:2%;}
    .logodescription{ width:60%;}
    .top-reservation label{}
    .top-reservation input[type="submit"]{ margin-top:5px;}
    .column-list li{ display:block;}
    .top-reservation{ background:rgba(0,0,0,0.8); color:#fff; width:98%; margin:0 auto; margin-top:5px; position:relative; top:0; left:0; z-index: 9999;}
    .direction-form .title{ font-size:16px;}
	iframe {width:100%; height:auto;}
	.list li {width: 95%;float: left;text-transform: capitalize;line-height: 27px;list-style: disc;font-size: 14px; margin: 3px 0 0 3%;padding: 0 0 0 5px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .top-reservation input[type="text"]{}
    .logodescription{ width:60%;}
   .top-reservation{ background:rgba(0,0,0,0.8); color:#fff; width:98%; margin:0 auto; margin-top:5px; position:relative; top:0; left:0; z-index: 9999;}
    .direction-form .title{ font-size:12px;}
    
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .top-reservation input[type="text"]{}
    .logodescription{ width:60%;}
    .top-reservation{ background:rgba(0,0,0,0.8); color:#fff; width:98%; margin:0 auto; margin-top:5px; position:relative; top:0; left:0; z-index: 9999;}
    .direction-form .title{ font-size:14px;}
    
}

.ada {
    width: 100%;
    margin: 0 auto;
    padding: 12px 0;
    text-align: center;
    color: #fff;
    background: #002c5f;
    font-size: 17px;
}

.ada a {
    color: #fff;
    text-decoration: none;
}
.cc_dialog.simple {
    left: 0 !important;
    top: auto;
    bottom: 0;
    right: auto !important;
    max-width: 87% !important;
    position: fixed;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.mx{ float:none !important;}
}