html, body  { margin:0px; font-family:'Open Sans', sans-serif; color:#666; font-size:14px; }


a:hover { text-decoration:none; }
h1, h2, h3 { color:#313E5C; }


#header { height:100px; z-index:5; box-shadow:0 0 5px 1px rgba(0,0,0,0.3); }


#header .wrap { position:fixed; top:0; left:0; right:0; max-height:100px; background:#fff; transition:max-height 0.3s ease-out; z-index:9999999999999999; }
#header .padding { max-height:100px; transition:max-height 0.2s ease-out; }


#header .logo a { display:block; height:90px; width:200px; margin:5px 0; background-size:contain; background-position:center left; background-repeat:no-repeat; transition-duration:0.2s; }

#header .menu { padding-right:200px; }
#header .menu li { display:block; list-style:none; margin:0 10px; float:left; }
#header .menu a { display:block; line-height:100px; color:#313E5C; font-size:14px; font-weight:bold; text-decoration:none; transition:color 0.2s ease-in, line-height 0.3s ease-out; }
#header .menu a:hover { text-decoration:none; color:#6A758C; }
#header .menu li ul { display:block; }
#header .menu ul ul { list-style:none; margin:0; padding:0; position:absolute; display:none; }
#header .menu ul ul li { float:none; margin:0; }
#header .menu ul ul a { line-height:25px; height:auto; color:#fff; padding:8px 15px; background:#313E5C; border-bottom:1px solid #6A758C; }
#header .menu ul ul li:last-child a { border-bottom:0; }
#header .menu ul li:hover ul { display:block; }



#header .contact { position:absolute; padding:0 5px; background:#E5A430; color:#fff; width:1000%; left:100%; line-height:40px; margin-top:30px; margin-left:-200px; transition:margin-top 0.3s ease-out; }
#header .contact a { color:#fff; text-decoration:none; font-weight:bold; font-size:16px; vertical-align:middle; float:left; display:block; margin-left:10px; }




#header.float .wrap { max-height:60px; box-shadow:0 0 5px 1px rgba(0,0,0,0.3); z-index:9999999999999999; }
#header.float .padding { max-height:60px; }


#header.float .logo a { height:40px; margin:10px 0; }
#header.float .menu a { line-height:60px; }
#header.float .contact { margin-top:10px; }






#slider { width:100%; z-index:4; overflow:hidden; max-height:700px; position:relative; }
#slider .slides { margin:0; padding:0; z-index:0 overflow:hidden; }
#slider .slides .slide { width:100%; background-size:cover; background-position:center center; overflow:hidden; }
#slider .slides .slide:after { content:""; display:block; padding-top:25%; }
#slider .slide .offset {  }
#slider .slide .caption { position:absolute;padding-top:8%; font-size:40px; color:#fff; text-shadow:0 0 5px 10px #000; }




#content { padding:50px 0; z-index:4; }






#footer { background:#313A45; margin-top:20px; }
#footer a { color:#E5A430; }


#footer .top { padding:30px 0; color:#d5d7d8; }
#footer .top h3 { color:#E5E5E5;  }
#footer .top p { font-size:0.9rem; }
#footer .top .socials a { width:40px; height:40px; border-radius:40px; display:inline-block; text-align:center; line-height:40px; background:#E5A430; color:#fff; font-size:20px; margin-right:5px; }
#footer .top .socials a:hover { background:#B57507; transition-duration:0.2s; }

#footer .bottom { padding:5px 0; background:#202730; color:#515A66; font-size:0.8rem; }












/*image box*/
.image-box { background-size:cover; background-position:center center; }
.image-box.image-box-200:before { content:""; display:block; padding-top:200%; }
.image-box.image-box-190:before { content:""; display:block; padding-top:190%; }
.image-box.image-box-180:before { content:""; display:block; padding-top:180%; }
.image-box.image-box-175:before { content:""; display:block; padding-top:175%; }
.image-box.image-box-170:before { content:""; display:block; padding-top:170%; }
.image-box.image-box-160:before { content:""; display:block; padding-top:160%; }
.image-box.image-box-150:before { content:""; display:block; padding-top:150%; }
.image-box.image-box-140:before { content:""; display:block; padding-top:140%; }
.image-box.image-box-130:before { content:""; display:block; padding-top:130%; }
.image-box.image-box-125:before { content:""; display:block; padding-top:125%; }
.image-box.image-box-120:before { content:""; display:block; padding-top:120%; }
.image-box.image-box-110:before { content:""; display:block; padding-top:110%; }
.image-box.image-box-100:before { content:""; display:block; padding-top:100%; }
.image-box.image-box-90:before { content:""; display:block; padding-top:90%; }
.image-box.image-box-80:before { content:""; display:block; padding-top:80%; }
.image-box.image-box-75:before { content:""; display:block; padding-top:75%; }
.image-box.image-box-70:before { content:""; display:block; padding-top:70%; }
.image-box.image-box-60:before { content:""; display:block; padding-top:60%; }
.image-box.image-box-50:before { content:""; display:block; padding-top:50%; }
.image-box.image-box-40:before { content:""; display:block; padding-top:40%; }
.image-box.image-box-33:before { content:""; display:block; padding-top:33%; }
.image-box.image-box-30:before { content:""; display:block; padding-top:13%; }
.image-box.image-box-25:before { content:""; display:block; padding-top:25%; }
.image-box.image-box-20:before { content:""; display:block; padding-top:20%; }
.image-box.image-box-10:before { content:""; display:block; padding-top:10%; }







#booking-panel-frame { margin-top:-50px; z-index:5; position:relative;  }

.grid-rate-book { height:35px; }