@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
@import url(http://fonts.googleapis.com/css?family=Pinyon+Script);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:19px; color:#9b9d9c; min-width:1060px; background:url(../images/body_bg.jpg) 50% 0 repeat #fff; -webkit-text-size-adjust: none;}

.main{width:1060px;margin: 0 auto;}
.bg{background:#fff;}

.main_pad{padding:48px 0 50px;}
/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#9b9d9c;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#000; text-decoration:none;}

.button{ display:inline-block; padding:6px 14px 8px; margin: 26px 0 0; font-size: 12px; line-height: 19px; color:#fff; background:#373b3a;}
.button:hover{ background:#9b9d9c;color:#fff;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {padding: 0 40px 20px 10px;}
header h1{width:272px;margin: 0 auto;}
header h1 a {display:block;width:272px;height:82px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; background-size: contain; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:47px 0px 47px;}
.cont_pad{padding:58px 0 31px 0 !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:19px}
.p2{ margin-bottom:36px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 0 7px no-repeat; padding-left:20px;}
.list1 a{}

.list2{}
.list2 li{ background:url(../images/marker2.jpg) 1px 8px no-repeat; padding-left:20px;margin-bottom:11px;}
.list2 a{color:#0c0c0c;}
.list2 a:hover{color:#828282;}


/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 44px; line-height: 53px; color:#373b3a;text-align:center;}

h2.ind{ margin-bottom:14px;}
h2.ind1{ margin-bottom:7px;}
h2.ind2{ margin-bottom:9px;}
h2.ind3{ margin-bottom:13px;}
h2.ind4{ margin-bottom:16px;}
h2.ind5{ margin-bottom:6px;}
h2.ind6{ margin-bottom:19px;}

h3{font-size: 30px; line-height: 36px; color: #373b3a;}
/*================================>> GOOGLE FONTS  <<========================================*/
h2, .pin, h3{font-family: 'Pinyon Script', cursive;}
.menu_list{font-family: 'Ubuntu', sans-serif;}
/*================================>> hovers <<========================================*/
.sf-menu a, .button, .light-box strong{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.box1 h2{text-align:center;}
.box1 p{margin-bottom:25px;}

.m_bot1{margin-bottom:60px;}
.m_bot2{margin-bottom:41px;}
.m_bot3{margin-bottom:20px;}
.m_bot4{margin-bottom:40px;}

.reservation{border-top:1px solid #dbdcdc;padding: 28px 0 0;}
.reservation>div{padding-top:6px;}
.reservation>figure{margin: 0 40px 0 0;padding: 0 0 0 8px;width:271px;border-right:1px solid #dbdcdc;}
.reservation>figure span{display:block;}
.reservation .font1{font-size: 44px; line-height: 43px; color: #373b3a;}
.reservation .font2{font-size: 24px; line-height: 29px; color: #a8aaa9;margin-left:-9px;letter-spacing:-1px;}
/*********************************page_2*************************************/

.about{margin-bottom:21px;}

.comment{font-size: 24px; line-height: 29px; color: #373b3a;padding-top:1px;margin-bottom:14px;}
.comment span{display:block;margin-top:-5px;}

.event{margin-bottom:22px;}
.date{color:#000;}

.indent{margin:6px 20px 0 0;}

.link1{text-decoration:underline;}
.link1:hover{text-decoration:none;}

.link2{color:#000;}
.link2:hover{color:#9B9D9C;}

.link3{color:#000;text-decoration:underline;}
.link3:hover{text-decoration:none;}


.staff{padding-top:4px;}
.staff img{margin-bottom:13px;}
.staff .title{font-weight:bold;}
.staff li{margin-bottom:26px;}
/*********************************page_3*************************************/
.latest_event{}
.latest_event img{margin-bottom:12px;}

.upcoming li{margin-bottom:14px;}

.kids .button{margin-top:16px;margin-bottom:27px;}

.light-box{display:inline-block;position: relative;overflow:hidden;}
.light-box img{z-index:1;position: relative}
.light-box strong{position: absolute;top:35%;left:35%;opacity: 0;width:78px;height:78px;background: url('../images/loop2.png') no-repeat;background-size: contain;display:block;z-index:10;}

.light-box:hover strong{top:35%;opacity: 1;}
/*********************************page_4*************************************/
dl.menu_list{font-size: 13px; color: #5e5e5e;padding: 2px 30px 0 0;}
dl.menu_list dd{overflow: hidden;background: url('../images/menu_stripe.png') 0 bottom repeat-x;padding-bottom:2px;margin-bottom:1px;}
dl.menu_list span{display:block;}
dl.menu_list .title{float:left;}
dl.menu_list .price{float:right;}
/*********************************page_5*************************************/
.news_list{padding-top:2px;}
.news_list>li{margin-bottom:26px;}
.news_list h3{margin-bottom:3px;}
.news_list .info{color:#0c0c0c;margin-bottom:16px;}
.news>div{padding-top:4px;}
.news>figure{margin: 0 20px 0 0;}

#search{padding-top:6px;margin-bottom:45px;}
#search input{border:1px solid #dcdcdc;padding: 10px;width:90%;display:block;font-size: 12px; color: #9b9d9c;margin:0;font-family:Tahoma, Geneva, sans-serif;}
#search a{margin-top:31px;}


.categories{margin-bottom:41px;}


/* Contact form */
#contact-form {padding:1px 0 0 0;}
#contact-form .success {width:246px;padding:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:12px; border:1px solid #cacbca; color:#9b9d9c; padding:9px 19px 10px;outline:none; position:relative; font-family:Tahoma, Geneva, sans-serif;background:#fff;}
#contact-form input {width:48%;}
#contact-form textarea {overflow:auto; width:89%; height:164px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:55px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:8px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; clear:both;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:29px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	width:60px;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;display:inline-block;margin-bottom:22px;width:100%;}
#map_canvas {
   width:100%;
   height:298px;
}
.adress{}
.adress span{ display:inline-block; width:70px;}
.adress dt{margin-bottom:19px;}

.demo{color:#000;}
.demo:hover{ text-decoration:underline;}

/****************************footer************************/
footer {padding:46px 0 56px;border-top:1px solid #dbdcdc;}
footer .social{ overflow:hidden;}
footer .social a{ display:block; float:left;width:32px;height:32px; overflow:hidden; margin-left:8px;}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{ margin-top:-32px;}
.menu{overflow: hidden;padding-left:95px;}
.menu ul li{float: left;}
footer .privacy{text-align:center;padding: 26px 0 0;}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1024px) {
	.main{width:1024px;}
	body{min-width:1024px;}
}
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .main{width:768px;}
 header{padding: 30px 0 20px;}
 .cont_pad{padding: 30px 0 !important	;}
 .m_bot1, #search{margin-bottom:30px;}
 footer, .main_pad{padding:30px 0;}
 .menu{padding-left:60px;}
 .about>div, .event>div, .kids>div{overflow: visible;}
	.comment{font-size:22px;}
	dl.menu_list{padding-right:0;}
	.news>div{overflow: visible;}
	#contact-form textarea{width:86%;}
	#content{padding:30px 0;}
	.light-box{width:100%;}
 }

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .main{width:400px;padding:0 10px;}
 .container_12{width:400px;}
 img{width:100%;}
 .reservation div{overflow: visible;}
	 .reservation figure, .kids figure{float: none;border:none;text-align:center;display:block;margin:0;width:auto;}
	 .menu{display:none;}
	 footer .privacy{padding-top:0;}
	 .about>figure{float: none;margin-bottom:10px;width:100%;}
	 .comment{font-size:24px;padding:0 10px;}
	 .news>figure{float: none;}
	 #contact-form input, #contact-form textarea{width:90%;}
	 
	 
	 }

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .main{width:280px;}
 .container_12{width:280px;}
 #contact-form input, #contact-form textarea{width:85%;}
}