/* BASE */
html,body {margin: 0; padding: 0; width: 100%; color:#000; background: #ffffff; font:13px/150% helvetica,arial,sans-serif;}
body { position:relative; z-index:1;}
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom: 1;}
.clearer {clear:both;}
/* commons */
strong, b{font-weight:bold; color: #666;}
a { text-decoration:none; color:#666;}
a:hover,a:focus { color:#666;}
h2{ font-weight:normal; color: #222; font: 32px/1.2 "Raleway",sans-serif; margin-bottom: 20px; }
h3{ font-weight:normal; color: #666; font:italic 28px/1.2 "Lora",georgia; margin-bottom: 20px; }
h4{ font-weight:normal; color: #000; font: 24px/1.2 "raleway",serif; }
h5{ font-weight:normal; color: #000; font: 18px/1.2 "Raleway",sans-serif; }
p{margin:10px 0;}
li{list-style:disc inside none;}
/* book buttons */
a.book,
.promotion .button a,
.FB_starting_from a span.book ,
.booknow_wrap a.book ,
.marker-booknow a ,
#offer_details .button a {cursor:pointer; background-color: #D2D2D2; border: medium none; color: #fff; display: inline-block; font: 13px/30px "raleway",sans-serif; letter-spacing: 1px; padding: 0 10px; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease 0s;}
a.book:hover,
.promotion .button a:hover,
.FB_starting_from a span.book:hover ,
.booknow_wrap a.book:hover ,
.marker-booknow a:hover ,
#offer_details .button a:hover { color: #fff; background-color: #3a414d; text-decoration: none; }
a.more { border: medium none; color: #666; display: inline-block; font: 11px/25px arial,helvetica,sans-serif; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease 0s;}
.moretext { display:none; width:100%; }
/* ////////// GENERAL STRUCTURE //////////// */
/* header */
#header_container { min-height: 80px; width:100%;}
#header { min-height: 80px; background: none repeat scroll 0 0 #3a414d;
/* addon to fix it*/
position:fixed; top:0; z-index:900; left:50%; width:960px; margin-left:-480px;
}
/* hotel logo */
#logo a { display: block; margin: 0 auto; padding: 10px 0; text-align: center; transition: all 0.25s ease 0s;}
#logo img{ height:60px; }
#logo a:hover{filter:Alpha(opacity=50); opacity:0.5;}
/* QS */
#booking_form{ margin: 10px auto 0; padding: 0; position: relative; width: 640px; z-index: 1; }
/*general*/
.bf_check-in,
.bf_check-out,
.date-picker,
.bf_iata,
.bf_input-iata {display:block; border:0; padding:0; margin:0;}
.bf_select-frommonth,
.bf_select-fromday,
.bf_select-fromyear{display:none;}
/* labels */
#booking_form label {display:block; width:100%; height:25px; color: #ccc; font: 12px/25px "raleway",sans-serif; }
#booking_form .section-check_in,
#booking_form .section-check_out,
#booking_form .section-iata { float:left; margin:0 3px 0 0; height: 60px; width: 100px; border: none; font-size: 10px; color: #fff; }
#booking_form .date-picker ,
#booking_form .bf_input-iata { float:left; width:100px; height:34px; color: #fff; border:none; font-size:11px; text-indent: 5px; background:url("../images/calendar.png") no-repeat scroll 80px center rgba(255, 255, 255, 0.2); cursor: pointer;}
#booking_form .bf_input-iata {background-image:none;}
#bf_submit { background: none repeat scroll 0 0 #d5af60; border: medium none; color: #fff; float: left; font: 14px/36px "raleway",sans-serif; height: 34px; margin: 25px 10px 0 0; padding: 0; text-transform: capitalize; transition: all 0.5s ease 0s; width: 200px; }
.quick-search-cancel { color: #ccc; display: block; float: left; font: 12px/50px "raleway",sans-serif; margin-top: 15px; text-decoration: none; }
/* mobile button */
.mobile_book_container { height: 50px; position: relative; }
#mobile_book { background: none repeat scroll 0 0 #3a414d; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 -1px 0 rgba(255, 255, 255, 0.5) inset; left: 0; line-height: 50px; padding: 0; position: fixed; text-align: center; top: 0; transition: all 0.2s ease 0s; z-index: 999; }
/* datepicker */
#ui-datepicker-div { z-index:9999 !important; }
/*lang & seo */
#seo_wrapper {position:absolute; bottom:0; left:0; z-index:300; height:20px; line-height:20px; width:100%; }
.seobar { width:100%; line-height:15px; color:#666; float:right; }
.seobar h1,
.seobar span { color: #666; margin:0 5px; float: left; font-size: 9px; font-weight: normal; line-height: 15px; }
/* language menu */
#lang_sel_list { height:15px; float:right; padding:0; margin:25px 10px 0 10px; }
#lang_sel_list ul { margin:0;}
#lang_sel_list ul li { display:block; width:18px; height:12px; float:left; margin:0 0 0 3px; 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); text-indent:-999px; }
#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; /* test fix */ }
/* menu */
#main_menu_container { height: 66px; position: relative;}
#main_menu {background: none repeat scroll 0 0 #fff; border-color: #dddddd; border-style: solid; border-width: 3px 0; }
.menu { height: 60px; list-style: outside none none; margin-left: -10px;}
.menu > li { display: block; float: left; line-height: 60px; height: 60px; position: relative; }
.menu > li a { color: #3a414d; font: 14px/60px "Raleway",serif; height: 60px; overflow: hidden; padding: 0 15px; transition: all 0.5s ease 0s; text-transform: uppercase; display: block; }
.menu > li.current-page-ancestor > a,
.menu > li.current-menu-item > a,
.menu > li:hover > a { background-color: #95c0ab; color: #fff; text-decoration: none;}
#main_menu .menu > li:first-child a { padding:0; display: inline-block; height: 60px; width: 60px; font-size:12px; text-align: center; }
/*#main_menu .menu > li:first-child a:before { content: "\f015"; display: inline-block; font-family: FontAwesome; height: 60px; width: 60px; } */
#main_menu .menu > li:first-child a span {display: inline-block; text-align: center; font-size:22px; line-height: 60px; height: 60px; width: 60px; color:#fff; text-indent:6px; }
#main_menu .menu li.dropdown:hover:after{ border-style: solid; border-width: 6px; content: ""; left:50%; margin-left:-6px;position: absolute; bottom: 0; z-index:401; border-color: transparent transparent #cecece; }
/* submenu */
#main_menu .menu li:hover .sub-menu{display:block;}
#main_menu .menu .sub-menu { display:none; position:absolute; top:50px; left:0px; padding:11px 0 0 0 ; min-width:100%; z-index:400; overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#main_menu .menu .sub-menu li { list-style:none inside none; float: none; height: 40px; margin:0; padding: 0; line-height: 40px; border-width:0; background:#cecece;}
#main_menu .menu .sub-menu li a { line-height:40px; height:40px; padding:0 20px; white-space:nowrap; font-size: 12px; }
#main_menu .sub-menu > li > a:hover,
#main_menu .sub-menu > li.current-menu-item > a { background-color: #6c8192; color: #fff; text-decoration: none;}
#main_menu.fixed { position:fixed; /* top:0; */top:80px; z-index:900; left:50%; width:960px; margin-left:-480px;}
/* mobile menu */
#mobile_menu_wrap { height: 66px; margin: 0; position: relative; width: 100%;}
#mobile_menu_container.fixed { position:fixed; top:50px; width:100%; left:0; z-index:999;}
#viewMobileMenu .container_viewMobileMenu { background:#fff; padding:0; }
.container_viewMobileMenu{padding:0;}
#viewMobileMenu,
.see_also { border-width: 3px 0 3px 0 ; border-style: solid; border-color:#ddd; }
.viewMobileMenu,
.see_also { color: #3a414d;display: block;font:20px/60px 'raleway', sans-serif;text-align: center;text-transform: capitalize; }
.viewMobileMenu span.fa{margin-left:10px;}
.viewMobileMenu:hover{background:#eee; text-decoration:none;}
#mobile_menu{height:0; overflow:hidden;}
#mobile_menu.open{overflow:auto;}
#mobile_menu .mobile_menu_content{padding:0;}
#mobile_menu .sub-menu { display:none; }
/* slideshow */
#slideshow_wrapper { background: none repeat scroll 0 0 #fff; border-bottom: 3px solid #ddd; height: 280px; position: relative; z-index: 1;}
#slideshow_wrapper.home { height: 450px; }
/* slideshow */
#slideshow { position: relative; z-index: 10; margin: 0; padding: 0; overflow: hidden; background-color:#ccc;}
#slideshow.big {height:100%; }
#slideshow .slideshow {height: 100% !important;overflow: hidden;position: relative;z-index:1;}
#slideshow .slideshow .img_container {height: 100% !important;position: relative;width: 100% !important;}
#slideshow .slideshow .img_container img {height: auto;position: absolute;width: auto; z-index:1;}
#slideshow .cycle { width: 100%; height: 100%; z-index:100;}
#slideshow .cycle img { position: relative; z-index: 120;}
#slideshow .cycle .slide { width: 100%; height: 100%;}
#slideshow .loading_sshow { width: 100%; height: 100%; position: absolute; z-index: 130; top: 0; right: 0; background-color: #999; font-family: Arial, Helvetica, sans-serif;}
#slideshow .loading_sshow .msg { line-height: 30px; width: 150px; height: 60px; position: absolute; z-index: 132; top: 50%; margin-top:-30px; left: 50%; text-align: center; color: #fff; font-size: 22px; margin-left: -75px;}
#slideshow .bg_slideshow { width: 100%; height: 100%; position: absolute; z-index: 120; top: 0; right: 0; background: url("../images/bg_slideshow.png") repeat scroll 0 0 transparent; }
/* pager */
#pager { position:absolute; bottom:0; left:0; z-index:700; width:100%; height:50px; text-align:center; }
#pager span{display:inline-block; background:rgba(255,255,255,1); width:12px; height:12px; border-radius:100%; text-indent:-999px; overflow:hidden; margin:23px 3px;}
#pager span:hover,
#pager span.cycle-pager-active{background:#1c3142; cursor:pointer;}
/* preview_map */
#preview_map { display: block; overflow: hidden; padding: 0; position: relative;z-index:300; }
#preview_map.home { height: 100%; }
#preview_map .box { height: 100%; margin: 0; padding: 0; width: 100%; }
#preview_map .box a {display:block; width:100%; height:100%;}
#preview_map .box a img {display:block; position:absolute; z-index:350; top:0; left:0; transition: all 0.25s ease 0s;}
/* sidebar map*/
#preview_map.side_preview { border-width:3px 0 ; }
#preview_map.side_preview:hover img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2);}
/* starting from widget*/
#spot { background: none repeat scroll 0 0 rgba(16, 136, 120, 0.8); color: #fff; font: 14px/140% "raleway",sans-serif; margin-top: -230px; padding: 20px; position: relative; z-index: 300;}
#slideshow_wrapper.home #spot { margin-top: -300px;}
#spot h2 { color: #fff; margin-bottom:0; }
#starting_from .FB_starting_from{ font-size:16px; margin-top: 5px;}
#starting_from a { color: #fff;}
#starting_from span.price ,
#starting_from span.currency { display: inline-block; font-size: 28px;}
/* HOME BOXES */
/* preview offers */
#preview_offers { position:relative; z-index:400; overflow: hidden; background:#ccc; border-color: #dddddd; border-style: solid; border-width: 0 3px 3px 0;}
#preview_offers.box_preview { border-width: 3px 0 0;}
#preview_offers.downbar { border-width: 3px 0 0 0;}
#FB_so0 { height:100%; width:100%; }
#FB_so0 > ul { overflow: hidden; }
#special_offers{ height:100%; width:100%; background: url("../images/ajax-loader.gif") no-repeat scroll center center rgba(0, 0, 0, 0);}
#special_offers.noloading{background:none;}
/* general offers */
.promo-wrapper { list-style:none inside none; }
.promotion { margin: 10px 0; padding: 20px; text-align: center; color:#fff; }
.promotion .title { margin-bottom: 20px; color: #fff; font:normal 18px/1.2 "raleway",serif; text-transform:lowercase; cursor:pointer; }
.promotion .title b ,
.promotion .title strong { color: #fff; }
.promotion .title:first-letter { text-transform: uppercase;}
.promotion div.price {font-size: 12px; margin-bottom: 20px; text-align: center; text-transform: uppercase; font: 13px/1.2 "Raleway",sans-serif; cursor:pointer;}
.promotion span.apd { display: block; margin-bottom: 5px; width:100%; }
.promotion .strike{text-decoration:line-through;}
.promotion span.price ,
.promotion .currency { font-size:18px;}
.promotion .button { width:100%; margin-bottom: 20px; }
.promotion .button a { margin:0 auto; padding: 5px 20px; background-color: #D2D2D2; }
.promotion .description{ font-size: 12px; height: 60px; line-height: 130%; overflow: hidden;}
.promotion .ellipsis:after { content: "...";}
.promotion .more { display:none !important; }
/* offers details */
#offer_details { width: 700px; font-size:13px; }
#offer_details .title { background: none repeat scroll 0 0 #3a414d; font: 700 24px/1.2 "raleway",sans-serif; margin-bottom: 20px; padding: 20px;}
#offer_details .title, #offer_details .title strong { color: #fff; font-weight: normal;}
#offer_details .image { float: right; height: auto; margin: 0 20px 20px; max-height: 200px; max-width: 180px; position: relative;}
#offer_details .image img { height: auto; width: 100%;}
#offer_details .description { margin: 0 0 20px 40px;}
#offer_details .description ul { list-style: outside none disc; margin: 10px 0 10px 20px;}
#offer_details div.price { background: none repeat scroll 0 0 #939393; clear: both; color: #fff; font: italic 18px/120% "lora",serif; padding: 20px; position: relative; text-align: center;}
#offer_details .strike { text-decoration: line-through;}
#offer_details span.price,
#offer_details .currency { color: #fff; font: 24px/1.2 "raleway",sans-serif;}
#offer_details .discount { display: none;}
#offer_details .button a { margin: 0 0 20px 20px; padding: 5px 10px; }
/* page preview */
.preview_page { position:relative; z-index:100; height: 280px; border-color: #dddddd; border-style: solid; border-width:3px 0 0;}
.preview_page .content { margin-top: 90px; }
.preview_page .row { position:relative; z-index:200; }
.preview_page .logo_box { position:absolute; z-index:110; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.preview_page .logo_box img { position:absolute; z-index:111; top:0; left:0; display:block; }
.preview_page .page_title { background: none repeat scroll 0 0 #3a414d; color: #fff; display: block; line-height: 60px; text-align: center; text-transform: uppercase; transition: all 0.5s ease 0s;}
.preview_page .page_title:hover { background: none repeat scroll 0 0 rgba(58, 65, 77, 0.8); text-decoration: none; }
.preview_page .book,
.preview_page .more { font: 13px/40px "raleway",sans-serif; text-align: center; text-transform: uppercase; transition: all 0.5s ease 0s; }
/* home rooms preview */
.preview_rooms { border-width:0 0 3px 0 ; }
/* downbar home */
.gallery_preview { border-color: #dddddd; border-style: solid; border-width: 3px 3px 0 0; position:relative; z-index:400;}
.gallery_preview img.logo { position:absolute; z-index:450; top:0; left:0; display:block; }
.logo_box {width:100%;height:100%; overflow:hidden; position:absolute; z-index:410; top:0; left:0; }
/* #preview_gallery {width:100%;height:100%; overflow:hidden; position:absolute; z-index:410; top:0; left:0; }*/
#preview_gallery .content { height: 100%; margin: 0; opacity: 0; filter:Alpha(opacity=0); transition: all 0.25s ease 0s; width: 100%; position:relative; z-index:500;}
#preview_gallery:hover .content { opacity: 1; filter:Alpha(opacity=100); }
#preview_gallery .content h4 { height: 100%; margin: 0; width: 100%; padding:10px 0; }
#preview_gallery .content h4 a { text-decoration:none; text-transform:uppercase; color:#fff; text-align:center; line-height:100%; height: 100%; display:block; margin:0; width: 100%; background: none repeat scroll 0 0 #3a414d; }
/* content */
#content_wrapper{ position:relative; z-index:100; }
#content { position:relative; padding:0 0 40px 0; float:left;}
#content h2 { font-size:48px; }
/* box prewiew */
.box_preview { position:relative; z-index:300; border-width: 0 0 3px 0; border-color: #dddddd; border-style: solid; }
.box_logo { position:absolute; top:0; left:0; overflow:hidden; z-index:305; width:100%; height:100%; }
.box_logo.preview_page { border-width: 0; }
.box_logo img { position:absolute; top:0; left:0; z-index:310}
/* in the downbar */
.downbar .box_logo { }
.downbar .box_logo img { }
/* page content */
#page_content { margin: 60px 0; position:relative; }
#page_content .book { padding:5px 10px;}
.FB_starting_from { text-decoration:none; font:13px/30px "Raleway",sans-serif; }
.FB_starting_from a {color:#000;}
.FB_starting_from a span.book { margin-left:10px; }
/* SIDEBAR */
#sidebar { min-height:440px;}
#sidebar .preview { overflow: hidden; padding: 0; position: relative; }
/* service list */
#sidebar .preview.services { background: none repeat scroll 0 0 #ddd; padding: 40px 0; }
#sidebar .preview.services .service { border-bottom: 1px solid #fff; padding: 20px 0; text-align: center; }
#sidebar .preview.services .service h4 { margin:0; }
#sidebar .preview.services .service p { margin:0 0 10px 0; }
#sidebar .preview .more { display: block; margin-bottom: 20px; margin-top: 20px; text-align: center; }
/* CHILDREN */
.children {}
.children .box { min-height:330px; margin:10px 0;}
.children .box .logo_box { overflow:hidden; }
.children .box .logo_box a {display:block;overflow:hidden; }
.children .box .logo_box img{ height: auto; transition: all 0.25s ease 0s; width: 100%; }
.children .box .logo_box:hover img { transform: scale(1.2, 1.2); }
.children .box h5 { font-size: 24px; margin: 20px 0; text-align:center; }
.children .box h5 a { color:#000;}
.children .box .excerpt { font-size: 11px; line-height: 130%; margin-bottom: 10px; text-align:center; }
.children .box .buttons { text-align:center; }
.children .box .book { margin:5px 0; }
.children a.book ,
.children .box span.book { padding:5px 10px; margin-left:10px;}
/* MINIGALLERY */
#gallery { }
#gallery a { display: block; height: auto; margin-bottom: 20px; overflow: hidden; }
#gallery .thumb img { width:100%; height:auto; display: block; border: 1px solid #dddddd; transition:all 0.25s ease 0s; }
/* GALLERY BIG */
#gallery .gallery .thumb img { border-width:3px;}
/* LOCATION PAGE */
#map_wrapper { width:100%; height:400px; z-index: 10; clear:both; overflow: hidden; padding:0px;}
#map_canvas { width:100%; height:400px; z-index: 10; clear:both; overflow: hidden; }
.marker-wrapper { background-color:#fff; }
.marker-wrapper .marker-title { font:1.4em/1.4em "Raleway",serif; margin-bottom:10px; }
.marker-wrapper .marker-content { float:left;}
.marker-wrapper .marker-booknow { float:right;}
.marker-wrapper .marker-booknow a { }
.marker-wrapper .marker-booknow a:hover { }
/* MAPS BY CEDRIC CSS */
.monuments label {/* background-image:url(radio.png);*/-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.monuments input[type=radio] { display:none;}
.monuments input[type=radio] + label { padding-left:20px; margin-bottom:5px; height:15px; display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer;}
.monuments input[type=radio]:checked + label { background-position: 0 -15px;}
.map_canvas { float:left; width:700px; height:450px; clear:both; margin:20px 0;}
/*.map,
.satellite,
.streetview { display: inline-block; padding: 4px 20px; background: #222; color: #fff; text-transform: uppercase; letter-spacing: 2px; cursor:pointer; margin:0 50px;}*/
/*.places { float:left; width:220px; margin:20px 0 0 20px;}
.monuments,
.places_list { float: left; margin: 0; padding: 0; width:100%; clear:both;}
.places_list { margin-top: 20px; font-size: 12px; height: 230px; overflow-x: auto;}*/
div.route { float: left; clear: both; width: 100%;}
.place_item { cursor:pointer; padding:2px 0 4px 0; float:left; width:100%; clear:both; word-wrap: break-word;}
.place_item:hover > strong { background:#333; color:#fff;}
.place_item > strong { float:left; width:176px; padding:2px 0 2px 5px; font-weight: bold; text-shadow: none; font-size: 1em; clear: none; display: inline;}
img.place_picto { margin-right: 5px; vertical-align: middle; float:left; width:15px;}
div.route div.field { display:inline-block; }
div.route div.submit { margin-left:40px; }
.itineraryPanel { position:relative; display:none; }
.itineraryPanel > div.print_itinerary { position:absolute; right:10px; top:18px; }
.itineraryPanel > div.print_itinerary.walking { top:82px; }
.adp, .adp table { width:100%; }
/* directions_wrapper */
#directions_wrapper { border-bottom: 1px solid #ddd; padding: 10px 0; font: 12px/120% "raleway",sans-serif; }
#directions_wrapper .field { float:left; height:36px; line-height:36px; margin:0 5px 0 0; }
#directions_wrapper .field span { line-height:36px; }
#directions_wrapper .mode a {background-image: url("../images/itinerario.png"); display:inline-block;height: 16px;overflow: hidden;text-decoration: none;text-indent: -9999px;width: 30px; margin:10px 0 0 20px; float:left;}
#directions_wrapper .mode a.car {background-position: 0 0;}
#directions_wrapper .mode a.feet {background-position: 0 -16px;}
#directions_wrapper .directions_box { font-size: 12px; margin:0 auto ; position: relative; }
#directions_wrapper .directions_from { font-size: 12px; font-weight: normal; line-height: 36px; margin: 0 0 0 20px; padding:0; }
#directions_wrapper #directions_from { line-height: 36px; width: 130px; height: 36px; margin:0 10px; border: 1px solid #ccc; padding: 0 5px;}
#directions_wrapper .directions_to { font-size: 11px; font-weight: normal; line-height: 36px; }
#directions_wrapper #directions_submit { float:right; color:white; border:none; background: none repeat scroll 0 0 #6c8192; display: inline-block;line-height: 36px; padding: 0 10px; transition: all 0.8s ease 0s; text-transform: uppercase; }
#directions_wrapper #directions_submit:hover { background: none repeat scroll 0 0 #132f40; }
/* #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 {height:0; overflow:hidden; position:relative; z-index:400; width:100%;}
#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: 30px; position: absolute; right: 15px; top: 30px; text-align: center;text-decoration: none; text-shadow: none; width: 30px; height: 30px; background: none repeat scroll 0 0 #1c3142; }
#directions-panel-wrap .close_itinerary span { color: #FFFFFF; line-height: 24px; }
#directions-panel-wrap .close_itinerary.bot { bottom:30px; top: auto; }
/* post list for customs posts */
#posts_list {}
#posts_list .box { min-height:370px; text-align:center; }
#posts_list .box.event { min-height:550px; }
#posts_list .box img { width:100%; height:auto; transition: all 0.25s ease 0s;}
#posts_list .box a { overflow: hidden; width:100%; display:block; }
#posts_list .box a:hover img { transform: scale(1.2, 1.2);}
#posts_list .box div.map { padding-right:0; overflow: hidden;}
#posts_list .box .logo {padding-left:0; overflow: hidden;}
#posts_list .box h5 { font-size: 24px; margin: 20px 0; float:left; width:100%; }
#posts_list .box h5 a { color:#000; }
#posts_list .box .data {float:left;width:100%; font-size: 11px; line-height: 130%; margin-bottom: 10px; }
#posts_list .box .data span { font-weight:bold; color:#111; }
#posts_list .box .address:before { content: "\f041"; font-family: FontAwesome; margin-right: 5px; font-weight: normal;}
#posts_list .box .gps:before { content: "\f124"; font-family: FontAwesome; margin-right: 5px; font-weight: normal;}
#posts_list .box .dates{font-weight:bold; color:#333;}
#posts_list .box .dates:before{content: "\f017"; font-family: FontAwesome; margin-right:5px; font-weight:normal;}
#posts_list .box .dates span{font-weight:normal; color:#444;}
#posts_list .box .buttons { clear:both; width:100%; }
/* SIDEBAR posts_list */
#sidebar #sidebar_posts_list { background: none repeat scroll 0 0 #ddd; overflow: hidden; padding-bottom: 20px; position: relative; z-index:300;}
#sidebar_posts_list .box .content { padding:20px 0; border-bottom:1px solid white; }
#sidebar_posts_list .box:first-child .content { padding-top:40px ; }
#sidebar_posts_list .box.current { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); }
#sidebar_posts_list .box .thumb a { display:block; width:100%; overflow:hidden; }
#sidebar_posts_list .box .thumb a img { display:block; width:100%; height:auto; transition: all 0.25s ease 0s;}
#sidebar_posts_list .box .thumb a:hover img { transform: scale(1.2, 1.2);}
#sidebar_posts_list .box h5 {font-size:16px; }
#sidebar_posts_list .box h5 a { color:#000; }
#sidebar_posts_list .box .data {float:left;width:100%; font-size: 11px; line-height: 130%; margin: 0; padding:10px 0; }
#sidebar_posts_list .box .data span { font-weight:bold; color:#111; }
#sidebar_posts_list .box .address { margin-bottom: 5px; }
#sidebar_posts_list .box .address:before { content: "\f041"; font-family: FontAwesome; margin-right: 5px; font-weight: normal;}
#sidebar_posts_list .box .gps:before { content: "\f124"; font-family: FontAwesome; margin-right: 5px; font-weight: normal;}
#sidebar_posts_list .box .dates{font-weight:bold; color:#333;}
#sidebar_posts_list .box .dates:before{content: "\f017"; font-family: FontAwesome; margin-right:5px; font-weight:normal;}
#sidebar_posts_list .box .dates span{font-weight:normal; color:#444;}
#sidebar_posts_list .box .buttons { clear:both; width:100%; }
#sidebar_posts_list .box .buttons a { margin:0; text-align:left; }
#sidebar_posts_list .box .booknow_wrap {float:right; }
/* POI details */
#map_canvas_poi { width:100%; height:400px; z-index: 10; clear:both; overflow: hidden; }
#page_content .data { border-color: #dddddd; border-style: solid; border-width: 1px 0; font-size: 14px; margin: 10px 0 20px; padding: 10px 0; }
#page_content .data span { font-weight:bold; color:#111; }
#page_content .address { margin-bottom: 5px; }
#page_content .address:before { content: "\f041"; font-family: FontAwesome; margin-right: 5px; font-weight: normal;}
#page_content .gps:before { content: "\f124"; font-family: FontAwesome; margin-right: 5px; font-weight: normal;}
#page_content .dates{font-weight:bold; color:#333;}
#page_content .dates:before{content: "\f017"; font-family: FontAwesome; margin-right:5px; font-weight:normal;}
#page_content .dates span{font-weight:normal; color:#444;}
/* back */
.back_to .more { background: none repeat scroll 0 0 #3a414d; border-top: 3px solid #ddd; color: #fff; font-size: 14px; padding: 20px 0; text-align: center; transition: all 0.2s ease 0s;}
/* offers page */
#list_offers { margin-bottom:40px; color:#333; min-height:200px; width:100%; background:transparent url("../images/loading.gif") center center no-repeat;}
#list_offers.noloading{background:none;}
#list_offers .FB_special_offer { }
#list_offers .promo-wrapper {list-style: none inside none; /* height:440px; float:left; margin:10px; background-color:#ccc; */}
#list_offers .promo-wrapper:nth-child(2n+1) {clear:both;}
#list_offers .promotion { background: none repeat scroll 0 0 #efefef; border-color: #dddddd; border-style: solid; border-width: 1px; margin: 10px 0; padding: 20px; text-align: center; }
#list_offers .promotion .image{ height: auto; margin-bottom: 20px; min-height: 120px; text-align: center; width: 100%;}
#list_offers .promotion .image img { height: auto; max-height: 120px; max-width: 100%;}
#list_offers .promotion .title ,
#list_offers .promotion .title strong,
#list_offers .promotion .title b{font-weight:normal; color:#1c3142; font-size:18px;}
#list_offers .promotion div.price{text-transform:uppercase; padding:0; text-align:center; margin-bottom:20px; color: #666; }
#list_offers .promotion div.price .apd { display: block; margin-bottom: 5px; }
#list_offers .promotion div.price .price ,
#list_offers .promotion div.price .currency { color:#1c3142; font-size: 18px;transition: all 0.25s ease 0s; }
#list_offers .promotion div.price .strike { text-decoration:line-through; }
#list_offers .promotion .more a { display:none; }
#list_offers .promotion .image:hover,
#list_offers .promotion .title:hover,
#list_offers .promotion .price{cursor:pointer;}
/* faq */
.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: #132f40; display: block; font-size: 14px; font-family:"Raleway",sans-serif; 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 #132f40; color: #fff;}
.faq .answer { display: block; height: 0; overflow: hidden;}
.faq .answer .content { border-top: 1px solid #ddd; display: block; margin: 0; padding: 20px;}
.faq:before { color: #132f40; 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;}
/* preview */
.preview_faqs { background:none repeat scroll 0 0 #1c3142; padding:20px 0; border-style:solid; border-color:#ddd; border-width:0 0 0 3px; }
.preview_faqs .faq { margin: 0 ; border-right:0; border-top:0; border-left:0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0; }
.preview_faqs .faq:before { color:#fff; }
.preview_faqs .question { border-radius: 0; color: #fff; font-size: 14px; }
.preview_faqs .faq .answer { background:none; }
.preview_faqs .faq .answer .content { border-top:1px solid #dddddd; color:#fff;}
.preview_faqs .faq .question:hover,
.preview_faqs .faq.opened .question { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2); color: #fff;}
.preview_faqs .more { margin: 20px 0; display: block; text-align: center; color: #fff;}
/* FORM */
#contactform { margin-bottom: 40px;}
#contactform fieldset { border: medium none; margin: 0; padding: 0;}
#contactform label { color: #444; display: block; font-family: arial,hevetica,sans-serif; line-height: 30px;}
#contactform .check-field label { display: inline; width: auto;}
#contactform textarea,
#contactform input { border: 1px solid #ccc; padding: 5px; text-indent: 10px; width: 100%;}
#contactform input[type="checkbox"] { margin-right: 5px; width: auto;}
#contactform .field { margin-bottom: 10px;}
#contactform .field.mandatory { border-top: 1px solid #ddd; margin-top: 10px; padding-top: 20px; text-align: right;}
#contactform input.submit { color: #fff; display: inline-block; font: 13px/30px "Raleway",sans-serif; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; background: none repeat scroll 0 0 #3a414d; border: medium none; transition: all 0.2s ease 0s;}
#contactform input.submit:hover { background: none repeat scroll 0 0 #688b80;}
/* jobs */
.job_list .question { font: 12px/150% helvetica,arial,sans-serif; }
.job_list .title { font-family: "Raleway",sans-serif; font-size: 24px; line-height: 120%; margin-bottom: 20px;}
/* tables */
.table-container {height: auto;overflow-x: auto; width: 100%;}
/* sitemap */
#page_content .sitemap { margin: 20px 0; font-size: 16px;}
#page_content .sitemap a { text-decoration: none; }
#page_content .sitemap a:hover { text-decoration: underline; }
#page_content .sitemap ul{ margin-left: 10px; }
#page_content .sitemap ul{ margin: 5px 0 5px 20px; }
#page_content .sitemap li{padding: 3px 0;}
/* footer */
#footer_menu_wrapper { background: none repeat scroll 0 0 #fff; border-color: #ddd; border-style: solid; border-width:3px 0 0 0; min-height: 60px; position: relative; width: 100%;}
.footer_menu_wrapper { background: none repeat scroll 0 0 #d2d2d2; }
/* footer menu */
#footer_menu_wrapper .menu li a:hover ,
#footer_menu_wrapper .menu > li.current-page-ancestor > a ,
#footer_menu_wrapper .menu > li.current-menu-item > a { background-color:#6c8192; }
#footer_menu_wrapper .menu li a { padding: 0 25px;}
#footer_menu_wrapper .manual { padding: 0 15px; display:block; float:right; height:60px; }
#footer_menu_wrapper .manual span { font:14px/60px "Raleway",serif; }
#footer_menu_wrapper .manual.hotelname span { text-transform:uppercase; }
/* footer wrapper */
#footer_extra_wrapper { padding-bottom:30px; background: none repeat scroll 0 0 #688b80; min-height: 100px; position: relative; width: 100%;}
/* social */
#social{width:100%; margin: 20px 0 10px; text-align: center; }
#social a { display:inline-block; margin:5px 0; height: 50px; width: 50px; margin: 0 5px 0 0; text-decoration:none;overflow:hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#social a .fa { display:block; color:#fff; height: 50px; width: 50px; font-size:28px; text-align:center; line-height: 50px; background-color:#968A87; }
#social a:hover .fa-facebook { background-color:#3C599B; }
#social a:hover .fa-twitter { background-color:#00ABF0; }
#social a:hover .fa-share { background-color:#146635; }
#social a:hover .fa-pinterest { background-color:#CA1F26; }
#social a:hover .fa-google-plus { background-color:#B53323; }
#social a:hover .fa-youtube { background: none repeat scroll 0 0 #eee; color: #333; }
#social a:hover .fa-foursquare { background: none repeat scroll 0 0 #3da8d4; color: #fff; }
#social a:hover .fa-instagram { background: linear-gradient(to bottom, #755a51 20%, #d3ccc0 21%) repeat scroll 0 0 rgba(0, 0, 0, 0); color: #000; }
#social a:hover .fa-tripadvisor { background: none repeat scroll 0 0 #589442; color: #fff; }
#social a:hover .fa-linkedin { background: none repeat scroll 0 0 #00a0dc; color: #fff; }
#social a:hover .fa-vimeo { background: none repeat scroll 0 0 #1ab7ea; color: #fff; }
/* addthis */
.addthis_toolbox { padding:10px 0; text-align:center; }
.addthis_toolbox a { float:none !important; width:32px !important; height:32px !important;}
/* address */
#footer_extra_wrapper .address { color: #fff; font-family: "Raleway",sans-serif; font-size: 16px; line-height: 140%; padding-bottom: 20px; text-align: center;}
#footer_extra_wrapper .address a ,
#footer_extra_wrapper .address strong { color: #fff; }
.system {width:0; height:0; overflow:hidden; }
body > iframe { height:0 !important; width:0 !important; }
#_atssh { height:0 !important; width:0 !important; overflow:hidden; }
/* ------------------------ MEDIA QUERIES ---------------------- */
/* Large screen */
@media (min-width: 1200px) {
#main_menu .menu > li a {padding:0 25px; }
#header ,
#main_menu.fixed { width: 1160px; margin-left:-580px;}
/* slideshow */
#slideshow_wrapper.home { height:550px; }
#slideshow_wrapper {height:340px;}
.preview_page { height:343px; }
.preview_page .content { margin-top: 121px; }
/* offers preview */
#preview_offers .promotion .title{margin-top:20px;}
#preview_offers .promotion .title,
#preview_offers .promotion .title strong,
#preview_offers .promotion .title b{font-size:24px;}
#preview_offers .promotion .description { height:82px; }
/* post list */
#posts_list .box { margin-top:10px; }
}
/* Largeer screen */
@media (min-width: 1500px) {
body .container{width:1300px;}
#header ,
#main_menu.fixed{width: 1300px; margin-left:-650px;}
/* slideshow */
#slideshow_wrapper.home { height:640px; }
#slideshow_wrapper ,
.preview_page {height:375px;}
.preview_page .content { margin-top: 140px; }
#preview_offers .promotion .description { height:117px; }
}
/* Mobile col-xs + Mobile col-sm */
@media (max-width: 991px) {
#page_content { margin:40px 0;}
h3 { font-size:20px; }
/* menu mobile */
.menu {height:auto; margin-left:auto;}
.menu > li{float:left; border-width:0 0 1px; border-color:#ddd; border-style:solid; width:50%; line-height:50px; height:51px; font-size:13px;}
.menu > li:nth-child(odd){border-right-width:1px; border-left:0;}
.menu > li > a { height:50px; line-height:50px; font-size:13px; text-align:left; background:#fff;}
/* lang menu */
#lang_sel_list {float: none; margin: 0 ;position: relative;width: 100%; height:auto; overflow:hidden; background:none repeat scroll 0 0 #108878; border-width:0 0 1px 0 ; border-style:solid; border-color:#2a313d; }
#lang_sel_list ul li{float:left; width:33%; height:40px; display:block; font:bold 11px/40px arial, helvetica, sans-serif; padding:0 10px;margin:0; text-transform:uppercase; text-align:center; border-width:0 0 0 1px; border-style:solid; border-color:#2a313d;}
#lang_sel_list ul li:nth-child(3n+1){border-left:none;}
#lang_sel_list ul li a{color:#fff; width:100%; text-indent:0;}
#lang_sel_list ul li a span{display:block;}
#lang_sel_list ul li a img{display:none;}
/* slideshow */
#slideshow_wrapper.home {height:350px;}
/* services */
#sidebar { min-height:0px;}
/* children */
.children .box { border-bottom: 1px solid #dddddd; min-height: 0px; }
/* post list for custom posts */
#posts_list .box {min-height:0px; text-align:left; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid #dddddd; }
#posts_list .box.event { min-height:0px; }
#posts_list .box:last-child { border-width:0;}
#posts_list .box h5 { font-size: 18px; margin: 10px 0;}
/*offers*/
#offer_details { width:auto; }
/* footer */
#footer_menu_wrapper { overflow:hidden; }
#footer_menu_wrapper .manual { float:left; }
#footer_menu_wrapper .manual ,
#footer_menu_wrapper .manual span { height:50px; line-height:50px; font-size:13px;}
#footer_menu_wrapper div { padding-left:0; padding-right:0;}
/* socials */
#social a { height: 35px; line-height: 35px; width: 35px;}
#social a .fa { font-size: 24px; height: 35px; line-height: 35px; width: 35px;}
}
/*Tablet PORTRAIT col-sm*/
@media (min-width: 768px) and (max-width: 991px) {
#sidebar .preview.services .service {border-bottom: 0 none;border-left: 1px solid #ffffff;float: left;padding: 0 20px;width: 33%; margin:0;}
#sidebar .preview.services .service:first-child{border-left:none;}
#mobile_menu_container.fixed{top:0; width:720px; left:50%; margin-left:-360px;}
/* children */
.children .box { min-height: 0px; }
#posts_list .box.place:nth-last-child(2) { border-width:0;}
#posts_list .box:last-child { border-width:0;}
/*offers*/
#offer_details { width:auto; }
/* .video > iframe{ height:354px;}*/
#footer_menu_wrapper { border-top-width: 3px;}
/* fix menu */
#header_container { min-height:155px; }
}
/* Mobile col-xs */
@media (max-width: 767px) {
#header { top:50px; }
.preview_page { border-width:3px 0 0 0;}
/*services*/
#sidebar .preview.services{padding:0; background:#fff;}
#sidebar .preview.services .service{border-color:#ddd;}
/* post list */
#posts_list .box .logo { padding-left:10px; }
/* children */
.children .box { min-height: 0px; }
/* footer */
#footer_menu_wrapper { border-top-width: 3px; border-color: #d2d2d2; border-style:solid; }
#footer_menu_wrapper .manual {width:100%;}
#footer_menu_wrapper .manual.hotelname { border-right:0; }
}
/* under */