@charset "utf-8";@import url("css/css3.css");html,body{margin:0;padding:0;height:100%}html{background:#4a2818 url(images/body_noise.gif) repeat}body{font:normal 87% 'Arial','Helvetica',sans-serif;line-height:150%;color:#cf804f;background:transparent url(images/body_light.png) center top no-repeat;background-attachment:fixed}html>body{min-height:100%;height:auto}h1,h3,h4{font:normal 48px 'Jura','Arial','Helvetica',sans-serif;text-transform:uppercase;margin:0;padding:0;color:#fff}h2{font:normal 36px 'Pinyon Script','Georgia',cursive;margin:0;padding:0;color:#fff;margin-bottom:40px}h3{font-size:24px;margin-bottom:15px}h4{font-size:14px;text-transform:none;font-variant:normal;margin-bottom:3px}a{color:#fff;text-decoration:none;outline:0}a:hover{color:#e79621}a[href="javascript:"]:after,a[href="#"]:after{content:""}hr{border:none}h1 a,h2 a,h3 a,h4 a{color:#fff}p{margin-bottom:10px}#header_bg{height:50px;width:100%;position:fixed;z-index:200;background:#000}#menu{clear:left;float:left;padding:0;width:100%;overflow:hidden}#menu ul{float:left;margin:0;padding:0;list-style:none;position:relative;left:50%;text-align:center}#menu ul li{display:block;float:left;list-style:none;margin:10px 0 0 0;padding:0;position:relative;right:50%;background:url(images/menu_divider.png) no-repeat 0 9px}#menu ul li.first{background:none}#menu ul li a{font-size:16px;text-transform:uppercase;font-family:'Jura','Arial','Helvetica',sans-serif;display:block;float:left;margin:0 1px;padding:5px 10px 0 28px;text-decoration:none;color:#959595;position:relative;bottom:1px}#menu ul li a:hover,#menu ul li.active a{color:#fff}.section{position:relative;padding-top:100px;color:#cf804f;margin-bottom:0}#logo{width:410px;position:relative;margin:0 auto;padding:25px;background:rgba(0,0,0,0.45)}#logo img{width:250px}#logo h1{font-size:60px;font-family:'Pinyon Script','Georgia',cursive;text-transform:none}#logo h3{font-size:20px;margin-top:4px;text-transform:none;letter-spacing:1px;line-height:24px}.topd{position:relative;background:url(images/topdivider.png) no-repeat center top;margin:0 auto;width:100%;height:17px;border:0;outline:0}.bottomd{position:relative;background:url(images/bottomdivider.png) no-repeat center top;margin:0 auto;width:100%;height:24px;margin-top:10px;border:0;outline:0}.slide2{width:944px;float:left;position:relative;height:418px;background:url(images/s2_bg.png) no-repeat center top;margin-top:0}form{font-size:12px}form div.fgroup{float:left;width:190px}form div#li_selects{width:142px}form div#li_mess,form div#li_submit{width:543px}form input,form textarea,form select{position:relative;border:none;color:#cf804f;font-family:Arial,Helvetica,sans-serif;font-size:12px;outline:none;background:#643a1f url(images/fieldbg.png) repeat-x top;background:rgba(0,0,0,0.25) url(images/fieldbg.png) repeat-x top;border-bottom:1px solid #9b6039;border-right:1px solid #9b6039;margin:0;width:auto;padding:5px;height:18px;display:block}form textarea{overflow:auto;height:67px}div.btn a,div.btn button{padding:5px 20px 8px 20px;color:#c2c2c2;background:#0a0a0a url(images/glass_btn.png) repeat-x 0 50%;font:normal 14px 'Jura','Arial','Helvetica',sans-serif;border-top:1px #0a0a0a solid;border-left:0;border-bottom:0;border-right:0;cursor:pointer;line-height:18px}div.btn a:hover,div.btn button:hover{background:#3f241a url(images/glass_btn.png) repeat-x 0 50%;color:#fff}#quicklinks{background:rgba(0,0,0,0.6);padding:5px 15px;margin-top:300px}#quicklinks span{width:69px;height:69px}.bookings{background:url(images/smallbell_ico.png) no-repeat}.special{background:url(images/key_ico.png) no-repeat}.contact{background:url(images/contact_ico.png) no-repeat}.overflow{overflow:auto;word-wrap:break-word}.image{float:left;max-width:100%;height:auto;padding-right:15px}.text{overflow:hidden}#col3links h3{font-size:18px;letter-spacing:1px;margin-bottom:10px}.imgs{width:944px;overflow:hidden;margin:0 auto;margin-left:-20px;list-style:none;padding:0}.imgs li{width:293px;margin-left:20px;margin-bottom:20px;float:left;font-size:12px;height:208px;overflow:hidden;position:relative;padding:0;background:#000}.imgs li img{float:left;width:293px;height:176px;margin-top:0}.imgs li h3{position:relative;font:normal 14px 'Jura','Arial','Helvetica',sans-serif;margin:0;text-transform:none;padding-top:2px;z-index:200}a.zoom{background:url(images/zoom.png) no-repeat scroll right top transparent;height:25px;width:25px;position:absolute;left:47%;top:40%;outline:0;z-index:10}.mask{position:absolute;top:0px;left:0px;width:100%;height:176px;background:#000;z-index:9}.blur{opacity:0.6}.active{z-index:100;opacity:1}ul#icolinks1{position:relative;list-style:none;margin-top:0px;padding:0;width:100%}ul#icolinks1 li{float:left;margin:0;width:294px;padding:0 25px 0 0;font-size:11px;line-height:16px}ul#icolinks1 li.last{padding-right:0 !important}ul#icolinks1 li span{width:69px;height:69px}ul#icolinks1 li{width:200px}.phone{background:url(images/smallphone_ico.png) no-repeat}.address{background:url(images/smallcompass_ico.png) no-repeat}#contactform label{float:none;display:block;margin:0 0 4px 0;font-size:14px}#contactform input,#contactform textarea{float:none;width:350px;padding:5px}#contactform textarea{width:90%}.wrapper{background:#432516;background:rgba(0,0,0,0.1)}.divider{width:214px;height:15px;display:block;background:url(images/text_divider.png) no-repeat;margin:0 auto;margin-top:10px;margin-bottom:5px}.lined{width:100%;font:normal 18px 'Jura','Arial','Helvetica',sans-serif;padding-bottom:10px;border-bottom:1px #d0871e solid;margin-bottom:25px;color:#fff}.left,.float_left{float:left}.right,.float_right{float:right}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;height:0px}.clear-left,.clear_left{clear:left}.clear-right,.clear_right{clear:right}.hide{display:none}.block{display:block !important}.inline{display:inline !important}.overflow{overflow:auto}.clearfix:before,.clearfix:after,.cf:before,.cf:after{content:"";display:block;overflow:hidden}.clearfix:after,.cf:after{clear:both}.clearfix,.cf{zoom:1}.nodots{list-style:none}.padding{padding:10px}.pleft{padding-left:35px}.pright{padding-right:35px}.ptop{padding-top:30px}.mtop{margin-top:30px}.mleft{margin-left:25px}.mbottom{margin-bottom:8px}.sptop{padding-top:5px}.spleft{padding-left:10px}.spbottom{padding-bottom:5px}.spright{padding-right:10px}.bold{font-weight:600}.italic{font-style:italic}.smallcaps{font-variant:small-caps;letter-spacing:1px}.serif{font-family:'Droid Serif','Georgia',serif}.sans-serif{font-family:'Arial','Helvetica',sans-serif}.nocaps{text-transform:none}.big{font-size:18px;line-height:29px}.small{font-size:12px;line-height:18px}.smallest{font-size:11px;line-height:14px}.base{color:#cf804f}.black{color:#000}.white{color:#fff}.orange{color:#e79621}.cocoa{color:#eb9764}.red{color:#d43321}.gray{color:#a7a7a7}.dark{color:#854b2e}.alignleft{text-align:left}.alignright{text-align:right}.aligncenter{text-align:center}.alignnone{float:none;margin:0 0 20px 0}p.fl:first-letter{color:#e79621;float:left;font:48px/24px 'Droid Serif','Georgia',serif;margin:8px 5px 0 0;padding:0;position:relative}.drkborder{border-bottom:1px solid #494441;border-right:1px solid #494441}#mani-hotel{position:absolute;top:0;left:0;right:0;margin-left:auto;margin-right:auto;width:100%}#contact{min-height:0}form#booking input::-webkit-input-placeholder,form#booking textarea::-webkit-input-placeholder{color:#CF804F}form#booking input::-moz-placeholder,form#booking textarea::-moz-placeholder{color:#CF804F}form#booking input:-ms-input-placeholder,form#booking textarea:-ms-input-placeholder{color:#CF804F}form#booking input::placeholder,form#booking textarea::placeholder{color:#CF804F}form#booking .message{margin-top:4px;text-align:center}#home{margin-bottom:100px}


.burger {
  display: inline-block;
  border: 0;
  background: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  border-bottom: 4px solid currentColor;
  width: 28px;
  transition: border-bottom 1s ease-in-out;
  -webkit-transition: border-bottom 1s ease-in-out;
}
.burger::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.burger:before {
  content: "";
  display: block;
  border-bottom: 4px solid currentColor;
  width: 100%;
  margin-bottom: 5px;
  transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}
.burger:after {
  content: "";
  display: block;
  border-bottom: 4px solid currentColor;
  width: 100%;
  margin-bottom: 5px;
  transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}

.burger-check {
  display: none;
}

.burger-check:checked ~ .burger {
  border-bottom: 4px solid transparent;
  transition: border-bottom 0.8s ease-in-out;
  -webkit-transition: border-bottom 0.8s ease-in-out;
}
.burger-check:checked ~ .burger:before {
  transform: rotate(-405deg) translateY(1px) translateX(-3px);
  -webkit-transform: rotate(-405deg) translateY(1px) translateX(-3px);
  transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}
.burger-check:checked ~ .burger:after {
  transform: rotate(405deg) translateY(-4px) translateX(-5px);
  -webkit-transform: rotate(405deg) translateY(-4px) translateX(-5px);
  transition: transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}

.navigation {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-in-out;
}

.burger-check:checked ~ .navigation {
  max-height: 500px;
  transition: max-height 0.5s ease-in-out;
}

#burger {
	text-align: center;
    margin-top: 13px;
	background: black;
}

#burger ul {
	padding: 0 0 20px 0;
}

#burger li {
	margin-top: 5px;
}

#burger li a {
	text-transform: uppercase;
	font-family: 'Jura','Arial','Helvetica',sans-serif;
	font-size: 16px;
}

#booking select { height: 28px; width: 100%; }

@media (min-width: 768px) {
	#burger { display: none; }
}

@media (max-width: 767px) {
	#menu { display: none; }
	#booking input { width: 90%; margin: 0 auto; margin-bottom: 8px;}
	#booking .flex { flex-direction: column; text-align: center; }
	#booking .selectBox-dropdown { width: 90% !important; margin: 0 auto; margin-bottom: 8px; }
	#arrival { margin-top: 8px; }
	#booking .selectBox-dropdown .selectBox-label { left: 5px; width: auto !important }
	#booking textarea { width: 90% !important }
	
	#booking select { width: 93%; margin: 0 auto; margin-bottom: 8px; }
}

.imgs {
	display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    flex-wrap: wrap;
    margin: 0;
}

.imgs li {
	margin: 20px 0 0 0;
}

.selectBox-dropdown {
	display: block !important;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
	width: auto !important;
}

.selectBox-label { margin-top: 3px; }