/*
 * Tonic Hotel v1.0
 *
 * Copyright 2012 FastBooking
 * Licensed under the FastBooking License Closed
 * http://www.fastbooking.net
 *
 * Designed and built with all the love in the world.
 */

/* font awesome */
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);

/* fonts */
@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400italic,700,700italic&subset=latin,latin-ext);

/* general  */
html ,
body { margin: 0; padding: 0; width: 100%; height: 100%; color:#666; background: #222; font:12px/150% arial,helvetica,sans-serif; position:relative; z-index:10;}

h1 ,h2 ,h3 ,h4 ,h5 { margin:0; padding:0; }
h2 { color: #222; font: 24px/1.1 'Archivo Narrow',serif;  margin-bottom: 30px; }
h3 { color: #222; font: 18px/1.1 'Archivo Narrow',serif;  margin-bottom: 20px; }
a { transition: none; text-decoration:none; }
/* commons */
.clearfix:before,
.clearfix:after {content:"";  display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom: 1;}
.container_940 { width:940px; margin:0 auto; position:relative;margin-bottom: 5px; }
.container_960 { width:960px; margin:0 auto; position:relative; }
.clearer { clear:both; }
.left { float:left; }
.right { float:right; }
.thumb { background: none repeat scroll 0 0 #fff; border: 1px solid #d7d7d7; margin: 0 auto; padding: 10px;  max-width: 250px; }
.thumb.left img {width: 100%; height: auto;}
.body {}
.body ul   { padding:10px 0; }
.body ul li { list-style:disc inside none; }

/* main */
#header { width:100%; height:160px; background:#fff; position:fixed; z-index:600; top:0; left:0;}
#header .headbox {   height: 120px;}
#header.opacity{opacity:0.5;filter:Alpha(opacity=50);}
#header.opacity:hover{opacity:1;filter:Alpha(opacity=100);}

/* logo */
#logo { float: left;  /*background-color: #FFFFFF;  height: 95px;*/  width: 260px; /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/ margin:0 0 0 1px;padding:17px 5px 10px 5px;box-sizing:border-box;}
#logo a { display: block; /*height: 140px;*/ overflow: hidden;  /*width: 200px;*/ }
#logo img{width: 220px;}
/* topbar */
#topbar { float: right; height: 24px;  /* width: 790px;*/width: 650px; margin-right:5px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
/* oSEO */
.seobar {  /*height:24px; line-height:24px; */line-height:1;position: absolute;top: 5px;width: 400px; }
.seobar h1 {font-size:9px; display:inline; margin:0 5px 0 0; color:#999;}
.seobar span  {font-size:9px; display:inline; margin:0 5px 0 0; color:#999;}

/* languages */
#lang_sel_list  { height:15px;  float:right; padding:0; margin:6px 4px 0 10px;  }
#lang_sel_list ul { margin:2px 5px 0 0;}
#lang_sel_list ul li { display:block; width:18px; height:12px; float:left; margin:0 0 0 7px; overflow:hidden; }
#lang_sel_list ul li a { display:block; width:18px; height:12px; margin:0; padding:0; opacity:0.5;filter:Alpha(opacity=50); }
#lang_sel_list ul li a.lang_sel_sel ,
#lang_sel_list ul li a:hover { opacity:1;filter:Alpha(opacity=100); }
#lang_sel_list ul li a img { display:block; width:18px; height:12px; margin:0; padding:0;  }
#icl_ja	{ float:right;  }
#icl_ja a { display:block; width:21px; height:14px; margin:5px 0; padding:0; opacity:0.5;filter:Alpha(opacity=50); }
#icl_ja a:hover { opacity:1;filter:Alpha(opacity=100); }
#lang .en{background-image: url(../images/gb.svg);display: inline-block;padding: 0;margin: 8px 5px 8px 0;width: 21px;height: 14px;background-size: cover;float: right;}
#lang .zh-hans{background-image: url(../images/cn.svg);display: inline-block;padding: 0;margin: 8px 5px 8px 0;width: 21px;height: 14px;background-size: cover;float: right;}
#lang .cn{background-image: url(../images/cn.svg);display: inline-block;padding: 0;margin: 8px 5px 8px 0;width: 21px;height: 14px;background-size: cover;float: right;}
#lang .zh-hant{background-image: url(../images/tw.svg);display: inline-block;padding: 0;margin: 8px 5px 8px 0;width: 21px;height: 14px;background-size: cover;float: right;}
#lang .tw{background-image: url(../images/tw.svg);display: inline-block;padding: 0;margin: 8px 5px 8px 0;width: 21px;height: 14px;background-size: cover;float: right;}
#lang .ko{background-image: url(../images/kr.svg);display: inline-block;padding: 0;margin: 8px 5px 8px 0;width: 21px;height: 14px;background-size: cover;float: right;}
#lang .kr{background-image: url(../images/kr.svg);display: inline-block;padding: 0;margin: 8px 5px 8px 0;width: 21px;height: 14px;background-size: cover;float: right;}
#lang .th{background-image: url(../images/th.svg);display: inline-block;padding: 0;margin: 8px 5px 8px 0;width: 21px;height: 14px;background-size: cover;float: right;}

/* CRS */
#crs { float:right;width: auto;height: 85px;  margin: 10px 5px 0 0; position:relative; z-index:300;}
#crs .content_crs {  width: 100%; height:100%; }
#crs .title { float: left;/* margin-top: 17px; */padding-right: 10px;/* width: 310px; */}
#crs .title h2 { color: #efe9d1;font:normal 19px/1 'Archivo Narrow',serif;margin-bottom: -5px; /* margin-right: 10px; float:left;*/display: inline-block;}
#crs .content_crs .from {color: #efe9d1;/* padding-left: 41px; */letter-spacing: 1px;font: normal 19px/1 'Archivo Narrow',serif;}
#crs .price_widget { /* width: 95px;*/ float:left;/* padding-top: 23px; */padding-right: 6px; /*margin:8px 0 0 0;*/}
#crs .title .price_widget span.from { /*float:left;*/ color:#efe9d1; font: 12px/24px Arial,sens-serif; /*margin:0 5px;*/  }
#crs .price_widget span { color: #efe9d1;font: 25px/20px 'Archivo Narrow',serif;}
#crs .title .bestrate { float:right; color: #CCCCCC;  display: block;  margin: 0;   text-decoration: none;  width:180px; line-height:13px; }
#crs .title .bestrate span { margin:0 5px 0 0 ;}
#crs .title .bestrate a { color: #CCCCCC;  }
#crs .title .bestrate a:hover { color: #A1B820; }
#crs  .form { /*width:480px;*/ height:60px; margin:0 auto;/* float: right; */display: block;clear: both;}
#crs  .form form{ width:100%; height:60px; padding:0;margin:0;display:block;}
#crs  .form form .elem { height:50px; margin:0 4px 5px 0; float:left; }
#crs  .form form .elem label { width:100%; display:block; height:18px; color: #fff; font-size: 11px;  line-height: 18px;padding-left: 1px; }
#crs  .form form .elem input ,
#crs  .form form .elem select {  height: 26px;  line-height: 26px; background-color: #fff;color: #b6b7b4; border: 1px solid rgba(255, 255, 255, 0.2); font-size: 10px; text-indent: 5px; }
#crs  .form form .elem select.bf_hotels { display: block; height: 30px; padding: 6px 10px 6px 0;  width: 140px;}
#crs  .form form .elem input.date-picker { position:relative; z-index:900; width: 86px; font-size:11px; background-image:url("../images/bg_calendar.png"); background-repeat:no-repeat; background-position:74px 10px; background-color: #273464;}
#crs  .form form .elem input.bf_input-iata {  width: 85px;background-color: #273464; }
#crs  .form form input#bf_submit {float:left;  margin:18px 0 0;  background-color:#fff; font:14px/30px 'Archivo Narrow',serif; height:30px;  border:none; width:180px; text-transform:uppercase; color:#47423d; transition: background 0.5s ease 0s; }
#crs  .form form input#bf_submit:hover { background: none repeat scroll 0 0 #52c4c5; cursor: pointer;color: #fff; }
#crs  .form form .quick-search-cancel { position:absolute; top:23px; right:4px; z-index:310;  margin:0;  color:#fff; font-size:11px;  }
#crs  .form form .view-link {position: absolute; top: 23px; z-index: 310; margin: 0; color: #fff; font-size: 11px; right: 93px;}
#crs  .form form .quick-search-cancel:hover,
#crs  .form form .view-link:hover{ text-decoration: underline; }


/* russian personalization */
#crs.lang_ru .title .price_widget{ width:160px; }
#crs.lang_ru .title .bestrate{ width:160px; }
#washington_selector {
    width: 0;
    height: 0;
    overflow: hidden;
}
#crs .section_hotel_select {
    float: left;
}
#crs #hotel_list {
    margin: 0;
    padding: 0;
    background: #273464;
    width: 185px;
    height: 30px;
}


#crs.lang_es .title h2,
#crs.lang_pt-pt .title h2,
#crs.lang_tl .title h2,
#crs.lang_vi .title h2,
#crs.lang_ms .title h2	{
	margin-bottom:0;
}
#crs.lang_es .title .price_widget,
#crs.lang_pt-pt .title .price_widget,
#crs.lang_tl .title .price_widget,
#crs.lang_vi .title .price_widget,
#crs.lang_ms .title .price_widget	{
	float:left;
}
.ui-widget-content{background: none !important;}
.ui-datepicker .ui-datepicker-header{padding: 0;}
#ui-datepicker-div {background-color: #273464 !important;}
.ui-datepicker .ui-datepicker-title{background-color: #fff !important;margin:0;padding: .2em;}
.ui-datepicker table{color: #fff;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background-color: #fff;}
.ui-datepicker-calendar td:hover, .ui-datepicker-calendar td a:hover{color:#b6232a;background-color: #fff; }

/* menu */
#menu { width:100%;height:40px; background:#fff; margin:0px; z-index:150; }
#menu .menu_box { width:1000px; height:40px; margin:0 auto; }
#menu .menu_box div {  /*margin:0 0 0 150px;*/ height:40px; width: 100%;display: table;table-layout: fixed;box-sizing:border-box;white-space: nowrap;padding: 10px 15px; }
#menu .menu_box ul { list-style:none inside none;display: table-row; }
#menu .menu_box ul li {border-color: #d7d7d7;  border-style: solid; border-width: 0 0 0 1px;/*float: left*/display: table-cell;text-align: center;vertical-align: middle; height: 20px; list-style: none outside none;padding: 0 11px;  position: relative;box-sizing:border-box; }
#menu .menu_box ul li:first-child {    border-width: 0;}
#menu .menu_box ul li a { color: #000; font:13px/25px arial, helvetica, sans-serif;
	display: block;
    font: 15px/20px 'Archivo Narrow',serif;
    height: 20px;
    /*margin: 0 10px;*/
    padding: 0;
    text-decoration: none;
    text-transform: capitalize;
     border-bottom: 2px solid transparent;
}
#menu .menu_box ul li a:hover,
#menu .menu_box ul li.current-page-ancestor > a ,
#menu .menu_box ul li.current_page_item > a { color: #9c6341 ; border-bottom-color: #9c6341; }
#menu .menu_box ul.menu li:hover {
    background:#ffffff;
    color:#000000;
}
#menu .menu_box ul.menu li ul.sub-menu {
    padding:0;
    position:absolute;
    top:22px;
    left:11px;
    width:auto;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    display:none;
    opacity:0;
    visibility:hidden;
    -webkit-transiton:opacity 0.2s;
    -moz-transition:opacity 0.2s;
    -ms-transition:opacity 0.2s;
    -o-transition:opacity 0.2s;
    -transition:opacity 0.2s;
    z-index:9999;
}
#menu .menu_box ul.menu li ul.sub-menu li {
    background:#ffffff;
    display:block;
    color:#000000;
    padding: 5px 11px;
    height: auto;
    text-align: left;
}
#menu .menu_box ul.menu li ul.sub-menu li:hover { color: #9c6341 ; border-bottom-color: #9c6341; }
#menu .menu_box ul.menu li:hover ul.sub-menu {
    display:block;
    opacity:1;
    visibility:visible;
}
/* #menu .menu_box ul li .sub-menu { display:none; position:absolute; z-index:400; top:40px; left:-10px; }
#menu .menu_box ul li .sub-menu.visible { display:block; }
#menu .menu_box ul li .sub-menu li { height:30px; line-height:30px; width:100%;}
#menu .menu_box ul li .sub-menu li a { white-space: nowrap; margin: 0 15px;  }
#menu .menu_box ul li:hover .sub-menu { display:block; } */

/* slideshow */
#slideshow { position:fixed; z-index:150; top:0; left:0; height:100%; width:100%;   margin: 0;  padding: 0;    overflow:hidden; clear: both; background-color: #ccc; }
#slideshow .cycle {	width: 100%;	height: 100%;	position: relative;	z-index: 310;}
#slideshow .cycle img {	position: relative;	z-index: 320;}
#slideshow .cycle .slide {	width: 100%;	height: 100%;}
#slideshow .loading_sshow {	width: 100%;	height: 100%;	position: absolute;	z-index: 330;	top: 0;	right: 0;	bottom: auto;	left: auto;	background-color: #cccccc;	font-family: Arial, Helvetica, sans-serif;}
#slideshow .loading_sshow .msg {	line-height: 30px;	width: 150px;	height: 60px;	position: absolute;	z-index: 332;	bottom: 60px;	left: 50%;	text-align: center;	color: #000;	font-size: 22px;	margin-left: -75px;}

/* Other Hotels block */
#other_hotels { position:fixed; bottom:0; left:0; z-index:600; width:100%; }
#other_hotels.not_visible{opacity:0;filter:Alpha(opacity=0);}
#other_hotels .link_other_hotels a span {margin-right:5px;}
#other_hotels .link_other_hotels a span.fa-arrow-circle-down { display:none;}
#other_hotels .link_other_hotels a.active span.fa-arrow-circle-up {display:none;}
#other_hotels .link_other_hotels a.active span.fa-arrow-circle-down { display:inline;}
#other_hotels .link_other_hotels { position:absolute; z-index:650; width:200px; height:50px; top:-50px; left:0; }
#other_hotels .link_other_hotels a {height:50px; text-transform:uppercase; display:block; text-decoration:none; width:100%; text-align:center; color:#fff; font:18px/50px 'Archivo Narrow',serif; background-color:#000; }
#other_hotels .hotels { background-color:#b6b7b4; height:0; overflow:hidden; }
#other_hotels .box {float: left; margin: 10px 5px;  padding: 20px;  width: 270px; color:#ccc; }
#other_hotels .box a { color:#ccc; }
#other_hotels .box .thumbs {margin:10px auto 20px; border: 1px solid rgba(255, 255, 255, 0.1);  overflow:hidden;}

#other_hotels .box .title { border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff;  font: 18px/1.1 'Archivo Narrow',serif;  margin: 0;  padding: 0 0 10px; }
#other_hotels .box .title a { color: #ffffff; }
#other_hotels .box .location_link {margin:0; float:left; width:108px; height:110px; }
#other_hotels .box .hotel_logo {margin:0; float:left;   height:110px; }
#other_hotels .box .text { margin:10px 0;}
#other_hotels .box .buttons { border-top: 1px solid rgba(255, 255, 255, 0.1);  margin-top: 10px;  padding-top: 10px;}
#other_hotels .box .buttons a.book {
	float:right;
	background: none repeat scroll 0 0 #8a856e;
    color: #fff;
    display: inline-block;
    float: right;
    font: 13px/30px 'Archivo Narrow',serif;
    margin: 0;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.5s ease 0s;
}
#other_hotels .box .buttons a.more { float:right; color: #fff; display: inline-block; line-height: 30px;  margin-right: 10px; }
#other_hotels .box .buttons a.more span { margin:0 10px;}

#other_hotels .group_link { width:100%; float:left; font: 18px/50px 'Archivo Narrow',serif; margin: 5px auto; text-align: center;  text-decoration: none;  text-transform: uppercase; }
#other_hotels .group_link a { color:#fff;}
#other_hotels .group_link a:hover  { color:#a1b820;}
#other_hotels .group_link span { margin:0 10px;}

/* offers_preview on homepage */
#offers_preview { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);  bottom: 100px;    height: 160px;    left: 0;    position: absolute;    width: 440px;    z-index: 200;	}
#offers_preview .content { padding:20px 20px 20px 10px; width:360px; height:120px; background:transparent url("../images/loader.GIF") center center no-repeat; }
#offers_preview .content p { }
#togglebar { height:160px; width:40px; position:absolute; top:0px; right:0px; }
#togglebar a { display:block; width:100%; height:100%; overflow:hidden; text-indent:-999px;  background:transparent url("../images/bg_offers.png") 0px 0px no-repeat; }
#togglebar a.lang_it { background-position:0px 0px ;}
#togglebar a.lang_en { background-position:-40px 0px ;}
#togglebar a.lang_de { background-position:-120px 0px ;}
#togglebar a.lang_fr { background-position:-80px 0px ;}
#togglebar a.lang_cn { background-position:-490px 0px ;}
#togglebar a.lang_tw { background-position:-536px 0px ;}
#togglebar a.lang_ru { background-position:-200px 0px ;}
#togglebar a.lang_es { background-position:-664px 0px ;}
#togglebar a.lang_zh-hk { background-position:-536px 0px ;}
#togglebar a.lang_id { background-position:-623px 0px ;}
#togglebar a.lang_kr { background-position:-580px 0px ;}
#togglebar a.lang_ms { background-position:-350px 0px ;}
#togglebar a.lang_pt-pt { background-position:-310px 0px ;}
#togglebar a.lang_tl { background-position:-436px 0px ;}
#togglebar a.lang_th { background-position:-236px 0px ;}
.bg_hotelcolor_hover:hover{background-color: rgba(43,74,186,0.8) !important;}

#togglebar .lang_th:before {
    content: "เสนอ";
    display: table;
    width: 100%;
    height: 160px;
    margin-left: -6px;
    margin-bottom: 201px;
    padding-top: 11px;
    position: absolute;
    font: 20px/110% 'Archivo Narrow',serif;
    text-transform: uppercase;
    letter-spacing: 7px;
    writing-mode: tb-rl;
    text-align: center;
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    -moz-transform: skew(0deg, 180deg) scale(-1,1);
    -o-transform: skew(0deg,180deg) scale(-1,1);
}
/* offers*/
#FB_so_preview > ul { width:360px; height:120px; display:block; overflow: visible;}
#FB_so_preview > ul > li .promotion .title {  font: 20px/110% 'Archivo Narrow',serif;  margin: 0 0 10px; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#FB_so_preview > ul > li .promotion .description > p > p,
#FB_so_preview > ul > li .promotion .description > ul { display:none; }
#FB_so_preview > ul > li .promotion {  width:360px; height:120px; display:block;  z-index:500; position:relative; text-shadow: 1px 1px 1px #000000; }
#FB_so_preview > ul > li .promotion .image { width:100px; float:left; margin:0 20px 10px 0; min-height:50px; }
#FB_so_preview > ul > li .promotion .image img { width:100px;height:auto;  max-height:155px;}
#FB_so_preview > ul > li .promotion div.price {  margin: 0 0 10px; font: italic 18px/150% 'palatino linotype','book antiqua',palatino,serif; }
#FB_so_preview > ul > li .promotion .apd { display:block; }
#FB_so_preview > ul > li .promotion .apd,
#FB_so_preview > ul > li .promotion .pernight {   color: #efe9d1;}
#FB_so_preview > ul > li .promotion span.price,
#FB_so_preview > ul > li .promotion .currency { color: #fff;   font: 24px/110% 'Archivo Narrow',serif;}

#FB_so_preview > ul > li .promotion .more { display: inline-block; float: right;  font-size: 12px;  line-height: 30px;  margin-right: 20px;  text-decoration: none;}
#FB_so_preview > ul > li .promotion .more a {   color:#efe9d1; text-decoration:none; }
#FB_so_preview > ul > li .promotion .more a:hover { text-decoration:underline; }
#FB_so_preview .promotion .button {  float: right;   height:35px;  }
#FB_so_preview .promotion .button a { background-color:#b6b7b4; *::-moz-selection; font:14px/30px 'Archivo Narrow',serif; height:30px; display:inline-block; border:none; padding:0 10px; text-transform:uppercase; color:#fff; transition: background 0.5s ease 0s;  }
#FB_so_preview .promotion .button a:hover { background: none repeat scroll 0 0 #52c4c5; cursor: pointer; }
/* popup_content */
#popup_content {width:600px;/* min-height:400px;*/ }
#popup_content .title { background: none repeat scroll 0 0 #5d6068;  color: #FFFFFF;  font: 18px/110% 'Archivo Narrow',serif;  margin-bottom: 20px;   padding: 20px;  }
#popup_content .title strong { color: #FFFFFF; }
#popup_content .image { float:right; margin:0 40px 10px 10px;}
#popup_content .image img {max-width:150px;}
#popup_content .description  {   margin:0 40px; }
#popup_content .description ul li { list-style:disc inside none;  }
#popup_content .content   { display:none; }
#popup_content .button  {  float: right; margin:20px 40px 20px 0; }
#popup_content .button a { background: none repeat scroll 0 0 #8a856e*::-moz-selection; color: #FFFFFF; display: inline-block; font: 14px/30px 'Archivo Narrow',serif; height: 30px;  margin:0; padding: 0 15px; text-decoration: none; text-shadow: none; text-transform: uppercase;    transition: background 0.5s ease 0s; }
#popup_content .button a:hover { background: none repeat scroll 0 0 #E3792D;     }
#popup_content div.price { float:left;  width: 100%; background: none repeat scroll 0 0 #737373;   color: #FFFFFF;  font: italic 18px/1.3 "lora",italic;  padding: 20px 0 ;  position: relative;  text-align: center; }
#popup_content .price .apd {margin:0 0 0 20px; }
#popup_content .price .price_rate_strike { text-decoration: line-through; }
#popup_content .price .price ,
#popup_content .price .currency {  color: #FFFFFF;  font-family: 'Archivo Narrow',serif;    font-size: 24px;    font-style: normal;    font-weight: normal; }

/*  page  */
#page { overflow:hidden; width:1020px;  top:285px; background-color:#ececec; position:relative; z-index:300; margin:0 auto ; padding:0; height:auto; }
#page .top_page {line-height:50px; padding:0; height:49px; width:100%; border-bottom:1px solid #d7d7d7; background:#fff; position:relative; z-index:350; }
#page .top_page .title { text-transform:uppercase; color: #333; font: 16px/50px 'Archivo Narrow',serif;  margin:0 0 0 40px; line-height:50px; padding:0; height:49px; float:left; }
#page .top_page .info { cursor:pointer; float:right; color:#666; line-height:50px; margin:0 40px; color: #333; font: 16px/50px 'Archivo Narrow',serif; }
#page .top_page .info span { margin:0 0 0 10px;}
#page .content { padding :40px 0;  }
#page .content .text {   float: left;  width: 520px;  }
#page .content .text h2 { }
#page .content .thumb   { margin:0 20px 20px 0; }

/*homepage_page*/
#page.home { margin:-50px auto 0; top:100%; }
#page.home .content { /*  float: left;  width: 520px; */ }
/* offers   home   */
#offers_home { float:right; border: 1px solid #b1a785; height: 198px; margin: 0 0 10px; overflow: hidden; padding: 10px;  position: relative; width: 378px; background: none repeat scroll 0 0 #fff; }
#FB_so_home { width:378px; height:198px; overflow:hidden;  background:#ececec url("../images/loader.GIF") center center no-repeat; }
#FB_so_home > ul { width:378px; height:198px; overflow:hidden; list-style:none inside none;}
#FB_so_home > ul > li { width:378px; height:198px; display:block; float:left;  }
#FB_so_home > ul > li .promotion {  padding: 20px; position: relative; z-index: 560; overflow:hidden; }
#FB_so_home > ul > li .promotion .image {   float: left;  margin: 0 20px 10px 0;  width: 100px; }
#FB_so_home > ul > li .promotion .image img { max-width:100px; max-height:70px;}
#FB_so_home > ul > li .promotion .title {  color: #222; font: 18px/110% 'Archivo Narrow',serif;   margin: 0 0 20px; }
#FB_so_home > ul > li .promotion div.price { font: italic 18px/150% 'palatino linotype','book antiqua',palatino,serif;  margin: 0 0 10px; }
#FB_so_home > ul > li .promotion .price .currency ,
#FB_so_home > ul > li .promotion .price .price { color: #222;font-family: 'Archivo Narrow',serif; font-size: 24px;  font-style: normal; }
#FB_so_home > ul > li .promotion .price .apd { display: block; }
#FB_so_home > ul > li .promotion .price .strike ,
#FB_so_home > ul > li .promotion .price .price_rate_strike { text-decoration: line-through; }
#FB_so_home > ul > li .promotion .more { float: right;  font-size: 12px; line-height: 30px;  margin-right: 20px;  text-decoration: none;}
#FB_so_home > ul > li .promotion .more a { margin:0; color:#666; text-decoration:none; display: inline-block; }
#FB_so_home > ul > li .promotion .more a:hover { text-decoration:underline; }
#FB_so_home > ul > li .promotion .button { float:right; }
#FB_so_home > ul > li .promotion .button a { background: none repeat scroll 0 0 #b6b7b4; color: #fff; display: inline-block; font: 14px/30px 'Archivo Narrow',serif; height: 30px; padding: 0 20px; text-decoration: none; text-shadow: 1px 1px 1px #000; text-transform: uppercase; transition: background 0.5s ease 0s; }
#FB_so_home > ul > li .promotion .button a:hover { background: none repeat scroll 0 0 #52c4c5; }
/* pager */
#pager_offers { bottom: 10px; left: 20px;  position: absolute;  z-index: 200;}
#pager_offers span { color: #ccc; display: inline-block; font-size: 24px; margin: 0 1px;}
#pager_offers span:hover,
#pager_offers span.cycle-pager-active { color: #332532; cursor: pointer; }

/* social_home */
.social_home { float:right; width:400px;  }
.social_home .box { background: none repeat scroll 0 0 #fff; border: 1px solid #d7d7d7; float: left; height: 83px;  margin-right: 6px; padding: 5px;  width: 83px;  }
.social_home .box:last-child {  margin-right: 0; }
.social_home .box a {background: none repeat scroll 0 0 #ececec;  display: block;  height: 83px;  overflow: hidden;  text-decoration: none;}
.social_home .box span.fa { background: none repeat scroll 0 0 #fff; border: 1px solid #d7d7d7; border-radius: 5px; color: #333;  display: block;  font-size: 30px;  height: 48px;  line-height: 48px;  margin: 17px auto 0;  text-align: center;  width: 48px; }
.social_home .box a:hover span.fa { background: none repeat scroll 0 0 #333;  color: #fff; }
.social_home .box .wifi { height: 23px; padding:60px 0 0 0;  background:#ececec url("../images/logo_wifi.png") center 20px no-repeat; color: #333; display: block; font: 14px/1 'Archivo Narrow',serif;  margin:0; text-align: center; text-transform: uppercase; }
/*  */
.vt_link { height:30px; margin:10px 20px; float:left;  }
.vt_link.home { width:400px; float:right; clear:right; margin:10px 0; }
.vt_link a { padding:0 20px; display:block; background-color:#A1B820; font:12px/30px 'Archivo Narrow',serif; height:30px;  border:none; width:100%; text-transform:uppercase; color:#fff; transition: background 0.5s ease 0s; text-align:center; margin:0 auto; }
.vt_link.home a { padding:0;}
.vt_link a:hover { background: none repeat scroll 0 0 #E3792D; cursor: pointer; }

/* comments and map */
.bottom_bar { height:350px; border-top: 1px solid #d7d7d7; background-color:white;  }
#map_home {border-right: 1px solid #d7d7d7; float: left; height: 350px; width: 579px; }

/* comments home */
#comments_home { margin:40px;float: right; height: 260px; position: relative; width: 360px;  overflow:hidden; position: relative; z-index: 550; }
#comments_home .arrow { position:absolute; right:0px; bottom:10px;}
#comments_home .title { font-size:14px; text-transform:uppercase;  margin: 5px 0 10px 0; }
#comments  { width:360px; height:260px; overflow:hidden; }
#comments ul  { width:360px; height:260px;}
#comments ul li { width:360px; height:260px;}
#comments ul li .comment { width:360px; height:240px;  position:relative; z-index: 600; padding:0 0 20px 0;}
#comments ul li .comment .header {width:360px; height:20px;  margin:5px 0; }
#comments ul li .comment .header .name { margin:0 0 0 20px; position:absolute; z-index: 650; top:0; right:0; color: #333; font-weight: bold; }
#comments ul li .comment div { width:360px; height:130px; text-overflow:ellipsis; overflow:hidden;  }
#comments ul li .comment div:not(.header) {font-style:italic; }
#comments ul li .comment div:not(.header):before ,
#comments ul li .comment div:not(.header):after  { content: " \" "; }
#comments ul li .comment .header .date { font-weight:bold; color: #333; }
#comments ul li .comment .header .average ,
#comments ul li .comment .header .note { display:none; }
/* arrrows */
#comments_home .arrow a.next,
#comments_home .arrow a.prev { background: none repeat scroll 0 0 #ececec; border: 1px solid #d7d7d7; bottom: 0; color: #333;  display: block;  font-size: 24px;  height: 38px;  line-height: 38px; position: absolute; z-index:999; text-align: center; text-decoration: none; width: 38px; cursor:pointer;}
#comments_home .arrow a.next {    right: 0;}
#comments_home .arrow a.prev {    right: 50px;}
#comments_home .arrow a.next:hover,
#comments_home .arrow a.prev:hover {    background: none repeat scroll 0 0 #333;    color: #fff;}

#front_img	{
	width:440px;
	height:350px;
	float: right;
	position: relative;
	z-index: 550
	overflow:hidden;
}
#front_img img	{
	width:440px;
}

/* children pages */
.children_anchors { float: right;}
.children_anchors ul {    list-style: none inside none;}
.children_anchors li {    border-left: 1px solid #d7d7d7;    display: block;    float: left; line-height: 20px;   height: 20px;    margin: 15px 0;}
.children_anchors li a {    color: #333;    font: 15px/20px 'Archivo Narrow',serif;    padding: 0 10px;    text-decoration: none;}
.children_anchors li a:hover {    text-decoration: underline;}
/* children_list */
#children_list { background: none repeat scroll 0 0 #fff;  }
#children_list .box {     border-bottom: 1px solid #d7d7d7;  padding: 40px ; position:relative; z-index:400; }
#children_list .box.bg_grey {  background: none repeat scroll 0 0 #ececec; }
#children_list .box .logo_box { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; float: left;  padding: 10px;  width: 298px; }
#children_list .box .logo_box a { display:block; width: 298px;   height: auto; }
#children_list .box .logo_box img {  height: auto;    width: 100%; }
#children_list .box .text { float: right;  width: 580px; }
#children_list .box .text h3 { }
#children_list .box .text .body { }
#children_list .box .text .buttons { margin: 20px 0 40px; float: right; }
#children_list .box .text .buttons .book_button { background: none repeat scroll 0 0 #8a856e;  color: #fff;  display: inline-block; font: 13px/30px 'Archivo Narrow',serif; padding: 0 10px;  text-decoration: none; text-transform: uppercase;  transition: background 0.5s ease 0s;}
#children_list .box .text .buttons .book_button:hover {   background: none repeat scroll 0 0 #52c4c5;    cursor: pointer;}
/* back */
.back_to_top { position: absolute;  right: 40px; bottom: 20px; z-index:500; color: #333;  display: block;  font: 15px/1 'Archivo Narrow',serif;    text-decoration: none;}
.back_to_top .fa {    margin-right: 10px;}

/* map page */
.content.location h3 { font-size:24px; }
#map_canvas {	height: 400px;	margin:0 ; widht:100%; }
.gmap_marker {	overflow : hidden;}
.gmap_marker h3 { width:160px;  }
.gmap_marker .book-now { display:block !important; width:90px; height:25px; line-height:25px; text-align:center; border:1px solid #ccc; background-color:#b6b7b4; color:#ffffff;text-shadow:1px 1px 1px #000; }
.content.location .body {
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;

	column-gap:40px;
	-moz-column-gap:40px; /* Firefox */
	-webkit-column-gap:40px; /* Safari and Chrome */

    column-rule:1px solid #d7d7d7;
	-moz-column-rule:1px solid #d7d7d7; /* Firefox */
	-webkit-column-rule:1px solid #d7d7d7; /* Safari and Chrome */

}
.gmap_marker .book-now:hover{background: #52c4c5;border: 1px solid #52c4c5;}

/* directions_wrapper */
#directions_wrapper { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); border-bottom: 1px solid #d7d7d7; padding: 40px ;  min-height:40px;   line-height: 40px;  position:relative; z-index:300; font-size:12px; color:#666; }
#directions_wrapper .directions_box {    margin: 5px auto 0;   position: relative; }
#directions_wrapper .directions_info {  width: 100%;   height: 40px;    line-height: 40px;  float: left; margin:0;   }
#directions_wrapper .directions_from { text-transform:uppercase; height:18px;  float: left;  font-weight: normal;  line-height: 24px;  margin: 3px  0 0 0; padding:0;}
.travel_mode {background:transparent url("../images/bg_route.png") top left no-repeat;float:left;width: 40px;height: 16px;overflow:hidden;margin: 5px 0 0 0;cursor:pointer}
.travel_mode.walking { background-position:0 -16px }
#directions_wrapper #directions_from {  line-height: 18px;  width: 130px;  height: 18px;  float: left;  margin:4px 10px 0;   padding: 0 5px;}
#directions_wrapper .directions_to {  height: 18px;  float: left; font-weight: normal;  line-height: 24px;   margin: 3px  35px 0 0;}
#directions_wrapper #directions_submit {  width: 166px;  height: 28px; background: none repeat scroll 0 0 #333 ; color:#fff;   font-weight: bold;  padding: 7px; text-decoration: none; text-shadow: none; text-transform: uppercase; display:block;  border:none;}
#directions_wrapper #directions_submit:hover { background:none repeat scroll 0 0 #52c4c5 !important;}
#directions_wrapper #reset_map {   margin: 3px 0 0 0;   float: right;  padding: 0;   font-size: 11px;  font-weight: normal;  line-height: 25px;  color: #1f1f1f;}
#directions-panel-wrap {width: 100%; height:0; overflow:hidden; position:relative; z-index:400;}
#directions-panel {  margin: 30px 15px;
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 20px 60px;
    text-shadow: none;
    width: auto;
}
#directions-panel-wrap .close_itinerary { display: block; font-size: 11px; font-weight: bold; line-height: 20px; position: absolute; right: 15px;  top: 30px;  text-align: center;text-decoration: none; text-shadow: none; width: 20px; height: 20px; background: none repeat scroll 0 0 #FF0000; color: #FFFFFF; }
#directions-panel-wrap .close_itinerary.bot { bottom:30px;  top: auto; }

/* offers_list */
#offers_list { margin: 0 auto;   padding:40px 30px; width:100%; min-height:100px; box-sizing: border-box;    }
#offers_list #children_list .box {padding: 40px 10px;}
#FB_so    { width:100%; position:relative; z-index:500; overflow:hidden;  min-height:100px; }
#FB_so > ul   { width:100%;  }
#FB_so > ul > li {  height: 218px; width: 278px; border: 1px solid #b1a785; float: left; margin: 10px; overflow: hidden; padding: 10px; }
#FB_so > ul > li .promotion { background: none repeat scroll 0 0 #ececec; height: 178px;  padding: 20px; position:relative; z-index:500; }
#FB_so > ul > li .promotion .title { color: #222; font: 18px/110% 'Archivo Narrow',serif;  margin: 0 0 20px;  }
#FB_so > ul > li .promotion .image { float: left; margin: 0 20px 10px 0; width: 100px; overflow:hidden;  }
#FB_so > ul > li .promotion .image img { width:100%;  }
#FB_so > ul > li .promotion div.price {font: italic 18px/150% 'palatino linotype','book antiqua',palatino,serif;  margin: 0 0 10px; }
#FB_so > ul > li .promotion .price .apd { margin:0 5px 0 0; }
#FB_so > ul > li .promotion .price .price_rate_strike { text-decoration: line-through; color:#cc0033;}
#FB_so > ul > li .promotion span.price ,
#FB_so > ul > li .promotion .currency {  color: #222; font-family: 'Archivo Narrow',serif;  font-size: 24px;  font-style: normal; }
#FB_so > ul > li .promotion .more {  position:absolute; z-index:600; left:20px; bottom:20px; }
#FB_so > ul > li .promotion .more a {  color: #666; display: inline-block;    font-size: 12px;    line-height: 30px;    margin-right: 20px;    text-decoration: none;}
#FB_so > ul > li .promotion .more a:hover {color: #222;  text-decoration: underline;  }
#FB_so > ul > li .promotion .button  { position:absolute; z-index:600; right:20px; bottom:20px;  }
#FB_so > ul > li .promotion .button a  {background: none repeat scroll 0 0 #b6b7b4;
    color: #fff;
    display: inline-block;
    float: right;
    font: 14px/30px 'Archivo Narrow',serif;
    height: 30px;
    padding: 0 20px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
    transition: background 0.5s ease 0s;
}
#FB_so > ul > li .promotion .button a:hover {   background: none repeat scroll 0 0 #52c4c5; }

/* ambienti autore page */
#page .ambienti .content .thumb   { margin:0 0 20px 20px; }

/* children_list */
#box_list { background: none repeat scroll 0 0 #fff;  }
#box_list .box { border-bottom: 1px solid #d7d7d7;  padding: 40px ; position:relative; z-index:400; }
#box_list .box.bg_grey {  background: none repeat scroll 0 0 #ececec; }
#box_list .box .logo_box { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; float: left;  padding: 10px;  width: 298px; }
#box_list .box .logo_box a { display:block; width: 298px;   height: auto; }
#box_list .box .logo_box img {  height: auto;    width: 100%; }
#box_list .box .text { float: right;  width: 580px; }
#box_list .box h3 { font-size:22px; margin-bottom: 30px; padding-bottom:10px;  border-bottom: 1px solid #dedede ; }
#box_list .box .text .body { }
#box_list .box .zones  {  padding:10px 0;  }
#box_list .box .zones h4 { font:14px/1.1 'Archivo Narrow',serif; margin-bottom: 10px; padding-bottom:5px;    border-bottom: 1px solid #ececec ;  }
#box_list .box.bg_grey  .zones h4 { border-bottom: 1px solid #ccc ;  }
#box_list .box .zones .author {  padding:10px 0;  }
#box_list .box .zones .author h5 { font:18px/1.1 'Archivo Narrow',serif; margin-bottom: 10px; padding-bottom:5px;   }
#box_list .box .zones .gallery { margin:10px 0; overflow:hidden; }
#box_list .box .zones .gallery a { display: block; float: left; height: 110px;  margin: 5px;  width: 110px; }


/* gallery_container */
.gallery_container {  width:910px; margin:20px auto; }
.gallery_container ul { width:100%; overflow:hidden;}
.gallery_container ul li { width:110px; height:110px; float:left; margin:10px; }
.gallery_container ul li a {display:block; width:110px; height:110px;}
.gallery_container ul li a img {}

/* comments page */
#comments_box  { width:100%;   overflow:hidden;  background:transparent url("../images/nocomments.png") center center no-repeat;  min-height:100px; }
#comments_box ul  { width:100%;  }
#comments_box ul li { width:100%; margin:0; padding:10px 0; border-bottom:1px solid #cacaca; background-color: #ececec; }
#comments_box ul li .comment {  position:relative; z-index: 600; }
#comments_box ul li .comment .header {width:360px; height:20px;  margin:5px 0; }
#comments_box ul li .comment .header .name { margin:0 0 0 20px;  #333; font-weight: bold; }
#comments_box ul li .comment div { width:100%;  text-overflow:ellipsis; overflow:hidden;  }
#comments_box ul li .comment div:not(.header) {font-style:italic; }
#comments_box ul li .comment div:not(.header):before ,
#comments_box ul li .comment div:not(.header):after  { content: " \" "; }
#comments_box ul li .comment .header .date { font-weight:bold; color: #333; }
#comments_box ul li .comment .header .average ,
#comments_box ul li .comment .header .note { display:none; }

/* FOOOTER */
#footer { position: relative; margin:0 auto;  max-width: 1020px;  width:100%; padding:40px 0 15px 0; position:relative; z-index:500;  overflow: hidden; }
#footer .box { width:33%; float:left; border-left:1px solid rgba(255, 255, 255, 0.1); min-height:100px; }
#footer .box:first-child { border-left:none; }
#footer .box:first-child a{color: #efe9d1;}

/* menu */
#footer-menu { padding: 0 0 0 20px; }
#footer-menu .menu li {list-style:none inside; margin:5px 0;}
#footer-menu .menu li a{color:#efe9d1;text-decoration:none;}
#footer-menu .menu li a:hover,
#footer-menu .menu li.current_page_item a { text-decoration:underline; }

/* hotel address */
#footer .box .address { margin:0 15px; color:#efe9d1; }
#footer .box .address a {  color: #CCCCCC;  text-decoration: underline;}
#footer .box .address a:hover  {color:#fff;  }
#footer .box .address a span { margin:0 10px; }
#footer .box .mail  { margin:0 0 10px; }

 /* sharethis */
.sharethis {   margin:10px 15px 0;  padding: 0;  width: 100%;  float: left; }
.sharethis a { border-radius: 3px; height: 24px; line-height: 24px; display: block;  float: left;   margin: 2px 3px 0 0;  overflow: hidden; }
.sharethis span {  font-size: 18px; height: 24px; line-height: 24px; text-align: center; width: 24px;  background: none repeat scroll 0 0 #a18c72;   color: #fff; }
.sharethis a:hover .fa { color: #fff;  }
/* manual ovverride pinterest */
.at_PinItButton:before {  content: "\f0d2"; display: inline-block;   font-family: FontAwesome;  font-style: normal;   font-weight: normal;  }
.at_PinItButton:hover {  background: none repeat scroll 0 0 #cb2028;  color:#FFF; }
.sharethis a:hover .fa-facebook { background: none repeat scroll 0 0 #3c599b;   }
.sharethis a:hover .fa-twitter { background: none repeat scroll 0 0 #5dd7fc;   }
.sharethis a:hover .fa-pinterest { background: none repeat scroll 0 0 #cb2028;   }


/* footer links */
#footer .box a.link  { margin:10px 0 0 10px; float:left; display:block; }
#footer .box a.link img {  display:block; max-width:150px;}
#footer .box a.link:hover {  }
#footer .box .service { float:left; width:130px; margin:0 0 0 10px;    }
#footer .box .service img {max-width:160px; }
#footer .box .our_nearby_hotel { text-align: center; padding-left: 15px; }
#footer .box .our_nearby_hotel_title { text-align: center;  color: #fff; text-transform: uppercase; margin-bottom: 5px; }
#footer .box .our_nearby_hotel_name { text-align: center; color: #fff; }
#footer .box .our_nearby_hotel_img { width: 100%; height: auto;}
#footer .box .our_nearby_hotel_button { width: 100%; border: none; background: #5C7194; color: #fff; margin-top: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px; }

.system { height:0px !important; overflow:hidden; padding:0; margin:0; line-height:0; border:0; position:absolute; }
/* //////////////////////  LOADING ICON //////////////////// */
.spinner {  width: 20px;  height: 20px;  position: absolute; left:50%; top:50%; margin-top:-10px; margin-left:-10px;}
.container1 > div,
.container2 > div,
.container3 > div {  width: 6px;  height: 6px;  background-color: #000;  border-radius: 100%;  position: absolute;  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;  animation: bouncedelay 1.2s infinite ease-in-out;  /* Prevent first frame from flickering when animation starts */  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.spinner .spinner-container {  position: absolute;  width: 100%;  height: 100%;}
.container2 {  -webkit-transform: rotateZ(45deg);  transform: rotateZ(45deg);}
.container3 {  -webkit-transform: rotateZ(90deg);  transform: rotateZ(90deg);}
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.container2 .circle1 {  -webkit-animation-delay: -1.1s;  animation-delay: -1.1s;}
.container3 .circle1 {  -webkit-animation-delay: -1.0s;  animation-delay: -1.0s;}
.container1 .circle2 {  -webkit-animation-delay: -0.9s;  animation-delay: -0.9s;}
.container2 .circle2 {  -webkit-animation-delay: -0.8s;  animation-delay: -0.8s;}
.container3 .circle2 {  -webkit-animation-delay: -0.7s;  animation-delay: -0.7s;}
.container1 .circle3 {  -webkit-animation-delay: -0.6s;  animation-delay: -0.6s;}
.container2 .circle3 {  -webkit-animation-delay: -0.5s;  animation-delay: -0.5s;}
.container3 .circle3 {  -webkit-animation-delay: -0.4s;  animation-delay: -0.4s;}
.container1 .circle4 {  -webkit-animation-delay: -0.3s;  animation-delay: -0.3s;}
.container2 .circle4 {  -webkit-animation-delay: -0.2s;  animation-delay: -0.2s;}
.container3 .circle4 {  -webkit-animation-delay: -0.1s;  animation-delay: -0.1s;}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/* ################### END LOADING ICON ############  */

/*Booking iframe */
#booking_iframe_container {display:none;width:1020px; overflow: hidden; position:relative; clear:both;margin: 135px auto 0 auto; border: 0px solid #4a1a2c;z-index:9999; background-color:#5D6068;}
#booking_iframe_main {position:relative; min-height: 1500px;}
#booking_iframe_controls {width: 100%; background-color: #47423d; height: 25px; position:relative; clear:both;border-bottom:1px solid #FFF; color: #FFF; font-size: 14px; text-align:center; line-height: 25px; font-weight: bold;}
#booking_iframe_controls a {position: absolute; top:0; right: 0; display:block; width: 22px; height: 22px; text-align:center; line-height: 22px; font-size: 14px;  color: #FFF; background-color:#47423d; text-decoration:none; border: 1px solid #47423d; font-weight: bold;}
#booking_iframe_controls a:hover{background-color: #fff; color:#47423d; border: 1px solid #47423d;}
#booking_iframe_wrapper {width: 1000px; height: auto; z-index: 8000;}
#booking_iframe {width:1000px; height: 1500px; overflow-x:hidden; border: none; outline: 0 none;}


/* FAQ */
 .faq {
  border-color: #d7d7d7;
}
.faq_content { float: left; }
.faq { border: 1px solid #ddd; border-radius: 2px;  display: block;   margin: 0 0 5px;  position: relative; }
.faq .question { border-radius: 3px 3px 0 0;  color: #565656;  display: block;  font-size: 14px;   padding: 10px 20px 10px 35px;   position: relative;    transition: all 0.25s ease 0s;    z-index: 1;}
.faq .question:hover {    cursor: pointer;}
.faq .question:hover,
.faq.opened .question {    background: none repeat scroll 0 0 #565656;    color: #fff;}
.faq .answer {    display: block;    height: 0;    overflow: hidden;}
#page .faq .answer .content {    border-top: 1px solid #ddd; background: #ffffff; display: block;    margin: 0;    padding: 10px 20px;}
.faq:before {    color: #565656;    content: "\f078";    font-family: FontAwesome;    font-size: 12px;    left: 10px;    position: absolute;    top: 10px;    transition: all 0.8s ease 0s;    z-index: 2;}
.faq:hover:before {    color: #fff;}
.faq.opened:before {    color: #fff;    content: "\f077"; }
.faq .answer  {    background: none repeat scroll 0 0 #eee;}


 /* ipad */
@media (max-width : 1024px) {
	/* #home_slideshow_box .foto .caption .caption_content { padding: 10px; }
	#home_slideshow_box .foto .caption .caption_content .content { width:56%;}
	#home_slideshow_box .foto .caption .caption_content .price { width:100%; }
	#home_slideshow_box .foto .caption .caption_content .price div.title { margin:0 5px 0 0; }
	#home_slideshow_box .foto .caption .caption_content .price div.pn { margin-left:5px; }*/
	#crs .form form input#bf_submit { width:180px;}
}


.property-list {
	color:#000;
	margin-top:20px;
	font-size:11px;
}
.property-list h4 {
	font-size:18px;
	margin-bottom:10px;
}
.property-list ul {
	margin:0 5px 10px;
}
.property-list ul.washington-hotels {
	width:265px;
	float:left;
}
.property-list ul.hotel-gracery {
	width:190px;
	height:60px;
	float:left;
}
.property-list ul.fujita-kanko-group-partners-hotel {
	width:190px;
	float:left;
	margin-right: 680px;
	margin-top: -70px;
}
.property-list ul.fujita-kanko-group-partners-hotel h5 {
	width:190px;
	margin:10px 0, 0;
}
.property-list ul.luxury-hotel {
	width:190px;
	float:right;
}
.property-list ul.full-service-hotel {
	width:190px;
	float:right;
}
.property-list ul.resorts {
	width:190px;
	float:right;
}
.property-list ul h5 {
	font-size:14px;
	font-weight:bold;
}
.property-list ul li {
	height:14px;
	margin-left:10px;
}
.property-list ul a {
	color:#000 !important;
}
/* Room */
#childSelection{
    margin-right: 15px;
    min-width: 20em;
    border: none;
    border-left: 1px solid rgba(0,0,0,0.15);
    padding-left: 5px;
    cursor: pointer;
    height: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/triangle.png") no-repeat right;
    background-size: 12px;
}


/** poi **/
.tax-custom_poi_cities #footer, .tax-custom_poi_cities #other_hotels {
	display:none;
}

.google-map {
  border-top: 3px solid #aa9d00;
  border-bottom: 3px solid #aa9d00; }

.google-map:not(.google-map--loaded) {
  background-color: #ddd !important;
  -webkit-animation: fade-in-out 1s linear infinite;
          animation: fade-in-out 1s linear infinite; }

@-webkit-keyframes fade-in-out {
  from {
    opacity: 1; }
  50% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in-out {
  from {
    opacity: 1; }
  50% {
    opacity: 0; }
  to {
    opacity: 1; } }

.google-map__image {
  float: left;
  width: 50px;
  height: 100px;
  margin: 10px 5px 0 0; }

.google-map__image-img {
  width: 100%; }

.google-map__content {
  margin-top: 10px;
  color: black;
  line-height: 1.35;
  overflow: hidden;
  white-space: nowrap; }

.google-map__title {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal; }

.home .google-map__title {
  font-size: 18px; }

.google-map__booknow,
.google-map__more {
  font-weight: 700;
  text-transform: uppercase;
  color: #651f1f; }

.google-map__booknow {
  margin-right: 5px; }

/* Google Maps */
.map-container img {
  max-width: none; }

.map-hotel-locations {
  padding: 0;
  position: relative;
  width: 100%; }

@media screen and (min-width: 48em) {
  .google-map__image {
    width: 100px;
    height: 150px;
    margin: 10px 20px 0 0; }
  .google-map__content {
    width: 200px; } }

.tpl-location__location-map {
  height: 420px;
  width: 75%;
  border: 0 none;
  float: left; }

.map__places {
	top:135px;
  position: relative;
  overflow: hidden; }

.google-map__title {
  text-transform: none;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2;
  margin-bottom: 5px; }

.google-map__content {
  white-space: normal;
  font-size: 12px; }
  .google-map__content p {
    margin: 0; }

.place__info {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px; }

.place__info {
  height: 100%;
  width: 32%;
  right: -40%;
  background: #B6B7B4;
  overflow-x: hidden;
  overflow-y: auto; }

.place__info,
.place__title {
  color: #000000; }

.place__title {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2;
  margin-top: 10px;
  text-transform: none; }

.place__content {
	font-size:1.3em;
	margin-bottom: 24px;
	margin-bottom: 1.2rem;
}
  .place__content p {
    margin-bottom: 24px;
    margin-bottom: 0.6rem;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.35; }

.places__list {
  float: left;
  width: 25%;
  background: white;
  /*background: rgba(255, 255, 255, 0.7);*/
  background:#ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  /*border-left: 5px solid #b19f7c;*/ }

.places__item {
  cursor: pointer;
  padding: 10px;
  padding-left: 5px;
  width: 96%; }

.places__item--selected {
  background: #666666;
  color: white; }
  .places__item--selected .places__item-title {
    color: white; }
.places__item .places__item-title{font-size: 18px;}
.places__item-title {
  /*font-family: "Playfair Display", Georgia, Cambria, "Times New Roman", Times, serif;*/
  /*font-weight: 700;*/
  font-size: 12px;
  line-height: 1.2;
  color: #555555; }

.places__item-address {
  font-size: 10px;
  line-height: 1.2; }

.google-map__body,
.places__item-address {
  display: none; }

/*.close {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  overflow: hidden; }
  .close::before, .close::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000; }
  .close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .close.big {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3); }
  .close.hairline::before, .close.hairline::after {
    height: 1px; }
  .close.thick::before, .close.thick::after {
    height: 4px;
    margin-top: -2px; }

.close {
  width: 15px;
  height: 15px; }
  .close::before, .close::after {
    background: white; }*/

.place__info-close {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer; }

@media screen and (min-width: 48em) {
  .google-map__title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 24px;
    margin-bottom: 0.9rem; }
  .google-map__image {
    width: auto; }
  .google-map__content {
    font-size: 14px; }
  .place__info {
    padding: 20px 30px; }
  .place__title {
    font-size: 26px;
    font-size: 3.5em;
    line-height: 1.4;
    margin-top: 40px; }
  .places__item {
    padding: 0 0 10px 20px; }
  .place__content p {
    margin-bottom: 24px;
    margin-bottom: 0.9rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4; }
  .places__item-title {
    font-size: 22px; }
  .places__item-address {
    font-size: 14px;
    line-height: 1.4; }
  /*.close {
    width: 30px;
    height: 30px; }*/
  .place__info-close {
    top: 15px;
    right: 15px; } }

.btn {
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  border: 0 none;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px; }

.btn {
  background: #651f1f;
  color: white; }

.btn {
  display: inline-block; }
  .btn:hover,
  .btn:active,
  .btn:focus {
    color: white;
    background: #8c2b2b; }

.map__places:after {
  content: "";
  display: table;
  clear: both; }

.place__content_desc, .place__content_access, .place__content_address, .place__content_url {
	margin-bottom:10px;
}

.place__content_desc {
}
.place__content_access {
}
.place__content_access span, .place__content_address span {
	margin-top:10px;
	display:block;
	font-weight:bold;
}
.place__content_address {
}
.place__content_url {
}
.place__content_url a {
	color:#000000;
	text-decoration:underline;
}
.place__content_url a:hover {
	text-decoration:none;
}
.place__back {
	padding:20px;
    background: url('../images/back_arrow.png') no-repeat;
    background-size: 5px;
    background-position: 10px 28px;
}
.places__item-areaTitle{padding:0 0 0 20px;}
.places__item-areaTitle h2{font-weight: 700;}
.place__back .places__item-title >a{font-size: 18px;color: #333;font-weight: none;}
.page-template-template-city_info .container .thumb{
    max-width: none;
}
.page-template-template-city_info .content ul li{
    padding-bottom: 10px;
    padding-left: 20px;
}
.page-template-template-city_info .content ul li a{
    font-size: 20px;
    color: #000;
}
.page-template-template-city_info .content ul li a:hover{
    text-decoration: underline;
}
/*POI */
.poi-container ul li >a{background: url("/wp-content/themes/hotel-gracery-washington/images/arrow.png") no-repeat 0 4px;background-size: 7px;padding-left: 16px;}
.poi-container h3{font-size: 24px; font-weight: bold;}
/* Request for proposal*/
/*#field_2_1 span{width: 140px;}
#field_2_2 input, #field_2_3 input{width: 292px;}
#field_2_4 input{width:300px !important;}*/


#city_map_wrapper {
    width: 937px;
    height: 524px;
    position: relative;
    z-index: 999;
}
#city_map_layer {
    position: absolute;
    z-index: 1000;
    width: 937px;
    height: 524px;
}
#city_map {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
}
.map_item {
    display: none;
}
#city_mapMap {
    position: relative;
    z-index: 999;
}

/*#city_map_wrapper {
    background: url("../images/map.jpg") no-repeat;
    width: 937px;
    height: 524px;
    position: relative;
    z-index: 100;
    text-indent: -9999px;
}*/
#yamashita {
    position: absolute;
    top: 288px;
    left: 496px;
    width: 183px;
    height: 228px;
    background: url("../images/yamashita.jpg") no-repeat;
    z-index: 2;
}
#yokohama {
    position: absolute;
    top: 250px;
    left: 312px;
    width: 215px;
    height: 266px;
    background: url("../images/yokohama.jpg") no-repeat;
    z-index: 2;
}
#noge {
    position: absolute;
    top: 192px;
    left: 189px;
    width: 161px;
    height: 194px;
    background: url("../images/noge.jpg") no-repeat;
    z-index: 2;
}
#minatomirai {
    position: absolute;
    top: 39px;
    left: 234px;
    width: 320px;
    height: 208px;
    background: url("../images/minatomirai.jpg") no-repeat;
    z-index: 2;
}
#other {
    position: absolute;
    top: 39px;
    left: 588px;
    width: 142px;
    height: 82px;
    background: url("../images/other.jpg") no-repeat;
    z-index: 2;
}
.entry-content{
    padding: 10px;
}
.entry-content ul{
    margin-left: 10px;
}
.entry-content ul li{
    padding: 2px;
}
.entry-content ul li a{
    font-size: 1.1em;
    color: #555;
}
.entry-content a:hover{
    text-decoration: underline;
}

/* .yamashita a:hover {
    background: url("../images/yamashita.jpg") no-repeat;
}
.yokohama a:hover {
    background: url("../images/yokohama.jpg") no-repeat;
}
.noge a:hover {
    background: url("../images/noge.jpg") no-repeat;
}
.minatomirai a:hover {
    background: url("../images/minatomirai.jpg") no-repeat;
}
.other a:hover {
    background: url("../images/other.jpg") no-repeat;
} */
.themify_announcement .announcement_post a.action-button {
	background: #3b5996 !important;
}
.themify_announcement .announcement_post a {
	color: #3b5996 ;
}
.themify_announcement .toggle-close {
    background:  #3b5996 !important;
}

.fgmc_btn {
    position: fixed;
    top: 200px;
    right: 0;
    z-index: 9999;
    width: 280px;
    height: 90px;
    display: none;
    
}
.fgmc_btn a {
        background: url( '../images/fgmc_btn.svg') no-repeat center center;
        width: 280px;
        height: 90px;
        display: block;
    }
.fgmc_btn a:hover {
    background: url('../images/fgmc_btn_hover.svg') no-repeat center center;
}

@media screen and ( min-width: 992px ) {
    .fgmc_btn {
        display: block;
    }
}

.about_us_link{
    margin: 20px 10px;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    font: 14px/1.25em 'Archivo Narrow',serif;
    text-transform: uppercase;
    color: #47423d;
    background-color: #fff;
}

#topbar .header__utility{
    float: right;
    text-align: right;
}

#topbar .header__utility li {
    line-height: 24px;
    position: relative;
}

#topbar .header__utility li a{
    color: #ffffff;
    font-size: 14px;
}

#topbar .header__utility .lang__ul{
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    top: 24px;
    right: 0;
    display: none;
    min-width: 100%;
    width: auto;
    padding: 5px 0;
    text-align: left;
}

#topbar .header__utility .lang__ul li{
    padding: 3px 8px;
    text-align: center;
}

#topbar .header__utility .lang__ul li:last-child{
    padding-bottom: 12px;
}

#topbar .header__utility .lang__ul li a{
    display: block;
    width: 80px;
}

#topbar .header__utility .lang__current{
    text-transform: uppercase;
    font-weight: bold;
}

#topbar .header__utility .lang__current i{
    margin-left: 5px;
}

#topbar .header__utility-lang:hover .lang__ul{
    display: block;
}

#topbar {
    position: relative;
    z-index: 1000;
}

.lang__item:hover {
    background: #fff;
    cursor: pointer;
}

#topbar .header__utility li .lang__item:hover a {
    color: black;
}

#header{
    z-index: 11000;
}

#has_dyn_cal #idForm div.elem{
    display: none;
}

#has_dyn_cal #idForm a{
    right: 0px;
}

#has_dyn_cal #idForm a.view-link{
    right: 55px !important;
}

#has_dyn_cal #idForm {
    width: 330px;
    float: right;
    display: inline-block;
}

#has_dyn_cal #idForm #bf_submit{
    width: 150px;
}

#has_dyn_cal .content_crs h2{
    display: none;
}

#has_dyn_cal .content_crs{
    width: 690px;
}

#has_dyn_cal .content_crs .price_widget div{
    display: inline;
}

#has_dyn_cal .content_crs .price_widget{
    text-align: right !important;
    padding: 0;
    width: 340px;
    float: left;
    margin-top: 24px;

}

#has_dyn_cal .content_crs .price_widget span.from{
    float: none;
}

#has_dyn_cal .content_crs div.form {
    width: 350px;
    float: right;
    clear: none;
}

#has_dyn_cal .price_widget span.from{
    text-transform: capitalize;
    margin-right: 10px;
}

html[lang=zh-CN] #has_dyn_cal #idForm a.view-link,
html[lang=zh-TW] #has_dyn_cal #idForm a.view-link {
    right: 85px !important;
}

html[lang=ko-KR] #has_dyn_cal #idForm a.view-link{
    right: 95px !important;
}

html[lang=zh-CN] #has_dyn_cal .content_crs div.price_widget,
html[lang=ko-KR] #has_dyn_cal .content_crs div.price_widget,
html[lang=zh-TW] #has_dyn_cal .content_crs div.price_widget {
    width: 330px;
}

html[lang=zh-CN] #has_dyn_cal #idForm,
html[lang=ko-KR] #has_dyn_cal #idForm,
html[lang=zh-TW] #has_dyn_cal #idForm {
    width: 340px;
}

html[lang=zh-CN] #has_dyn_cal .content_crs div.form,
html[lang=ko-KR] #has_dyn_cal .content_crs div.form,
html[lang=zh-TW] #has_dyn_cal .content_crs div.form {
    width: 340px;
}

.price_widget span[itemprop="offerDetails"]{
    color: transparent !important;
}

.price_widget span[itemprop="offerDetails"] span{
    color: #c6d9a3;
}

.price_widget span[itemprop="offerDetails"] span:before{
    content: ' ¥ ';
}

#offers_home span.currency, #offers_preview span.currency{
    display: none;
}

#offers_home span.price:before, #offers_preview span.price:before{
    content: ' ¥ ';
}

.promotion span.currency, .promotion span.currency{
    display: none;
}

.promotion span.price:before, .promotion span.price:before{
    content: ' ¥ ';
}

#FB_so > ul > li .promotion span.price{
    font-size: 21px;
}

header#header .member_login{
    height: 25px;
    padding-right: 20px;
    clear: both;
    background-color: #2b4aba !important;
    color: white;
    text-align: right;
    font-size: 16px;
    font-family: "Archivo Narrow",sans-serif;
    margin-top: 10px;
    margin-bottom: 5px;
}

header#header .member_login span.member{
    font-weight: bold;
    margin-right: 20px;
}

header#header .member_login a {
    color: white;
    font-weight: bold;
    border: 1px solid white;
    padding: 3px;
    font-size: 13px;
}
header#header .member_login span.or{
    padding: 0 5px;
}