body {font-family: 'Open Sans', sans-serif; position:relative; 	-webkit-overflow-scrolling: touch; background:#F8F8F8; width:100%; margin:0; padding:0; font-size:16px; font-weight:300;}
html{width:100%; margin:0; padding:0;}
h2{font-size: 1.6em; }
.clearfix{content: ""; clear: both; }


.sicon{font-size:36px; color:#FFFFFF; cursor:pointer; margin:15px;}
.sicon:hover{ color:#25889B;}
.s_icons{ position:relative; display:block; line-height:44px; margin-top:30px;}


.beourguest{font-family: lust-stencil-display,serif; font-weight: 400;font-style: normal; }
.beourguest_fine{font-family: lust-stencil-fine,serif; font-weight: 100;font-style: normal;}
.main_logo{ width:325px; height:89px;}
.green{ color:#25889B; }
.orange{color:#E26C37;}

.at1{margin-top: 20px;}

.a1{font-size:1.2em;}
.c{text-align:center;}


.input_title{position:relative; display:inline-block; width:150px;}
.input{width:280px; padding-left:10px; height:20px; line-height:20px;}
input[type=radio]:not(old){margin-right: 0px; margin-left: 40px; padding: 0; color: red;height:35px; width:35px; vertical-align: middle;}

.search_bar{position:relative; width:100%; display:block; box-sizing:border-box;  background-color:#000033; text-align:center; height: 46px; line-height: 46px; padding:0px 5px;}

.white{color:white;}


#new_page{ position:relative; display:block; padding:100px 50px; text-align:center; font-size:1.2em; min-height:300px;}

#search_on{-webkit-appearance: none; width:300px; padding-left: 20px; line-height: 30px; height: 30px; }
.send{-webkit-appearance: none; width:120px; text-align:center; height:28px; color:white; background-color:#000066; cursor:pointer; }
.pac-container{ margin-top: -120px !important; }

#first_bar{position:relative; margin-top: 0px; display:block; box-sizing:border-box; width:100%; background: linear-gradient( rgba(0,0,0, 0.0), rgba(0,0,0, 0.0) ), url(../images/main_banner.jpg) center no-repeat; height:480px; background-size: cover;  }
.fbar{ width:40%; display:block; position:absolute; right:0px; color:white; padding:20px; text-align:justify; line-height:24px;}
.fh{font-size:1.4em; text-align:center; line-height:2.6em;}

#short_bar{position:relative; width:740px; display:block; min-height:400px; left:50%; margin-left:-370px; box-sizing:border-box; padding:40px;}



.tm{ display:block; width:100%; position:absolute; bottom:50%; font-size:3em; text-align:center; color: #FFFFFF;}
.tma{ display:block; width:100%; position:absolute; bottom:35%; font-size:3em; text-align:center; color: #FFFFFF;}
.tm1{color:#000099; font-weight:bold;}
.tm2{color:#25889B; font-weight:bold;}

.r100{margin-right:100px;}

#phead{ position:fixed; top: 0px; left: 0px; width:100%; display:block; padding-top:20px;  background-color:#FFFFFF; text-align:right; color:#25889B; line-height:60px; height: 100px; z-index: 160;  }

.center{text-align:center;}
.lge {font-size:2em; line-height:40px; margin-bottom: 40px;}
.med {font-size:1.5em; line-height:70px; color:#25889B;}
.med1 {font-size:1.2em; line-height:30px; margin-bottom: 30px; color:#25889B;}
.mg160{ position:absolute; right:80px;}


/* top menu */
#thead {background-color: #000033; color: white; width: 100%; height: 60px; position: relative; display: none; z-index: 160;}
#btns a:link, a:visited {background-color: #FFFFFF; color: #25889B; z-index: 150;}
.mb1{ position: relative;box-sizing:border-box;width:120px;text-align: center;text-decoration: none; display: inline-block;}
#tmenu{width:500px; height:50px; right:100px; font-size:1.1em; background-color:yellow; position:relative; display:block;}
.hs{display: none; position: absolute; width: 120px; z-index: 5; right: 226px; }
.udb{display:none; position: absolute;right: 40px; top: 0px; }


#btns a:hover, a:active {background-color: #25889B; color:#FFFFFF;}
.mb {position:fixed;top:5px;right:20px;display:none;cursor: pointer; z-index: 1000;}
.mbl {position:absolute;top:12px;left:20px;display: inline-block; height:60px; cursor: pointer; z-index: 100;}
.mbt{position: relative; top: 12px; left: 20px;}
.bar1, .bar2, .bar3 {width: 37px;height: 4px;background-color: #FFF;margin: 9px 0;transition: 0.4s;}
.pressed .bar1 {-webkit-transform: rotate(-45deg) translate(-11px, 3px);transform: rotate(-45deg) translate(-11px, 3px);}
.pressed .bar2 {opacity: 0;}
.pressed .bar3 {-webkit-transform: rotate(45deg) translate(-15px, -8px);transform: rotate(45deg) translate(-15px, -8px);}
.rotate {-webkit-transform: rotate(180deg) ;transform: rotate(180deg);transition: 0.4s;}

/* top menu end */


.sector{color:#333333; margin: 30px 60px 30px 260px; line-height:26px; text-align:justify; float:left;}
.sector_img{margin-left:-160px; float:left; cursor:pointer;  margin-top:65px;}

.mid_bar{display:block; position:relative; width:1000px; margin-left:-500px; left:50%; }
.bar{display:block; position:relative; width:100%;  }


#second_bar{font-family: 'IBM Plex Sans', sans-serif; position:relative; display:block; font-size:1em; box-sizing:border-box; width:100%; color:#333333; padding:50px;  line-height:26px; text-align: justify;}
#second_bar h2{ font-size: 1em; display: inline-block; font-weight: normal;}

.block{ box-sizing:border-box; display:block; min-height:200px; width:50%; background-color:#000033;}

.sectors li{ color:#8A8A8A;  font-size:1.1em; line-height:32px;}
.title{font-size: 1.6em; text-align: center; line-height: 60px; margin-bottom: 30px;}

.fb{clear: both;position: relative; margin-top: 80px; display: block; color: #FFFFFF; background-color: #000033; width: 100%; min-height: 320px; padding-top: 10px; }
.fbs{clear: both;position: relative; margin-top: 0px; display: block; color: #FFFFFF; background-color: #000033; width: 100%; min-height: 320px; padding-top: 10px; }

.fs{position: relative; width: 33.33%; display: inline-block; float: left; font-size: 0.9em;}
.fs_bar{position: relative; display: block; width: 100%; box-sizing: border-box; padding-left: 50px; line-height: 18px;	margin-top: 30px;height: 40px; }
.fs_inst{ position: relative; display: block; width: 200px; margin-left:-100px; left:50%;}
.fs_img{position: absolute; left: 0px;}
.fs_f{margin-top: 16px; width: 220px; height: 24px; line-height: 24px; color: #545454; padding-left: 10px;}

.fs a{color: white; text-decoration: none;}
.fs a:active{color: white; text-decoration: none;}
.fs a:visited{color: white; text-decoration: none;}
.fs a:hover{color: #00FFFA; text-decoration: none;}

.story_sidebar a{color: white; text-decoration: none;}
.story_sidebar a:active{color: white; text-decoration: none;}
.story_sidebar a:visited{color: white; text-decoration: none;}
.story_sidebar a:hover{color: white; text-decoration: none;}


.results_down{ margin-top:120px;}




.bb{ display: block; height: 40px; background-color: #000; width: 100%; color:#A2A2A2; text-align: center; line-height: 40px; font-size: 0.8em; z-index:100;}


.ind{float: left;}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url(...);   /* Add custom arrow */
	border: #C7C7C7 solid 1px;
	width: 216px; padding-left: 10px; line-height: 26px; display:block; margin-bottom: 20px;
	outline: 0;
}
textarea{padding: 5px; font-family: 'Open Sans', sans-serif;}


.in{width: 200px; padding-left: 10px; line-height: 20px; display:block; margin-bottom: 20px;}
.in_l{position: relative; display: block;float: left; padding-left: 40px; width: 45%; line-height: 22px; height: 50px; font-size: 12px; margin-bottom: 40px;}
.in_ld{position: relative; display: block; float: left; width: 400px;}
.in_r{position: relative; display: block; float: left; width: 210px;}
.in_f{position: relative; display: block;float: left; padding-left: 40px; width: 90%; line-height: 40px; height: 50px; font-size: 12px; margin-bottom: 30px;}
#map-canvas{width: 90%; height: 500px; border: #C7C7C7 solid 1px; margin: 5%;}
.in_lr{position: relative; display: block; padding-left: 40px; width: 90%; line-height: 40px; height: 50px; font-size: 12px; margin-bottom: 20px;}


select {outline: 0;}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;}

.sug_t{ font-weight: 400; font-size: 1.1em; margin-bottom: 20px;}
.sug_t{ font-weight: 400; font-size: 1.1em; margin-bottom: 40px;}
.sug{width: 500px; box-sizing: border-box; padding-left: 10px; margin-left: 40px; margin-bottom: 20px; display: block; position: relative;height: 32px; line-height: 32px; border: 1px solid #DDDDDD; cursor: pointer;}
.sug_b{width: 500px; box-sizing: border-box; padding-left: 10px; margin-left: 40px; margin-bottom: 20px; display: block; position: relative;height: 32px; line-height: 32px; border: 1px solid #DDDDDD; cursor: pointer; background-color: #000066; color: #FFFFFF; }
.sugestions, .toilet_c, .r_o{position: relative; display: block; box-sizing:border-box; margin-bottom: 20px;}
.r_o{margin-top: 0px; margin-left: 40px;}




.sugm{width: 40px; text-align: center; margin-bottom: 20px; display: block; position: relative;height: 32px; line-height: 32px; border: 1px solid #DDDDDD; cursor: pointer; float:left; margin-left: 10px;}

.sugm_b{width: 40px; text-align: center; margin-bottom: 20px; display: block; position: relative;height: 32px; line-height: 32px; border: 1px solid #DDDDDD; cursor: pointer; background-color: #000066; color: #FFFFFF;float:left;margin-left: 10px;}

.times{ position: relative; width: 80px; display: block; text-align: center; margin-top: 5px; }
.times_t{display: block; position: relative; padding-left: 20px; line-height: 32px; vertical-align:middle;}
.times_t td{width: 90px;}
.t_day{padding-left:20px; }
.tt_h{position: relative; width: 33%; float: left;}
.tt_h2{position: relative; width: 33%; float: left;}
.tt_h2:nth-child(1) {background:#C7C7C7;}
.ttr{text-align: center; font-size: 1.2em;}
.trf{}

.d2, .d3, .d4{display: none;}
.c1{display: block;}
#fl{position: absolute; display: block; left: -35px; top: 70px; width: 100px; height: 40px; z-index: 10; text-align: right;}








.stories_main{display:block; color:#222222; position:relative; box-sizing:border-box; background-color: rgba(37, 135, 155, 0.6); padding:20px 20px 20px 400px; width:100%; overflow:hidden; line-height:24px;}

.story_sidebar{display:block; position:absolute; margin-left:-400px; margin-top:200px; line-height:30px; box-sizing:border-box; width:350px; overflow:hidden; color:#ffffff; padding-left:60px; border-right:2px solid #FFFFFF;}

.stories_bg{ position:fixed; right:-120px; bottom: 70px; display:block; width:700px; height:450px;

  background-image:url(../images/Be_our_Guest_logos/Bed_only_white.png);
  background-repeat: no-repeat;
  background-size:cover;
  opacity: 0.1;
}




.videoWrapperOuter {
  max-width:640px; 
  margin-left:auto;
  margin-right:auto;
}
.videoWrapperInner {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 50%;
  padding-top: 25px;
  height: 0;
}
.videoWrapperInner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}







.story_image{position:relative; height: 100%; width:13.95%; display:inline-block; box-sizing:border-box; background-color:red; margin:0px; border:none; padding:0px; background-repeat: no-repeat; background-size:cover;}



.story_title{display:block; position:relative; font-size:40px; color:#FFFFFF; margin-bottom:20px;}
.story_sub{display:block; position:relative; font-size:28px; color:#FFFFFF; margin-bottom:40px;}
.story_line{ position:absolute; opacity:0.8; left:350px; top:300px; display:block; width:0px; border-left: 2px solid white; height: 600px;}




.story_imagebar_holder{position:relative; text-align:center; display:block; width:100%; height:auto; box-sizing:border-box; overflow:hidden;}

.story_imagebar{position:relative; display:inline-block; text-align:center; width:100%; height:auto; padding:20px 0px; background-color: rgba(37, 135, 155, 0.6);}
	
.story_banner{width:100%; height:auto;}









@media(max-width: 1000px){ 
.mid_bar {width:100%; left:0; margin-left:0px; }
.main_logo{ width:243px; height:67px;}

.fbar{ width:70%; box-sizing:border-box; display:block; position:absolute; right:0px; color:white; padding:30px 10px; text-align:justify; line-height:20px; font-size:1em;}

}

@media(max-width: 900px){ 
.main_logo{ width:162px; height:44px; margin-top:15px; margin-left:-10px;}

.c1{display: none;}
    .tt_h{width:40%;}
    .tt_h2{width:30%;}
    .in_l{width: 90%;}
	.r100{margin-right:0px;}


	
	.stories_main{display:block; position:relative; box-sizing:border-box; padding:30px 20px 200px 10px; width:100%;}
	.story_title{ line-height:50px;}
	.story_sidebar{display:block; position:absolute; margin-left:0px; margin-top:0px; bottom:40px;  width:100%;  padding-left:20px; border-right:2px solid #FFFFFF;}

	
	.story_banner{width:auto; height:100px; margin-left: 50%; transform: translateX(-50%);}

}

@media(max-width: 650px){
	#phead{display: none; height: auto; position: fixed; top: 60px; left: 0; z-index: 160; }
	.main_logo{ width:162px; height:44px; margin-top:-5px;}
	#thead{display: block; position: fixed; min-height: 60px;  top: 0px; left: 0px; z-index: 161;}
	.pac-container{ margin-top: -60px !important; }
	#new_page{ position:relative; display:block; padding:50px 10px; text-align:center; font-size:1.2em; min-height:300px;}
.results_down{ margin-top:60px;}
	.fbar{ width:100%; box-sizing:border-box; display:block; position:absolute; right:0px; color:white; padding:30px 10px; text-align:justify; line-height:20px; font-size:1em;}

	#first_bar{margin-top: 0px;}
	.search_bar{position:relative; width:100%; display:block; box-sizing:border-box;  background-color:#000033; text-align:center; 
	height: 46px; line-height: 30px; padding:5px 5px;}
	#search_on{-webkit-appearance: none; width:200px; padding-left: 10px; line-height: 30px; height: 30px; }
.send{-webkit-appearance: auto; width:60px; text-align:center; height:28px; color:white; }
	.fh{font-size:1.4em; text-align:center; line-height:1.4em;}
	.in{width:90%;}
    .in_l{float: none; margin-bottom: 60px; font-size: 16px;}
    .in_f{float: none; display: inline-block;margin-bottom: 60px; font-size: 16px;}
    .in_r{float: none; width: 300px; margin-bottom: 15px;}
    .in_r{float: none; width: 300px; margin-bottom: 15px;}
	.mb{display: inline-block;}
	.mbl{display: none;}
	.mb1{width: 100%; display: block;}
	.fs{width: 100%; float: none; padding-top: 20px; padding-bottom: 30px;}
	.sector_img{ float:none; cursor:pointer; position: relative; left:50%; margin-left: -45px; }
	.sector{color:#333333; margin: 20px;  float:none;}
	#second_bar{ padding:10px;}
	.cfx{padding: 50px 20px;}
	.hs{display: none; position: relative; width: 100%; margin-left: 0px; left: 0px;}
	.udb{display:block;}
	#map-canvas{width: 98%; height: 500px; border: #C7C7C7 solid 1px; margin: 1%;}
    .sug{width: 100%; padding-left: 5px; margin-left: 0px; margin-bottom: 20px; }
    .sug_b{width: 100%; padding-left: 5px; margin-left: 0px; margin-bottom: 20px; }
    #tab2, .tab3, .trf{width: 100%;}
    .in_lr{ padding-left: 10px; margin-left: 0; height: auto;}
    p {padding-left: 0; margin-left: 0;}
    #hide_times, #many_times, #tab2, .tab3, .trf{display: none;}
    .tab1{margin-left: 80px; margin-top: 30px;}
    
    .tab1 td:nth-child(1) { width: 200px;}
    .tab1 {width: 300px; margin: -10px;}
    #fl{ left: -35px; top: 35px; width: 100px; height: 40px; }
    .times_t{padding: 0; margin: 0;}
	
	

	

	

}