/* mobile */

/* jQuery FlexPanel v1.1 - https://github.com/dcooney/flexpanel */
#container,#wrapper{width:100%;position:relative}
#wrapper{left:0; z-index:0;background:#f7f7f7}
#wrapper.flex-done { -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-webkit-perspective:1000px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease; }
.flexpanel{position:fixed;top:0;right:-40%;width:40%;height:102%;padding:0;margin:0;z-index:1;display:none;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;transition:transform .3s ease}
@media screen and (min-width:768px) and (max-width:960px){.flexpanel{right:-50%;width:50%}}
@media screen and (max-width:768px){.flexpanel{right:-80%;width:80%}}
.flexpanel .viewport-wrap{position:relative;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-webkit-perspective:1000px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;z-index:1}
.flexpanel .viewport{width:100%;height:100%;position:relative;padding:0;overflow:hidden;overflow-y:auto;background:#222;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.flexpanel .viewport.smooth{-webkit-overflow-scrolling:touch}
.flexpanel div.navigation{padding:10px 10px 80px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.flexpanel div.navigation ul{display:block;clear:both;padding:0;margin:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.flexpanel div.navigation ul li{margin:0 3%;padding:0;clear:both;list-style:none;width:auto;display:block;font-size:18px;border-bottom:1px solid #333}
.flexpanel div.navigation ul li:first-child{border-top:none}
.flexpanel div.navigation ul li ul{margin:0;border:none}
.flexpanel div.navigation ul li ul li{font-size:14px;margin:0 5px 5px;border:none;position:relative}
.flexpanel div.navigation ul li ul li a{padding:6px 12px}
.flexpanel div.navigation ul li ul li a:hover{color:#ccc}
.flexpanel div.navigation ul li ul li a:before{content:'»';position:absolute;left:0;top:5px;opacity:.5;color:#9edeff}
.flexpanel div.navigation ul li a{padding:10px 0;display:block;color:#fff;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.flexpanel div.navigation ul li a:hover{color:#ccc}
.flexpanel div.navigation ul li.active>a{color:#ef6f6f!important;font-weight:700}
.flex-btn{width:34px;height:33px;position:absolute;left:-52px;top:25px;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;cursor:pointer;opacity:0;filter:alpha(opacity=0)}
.flex-btn:active{background:#ccc}
.flex-btn.in-view{opacity:1;filter:alpha(opacity=100)}
.flex-btn span{width:20px;height:3px;overflow:hidden;background-color:#666;text-indent:-9999px;display:block;margin:0 auto 3px;clear:both;-webkit-transition:all .2s ease .35s;-moz-transition:all .2s ease .35s;-ms-transition:all .2s ease .35s;transition:all .2s ease .35s;position:absolute}
.flex-btn span.one{top:9px;left:7px}
.flex-btn span.two{top:15px;left:7px}
.flex-btn span.three{top:21px;left:7px}
.flex-btn:hover span{background-color:#333}
.flexpanel-active .flex-btn{opacity:1!important;filter:alpha(opacity=100)!important}
.flexpanel-active .flex-btn span{background-color:#222}
.flexpanel-active .flex-btn span.two{opacity:0}
.flexpanel-active .flex-btn span.one{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:15px}
.flexpanel-active .flex-btn span.three{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:15px}
body.flexpanel-left .flexpanel{right:auto;left:-40%;width:40%}
@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-left .flexpanel{right:auto;left:-50%;width:50%}}
@media screen and (max-width:768px){body.flexpanel-left .flexpanel{right:auto;left:-80%;width:80%}}
body.flexpanel-left .flexpanel .flex-btn{left:auto;right:-48px}
body.flexpanel-active.flexpanel-left #wrapper{-webkit-transform:translate(40%,0);-moz-transform:translate(40%,0);-ms-transform:translate(40%,0);transform:translate(40%,0);opacity:.7;filter:alpha(opacity=70)}
@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-active.flexpanel-left #wrapper{-webkit-transform:translate(50%,0);-moz-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0)}}
@media screen and (max-width:768px){body.flexpanel-active.flexpanel-left #wrapper{-webkit-transform:translate(80%,0);-moz-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0)}}
body.flexpanel-active.flexpanel-left .flexpanel{left:-40%}
@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-active.flexpanel-left .flexpanel{left:-50%}}
@media screen and (max-width:768px){body.flexpanel-active.flexpanel-left .flexpanel{left:-80%}}
body.flexpanel-active.flexpanel-left .flexpanel .viewport-wrap{-webkit-transform:translate(100%,0);-moz-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0)}
body.flexpanel-active.flexpanel-right #wrapper{-webkit-transform:translate(-40%,0);-moz-transform:translate(-40%,0);-ms-transform:translate(-40%,0);transform:translate(-40%,0);opacity:.7;filter:alpha(opacity=70)}
@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-active.flexpanel-right #wrapper{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}}
@media screen and (max-width:768px){body.flexpanel-active.flexpanel-right #wrapper{-webkit-transform:translate(-80%,0);-moz-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0)}}
body.flexpanel-active.flexpanel-right .flexpanel{right:-40%}
@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-active.flexpanel-right .flexpanel{right:-50%}}
@media screen and (max-width:768px){body.flexpanel-active.flexpanel-right .flexpanel{right:-80%}}
body.flexpanel-active.flexpanel-right .flexpanel .viewport-wrap{-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}
body.isIE.flexpanel-right #wrapper{left:-40%}
body.isIE.flexpanel-right .flexpanel{right:0}
body.isIE.flexpanel-left.flexpanel-active #wrapper{left:40%}
body.isIE.flexpanel-left.flexpanel-active .flexpanel{left:0}
body.flexpanel-reveal #wrapper{z-index:1;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-backface-visibility:hidden;-webkit-perspective:1000px}
body.flexpanel-reveal.flexpanel-right #wrapper{right:auto;left:0}
body.flexpanel-reveal.flexpanel-right .flexpanel{right:-100%;z-index:0}
body.flexpanel-reveal.flexpanel-right .flexpanel.reveal{right:0}
body.flexpanel-reveal.flexpanel-right .flex-btn{position:fixed;left:auto;right:0;top:0;margin:20px;z-index:999}
body.flexpanel-reveal.flexpanel-right.flexpanel-active #wrapper{left:-40%;opacity:1;filter:alpha(opacity=100)}
@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-reveal.flexpanel-right.flexpanel-active #wrapper{left:-50%}}
@media screen and (max-width:768px){body.flexpanel-reveal.flexpanel-right.flexpanel-active #wrapper{left:-80%}}
body.flexpanel-reveal.flexpanel-right.flexpanel-active .flex-btn{right:40%}
@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-reveal.flexpanel-right.flexpanel-active .flex-btn{right:50%}}
@media screen and (max-width:768px){body.flexpanel-reveal.flexpanel-right.flexpanel-active .flex-btn{right:80%}}
body.flexpanel-reveal.flexpanel-right.flexpanel-active .flexpanel,body.flexpanel-reveal.flexpanel-right.flexpanel-active .flexpanel.reveal{right:0}
body.flexpanel-reveal.flexpanel-right.flexpanel-active .flexpanel .viewport-wrap{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
body.flexpanel-reveal.flexpanel-left #wrapper{right:auto;left:0}
body.flexpanel-reveal.flexpanel-left .flexpanel{right:auto;left:0;z-index:0}
body.flexpanel-reveal.flexpanel-left .flexpanel.reveal{left:0}
body.flexpanel-reveal.flexpanel-left .flex-btn{position:fixed;right:auto;left:0;top:0;margin:20px;z-index:999}
body.flexpanel-reveal.flexpanel-left.flexpanel-active #wrapper{left:40%;opacity:1;filter:alpha(opacity=100)}
@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-reveal.flexpanel-left.flexpanel-active #wrapper{left:50%}}
@media screen and (max-width:768px){body.flexpanel-reveal.flexpanel-left.flexpanel-active #wrapper{left:80%}}
body.flexpanel-reveal.flexpanel-left.flexpanel-active .flex-btn{left:40%}
@media screen and (min-width:768px) and (max-width:960px){body.flexpanel-reveal.flexpanel-left.flexpanel-active .flex-btn{left:50%}}
@media screen and (max-width:768px){body.flexpanel-reveal.flexpanel-left.flexpanel-active .flex-btn{left:80%}}
body.flexpanel-reveal.flexpanel-left.flexpanel-active .flexpanel,body.flexpanel-reveal.flexpanel-left.flexpanel-active .flexpanel.reveal{left:0}
body.flexpanel-reveal.flexpanel-left.flexpanel-active .flexpanel .viewport-wrap{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
body.flexpanel-hide .flex-btn,body.flexpanel-hide .flexpanel{display:none}
::-webkit-scrollbar{width:10px;color:#a3a499}
::-webkit-scrollbar-track{background-color:#ecede3;border-radius:10px;border:1px solid #d8d9cf}
::-webkit-scrollbar-thumb{border-radius:10px;background-color:#a3a499}
@media (max-width: 767px) {
	/*the following rule targets just iOS phone devices where 'display:none' causes some incorrect visualization on version 18*/
	@supports (-webkit-touch-callout: none) {
		div.right-column, .overlay hr, .overlay p, #highlighted .view, .route,
		#map_buttons, #booking, nav div.w-container, #logo img { height: 0 !important; visibility: hidden !important; }
	}
	/*this targets all other phone devices*/
	@supports not (-webkit-touch-callout: none) {
		div.right-column, .overlay hr, .overlay p, #highlighted .view, .route,
		#map_buttons, #booking, nav div.w-container, #logo img { display:none; }
	}
}
#logo { width:110px; margin:0; }
#logo a { background:transparent url(../images/spinner.png) no-repeat left top; float:left; width:90px; height:60px; top:7px; left:10px; position:absolute;background-size: 100%;}
body.custom-logo #logo a{ background: transparent; display: flex; align-items: center;}
body.custom-logo #logo a img{display: inline-block; width: 100%; height: auto; position: relative; top: 0;}
div.left-column { width:100% !important; padding:0 5%; border:0; height:auto !important; }
.left-column > div { padding-left:0; }
.overlay { background: rgba(0, 0, 0, .4); height:auto; top:0; }
.overlay strong { padding:0; color: #fff; }
#tripadvisor > div { padding:0 0 30px 0; }
#tripadvisor div.left-column { margin:0; }
#tripadvisor div.right-column { padding: 20px 0; display:block; clear:both; height:auto !important; width:100%; margin: 0; }
#tripadvisor div.right-column > div { position: relative; float: none; margin: 0; left: inherit; text-align: center; top: inherit; }
#tripadvisor div.right-column > div > p, #tripadvisor div.right-column > div > a { text-align: center; float:none }
#header, #hotel, #logo, #hotel-name, #hotel-name h2 { height:66px; }
#hotel-name { width:50%; }
#main_slideshow > div.main_slideshow { top:60px; }
#hotel-name h2 { line-height: 20px; font-size: 16px; margin: 0; text-align: left; height: auto; padding:10px 0; }
#social { padding-top:20px; }
.fb-social-container-ctx { margin-left:0; }
.fb-social-widget { margin:0 5% 2%; }
.see-gallery { right:20px; }
body #book_button, body.home #book_button.shown { z-index:1000; position:fixed; padding:0 !important; height:60px !important; line-height:46px !important; bottom:0; left:0; width:100% !important; text-transform:uppercase; font-size: 16px !important; border-style: solid; border-width:8px 10px; border-color:#C7C7C7;  }
.fb-social-loader { width: 96% !important; margin: 0 2%; }
#location p { margin:0 2%; }
#book_panel { width:100%; right:-100%; }
#book_panel.open { right:0; }
#footer.bottom { padding-bottom:60px; }
#footer-nav { height:156px; padding-top:20px; }
#footer-nav ul.social { float: left !important; width: 100%; text-align: center !important; }
#footer-nav a { line-height:58px; }
#footer-two h3 { line-height:28px; }
body.page-template-template-rooms .main_slideshow,
body.page-template-template-rooms .see-gallery,
#gallery-tags h3 { display:none !important; }
body.home .main_slideshow { display:block; }
#hotel nav { position: absolute; top:10px; right:10px; width:40px; height:40px; background:#a790c4; }
h3.slideshow_title { display:block; margin-top:20px; }
#hotel div.hamburger { float:left; width:40px; height:40px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
#hotel div.hamburger span { display: block; position: absolute; height:2px; width: 25%; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#hotel div.hamburger span:nth-child(even) { left:50%; }
#hotel div.hamburger span:nth-child(odd) { left:25%; }
#hotel div.hamburger span:nth-child(1), #hotel div.hamburger span:nth-child(2) { top:12px; }
#hotel div.hamburger span:nth-child(3), #hotel div.hamburger span:nth-child(4) { top:19px; }
#hotel div.hamburger span:nth-child(5), #hotel div.hamburger span:nth-child(6) { top:26px; }
body.flexpanel-active #hotel nav div.hamburger span:nth-child(1),body.flexpanel-active  #hotel nav div.hamburger span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
body.flexpanel-active #hotel nav div.hamburger span:nth-child(2),body.flexpanel-active  #hotel nav div.hamburger span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
body.flexpanel-active #hotel nav div.hamburger span:nth-child(1) { left: 25%; top:15px; }
body.flexpanel-active #hotel nav div.hamburger span:nth-child(2) { left: calc(50% - 2px); top:15px; }
body.flexpanel-active #hotel nav div.hamburger span:nth-child(3) { left: -50%; opacity: 0; }
body.flexpanel-active #hotel nav div.hamburger span:nth-child(4) { left: 100%; opacity: 0; }
body.flexpanel-active  #hotel nav div.hamburger span:nth-child(5) { left: 25%; top:23px; }
body.flexpanel-active #hotel nav div.hamburger span:nth-child(6) { left: calc(50% - 2px); top:23px; }
body.flexpanel-active #hotel nav div.w-container { display: block; position: fixed; left: 0; top: 80px; background: #000; height:calc(100% - 80px); z-index: 5000; border: 4px solid #fff; }
body.flexpanel-active #hotel nav ul > li { float:left; width:100%; }
body.flexpanel-active #hotel nav ul > li a { font-size:12px !important; text-align:center !important; }
body.flexpanel-active #hotel nav ul li ul { display:none !important; }
strong.description { width:100%; margin:20px 0; font-size:16px; padding:0 4%;}
div.roomtype li { margin-bottom:0; width:100%; }
div.roomtype li > p, div.roomtype li > a.btn { display:none; }
div.roomtype li figure img { width:100%; height:auto; }
div.roomtype li figcaption h4 { width:100%; top:inherit; bottom:0; }
div.room-nav { height: auto !important; }
#room-nav { position:relative !important; top:inherit !important; height:auto !important; border:0 !important; }
#room-nav ul { display:block; float:left; width:100%; border-top: solid 1px rgba(128, 128, 128, 0.5); }
#room-nav li { float: left !important; display: block !important; width: 100% !important; border-bottom: solid 1px rgba(128, 128, 128, 0.5); }
#services li { width:100%; }
.outlets_list {display: block; margin-top: 20px;}
.outlets_list:after, .outlets_list:before {display: table; content: ''; clear: both;}
.outlets_list li { width:100% !important; height: auto !important; }
#meetings li .btn { position:relative; left:inherit; margin:0; }
li.offer_detail > span { margin-top:1em; }
li.offer_detail.last { margin-right: auto; }

#meetings li, #meetings li > a { position:relative; margin-top:0; }
#meetings li { height: 375px !important; width: 100%; }
#meetings div.section { padding-bottom:0; }
#meetings li > div { position:absolute; top:0; left:0; width:100% !important; float:left; height:100% !important; padding:0 !important; }
#meetings li > div > hr, #meetings li > div > strong, #meetings li > div > p, #meetings li > div > a { display:none; }
#meetings li > div h4 { text-shadow: 1px 1px 5px #000; line-height: 130%; color:#fff; padding-bottom:0; margin-top: -50px; }
#meetings li div { margin-top: 0px; background: rgba(0,0,0,0.5); }
#meetings .meeting-button { bottom: 100px;  background: none !important; }
#meetings .section li > a, #meetings .section li > div { height: 375px !important; }
.meeting_images li, .restaurant_chef div.image { height:180px; }
.restaurant_chef { padding:1em !important; }
#subnav, .restaurant_chef div.content p:before, .restaurant_chef div.content:before { display:none; }
body.page-template-template-rooms #main_slideshow, .page-template-template-gallery #main_slideshow, .page-template-template-gallery-wp #main_slideshow, .post-type-archive-offers #main_slideshow, .page-template-template-special-offers #main_slideshow { height:60px !important; }
body.page-template-template-rooms .see-gallery, .page-template-template-gallery .see-gallery, .page-template-template-gallery-wp .see-gallery, .post-type-archive-offers .see-gallery, .page-template-template-special-offers.see-gallery { display:none !important; }
div.main_offer { height:250px; }
#meetings li.offer_detail, .post-type-archive-offers  li.offer_detail, .single-offers li.offer_detail { width:100%; border:0; height:auto !important; padding: 0 1em 2em 1em !important; float: left; }
li.offer_detail > a > div, .outlets_list li > a, html.mobile.outlets_list li > div, html.mobile.outlets_list li > a > div { width: 100%; height: 180px; display: block; position:relative; }
form > p,  form > div { width:100%; }
form input, form select, form textarea { width:100%; clear: both; float: left; }
#re-captcha { clear: both; float: left; }
.page-template-template-newsletter p.legal { padding-left:4%; padding-right:4%; }
#header, #gallery-tags { z-index:1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); opacity:1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden;-webkit-perspective:1000px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease; }
body.flexpanel-active #header, body.flexpanel-active #gallery-tags { opacity: .7; filter: alpha(opacity=70); -webkit-transform: translate(-40%,0); -moz-transform: translate(-40%,0); -ms-transform: translate(-40%,0); transform: translate(-40%,0); }
@media screen and (max-width: 768px){
	body.flexpanel-active #header, body.flexpanel-active #gallery-tags { -webkit-transform: translate(-80%,0); -moz-transform: translate(-80%,0); -ms-transform: translate(-80%,0); transform: translate(-80%,0); }
}
#book_button { display:block; }
body.flexpanel-active #book_button { display:none !important; }
nav > ul, nav ul li { float:left; width:100%; border-bottom: 1px solid rgba(255,255,255,.1); }
nav ul li > ul { position:relative; display:block; float: left; width: 100%; top:0; }
nav ul > li > a { min-height:60px; line-height:60px; }
nav ul li > ul li a  { min-height:40px; line-height:40px; }
nav div.viewport > ul > li > a { background:#a790c4; border-top:#a790c4; }
nav div.viewport > ul > li { border-bottom: #a790c4; }
nav div.viewport > ul > li.active > a {
	background-color: #53514f;
}
#lang { float:left; width:100%; height: auto; }
#lang > a > span, #lang > a > img, .meeting_rooms { display:none; }
#lang > a > span.language_text { display:block; font-size: 10px; margin:0; color: #d2d2d2; font-weight: normal; }
#lang .languages { display:block !important; float:left; width:100%; }
#lang a { padding: 0 15px; background: #53514f; height: 50px; line-height: 50px; color: #fff; text-align: left; }
#lang li a { background: #53514f; padding: 0 25px;color: #a790c4; }
#lang li { border-bottom: rgb(119,73,124);}
#lang ul.languages li.select { display:none; }
#gallery-tags { display:none; z-index:200; position: fixed !important; height: auto; width: 100%; text-align: center; padding:16px 0; top:60px; left:0; background-color: rgba(0, 0, 0,.8); }
/*#video,  #video-ctx,  #gallery div.landscape img, #gallery div.video, #gallery .video-ctx, #gallery div.video-ctx img { height:180px; }*/
#gallery div.elm { overflow:hidden; float:left; clear:both; width:100% !important; }
#gallery div.landscape img,#gallery div.portrait img, #gallery div.video-ctx img, #gallery div.vt-ctx img { height:auto; position:absolute; float:left; top:50%; left:50%; }
#gallery .vt-ctx  { width:100% !important; }
#gallery div.portrait img { height:100%; }
#gallery div.image figcaption { background: rgba(0,0,0,.25); opacity:1; }
.video-play { width: 48px; height: 48px; margin: -24px 0 0 -24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; }
body.page-template-template-gallery #footer, body.page-template-template-gallery-wp #footer, body.page-template-template-news #footer,
body.page-template-template-news-single #footer { margin-top:0 !important; }
.page-template-template-gallery #main_slideshow { margin-bottom: 54px; }
.page-template-template-gallery-wp #main_slideshow { margin-bottom: 54px; }
#offers .outlets_list li { width: 100% !important; margin:0!important; padding-bottom: 2em !important; }
.restaurant_press, .restaurant_offers { margin-top:1em; }
.outlets_list,  li.offer_detail > span { padding-top:0; }
body.page-template-template-restaurants .outlets_list,  body.page-template-template-restaurants li.offer_detail > span { padding-top:1em; }
.restaurant_press li { width:100%; height:180px; }
div.main_offer > div { padding: 1em; background: rgba(0, 0, 0, 0.4); width: 90%; height: auto; bottom: 15px; right: 15px; }
div.main_offer > div h3 { margin: 0; font-size: 20px; }
div.main_offer > div strong { font-size: 14px;padding-top:0; height: 34px; }
div.main_offer > div span { margin:1em 0;}
div.main_offer > div span.date { margin:0; font-size: 12px; }
.post-type-archive-offers #footer, .single-offers #footer, .page-template-template-room #footer { margin-top:0; }
#book_panel > form .text { clear:none; }
#book_panel > form { width:85%; padding-top:30px; }
.book_close { top:12px; }
.news-big,  .news-small { height: 200px; width:100% !important; margin-bottom:0 !important; }
.news-big .text-container { width: 100%; height: auto; left: 0; right: inherit; bottom: 0; top: inherit; margin: 0; }
.news-big .label, .news-small .label { color: #fff; line-height: 1; }
.news-big h4, .news-small h4 { font: 18px/18px 'FuturaStd-CondensedBoldObl'; padding-top:1em; color: #fff; }
.news-big .text-news, .news-small .text-news { display:none; }
.news-big span.read, .news-small span.read { color:#fff; }
.text-container { background:rgba(0,0,0,.5); height: auto; }
.news_more_articles, .more_articles { padding-top: 0; }
body.page-template-template-news-single h3.slideshow_title { margin-top:0; margin-bottom: 20px; }
.slideshow_title > strong { margin:0 !important; line-height:1; position: relative; top:0; left:0; width:100%; }
.slideshow_title > strong > span { color: #3d3c3c; }
.single_offer div.image { height:240px; }
#breadcrumbs { display:none; }
.single_offer div.image h3 { font-size: 26px; top: 50%; line-height: 40px; width: 90%; float:none; height: auto; left: 5%; }
.single_offer { margin-top: 60px; }
.popin_form { margin-top:0; }
.popin_form > a { display:none; }
.meeting_form > form, .restaurant_form > form, .meeting_form, .restaurant_form { width:100%; }
.meeting_form form select#form_hours, .restaurant_form form select#form_hours { width:49%; margin-right:2%; }
.meeting_form form select#form_minutes, .restaurant_form form select#form_minutes { width:49%; clear:none; }
#footer-nav ul { float:none; text-align:center; }
#gallery-tags > span { display: inline; color: #fff; font-family: 'FuturaStd-Book'; }
body.single-offers #bookingform { clear: both; float: left; width: 100%; margin-top: 2em; background: #323232; padding:40px 0 0px 0; }
body.single-offers #bookingform > p, body.single-offers #bookingform > div { width:80%; float:none; margin:0 auto; padding-bottom: 1em; }
body.single-offers #bookingform  #checkin, body.single-offers #bookingform #checkout{ background-position:right 1px !important; }
body.single-offers #bookingform label { color:#fff; float:none; }
body.single-offers #bookingform input, body.single-offers #bookingform select { float:none; }
.page-template-template-contact .left-column, .page-template-template-newsletter .left-column { padding-right:5%; }
input[type=submit], input[type=text], input[type=date], input[type=email], input[type=tel], select, textarea { border-radius:0 !important; }
.restaurant_form .tableplus-form > form { width: 100% !important; }
#footer-nav ul li a img { width:40px; height:40px; }

#room-nav a.previous_room, #room-nav a.next_room { display:none; }
#room-nav div.room_slider, #room-nav div.room_slider > ul { width:100% !important; height: auto !important; }
#room-nav div.room_slider > ul { position:relative; }

.meeting_attachments li { background-color:#222; float:left; width:100%; border-bottom: 1px solid #fff; }
.meeting_attachments li a { float:left; width:100%; color: #fff; }

.main_slideshow span.prev, .main_slideshow span.next {width: 48px;height: 48px;background-size: 48px;}
.main_slideshow span.prev { background-position: 0 -48px; right: 10px; }
.main_slideshow span.next { left: 10px; }

body.rtl #hotel-name h2 { text-align:right; }
body.rtl #hotel nav { left:10px; right:inherit; }
body.rtl.flexpanel-active #header, body.rtl.flexpanel-active #gallery-tags { -webkit-transform: translate(80%,0); -moz-transform: translate(80%,0); -ms-transform: translate(80%,0); transform: translate(80%,0); }
body.rtl nav ul li a, body.rtl #lang a, body.rtl #lang > a > span.language_text { text-align:right; }
body.rtl .left-column { width: 97% !important; padding-right: 3%; padding-left: 0; border-left: 0; }
body.rtl #re-captcha { float:right }
body.rtl #book_panel { width:100%; left:-100%; }
body.rtl #tripadvisor div.right-column > div { float:none; right:0; }
body.rtl #location p { max-width:100%; }
body.rtl.page-template-template-newsletter p.checkbox input, body.rtl.page-template-template-newsletter p.checkbox label , body.rtl.page-template-template-newsletter p.checkbox select  { float:right; }

#places { display: none;}
.choose_offers > div { width: 90%; }

.pop_form,
.pop_form > form {width: auto !important;}
.single_offer .features {clear:both;}

.offer_custom_button {
	text-align:center;
	padding-bottom: 40px;
}

.visible-mobile {
	display: block !important;
}

@media (max-width:400px){
	li.offer_detail { height: auto !important; float: left}
}


.page-template-template-spa #wrapper > .w-container {
	background-color: #FFF;
}
@media (min-width:768px){
	#highlighted ul li  {
		width: 33.333333333334%;
	}
	#meetings .outlets_list li,
	.offers_list li,
	.single-offers li.offer_detail,
	#offers .outlets_list li {
		width: 48% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
		float: left;
	}
	#meetings .outlets_list li:nth-child(2n+1),
	.offers_list li:nth-child(2n+1),
	.single-offers li:nth-child(2n+1),
	#offers .outlets_list li:nth-child(2n+1) {
		clear:both;
	}
	div.roomtype li{
		margin: 20px 1% !important;
		width:48% !important;
		float: left !important;
	}
	div.roomtype li:nth-child(2n+1) {
		clear: both;
	}
	#gallery div.elm {
		width: 25% !important;
		clear: none !important;
	}
	#map_ctx, #map_canvas {
		max-height: 450px !important;
		float: none;
		clear: both;
	}
	.news-big, .news-small {
		width: 48% !important;
		margin-left: 1% !important;
		margin-bottom: 20px !important;
	}
	.page-template-template-special-offers li.offer_detail {
		height: auto !important;
	}
	.page-template-template-special-offers li.offer_detail.last {
		margin-right: 1% !important;
		margin-left: 1% !important;
	}

	.page-template-template-spa #offers .outlets_list li {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.outlets_list li .btn {
		bottom: auto !important;
	}
	#location p {
		margin: 20px auto 0;
	}
	div.roomtype li figure > a {
		position: relative;
		display: block;
	}
	div.roomtype li .bottom-buttons {
		position: relative;
		bottom: auto;
		margin-top: 10px;
	}
	#meetings ul li{
		width: 50% !important;
	}
	#meetings ul li > div h4 {
		background: transparent none;
		margin-top: 0;
		position: absolute;
		bottom: 50%;
		left: 0;
	}
}
@media (min-width: 768px) and (max-width: 1080px){

	#hotel-name {
		width:70%;
	}
	#hotel-name h2{
		text-align: center;
	}
}

/* Sticky Book a table / Book this offer buttons */
.mobile_table_booking_link {
	display: block;
}


#video-container {margin-top: 60px;}
.home #hp_video_play, .page-template-template-room #hp_video_play, .page-template-template-spa #hp_video_play, .page-template-template-wellness-single #hp_video_play, .page-template-template-restaurant #hp_video_play, .page-template-template-wedding-single #hp_video_play, .page-template-template-meeting #hp_video_play {
	margin-top: 0;
}

span#hp_video_play {margin-top: 0;}
.mute_video {top: 4px; right: 65px;}
.stop_video {top: 4px; right: 20px;}