@charset "utf-8";

/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:500,500italic,700italic,700,300,300italic,400italic,400&subset=latin,latin-ext);

/*General*/
html {-ms-touch-action: manipulation; touch-action: manipulation;}
body {overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #fff; font:15px/160% "Raleway", Arial, Helvetica, sans-serif;}
body.admin-bar {
    padding-top:32px;
}
body.admin-bar #header {
    top:32px;
}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
.btn {background: #091e3b; border: none; color: #fff; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;  text-align: center;}
.btn:hover{background:#ad9d83;}
h1, h2, h3, h4 {font-family: "Raleway",sans-serif; color: #3d3c3c; font-size: 30px; line-height: 30px;}
h2 {color: #000; font: 28px/130% "Raleway",sans-serif; font-weight:300;}
h3 {color: #000; font: 24px/130% "Raleway",sans-serif; font-weight:300;}
h4 {color: #000; font: 22px/130% "Raleway",sans-serif; font-weight:300;}
.section{padding:60px 0; width:100%; clear:both;}

p {color: #3d3c3c; font-size: 15px; line-height: 24px; font-weight:300;}
.section p {text-align: left; float: none;}
.left-column > div > p {padding-bottom:1em;}
a {text-decoration: none;}
.quote {font-family: Georgia; font-size: 5em; margin-top: -10px; color: #3d3c3c;}
.quote.right {position: absolute; right: 0; bottom:-25px;}
.left {float: left;}
.right {float: right;}
.black {background: #000;}
.white {background: #fff;}
.grey {background: #aaa;}
.w-container {position: relative; max-width: 1170px; height: auto; margin: 0 auto; clear: both;}
div.section, footer.section {float: left; background-color: #fff; position: relative;}
.clear {clear: both;}
hr {background: rgba(173, 157, 131, 0.5); height: 1px; border: 0; width: 60px; margin: 15px auto 20px; clear: both; color: #3d3c3c; float: none;}
.caption hr {width: 160px; margin-top: 30px; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);}
#social, #social_home {padding:60px 0; display:block; float:left; clear:both; width:100%; text-align:center;}
#social_home ul{margin-bottom:20px;}
#social_home ul li a{width:40px; height:40px; background:#000; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; display:block; line-height:40px;}
#social_home ul li a span{color:#fff;}
.sixty-space {display: block; height: 60px;}
span.arrow {height: 5px; float: left; clear: both; width: 100%; position: relative;}
span.arrow:after {content: ""; z-index: 500; position: absolute; left: 50%; top: 5px; margin-left: -15px; width: 0px; height: 0px; border-left: 15px solid transparent; border-right: 15px solid transparent;}
span.arrow.white:after {border-top: 15px solid #fff;}
span.arrow.black:after {border-top: 15px solid #000;}
span.arrow.grey:after {border-top: 15px solid #aaaaaa;}
div.w-resp {float: left; position: relative; overflow: hidden; width: 100%; height: 600px;}
img.resp {position: relative; top: 50%; left: 50%; float: left; opacity: 0; filter: alpha(opacity=0);}

/*HEADER*/
#header {background: #fff; height: 150px; position: fixed; width: 100%; left:0; top:0; z-index:300;}
#hotel {background: transparent; height: 100px; width: 100%;}
.separator {width: 100%; height: 1px; background: #e3e3e3;}
.accor {width: 100%; height: 30px; line-height: 30px;}
.accor img {float: left; margin: 10px 10px 0 0;}
.accor ul {float: right;}
.accor li {height: 30px; padding: 0 15px 0 15px;}
.accor li a {color: #444444; font-size: 11px; line-height: 24px; text-align: center; text-transform: uppercase;}
.last { padding-right: 0px; }
#logo {display: inline-block; float:left; height: 75px; line-height: 100px; width: 177px;}
#logo a{display:block; width:100%; height:100%;}
#logo img {height: auto; width: 100%;}
#hotel-name {display: block; float: left; width: 60%; height: 100px; position: relative;}
#hotel-name h2 {color: #091e3b; font-size: 24px; font-weight: 300; line-height: 100px; text-align: center; text-transform: uppercase;}
#header li {display: inline-block;}

/*Header fixed*/
#header.fixed{background:#fff; position:fixed; box-shadow:0 0 3px rgba(0, 0, 0, 0.2);}
#header.fixed #book_button{height:50px;}

/* Main menu */
nav {height: 50px; width:100%; text-transform: uppercase; float:left; background:#f5f5f5;}
nav ul { text-align: left; float: left; }
nav ul li a { color: #002b41; font-size: 12px; text-align: left; display: block; padding: 0 15px; line-height: 50px; cursor: pointer; margin: 0; border-top:1px solid #f5f5f5; height:49px;}
nav ul li a:hover {color: #61a7d2; text-decoration:none; background:#fff;}
nav ul li.active > a {color: #61a7d2; background:#fff; font-weight:bold;}
nav ul li > .sub-menu {list-style-type: none; text-align: center; text-transform: uppercase; height: auto; display: none; transition: all ease .3s; width: auto; position: absolute; top:50px; z-index:120;}
nav ul li:hover > .sub-menu {display: block;}
nav ul li > ul li {float: left; width: 100%; display: block; clear: both; padding:0; background:#091e3b;}
nav ul li > ul li a {border-top:0; line-height: 140%; transition: all ease .3s; color: #ccc; font-size: 10px; float:left; width:100%; text-align:left; padding: 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
nav ul li ul li a:hover {color: #61a7d2; background:transparent;}
nav ul li > ul.set li { width:100%; }

/* languages menu */
#lang {height: 100px; padding-left:0; display:inline-block; float:right; padding-right:10px;}
#lang > a > span.language_text {display:none;}
#lang > a > img {width: 8px; height:10px; }
#lang > a > img.globe{width: 20px; height:20px;}
#lang a { font-style: italic; color: #000; font-size: 11px; display: block; height: 100px; line-height: 100px; text-align: center; transition: all ease .3s;}
#lang img { margin-top: -2px; }
#lang > a > span { font-size:12px; font-weight:bold; margin:0 5px; text-transform:uppercase; font-style: normal; }
#lang > a #arrow{font-family:"FontAwesome"; font-weight:normal;}
#lang .languages { display: none; }

/*Popup languages*/
.border { border-right: solid 1px; }
.fancybox-skin { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.fancybox-close {position: absolute !important; top: 0 !important; right: 0 !important; width: 30px !important; height: 30px !important; background: transparent url(../images/close.png) no-repeat left top !important;}
#popup_content { padding: 30px 40px; float: left; }
#popup_content ul { list-style-type: none; margin: 0; padding: 0; }
#popup_content > strong {font-size: 24px; display: block; text-align: center; text-transform: uppercase;}
#popup_content > hr {margin-top: 20px;}
#popup_content ul > li {font-size: 16px; line-height: 48px; font-style: italic; text-align: center; color: #808080; float: left; width: 310px; border-bottom: 1px solid #cfcfcf; clear: both;}
#popup_content ul > li:last-child {border: 0;}
#popup_content ul > li:hover, #popup_content ul > li.active {color: #000;}
#popup_content li.select {line-height: 24px; padding-top: 18px; font-style: normal; font-size: 12px;}
img.pin_address {width:24px; margin:0 10px 0 0; float: left; height:38px;}

/*Booking form*/
#booking {width: 100%; height: 50px; display: block; float: left; position: relative; z-index: 150; background:#f5f5f5;}
#booking ul {display: block; width: 560px; margin: 0 auto 0 auto;}
#booking ul li {display: inline-block; float: left; margin: 0 1px 0 0;}
#booking ul li a { color: #ffffff; font-size: 12px; line-height: 50px; text-transform: uppercase; display: block; padding-left: 50px; height: 50px; width: 180px; background-color:  rgba(51, 51, 51, 0.9);}
#booking img {margin: -5px 0 0 10px; height:14px;}
#booking.onstart .adults .select_adults, #booking.onstart .children .select_children{position:absolute; bottom:50px; z-index:5;}

/* Book button and panel */
#book_button, .home #book_button.shown {
    width: auto;
    height: 50px;
    color: #fff;
    font-size: 12px;
    line-height: 50px;
    display: block;
    float: right;
    background: #61a7d2;
    text-align: center;
    padding: 0 30px;
    overflow: visible;
    text-transform: uppercase;
}

#book_button.shown {
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

#book_button:active, #book_button:hover {background: #ad9d83; color: #fff;}
#book_button {overflow: hidden; height:0;}
#book_panel {background:#091e3b; -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); width: 370px; position:fixed; right:-370px; top:0; -moz-transition: right ease .4s; -webkit-transition: right ease .4s; transition: right ease .4s; bottom:0; height:100%; z-index:1200;}
#book_panel.open {right:0;}
div.book_overlay {background-color:#000; background-color:rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); display:none; position:fixed; top:0; width:100%; left:0; float:left; height:100%; z-index:1150; bottom:0;}
#bookingform > strong { padding-bottom: 20px;  color:#fff; font-size:21px; line-height:21px; text-align: center; display:block; text-transform:uppercase; font-style:italic; }
#book_panel > form { margin:0 auto; display:block; width:70%; padding-top:120px; position:relative; }
#book_panel > form > div.field, .right-column #bookingform  div.field { padding-top:16px; margin:0; width:100%; }
#book_panel > form > div.field > label, .right-column #bookingform  div.field > label { font-size: 12px; font-weight: 400; line-height:24px; color:#fff; text-transform:uppercase; }
#book_panel > form input, .right-column #bookingform  input { background:#fff; width: 100px; height: 24px; }
#book_panel > form  .text, .right-column #bookingform  .text { color:#818181; font-weight: 400; font-size: 10px; float:right; }
#book_panel > form select, .right-column #bookingform  select { width:100px;  height: 24px; }
#book_panel .childrenAge0, #book_panel .childrenAge1, #book_panel .childrenAge2,
.right-column #bookingform  .childrenAge0, .right-column #bookingform  .childrenAge1, .right-column #bookingform  .childrenAge2 { display:none; }
#book_panel .submit_button { height:auto; width: auto; padding: 0 40px; font-size: 12px; float: none; margin: 20px auto 0 auto; background:#61a7d2; }
#checkin, #checkout { background:#fff url(../images/calendar_black.png) no-repeat 75px 1px; background-size: 30px 20px !important; cursor:pointer; }
.book_close { cursor:pointer; width:20px; height:20px; position: absolute; top: 44px; right: 0; color:#fff; }
#booking { text-align:center; }
#booking #bookingform-check { display: table; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
#booking #bookingform-check div.field { position:relative; float:left; clear:none; vertical-align:top; height:50px; width:auto; margin:0; background:#333; background:transparent; }
#booking #bookingform-check div.checkin, #booking #bookingform-check div.checkout, #booking #bookingform-check div.adults, #booking #bookingform-check div.children { width:180px; cursor:pointer; }
#booking #bookingform-check div.checkin, #booking #bookingform-check div.checkout, #booking #bookingform-check div.adults { border-right:1px solid #f5f5f5; }
#booking #bookingform-check label { position:relative; z-index:2; padding:0; background:#e8e8e8; float:left; width:100%; line-height:50px; height:49px; display:inline; color:#333; font-size:12px; text-transform:uppercase; text-align:center;}
#booking #bookingform-check input {float:none; max-width:144px; width:100%; font-size:12px; color:#fff; text-align:center;}
#booking #bookingform-check input.submit_button { font-size:12px; padding:0 35px; height: 50px; line-height: 50px; max-width:inherit; }
#booking #bookingform-check #checkin-check, #booking #bookingform-check #checkout-check, #booking #bookingform-check div.adults select, #booking #bookingform-check div.children select { position:absolute; z-index:1; top:0; left:0; height:49px; padding: 0; -webkit-appearance:none; -moz-appearance:none; }
#booking #bookingform-check .field.adults > label, #booking #bookingform-check .field.children > label{background: url(../images/select.png) no-repeat scroll right center #e8e8e8;}
#booking #bookingform-check div.adults select, #booking #bookingform-check div.children select { width:100%; }
#booking .select_adults, #booking  .select_children { display:none; float:left; width:100%; -webkit-box-shadow: -4px 4px 10px rgba(0,0,0, .6); -moz-box-shadow: -4px 4px 10px rgba(0,0,0, .6); box-shadow: -4px 4px 10px rgba(0,0,0, .6); background:#fff; }
.select_adults li, .select_children li{ -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition: all .4s ease-in-out;width:100%; clear:both; color: #818181; font-size:.9em; line-height: 18px; padding:.5em 0; background:#fff; }
.select_adults li:hover, .select_children li:hover, .select_adults li:active, .select_children li:active{ background: #091e3b; color: #fff; }
.submit input, input.tableplus-submit, div.resdiary-form div.RDbutton button.RDbtn {  display: block; background: #091e3b; border: none; color: #fff; text-transform: uppercase; font-size:12px; height:40px; line-height:40px; width:auto; text-align: center; float:right; padding: 0 40px;}
#booking #bookingform-check .field.submit input{background:#091e3b;}
#booking #bookingform-check .field.submit input:hover, #booking #bookingform-check .field.submit input:focus{background:#89bddd;}

/*Date Picker*/
#ui-datepicker-div { z-index:8050 !important; background:#fff; border:1px solid #fff; -moz-border-radius:0;  -webkit-border-radius:0; border-radius:0 ; margin:0 ; -webkit-box-shadow:-4px 4px 10px rgba(0,0,0, .6); -moz-box-shadow:-4px 4px 10px rgba(0,0,0, .6); box-shadow:-4px 4px 10px rgba(0,0,0, .6); width: 17em; padding: .2em .2em 0;  font-size: 14px; font-style: normal ; font-variant: normal ; font-weight: normal ; }
.ui-datepicker .ui-datepicker-header { border:0; -moz-border-radius:0 ;  -webkit-border-radius:0 ; border-radius:0 ; background:none ; -webkit-box-shadow: inset 0 0 0 0 #000 ; -moz-box-shadow: inset 0 0 0 0 #000 ; box-shadow: inset 0 0 0 0 #000 ; text-shadow: 0 0 0 #000 ; }
.ui-datepicker thead { background:none ; border-bottom:0 ; }
.ui-datepicker-title, .ui-datepicker-calendar thead span { color:#818181;  font-weight:bold ; text-transform:uppercase ; font-size:12px ; }
.ui-datepicker th { padding: .7em .3em ; text-align: center ; font-weight: normal ; border: 0 ;text-shadow: 0 0 0 #000 ; font-size: .9em ; border-collapse: collapse ; }
.ui-datepicker tbody tr { border: 0 ; }
.ui-datepicker td { border: 0 ; padding: 1px ; }
td.ui-datepicker-unselectable.ui-state-disabled { background: none ; }
td .ui-state-default { -webkit-box-shadow: inset 0 0 0 0 #000 ; -moz-box-shadow: inset 0 0 0 0 #000 ; box-shadow: inset 0 0 0 0 #000 ; background:#fff ; color:#818181 ; font-family: 'Raleway', sans-serif ; border:0 ; }
td .ui-state-default:hover, td .ui-state-default:active { background:#002b41 ; color:#fff ; text-shadow: 0 0 0 #000 ;}
td .ui-state-active, .ui-datepicker-calendar .ui-state-active { background:#fff ; color:#002b41 ; margin:0 ; text-shadow:0 0 0 #000 ; }
.ui-datepicker td span, .ui-datepicker td a { text-align: center ; width: auto ; height: auto ; line-height: 18px ; display:block ;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background:none ; top: 0 ; border: 0 ; width: 23px ; height: 23px ; }
.ui-datepicker .ui-datepicker-prev { left:0 ; }
.ui-datepicker .ui-datepicker-next { right:0 ; }
.ui-widget-header .ui-icon { cursor:pointer ; background:transparent url(../images/datepicker.png) no-repeat 0 -46px ; margin: -11px 0 0 -11px ; width: 23px ; height: 23px ; }
.ui-datepicker .ui-datepicker-next span { background-position:0 -69px ; }
.ui-datepicker-prev-hover, .ui-datepicker-next-hover { border:0 ; background:none ; }
.ui-datepicker-prev-hover .ui-icon-circle-triangle-w { background-position:0 0 ; }
.ui-datepicker-next-hover .ui-icon-circle-triangle-e { background-position:0 -23px ; }
.ui-datepicker .ui-datepicker-title, .ui-datepicker-calendar thead span { font-weight: normal ; }
#ui-datepicker-div .ui-corner-all, #ui-datepicker-div .ui-corner-bottom, #ui-datepicker-div .ui-corner-right, #ui-datepicker-div .ui-corner-br { -moz-border-radius: 0 ; -webkit-border-radius: 0 ; -khtml-border-radius: 0 ; border-radius: 0 ; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:none; border:none;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:#fff; color:#61a7d2;}
td .ui-state-active, .ui-datepicker-calendar .ui-state-active{background:#091e3b; color:#fff;}

/*Slideshow*/
.offer {position: absolute; top: -176px; right: 0px; width: 260px; height: 176px; z-index: 200;}
.arrow {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 100%; color: #fff; display: block; font-size: 48px; height: 60px; line-height: 60px; margin-top: -30px; position: absolute; text-align: center; text-shadow: 1px 1px 1px #000000; top: 50%; transition: background 0.3s ease 0s; width: 60px; z-index: 200; cursor:pointer;}
.main_slideshow {position: relative; overflow: hidden; height: 500px; float: left; clear: both; width: 100%; margin-top:150px;}
.main_slideshow .slide img{width:100%; height:auto; position:absolute;}
.main_slideshow .arrow {background: transparent none repeat scroll 0 0; border: 2px solid #fff; border-radius: 100%; display: block; height: 80px; margin-top: -40px; position: absolute; text-align: center; text-shadow: 1px 1px 1px #000; top: 50%; transition: background 0.3s ease 0s; width: 80px; z-index:200;}
.main_slideshow .arrow .fa{ color: #fff; display: block; font-size: 48px; height: 80px; line-height: 74px; text-shadow:none;}
.main_slideshow .arrow.cycle-prev{left:20px;}
.main_slideshow .arrow.cycle-next{right:20px;}
.main_slideshow .arrow:hover, .main_slideshow .arrow:focus{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; outline: medium none; text-decoration: none;}

.main_slideshow .caption { bottom: 100px;  color: #fff; font: 48px/100% "Lora",serif; left: 120px; position: absolute; text-align: right; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(0, 0, 0, 0.5); text-transform: uppercase; z-index: 200; margin:0;}
.main_slideshow .caption h3 {color: #e8e4d8; font-size:48px;}
.main_slideshow .caption h4 {color: #e3d0b2; font-size: 28px; line-height: 100%;}

/*Internal Slidehow*/
#internal_page .main_slideshow{overflow:hidden;}
#internal_page .main_slideshow .slide .image {position:relative; width:100%; height:100%;}
#internal_page .main_slideshow .slideshow_outer{margin: 0 auto; overflow: visible; position: relative; width: 960px; z-index: 1;}
#internal_page .main_slideshow .slideshow_outer .slideshow_container{ overflow: hidden !important; position: relative;}
#internal_page .main_slideshow .slideshow_outer ul li{width:1170px; float:none; display:inline-block;}
#internal_page .main_slideshow .slideshow_outer ul li img{opacity:1; width:100%; height:auto;}
#internal_page .main_slideshow .overlay{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; height: 100%; position: absolute; top: 0; z-index: 200;}
#internal_page .main_slideshow .overlay.left{left:0;}
#internal_page .main_slideshow .overlay.right{right:0;}

/*See Gallery on overlay Slideshow*/
.see-gallery {position: absolute; bottom: 20px; z-index:200; right: 20px;}
.see-gallery a {background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;  color: #fff; font-size: 16px; line-height: 40px; padding: 10px 20px; position: relative; text-align: left; text-transform: none; z-index: 200; width:160px;}
.see-gallery a:hover, .see-gallery a:focus {background: #091e3b; text-decoration:none;}

.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:150px; }
.single-offers .main_slideshow {display:none;}
#main_slideshow.loading:before { content:''; position:absolute; top:50%; left:50%; float:left; width:36px; height:36px; margin:60px 0 0 -18px; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: -1;}

@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); }}
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }}
@keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);}}
#main_slideshow  > div.main_slideshow {position: relative; top:0; left:0;}
div.main_slideshow > h3 { color: #fff; text-transform: uppercase; font-size:50px; text-align:center; position:absolute; top:0; left:0; float:left; width:100%; z-index:100; margin: 0; height: 400px; line-height: 400px; text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.9);}
#main_slideshow > div .pager {text-align: center; bottom: 20px; left: 0; position: absolute; width: 100%; z-index: 500;}
#main_slideshow > div .pager span {cursor: pointer; background: transparent; border: 2px solid #fff; border-radius: 100%; height: 12px; width: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}
#main_slideshow > div .pager span.cycle-pager-active, #main_slideshow > div .pager span:hover {background: #fff;}
.main_slideshow ul.cycle, .main_slideshow ul.cycle li {float: left; position: relative; height: 100%; width: 100%; overflow:hidden;}

/*Content on frontpage*/
.home #wrapper #content_text.section{padding:0;}
.home #wrapper .section .left-column{margin:0; padding: 0px  40px 60px  0; }
.home #wrapper .section .right-column{margin:0; padding: 60px 0 60px 40px; height:auto !important;}
.left-column {width: 64%; padding-right: 2%; border-right: 1px solid #cfcfcf; float: left;}
.left-column .the_title{color: #091e3b; font-size: 28px; font-weight: 300; line-height: 130%; margin-bottom: 20px; margin-top: 40px; text-align: center; text-transform: uppercase;}
.left-column .the_subtitle{color:#ad9d83; font:22px/130% 'Lora',serif; text-align:center; text-transform:initial;}
.the_title + .the_subtitle {margin-bottom: 20px; margin-top: 10px; text-align: center;}
.home .left-column .the_title:after{display:none;}
.home .left-column h3.the_title_two{text-align:center; color:#000; font-size:26px;}
.home .left-column h3.the_title_two:after{background: rgba(173, 157, 131, 0.5) none repeat scroll 0 0; content: ""; display: block; height: 1px; margin: 10px auto; width: 150px;}

/*Internal page*/
#internal_page #book_button{height:50px;}
.room-content .section{padding:0;}
.room-content .section .left-column{margin:0;}
.room-content .section .left-column .the_title{margin-top:40px;}
.room-content .section .right-column{margin-top:40px;}
    
/*Sidebar*/
.right-column {margin-top: 60px; float: left; width: 36%; padding-left: 2%; text-align: left;}
.hotel-address h3:before{content:'\f041'; font-family:FontAwesome; padding-right:10px;}
.hotel-address h3 {font-family: 'Lora', sans-serif; color: #000; font-weight:300; font-size: 28px; line-height:28px; text-align: left; margin:40px auto 20px; text-transform:none;}
.hotel-address .location_link{font-size:13px; color:#61a7d2; margin-top:10px;}
.hotel-address .location_link:hover, .hotel-address .location_link:focus{color:#091e3b; text-decoration:none;}
.hotel-address .emails a{font-weight:300; color:#61a7d2;}
.hotel-address .element{display:block; margin:5px 0;}
.hotel-address .element .label{font-family:'Raleway', sans-serif;}
.hotel-address .element .ltr{font-weight:300;}

/* Highlighted pages on frontpage */
#highlighted {padding:0;} 
#highlighted ul {list-style-type: none;}
#highlighted ul li {width: 33.333333333334%; float: left; overflow: hidden; position: relative; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
#highlighted ul li:last-child{border-right:0;}
#highlighted ul li > strong { position: absolute; z-index: 5; font-weight: normal; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.85); line-height: 390px; text-align: center; float: left; width: 100%; color: #fff; font-size: 18px; text-transform: uppercase; letter-spacing: 1px;}
#highlighted li a .thumb {height:320px; overflow:hidden;}
#highlighted li.w-resp img {position: relative; top: 0; left: 0; float: left; opacity: 0; filter: alpha(opacity=0); transform-style: preserve-3d; transition: all 0.5s ease 0s; margin:0 !important; width: 100% !important; height:auto !important;}
#highlighted .book {right: 20%;}
#highlighted a .overlay:hover .btn, #highlighted a .overlay:focus .btn{background:#61a7d2;}

.overlay {clear:both; z-index:2; width:100%; padding:20px 60px; text-align:center;}
.overlay .title {color: #091e3b; display: block; font-size: 24px; font-weight: 300; margin-bottom: 20px; text-transform: uppercase; transition: color 0.3s ease 0s; min-height: 48px;}
.overlay .title:hover, .overlay .title:focus{color:#61a7d2;}
.overlay .description {margin-bottom: 20px; text-align: left; display:inline-block; color:#666;}
.overlay .btn {background-color: #091e3b; color: #fff; display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: 0.05em; line-height: 40px; padding: 0 20px; text-align: center; text-transform: uppercase; transition: all 0.3s ease 0s;}
.room { line-height: 390px; color: #444; text-transform: uppercase; font-size: 16px; letter-spacing: 1px;}

/* Tripadvisor reviews  frontpage*/
#tripadvisor{padding:0;}
#tripadvisor > div {text-align:center;}
#tripadvisor div.left-column{padding:0 !important;}
#tripadvisor div.left-column, #tripadvisor div.right-column {min-height:280px; position:relative;}
#tripadvisor div.right-column > div {float: left; top: 50%; position: absolute; margin-top: -45px; left: 40px;}
#tripadvisor div.right-column > div > p {padding-top:10px; font-size:18px;}
#tripadvisor .tripadvisor_reviews:before{content:"\f18e"; padding-right:10px; font-family:FontAwesome; font-style:normal;}
#tripadvisor .tripadvisor_reviews { font-style: italic; color: #589442; text-decoration: none;}
#tripadvisor li {float: left; width: 100%; padding: 0 40px;}
#tripadvisor li > strong { color: #000; font-size: 18px; line-height: 30px; text-align: center; margin: 40px 0 10px 0; display:block; text-transform:uppercase; font-weight:inherit;}
#tripadvisor li > div {display: block; margin: 0 auto; position: relative; padding-top:20px;}
#tripadvisor li > div:before {content: "“"; position: absolute; font-size: 5em; font-family: Georgia, sans-serif; top: 0px; left: 0; color: #3d3c3c;}
#tripadvisor li p, #tripadvisor li span.address {color: #444; max-width: 860px; font-weight: 300; font-size: 15px; line-height: 26px; text-align: center; padding: 0 40px;}
#tripadvisor li p {height: auto; overflow: hidden; display: block;}
#tripadvisor li span.address {display: block; clear: both;}
#tripadvisor li span.author {display: block; clear: both; font-size: 16px; line-height: 26px; padding-top: 10px; font-weight: bold; }

/*Preview Location*/
#location:before {display: block;width: 100%;}
#location {width: 100%; text-align:center; padding:0;}
#location h3{color:#000;}
#location p { font-weight:300; margin:0 auto; text-align: center;}
#location .element{display:block; margin:5px 0;}
#location .capital {text-transform: uppercase; font-weight: normal; font-size: 18px; font-weight:bold;}
#location .ltr { direction: ltr; display: inline-block; font-weight:300;}
#location a.ltr {margin-left:5px; color:#61a7d2;}
#location a.ltr:hover {color:#091e3b;}

/* MAP */
#map_ctx {float:left; width:100%; position:relative; clear:both; height:500px;}
#map_canvas {width: 100%; height: 500px; float: left; clear: both;}
#map_buttons {position: absolute; right: 20px; text-align: center; bottom: 100px; z-index: 200; min-height:100px; width:200px;}
#map_buttons .map, #map_buttons .satellite, #map_buttons .streetview {display: inline-block; background-color: #fff; color: #77406F; color: #091e3b; text-transform: uppercase; cursor: pointer; margin: 0;  float: left; font-size: 14px; height: 50px; line-height: 50px; width: 100%; margin-bottom:10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); position:relative; right:0; font-weight:300;}
#map_buttons span:last-child{margin-bottom:0;}
/* #map_buttons .streetview {bottom:90px;} */
/* #map_buttons .map {bottom:150px;} */
/* #map_buttons .satellite {bottom:210px;} */
#map_buttons > span.active, #map_buttons > span:hover {background-color: #61a7d2; color:#fff;}
.map_infobox {overflow:hidden;}

/*Itinerary Map*/
#map_routes {position: absolute; bottom: 0; right: 0; width: 330px; height: 310px;}
.route {float: left; width: 100%; height: auto; clear:both; background: #f5f5f5; padding:20px 0; display: inline-block; text-align:center;}
.route strong {display: block; padding: 20px 0 20px 0; font-family:'Raleway', sans-serif; color: #444444; font-size: 20px; line-height: 24px; text-align: center; text-transform: uppercase;}
.route .submit{display:inline-block;}
#itineraryPanel {display: none;}
div.itinerary_options {margin: 20px auto 0 auto; text-align: center; height: 50px; display: none;}
div.itinerary_options > a {display: inline-block; transition: all ease .5s; text-transform: uppercase;  color: #fff; font-size: 20px; background-color: #7d536d; line-height: 50px; height: 50px; padding: 0 28px;}
#itinerarySubmit { color: #fff; font-size: 14px; background: #61a7d2; width: auto; height: 38px; display: inline-block; margin:0 0 0 5px; padding:0 25px; text-transform: uppercase; line-height: 38px; text-align: center; -moz-transition: all ease .5s; -webkit-transition: all ease .5s; transition: all ease .5s; font-weight:300;}
#itinerarySubmit:hover, #itinerarySubmit:focus {background-color: #091e3b; color:#fff; text-decoration:none;}
.route > div.field {display: inline-block;}
.from, .to { color: #444; text-transform: uppercase; font-size: 13px; line-height: 30px; text-align: left; display:inline-block;}
.from{font-weight: bold;}
::-webkit-input-placeholder {color: #666;}
:-moz-placeholder {color: #666; opacity:1;}
::-moz-placeholder {color:#666; opacity:1;}
:-ms-input-placeholder {color:#666;}
#itineraryFrom {width: 260px; height: 38px; margin: 0 10px; color:#666;  font-size:16px; font-weight:300; padding:0 10px 0 20px; border:1px solid gainsboro;}
#itineraryPanel {position:relative; margin-top: 1em;}
.adp-warnbox {display:none;}
.adp-step, .adp-substep, .adp-text {text-align:left;}
.adp-text {line-height:40px; padding-left:20px; }
#print_itinerary {position:absolute; right:5px; top:10px; float: left; width: 300px; text-align:right; }
.print_itinerary > a {display: inline-block; color:#fff; background:#091e3b;  font-weight:300; font-size:14px; height: 30px; line-height: 30px; margin-top:16px; padding: 0 10px; }
table.adp-directions {width:100%;}
hr.map_social {border:0; padding:0; margin:0; height:1px; float:left; clear:both; width:100%; color:#cfcfcf; background-color:#cfcfcf; }
table.adp-placemark {background: none; border: 0; border-bottom: 1px solid #000; padding: 10px 0; display: block; border-top: 1px solid #000; }
#traveling_mode {position: absolute; right: 280px; top:30px; float: left; width: auto; text-align: right; }
#traveling_mode a {margin-left:10px; background:transparent url(https://maps.gstatic.com/tactile/directions/omnibox/directions-1x-20150929.png) no-repeat left top; width: 24px; height: 24px; float:left; overflow:hidden; line-height:250px; }
#traveling_mode a.driving {background-position:0 -96px;}
#traveling_mode a.bicycling {background-position:0 -168px;}
#traveling_mode a.transit {background-position:0 -120px;}
#traveling_mode a.walking {background-position:0 -144px;}

/*Preview social frontpage*/
.fb-social-widget, .fb-social-loader, .fb-social-more{margin:0 16px 16px 0;}
#social h2 {text-align: center; margin: auto;}

#social .the_subtitle:after{background:transparent;}
#social ul, #social_home ul {list-style-type: none; text-align: center;}
#social ul li, #social_home ul li {display: inline-block; line-height: 100px;}
#social ul li a, #social_home ul li a {font-size: 24px; transition: all ease .5s;}
#social ul li a:hover {opacity: 1;}
#social ul li a span {color: #000; font-size: 38px; transition: color ease .4s;}
#social ul img {width: 60px; height: 60px;}
#social_home .the_subtitle{font-size:15px;}
#social_home ul li a.facebook{background:#3b5998;}
#social_home ul li a.vkontakte{background:#45668e;}
#social_home ul li a.linkedin{background:#0077b5;}
#social_home ul li a.twitter{background:#55acee;}
#social_home ul li a.instagram{background:radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}
#social_home ul li a.line{background:#00c300; line-height:38px;}
#social_home ul li a.youtube{background:#cd201f;}
#social_home ul li a.googleplus{background:#dd4b39;}
#social_home ul li a:hover{background:#091e3b;}

/*Footer*/
#footer-nav ul {text-align:center;}
#footer-nav .social {float: right;}
#footer-nav .social li { padding-right:0;  margin-right:5px;}
#footer-nav .social li a{width:40px; height:40px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; background:#fff; color:#002238; opacity:1; text-align:center;}
#footer-nav .social li:last-child{margin-right:0;}
#footer-nav .social li a.facebook:hover{background:#3c599b; color:#fff;}
#footer-nav .social li a.linkedin:hover{background:#0077b5; color:#fff;}
#footer-nav .social li a.twitter:hover{background:#55acee; color:#fff;}
#footer-nav .social li a.instagram:hover{background:#3f729b; color:#fff;}
#footer-nav .social li a.googleplus:hover{background:#dc4e41; color:#fff;}
#footer {width: 100%; position: relative; background: #fff; padding-top:0; padding-bottom:20px;}
#footer .cover {width: 100%; height: 100%; background: rgba(0, 0, 0, .5); position: absolute; top: 0; left: 0; z-index: 40;}
#footer .background {width: 100%; height: 250px; position: relative; top: 0; left: 0; z-index: 30; overflow: hidden;}
#footer .background img {display: block; width: 100%;}
#footer .block {width: 25%; float: left; box-sizing: border-box; padding: 40px 50px 30px 50px; position: relative; z-index: 50;}
#footer .block strong { text-transform: uppercase; color: #444444; font-size: 21px; font-weight: 500; line-height: 24px; text-align: left;}
#footer .block strong::after {content: ""; display: block; width: 40px; height: 1px; background: #444444; margin-top: 6px;}
#footer .block ul {list-style-type: none;}
#footer .block ul li { color: #444444; font-size: 14px; font-style: italic; line-height: 30px; text-align: left;}
#footer .block ul li a {color: #444444; transition: all ease .4s;}
#footer .block ul li a:hover {color: #aaa;}
#footer .block p {line-height: 24px; margin-bottom: 20px; font-size: 14px;}
#footer .block form input {display: block; width: 100%; border: 0; box-sizing: border-box; border: solid 1px #aaa; background: #fff; color: #444; padding: 10px; margin: 10px 0 10px 0; outline: none; font-size: 12px;}
#footer .block form .btn {background: transparent; color: #444; border: 1px solid #444; text-transform: uppercase; display: inline-block; width: auto; float: right; padding: 10px 20px; cursor: pointer; transition: all ease .5s;}
#footer .block form .btn:hover {background: #444; color: #fff;}
#footer .block ul {list-style-type: none;}
#footer #social {width: 100%; background: #fff; position: relative; top: 0; left: 0; z-index: 30; overflow: hidden; float: left; color: #fff;}
#footer h2 { text-transform: uppercase; text-align: center; color: #000; letter-spacing: 0.1em;}
#footer-nav {float: left; display: block; width: 100%; padding: 20px 0; background: #091e3b;}
#footer-nav ul li {display: inline-block; padding-right:20px; list-style: none;}
#footer-nav a {color: #fff; font-weight:400; font-size: 12px; line-height: 30px; text-align: left; text-transform: uppercase; -moz-transition: opacity ease .4s; -webkit-transition: opacity ease .4s; transition: opacity ease .4s; display:block;}
#footer-nav a:hover {color: #61a7d2;}
#footer-nav ul li a img {width: 40px; height: 40px;}
#footer-two {float: left; display: block; width: 100%; padding-top: 20px;}
#footer-two h3 {text-align: center; width: 100%; line-height: 130%; font-size:18px; color:#091e3b; margin-bottom:10px; text-transform:uppercase;}
#footer-two #address {font-size: 15px; text-align: center; line-height: 28px; width: 100%; padding-bottom:20px;}
#footer-two #address .element{text-align:center; display:block; font-size:14px;}
#footer-two #address .element.phone, #footer-two #address .element.fax{display:inline-block;}
#footer-two #address .element .caption{position:relative; left:0; top:0; text-shadow:none; margin:0;}
#footer-two #address .element .ltr{font-weight:300;}
#footer-two #address .element.email a{color:#61a7d2;}
#footer-two #address .element.email a:hover, #footer-two #address .element.email a:focus{color:#091e3b;}

#footer-two img {text-align: center; margin-left: 50px;}
#footer_logo{ width:252px; height:150px; display:block; margin:0 auto; margin-bottom:20px;}
#footer_logo img{margin-left:0;}

/*Copyright*/
#copyright{border-top:1px solid #ddd;}
#copyright p {font-size: 13px; line-height: 24px; text-align: center; margin: auto; text-align: center; width: 100%; padding: 10px 0 20px; max-width: 1170px; font-weight:400;}

/*Seo*/
#seobar {display:none; text-align: center; }
#seobar * {display:inline; font-weight:normal; font-family:Arial; font-size: 10px; }

a.location_map {margin-top:1em; display:block;}

div#room {position: relative; overflow: hidden; height: 580px; float: left; clear: both; width: 33.3333333334%;}
.pager {text-align: center;}
.pager span {background: #000; overflow: hidden; border-radius: 100%; display: inline-block; height: 8px; margin: 0 2px; text-indent: -999px; width: 8px;}
.pager span.cycle-pager-active,
.pager span:hover {background: #ccc;}
.pager span:hover {cursor: pointer;}

#blocks {position: absolute; z-index: 100; top: 480px;}
#block {display: block; height: auto; background-color: rgba(0,0,0, 0.6); width: 360px; float: left; padding: 20px 20px 10px 20px; margin-right: 45px;}
#block h4 { color:  #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; line-height: 0px; text-align: left; margin-bottom: 15px;}
#block p { color:  #fff; font-size: 12px; font-weight: 300; line-height: 18px; text-align: left; padding: 0;}

.subrooms {-webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -ms-transition: background 0.4s ease; -o-transition: background 0.4s ease; transition: background 0.4s ease; clear: both; float: left; width: 100%; position: absolute; z-index: 999; background-color: rgba(255, 255, 255, 0.85);}
.subrooms.normal {bottom: 0;}
.subrooms ul {}
.subrooms li {display: inline; width: 16.666666666666668%; float: left; text-align: center; height: 50px; line-height: 50px;  text-transform: uppercase; font-size: 12px;}
.subrooms.fixed {top: 121px; position: fixed; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);}
.subrooms li.active, .subrooms li:hover { border-bottom: 1px solid #7d536d; color: #7d536d; cursor: pointer;}
 
.blocks {width: 50%; height: 384px; float: left; overflow: hidden;}
.blocks a {width: 100%; height: 100%; display: block; overflow: hidden; position: relative;}
.blocks .img {height: 100%}
.logos {display: block; margin: 10px auto 10px auto;}

.description h2 {position: absolute;  color: #fff; font-size: 36px; line-height: 36px; text-align: left; margin: 0; top: 0; float: left; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.7); left: 15%; right: 65%; top: 32%; padding: 40px;}
.description h3 {margin-top: 20px;  color:  #3d3c3c; font-size: 30px; font-weight: 700; line-height: 30px; text-transform: uppercase;}
.description span { color:  #3d3c3c; font-size: 16px; font-style: italic; line-height: 20px; font-weight: 700; margin-top: 30px;}
.description h3, .description p, .description span, .description hr {margin-left: 40px; margin-right: 40px; text-align: left; display: block; float: left; max-width: 570px;}

.blocks .news {position: absolute;  color: #fff; font-size: 36px; line-height: 36px; text-align: left; margin: 0; top: 0; float: left; background-color: rgba(0, 0, 0, 0.7); left: 55%; padding: 20px; border: none; width: 40%; height: auto;}
.blocks .one {top: 63%;}
.blocks .two {top: 81%;}
.blocks .news h4 { color:  #fff; font-size: 24px; font-style: oblique; line-height: 30px;}
.blocks .news p { color:  #fff; font-size: 14px; line-height: 20px; text-align: left;}
.blocks .news a { color:  #77406f; font-size: 14px; font-style: italic; line-height: 24px; text-align: right; font-weight: 600; letter-spacing: normal;}
.circle {position: absolute; left: 50%; margin-left: -40px; top: 530px; z-index: 10000;}
.gallery img {margin: 0;}

/* Rooms */
.page-template-template-rooms-php .section{padding-bottom:0;}
.page h2{text-align:center; text-transform:uppercase; margin-bottom:20px;}
strong.description { display: block; font-weight:300; font-size: 15px; line-height: 30px; text-align: center; font-style:italic;}
.roomtype {/* margin-bottom: 80px; */}
.roomtype li {width: 370px; display: block; float: left; position: relative; /* margin-bottom: 40px; margin-right:30px; */ margin:10px; padding-bottom:40px; box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.1); text-align:center;}
.roomtype li:nth-child(3n+1){clear:both;}
.roomtype li.last {margin-right:0}
.roomtype h4 {background:rgba(9, 30, 59, 0.8); position: absolute; top: 216px; display: block; width: 100%; height: 60px; color: #ffffff; font-size: 18px; text-transform: uppercase; text-align: center; line-height: 60px; margin:0;}
.roomtype h4:hover{background:#61a7d2;}
.roomtype img {width: 100%; height: 276px;}
.roomtype p {margin-top:30px; margin-bottom:20px; line-height: 24px; padding: 0 40px; font-size:15px; min-height:96px;}
.roomtype p strong{font-weight:300;}
.roomtype .btn {width: auto; line-height: 40px; display: inline-block; font-size: 12px; padding: 0 10px;}
.roomtype .book {background: #61a7d2; color: #fff; font-style:normal; text-transform:uppercase;}
.roomtype .book:hover, .roomtype .book:focus{background:#ad9d83; text-decoration:none;}
.roomtype .see {color: #fff; background: #091e3b; line-height: 40px; font-weight:300; text-transform:uppercase;}
.roomtype .see:hover, .roomtype .see:focus {background:#ad9d83; color:#fff; text-decoration:none;}

/* News main page */
.news-big {color: #3f3f3f; margin-bottom: 80px;}
.news-big, .news-small {position: relative; text-align: center; display: block; float: left; margin-bottom:1%; height:300px; overflow: hidden;}
.news-big {width:66%;}
.news-small {width:32.5%;}
.news-right {margin-right:1%;}
.news-big a {color: #77406f; font: italic bold 14px 'Raleway' , sans-serif; text-decoration: underline;}
.text-container {position: absolute; padding: 10px; background:#fff; background-color: rgba(255, 255, 255, 0.92); z-index: 1;}
.news-big .text-container {width: 400px; height: 180px; left: 50%; right: 50%; top: 50%; bottom: 50%; margin-left: -200px; margin-top: -90px;}
.news-small .text-container  {bottom:0; left:0; float:left; width:100%; height:124px;}
.news-big span, .news-small span {color: #818181; font-size: 14px; line-height: 40px; padding-top: 1em;}
.news-big span.read, .news-small span.read {font-family: 'Raleway' , sans-serif; color:  #61a7d2; font-size: 12px; font-style: italic; text-decoration:underline; display:block; line-height: 16px; font-weight:normal;}
.news-big .label, .news-small .label {color: #77406f; font: italic 12px /40px 'Raleway' , sans-serif; text-transform:capitalize;}
.news-big h4, .news-small h4 {color: #3f3f3f; font: 26px/26px 'Raleway', sans-serif; text-transform:inherit; margin:0;}
.mini-separator {width: 40px; margin: 10px auto 8px auto;}
.news-big .text-news, .news-small .text-news {color: #818181; font: 14px/20px 'Raleway' , sans-serif; display: block;}
.news-section span.load_more {background:#e2e2e9; float:left; clear:both; width:100%; height: 60px; line-height: 60px; text-align:center; cursor:pointer;  color:#333; font-size:16px; font-style: italic; margin-top:20px; }
.page-template-template-news #footer {margin-top:60px;}

/* News single page */
.slideshow_title > strong { width: 60%; display: block; margin: -70px 0 0 -30%; line-height: 70px; position: absolute; top: 50%; left: 50%; }
.slideshow_title > strong > hr { background:#fff; -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2); width: 70px; height: 2px; border:0; }
.slideshow_title > strong > span { display: block;  color:#fff; font-size: 18px; font-style: italic; line-height: 1; text-align: center; font-weight:normal; text-transform: capitalize; }
.page-template-template-news-single .left-column { border:0; }
.page-template-template-news-single .left-column > div > * { color:  #808080; font-size: 18px; font-weight: 300; line-height: 36px; }
.page-template-template-news-single .right-column > div { padding-bottom: 40px; float:left; width:100%; clear:both; }
.page-template-template-news-single .right-column > div > strong { text-transform:uppercase;  color:#3d3c3c; font-size: 18px; line-height: 36px; }
.social_share { text-align:center; }
.social_share .at-share-btn { background:none; float:none; margin:0 5px; }
.social_share .aticon-facebook { background:transparent url(../images/facebook.svg) no-repeat left top; }
.social_share .aticon-twitter { background:transparent url(../images/twitter.svg) no-repeat left top; }
.social_share .aticon-email { background:transparent url(../images/email.svg) no-repeat left top; }
.page-template-template-news-single .right-column > div li { float:left; clear:both; width: 100%; }
.illustrations li { padding-bottom:1em; }
.illustrations img { width:100%; height:auto; }
.illustrations small {  color:#998b83; font-size: 14px; font-style: italic; line-height: 30px; text-align: right; display:block; }
.news_links li { word-break: break-all; }
.news_links li a, .news_attachments li a { font-weight:normal; float: none; }
.page-template-template-spa .right-column > div { padding-bottom: 40px; float: left; width: 100%; clear: both; margin-top:20px;}
.page-template-template-spa .right-column > div > strong { text-transform: uppercase;  color: #3d3c3c; font-size: 18px; line-height: 36px; }
.news_attachments li { background:url(../images/icon-pdf.svg) no-repeat left 4px; padding-left:30px; }
.news_attachments li a { text-decoration:none; color:#3d3c3c; line-height:30px; font-style:normal;  }
.page-template-template-news-single .news_press > span { display: block; font-weight: bold; color: #323232; font-size: 16px; line-height: 24px; text-align: left; }
.page-template-template-news-single .news_press > a {  font-style: normal; font-size:16px; line-height: 24px; font-weight: normal; }
.news_more_articles { padding-top:50px; }
.news_more_articles h3{text-align:center;}
.more_articles { padding-top: 20px; }
.more_articles li { margin-right:1%; }
.more_articles li.last { margin:0; }
.page-template-template-news-single #footer { margin-top:60px;}

/* check if this appears somewhere in the html */
div#model {position: relative; overflow: hidden; height: 480px; float: left; clear: both; width: 100%;}
#slideshow {width: 940px; height: 550px; position: relative; margin: 30px auto 0 auto; float: none;}
#slideshow .wrapper {position: relative; float: left; width: 100%;height: 100%;}
#slideshow .prev, #slideshow .next { position: absolute; top: 50%; z-index: 500; cursor: pointer; background: transparent url(../img/arrow-left.png) no-repeat left top; float: left; width: 76px; height: 146px; margin-top: -73px;}
#slideshow .prev {left: -96px;}
#slideshow .next {right: -96px; background-image: url(../img/arrow-right.png);}
#slideshow .wrapper > div {position: relative; overflow: visible; float: left; width: 100%; height: 100%;}
#slideshow div.item {display: block; float: left; position: relative; width: 100%; overflow: hidden; height: 550px;}
#slideshow div.item span.overlay {float: left; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); position: absolute; top: 0; left: 0; margin: 0; z-index: 100;}
#slideshow div.item img {position: absolute; float: left; top: 50%; left: 50%;}
.ie8 #slideshow .ctx {float: left; width: 940px; position: absolute; margin: 0; left: 0; bottom: 0;}
.ie8 #slideshow .wrapper_ctx {position: absolute; top: 0;}

.col {display: inline-block; margin: 10px 45px 40px 45px;}
.col h3 { color: #444444; text-transform: uppercase; font-size: 16px; text-align: left; font-weight: 100;}
.col li { font-style: italic; color: #444444; font-size: 14px; line-height: 30px; text-align: left;}

/* CONTENT */
#content {display: block; width: 760px; margin: 0 auto 0 auto;}
#content h1, #content h2, #content h3, #content p, #content hr {text-align: left; margin: 15px 0 10px 0;}
#content p { font-size: 14px; line-height: 24px; margin-bottom: 30px;}
#content h1, #content h2, #content h3, #content img {margin-bottom: 10px;}
#booktreatment{background:#002b41; padding: 10px 30px; color:#fff; text-transform:uppercase; font-size:14px; margin-bottom:10px; display:inline-block;}
#booktreatment:hover, #booktreatment.focus{background:#ad9d83; font-family:'Raleway', sans-serif;}

/*Monuments*/
#monuments li {position:relative; display:inline; float:left; background:#fff; height:50px; border-right:1px solid #e6e6e6; color:#333; font-size: 14px; line-height: 50px; text-align: center; }
#monuments li strong{font-family: 'Raleway', sans-serif; font-weight:300;}
#monuments li.last {border:0;}
#monuments li.current{background:#091e3b; color:#fff;}
#monuments li.current:before { border-color: transparent transparent #091e3b; border-style: solid; border-width: 14px; content: ""; left: 50%; position: absolute; top: -28px; margin-left:-20px;}
#monuments li input {display:none;}
#monuments li label, #monuments li > strong { float:left; width:100%; height:100%; cursor:pointer; }
#monuments li > ul {display:none;}
#monuments li:hover{background:#091e3b; color:#fff;}
#monuments li:hover :before { border-color: transparent transparent #091e3b; border-style: solid; border-width: 14px; content: ""; left: 50%; position: absolute; top: -28px; margin-left:-20px;}
/*Places*/
#map_ctx #places{background: #fff; border-bottom: 1px none #e6e6e6; color: #333; font-size: 14px; position: absolute; text-align: center; width: 100%; height:50px; z-index: 100; bottom:0;}
#places_content { background: #fff none repeat scroll 0 0; border-bottom: 1px solid #dddde5; top: 30px; left: 30px; position: absolute; text-align: center; width: 200px;}
#places_list { overflow-x: hidden; overflow-y: auto; float:left; width:100%; height:100%; padding:10px 10px 0 10px;}
#places_list li {clear: both; font-size: 13px; font-weight: normal; line-height: 15px; display: block; margin-bottom: 10px; cursor:pointer;}
#places_list li.museums, #places_list li.museos, #places_list li.museus { background:transparent url(https://maps.gstatic.com/mapfiles/place_api/icons/museum-71.png) no-repeat left top; background-size:12px 12px; padding-left:18px; }
#places_list li.subway { background:transparent url(https://maps.gstatic.com/mapfiles/place_api/icons/generic_business-71.png) no-repeat left top; background-size:12px 12px; padding-left:18px; }
#places_list li.airports, #places_list li.aeropuertos, #places_list li.aeroportos { background:transparent url(https://maps.gstatic.com/mapfiles/place_api/icons/airport-71.png) no-repeat left top; background-size:12px 12px; padding-left:18px; }
#places_list li.restaurants, #places_list li.restaurantes, #places_list li.restaurante { background:transparent url(https://maps.gstatic.com/mapfiles/place_api/icons/restaurant-71.png) no-repeat left top; background-size:12px 12px; padding-left:18px; }
#places_list li.train { background:transparent url(https://maps.gstatic.com/mapfiles/place_api/icons/train-71.png) no-repeat left top; background-size:12px 12px; padding-left:18px; }
#places_list li.shopping, #places_list li.compras, #places_list li.compra { background:transparent url(https://maps.gstatic.com/mapfiles/place_api/icons/shopping-71.png) no-repeat left top; background-size:12px 12px; padding-left:18px; }
#places_list li input { display:none; }
#places_list li img {width: 12px; height: 12px; display: block; float: left;}
#places_list li strong {font-weight: normal; display: block; padding-left: 18px; text-transform: capitalize;}
.place_itinerary {clear: both; float: left; margin-top: 1em;}

.links {position: absolute; width: 300px; text-transform: uppercase; top: 260px;  color:  #ffffff; font-size: 18px; left: 50% ; margin-left: -150px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8); transition: all ease .3s;}
.links:hover {color: #e4e5e9;}
.link-book {margin-left: 45px;}

.main-arrow-wrapper {display: block; position: relative; height: 0px; width: 100%; z-index: 10; margin: 0; padding: 0;}
.main-arrow-content {position: absolute; overflow: hidden; height: 36px; top: -36px; width: 100%; z-index: 9999;}
.main-arrow {display: table; width: 100%; height: 40px;}
.main-arrow > div {display: table-cell; background-color: white; height: 40px; width: 100em;}
.main-arrow .elem-center {background-color: transparent; border-color: transparent white white white; border-style: solid; border-width: 20px; padding: 0; margin: 0; width: 1px; height: 0;}

/* Room single page */
#services .separator {display: block; width: 100%; border-bottom: solid 1px rgba(128, 128, 128, 0.5); margin-bottom: 5px;}
#services h4 { color:  #3d3c3c; font-size: 24px; line-height: 30px; text-align: left; text-transform: none; padding-bottom: 20px;}
#services h5 { color:  #3d3c3c; font-size: 18px; font-weight: 500; line-height: 18px; text-align: left; padding: 20px;}
#services li { color:  #696c6f; font-size: 14px; line-height: 36px; text-align: left; vertical-align: top; list-style-type:disc; margin-left:10px; width:30%; display:inline-block;}
#services li:before{content: "•"; display: inline-block; width: 10px;}
#services .service { display: block; background:#f0f0f2; margin-bottom: 20px;}
#services .service:last-child{margin-bottom:0;}
#services .service ul{padding:20px;}
.room-nav {height:50px;}

/*Room main page Nav*/
#room-nav { padding:0; height:50px; border-bottom:1px solid #ddd; text-align:center;}
#room-nav.fixed {position:fixed; top:150px; z-index:200;}
#room-nav a.previous_room, #room-nav a.next_room {overflow:hidden; background:transparent url(../images/arrow-left.svg) no-repeat center 18px; float: left; width: 8px; line-height: 180px; height:49px; padding: 0 35px;}
#room-nav a.next_room {background-image:url(../images/arrow-right.svg); float:right;}
#room-nav div.room_slider {float:left; width:1030px; position:relative; height: 49px; overflow:hidden;}
#room-nav div.room_slider > ul {float:left; top:0; left:0; position:absolute;}
#room-nav li {display: inline-block; height: 49px; vertical-align: top;}
#room-nav div.room_slider li {padding:0 20px; float:left;}
#room-nav a { color: #333; font-size: 12px; text-align: center; padding: 0 10px; line-height: 50px; width: 100%; height: 49px; display: block; margin: 0;}
#room-nav li a:hover {color:  #61a7d2; height: 49px; }
#room-nav  .room-active a {color: #61a7d2;}

#upscale {margin-bottom: 20px; padding: 20px; width: 100%; height: auto; display: block;}
#upscale h3 { margin:0; display:block; width:100%; }
#upscale h3 a { color: #61a7d2; font-size: 18px; line-height: 40px; text-align: left; display:block; font-weight:300;}
#upscale h3 a:hover{color:#091e3b;}
#upscale li {color: #3d3d3c; font-size: 14px; font-weight: 300; line-height: 24px; text-align: left;  font-style: normal;}
#upscale img {max-width: 100%; margin-bottom: 10px; width:100%; height:auto;}
#upsale {float:left; width:100%; height:328px; clear:both; position:relative; overflow: hidden;}
#upsale figure > a {float: left; width: 100%; height: 328px;}
#upsale img {float:left; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
#upsale figcaption {float:left; width:100%; height:110px; position:absolute; bottom:0; left:0; z-index:2; background:#000; background:rgba(0, 0, 0, 0.8); text-align: center;}
#upsale strong { color:#fff; font-size: 24px; line-height: 30px; text-transform:uppercase; display:block; margin:15px 0;}
#upsale span {font-weight:normal; font-size: 12px; padding:10px 12px;}
.page-template-template-room #footer {margin-top: 40px;}

/*Gallery page*/
.page-template-template-gallery-wp-php .main_slideshow{display:none;}
#video{top:50px;}
#video a .video-play{display:none;}

/*View gallery*/
#viewgallery {display: block; margin-top: 40px;}
#viewgallery img {width: 100%;}
#viewgallery h3 { text-transform: uppercase; color:  #ffffff; font-size: 30px; line-height: 30px; text-align: center; position: relative; top: 200px;}
#viewgallery hr {background-color: #fff; position: relative; top: 200px; text-align: center;}

/* Restaurants Page || Meetings Page || Restaurant single page  */
#meetings {background:#ececec; float:left; clear:both; width:100%; height:auto;}
#meetings div.section {background:#ececec; padding-bottom:0; padding-top:0;}
#meetings li { width:100%; background:#fff; float:left; display:inline-block; position:relative; height:400px;}
#meetings li:nth-child(even) a.w-resp{float:right;}
#meetings li.last {margin-right:0;}
#meetings li > a{position: relative; float:left; width:100%; overflow:hidden; height:400px;}
#meetings li > div {padding:30px 40px; text-align:center; position:absolute; bottom:0; background:rgba(9, 30, 59, 0.8); width:100%;}
#meetings li > div:hover{background:#61a7d2;}
#meetings li.first .content, #meetings li.second .content {width: 100%; padding: 120px 5%; position:absolute;}
#meetings li.second > a {float:right;}
#meetings li > div h4 {font-size:24px; margin: 0; padding-bottom: 10px; text-align:center; color:#fff; text-transform:uppercase; }
#meetings li > div strong {padding-bottom:30px; text-transform:capitalize;  color:#454545; font-size:24px; font-style:italic; line-height: 30px; text-align: center; font-weight:normal; display:block;}
#meetings li > div p {color:#fff; font-size: 15px; font-weight: 300; line-height: 19.5px; width:700px; margin:0 auto;}
#meetings li .btn {background-color: #091e3b; color: #fff; display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: 0.05em; line-height: 40px; padding: 0 20px; text-align: center; text-transform: uppercase; transition: all 0.3s ease 0s; margin-top:10px;}
#meetings li .btn:hover{background:#ad9d83;}
.meeting_rooms > table { float:left; width:100%; clear:both;  }
.meeting_rooms thead { background:#333; color:#fff; }
.meeting_rooms thead th.first { text-align: left; padding: 0px 0px 0px 15px; }
.meeting_rooms thead th { border-right:1px solid #666; border-bottom:1px solid #333; padding: 0px 2px; }
.meeting_rooms thead tr.second th { padding-bottom: 10px; font-weight: normal; font-size:12px; }
.meeting_rooms thead th img { margin: 5px; }
.meeting_rooms tbody tr { height: 25px; border-top: 1px solid #efefef; background-color: #f7f7f7; }
.meeting_rooms tbody tr:hover { border-top:1px solid #efefef; background: #e6e6e6; }
.meeting_rooms tbody tr th { font-size: 12px; border-right: 1px solid transparent; padding: 15px 15px 10px 15px; width: 240px; color: #333; text-align: left; font-weight: normal; text-transform: uppercase; }
.meeting_rooms tbody tr:hover th { border-right: 1px solid transparent; }
.meeting_rooms tbody tr td { border-right: 1px solid transparent; color: #666; text-align: center; vertical-align: middle; font-size: 12px; padding: 5px; }
.meeting_rooms tbody tr:hover td { border-right: 1px solid transparent; }
.meeting_images li { float:left; width:100%; height:355px; overflow:hidden; position:relative; clear:both; margin-bottom:1em; margin-left:0 !important; }
.meeting_content { float:left; width:100%; clear:both; margin:1em 0; }
.meeting_content > p { line-height:30px; }
.meeting_content > ul { list-style-type:disc; list-style-position:inside;  color: #3d3c3c; font-size: 16px; }
.meeting_order { cursor:pointer; margin-bottom:1em; text-decoration:none; font-style:normal; font-weight:normal;  font-size:12px; text-transform:uppercase; line-height:22px; padding: 16px; display:inline-block; }
.restaurant_order { padding: 16px 32px; display:inline-block;}
.meeting_attachments { float:left; clear:both; width:100%; margin:10px 0; }
.meeting_attachments li a { font-weight:normal; float: none; }
.meeting_attachments li { background:url(../images/icon-pdf.svg) no-repeat left 4px; padding-left:30px; }
.meeting_attachments li a { text-decoration:none; color:#3d3c3c; line-height:30px; font-style:normal;  }
.meeting_form, .restaurant_form { float:left; clear:both; width:800px; margin-top:1em; padding-bottom:1em; }
.restaurant_form h3{text-align:center;}
.meeting_form > form, .restaurant_form > form, .restaurant_form .tableplus-form > form { margin: 0 auto; display: block; width: 540px; }
.restaurant_form .tableplus-form > form { width:400px; }
.meeting_form h3{text-align:center;}
.meeting_form form select, .restaurant_form form select { width: 37%; float: left; }
.meeting_form form select#form_hours, .restaurant_form form select#form_hours { margin-right: .5%; width: 36.5%; }
.meeting_form form input:focus, .meeting_form form select:focus, .meeting_form form textarea:focus,
.restaurant_form form input:focus, .restaurant_form form select:focus, .restaurant_form form textarea:focus {border-color:  #77406f; box-shadow: 0px 0px 8px 0px rgba(119, 64, 111, 0.4);}
#ui-datepicker-div.ui-datepicker-multi-2 { width:33em; }
.popin_form { float:left; clear:both; width:100%; text-align:center; margin-top:3em; }
strong.mail_sent { padding:50px; font-size: 22px;  color: #3d3c3c; text-align: center; display: block; }
.meeting_form p.alert, .restaurant_form p.alert { text-align:center; }
.restaurant_chef { float:left; width:100%; background:#222; height:auto; padding:40px 62px; }
.restaurant_chef h3 { color:#fff; }
.restaurant_chef hr { background-color:#fff; color:#fff; }
.restaurant_chef > p { color:#fff; font-family: Raleway, sans-serif; font-size: 18px; font-style: italic; line-height: 30px; text-align: center;  }
.restaurant_chef div.content { float: left; clear: both; width: 100%; position: relative; margin-top:2em; }
.restaurant_chef div.content * { color:#cfcfcf; line-height: 30px; }
.restaurant_chef div.content p:before { content: "“"; position: absolute; font-size: 6.25em;  top: -14px; left: -50px; color: #cfcfcf; line-height: 1; }
.restaurant_chef div.content:before { content: "”"; position: absolute; font-size: 6.25em;  bottom: -60px; right: -40px; color: #cfcfcf; }
.restaurant_press, .restaurant_offers { float:left; clear:both; width:100%; margin-top:3em; }
.restaurant_press ul { padding-top:1em; }
.restaurant_press li { width:32%; margin-right:2%; margin-bottom:2%; float:left; height:290px; overflow:hidden; }
.restaurant_press li.last { margin-right:0; }
.restaurant_press li img { width:100%; float:left; }
#subnav { width:100%; float:left; clear:both; height:50px; }
.subnav { position:relative; float:left; width:100%; background:#091e3b; height:50px; }
.subnav.fixed { position:fixed; top:150px; z-index:200; }
.subnav li { float:left; padding:0 30px; height:50px; }
.subnav li a { text-transform:capitalize; color:#cfcfcf;  font-size:14px; line-height:50px;  }
.subnav li.current { border-bottom:4px solid #cfcfcf; }
.subnav li.current a { color:#fff; }
.page-template-template-restaurant #footer { margin-top:60px; }
/* #logo.al-liwan{background: url('../images/logo_liwan.png') no-repeat scroll 50% 0; background-size:120px; height:120px;} */
/* #logo.zaitouna-house{background: url('../images/logo_zaitouna_house.png') no-repeat scroll 50% 0; background-size:235px; height:100px;} */
/* #logo.al-forno{background: url('../images/al_forno_logo.png') no-repeat scroll 50% 0; background-size:242px; height:118px;} */
/* #logo.pirate-s-club{background: url('../images/logo_pirates_club.png') no-repeat scroll 50% 0; background-size:242px; height:70px;} */
/* #logo.amouage-lounge-terrace{background: url('../images/logo_amouage_lounge_terrace.png') no-repeat scroll 50% 0; background-size:240px; height:135px;} */
/* #logo.al-majlis{background: url('../images/al_majilis_logo.png') no-repeat scroll 50% 0; background-size:240px; height:40px;} */
/* #logo.infinity-pool-bar{display:none;} */
/* #logo.turtle-beach-bar{background: url('../images/logo_turtle_beach.png') no-repeat scroll 50% 0; background-size:235px; height:120px;} */

/* Offers main page */
.page-template-template-special-offers-php .the_title{margin-bottom:40px;}
div.main_offer { float:left; width:100%; height:420px; overflow:hidden; margin-bottom:40px; }
div.main_offer > div { padding:20px; background:#000; background:rgba(255, 255, 255, 0.7); width: 500px; height: 240px; position: absolute; z-index: 5; bottom: 40px; right: 105px; }
div.main_offer > div h3 { display:block; margin:0; text-transform:none; color:#252421; font-size: 36px; line-height: 30px; }
div.main_offer > div strong { color:#252421; font-size: 18px; line-height:30px; display:block; text-align:center; font-weight:normal; padding-top:10px; overflow:hidden; height:70px; }
div.main_offer > div span { display:block; text-align:center; margin-top:25px; }
div.main_offer > div span.date {  color:#fff; font-size: 16px; font-style: italic; line-height:36px; margin:0; }
div.main_offer > div a.btn { font-style: italic; padding: 12px 30px; font-size:14px;} 
li.offer_detail { width:32.5%; float:left; border:1px solid #e5e5e5; padding:20px; min-height:680px; margin:0 1.2% 1.2% 0; position:relative; box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.1);}
li.offer_detail:nth-child(3n+0){margin-right: 0;}
li.offer_detail.last { margin-right:0; }
li.offer_detail > a > div { float:left; width:100%; height:340px; overflow:hidden; margin-bottom:20px;}
li.offer_detail > h3 { text-transform:uppercase; color:#252421; font-size:24px; line-height:30px; padding:5px 0; width:100%; text-align:center; display:inline-block; }
li.offer_detail > p { color:#3f3f3f; font-size: 14px; line-height:22px; display:inline-block; width:100%; height:85px; overflow:hidden; margin-top:5px; }
li.offer_detail > strong{text-align:center; display:inline-block; padding-top:30px; width:100%;}
li.offer_detail > span { float:none; clear:both; width:100%; text-align:center; padding:20px 0; display:inline-block; }
li.offer_detail a.btn { letter-spacing: 0.7px; padding: 12px 30px; font-size:14px; clear:both; text-transform:uppercase; display:inline-block;}
li.offer_detail > em > span{ display:block; text-align:center;}

.outlets_list { padding-top:2em; list-style-type: none; }
.outlets_list li { padding:0; width:31.65%; border:0; margin: 0 2.5% 2.5% 0; /*height:610px;*/ }
.outlets_list li.last { margin:0 ; }
.outlets_list li > a, .outlets_list li > div, .outlets_list li > a > div { height:370px; display:block; }
.outlets_list li h3 { color:#454545; }
.outlets_list li > p { color:#454545; font-size:16px; line-height:24px; padding:0 20px; height:100px; display:inline-block; }
.outlets_list li .btn { bottom:25px; }

#offers h3{text-align:center;}
#offers .outlets_list li { width:49%; margin:0 2% 4% 0; }
#offers .outlets_list li.last { margin-right:0; list-style-type:none;}

.choose_offers{text-align:center; padding-bottom:20px; display:none;}

/* Offer single page */
#breadcrumbs { font-size: 14px; color:#3d3c3c; padding:10px 0; }
#breadcrumbs a, #breadcrumbs > span { color:#818181; }
#breadcrumbs > span, #breadcrumbs > strong { margin-left:5px; font-size: 14px; }
.single_offer { margin-top:50px; }
.single_offer div.image { float:left; width:100%; height:420px; overflow:hidden; }
.single_offer div.image h3 { color: #fff; text-transform: uppercase; font-size: 50px; text-align: center; position: absolute; top: 0; left: 0; float: left; width: 100%; z-index: 100; margin: 0; height: 420px; line-height: 420px; text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.9); font-weight:300;}
.single_offer h4 { text-align:left; font-size:24px; margin:0; }
.single_offer span.date { color:  #3d3c3c; font-size: 16px; font-style: italic; line-height: 30px; padding-bottom:1em; display: block; text-align: left;}
.single_offer .features { background: #f0f0f2; padding:20px; }
.single_offer .features h4 { text-transform:none; margin:0; }
.single_offer .features ul { list-style-type:disc; list-style-position:inside; }
.single_offer .features li { padding-top: 1em;  color:#3f3f3f; font-size: 16px; font-style: italic; line-height: 30px; }
.single_offer .offer_content { margin:0 0 1em 0; }
.single_offer .terms { margin-top:2em; }
.single_offer .terms h5 { cursor:pointer;  color:#3f3f3f; font-size: 21px; line-height: 40px; text-decoration: underline; background:transparent url(../images/arrow_down.svg) no-repeat right 14px; background-size:10px 5px; display: inline; padding-right:18px; }
.single_offer .terms > div { display:none; }
.single_offer .left-column { width:77%; border-right:0; margin-top:20px; }
.single_offer .no-right-column { width:100%; }
.single_offer .right-column { width:23%; margin-top:20px; }
.single_offer .right-column #bookingform { float:left; width:100%; background:#091e3b; padding:40px 0; }
.single_offer .right-column #bookingform.hide{display:none;}
.single_offer .right-column #bookingform strong{color:#fff; font-style:normal;}
.single_offer .right-column #bookingform div.field { float:none; width:82%; margin:0 auto; }
.single_offer .right-column #bookingform div.field  > label { width:100px; color:#fff;}
.single_offer .right-column #bookingform div.submit { padding-top:2em; }
.single_offer .right-column #bookingform input.submit_button { height:auto; width:80%; float:none; padding:0; margin:0 auto; background:#61a7d2;}
.single_offer #ui-datepicker-div { margin:0; }

/* Gallery */
#gallery_popin { position:fixed; z-index:9999; top:-99999px; left:-99999px; float:left; width:100%; height:100%; background:rgba(0,0,0,.8); }
#gallery_popin.shown { top:0; left:0; }
#gallery_popin_ctx { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); float:left; width:98%; height:96%; margin: 1%; position:absolute; top:0; left:0; padding:0; overflow:hidden; }
#gallery_thumbnails { float:left; position:absolute; bottom:0; left:0; width:100%; height:108px; background:#000; z-index:15; }
#gallery_categories { -moz-transition: left ease-in-out .4s; -webkit-transition: left ease-in-out .4s; transition: left ease-in-out .4s; float:left; width:300px; height:100%; position:absolute; top:0; left:0; z-index:10; background:rgba(0, 0, 0, 0.8); } 
#gallery_categories.closed { left:-300px; }
#gallery_categories ul { float:left; width:260px; padding:5px 20px; position:absolute; top:0; left:40px; }
#gallery_categories li { cursor:pointer; text-transform:uppercase;  color:#a8a8a8; font-size: 18px; line-height:36px; font-weight:300; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#gallery_categories li.active { color:#fff; background:none; }
#gallery_thumbnails_ctx { float:left; position:absolute; width:100%; height:84px; overflow:hidden; }
#gallery_scrollbar { float:left; width:100%; height:24px; position:absolute; bottom:0; left:0; background:#3f3f3f; }
.gallery_scrollbar_bar { position:absolute; top:4px; left:7.5%; width:92%; float:left; margin-right:.5%; }
.gallery_scrollbar_track { -moz-transition: width ease .3s; -webkit-transition: width ease .3s; transition: width ease .3s; position:absolute; top:0; background:#9E9E9E; border-radius:8px; height:16px; width:500px; left:0; cursor:pointer;  }
.gallery_info { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-right:1px solid rgba(255, 255, 255, 0.3); position:absolute; top:0; left:0; width:7%; line-height:14px; color:#fff; font-size:12px; text-align:center;  height:14px; margin:5px 0; }
.gallery_prev, .gallery_next { display:block; cursor:pointer; float:left; position:absolute; top:0; height:100%; z-index:5; width:105px; margin:0; }
.gallery_prev { left:0; background:transparent url(../images/gallery_prev.svg) no-repeat center center; }
.gallery_next { right:0; background:transparent url(../images/gallery_next.svg) no-repeat center center; }
#gallery_caption { padding:15px; z-index:7; position:absolute; right:45px; bottom:108px; background:#000; background:rgba(0, 0, 0, 0.7); width: 350px; height: 75px; }
#gallery_caption strong {clear: both; margin-top: .75em; display:block;  color:#fff; font-size: 18px;}
#gallery_caption span { float: left;  color:#a8a8a8; font-size:14px; font-style:italic; }
#gallery_caption small { float: right;  color:#cfcfcf; font-size:12px; }
#gallery_caption small i { font-style:normal; }
#gallery_thumbnails_ctx ul { width:100%; position:absolute; top:2px; left:0; float:left; height:80px; }
#gallery_thumbnails_ctx li { cursor:pointer; overflow: hidden; float:left; width:130px; height:80px; margin-right:2px; position:relative; }
#gallery_thumbnails_ctx li:after { position:absolute;z-index:5; content:""; display:block; float:left; width: 122px; height: 72px; border:4px solid transparent; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
#gallery_thumbnails_ctx li.current:after { border-color:#fff; border-color:rgba(255,255,255,.5); }
#gallery_thumbnails_ctx li img { float:left; width:100%; z-index:2; position:relative;}
#gallery_preview { position:absolute; top: 0; left: 0; width: 100%; height:100%; z-index: 1; background:#fff;}
#gallery_preview:before { content:''; position:absolute; top:50%; left:50%; float:left; width:36px; height:36px; margin:-80px 0 0 136px; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: -1; }
#gallery_preview.closed:before { margin-left:-18px; }
#gallery_popin span.video-play { width: 32px; height: 32px; margin: -16px 0 0 -16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; float: left; position: absolute; z-index:3; top: 50%; left: 50%; background: transparent url(../images/btn-play.svg) no-repeat left top; }
#gallery_popin span.virtual-play { width: 32px; height: 32px; margin: -16px 0 0 -16px; float: left; position: absolute; z-index:3; top: 50%; left: 50%; background-size: 32px;}
#gallery_popin span.close { position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: transparent url(../images/close.png) no-repeat left top; z-index:10; cursor:pointer; }
.gallery_menu { cursor:pointer; float:left; width:40px; height:40px; background:#002238 url(../images/gallery_menu.svg) no-repeat center center; position:absolute; top:0; left:0; z-index:20; }

/* Forms */
form input {border: solid 1px #a8a8a8; width: 400px; height:24px; padding-left: 5px; background:#fff; }
form label {text-align: left; width: 140px; display: block; float: left;  color: #3d3c3c; line-height:24px;}
form select {border: solid 1px #a8a8a8; width: 400px; height: 24px; padding-left: 5px; outline: 0; border: 1px solid #a8a8a8; background-color: #fff; }
form textarea {width: 400px; height: 140px; border: solid 1px #a8a8a8; padding: 5px 0 0 5px; background:#fff; }

input.tableplus-submit { width:100%; }
form > p, form > div { margin-top: 12px; float:left; width:540px; }
form > div { clear:both; }
form > .alert label { color:#77406f; }
form > .alert input, form > .alert textarea { border:1px solid #77406f; background:#77406f; background:rgba(119,64,111,.2); }
#re-captcha { float:right }
.restaurant_form .tableplus-form > form > div { width:100%; }
.restaurant_form .tableplus-form > form select, .restaurant_form .tableplus-form > form  .tableplus-datepicker { float:right; width:50%; }
div.resdiary-form button.RDbtn > span {  font-weight:normal; }
.booking-widget-container .RDbtn-default, .booking-widget-container .RDbtn-default.disabled, .booking-widget-container .RDbtn-default.disabled.active, .booking-widget-container .RDbtn-default.disabled.focus, .booking-widget-container .RDbtn-default.disabled:active, .booking-widget-container .RDbtn-default.disabled:hover, .booking-widget-container .RDbtn-default[disabled], .booking-widget-container .RDbtn-default[disabled].active, .booking-widget-container .RDbtn-default[disabled].focus, .booking-widget-container .RDbtn-default[disabled]:active, .booking-widget-container .RDbtn-default[disabled]:focus, .booking-widget-container .RDbtn-default[disabled]:hover, fieldset[disabled] .booking-widget-container .RDbtn-default, fieldset[disabled] .booking-widget-container .RDbtn-default.active, fieldset[disabled] .booking-widget-container .RDbtn-default.focus, fieldset[disabled] .booking-widget-container .RDbtn-default:active, fieldset[disabled] .booking-widget-container .RDbtn-default:focus, fieldset[disabled] .booking-widget-container .RDbtn-default:hover, .booking-widget-container input[type=text], .RDdatepicker table tr td.RDday, .booking-widget-container .RDform-control, .booking-widget-container .RDinput-group-addon { border-color: #a8a8a8 ;}
.booking-widget-container { background:#f9f9f9; display:block; height:300px; }
.booking-widget-container .RDbtn-default.disabled:focus, .booking-widget-container input[type=text]:focus, .RDdatepicker table tr td.RDday.focused,.RDdatepicker table tr td.RDday:hover { border-color: #77406f; }
.RDdatepicker table tr td.RDday.focused,.RDdatepicker table tr td.RDday:hover { background-color: #77406f; }
.RDdatepicker table tr td.RDactive, .RDdatepicker table tr td.RDactive.disabled, .RDdatepicker table tr td.RDactive.disabled:hover, .RDdatepicker table tr td.RDactive:hover { border-color: #77406f; background-color: #77406f; }
.booking-widget-container .RDparty-size-container .RDfilter-option:after, .booking-widget-container .RDreservation-date-container .RDglyphicon-calendar::before, .booking-widget-container .RDservice-container .RDfilter-option:after { color: #77406f; }
.booking-widget-container .RDservice-container .RDnoAvailability {color:#000;}
.resdiary-form {display:block;}

/* Contact page  */
.page-template-template-contact .left-column { float: right; padding-right: 0; padding-left: 5%; border-right: 0; border-left: 1px solid #cfcfcf; }
.page-template-template-contact .right-column { float:left; }
.page-template-template-contact .left-column > strong { color: #3d3c3c; text-transform: uppercase; font-size: 30px; line-height: 30px; text-align: center; margin: 10px 0 0 0; display:block;}
.page-template-template-contact .left-column > strong.mail_sent { padding:220px 0; font-size: 22px; }
.page-template-template-contact .left-column > p.alert { color:#77406f; display:block; text-align:center; width:540px;}
.page-template-template-contact form input:focus, .page-template-template-contact form select:focus, .page-template-template-contact form textarea:focus {border-color:  #77406f; box-shadow: 0px 0px 8px 0px rgba(119, 64, 111, 0.4);}

/* Newsletter page */
.page-template-template-newsletter .left-column { margin-bottom:0; float: right; padding-right: 0; padding-left: 5%; border-right: 0; border-left: 1px solid #cfcfcf; }
.page-template-template-newsletter .right-column { float:left; }
.page-template-template-newsletter p.checkbox { padding:20px 0 0 0; }
.page-template-template-newsletter div.interests { padding:0; }
.page-template-template-newsletter div.interests li { float:left; clear:both; width:100%; }
.page-template-template-newsletter p.checkbox input, .page-template-template-newsletter div.interests input { float:left; width:20px; height:20px; padding:0; margin:0; }
.page-template-template-newsletter p.checkbox label, .page-template-template-newsletter div.interests label { float:left; width:230px; margin:0 10px; }
.page-template-template-newsletter div.interests > label { margin:0; width:auto; padding-bottom: 10px; }
.page-template-template-newsletter p.checkbox select { float:left; width:270px; }
.page-template-template-newsletter div.captcha { padding-top:20px; }
.page-template-template-newsletter div.right-column ul { list-style-type:disc; list-style-position:outside; width:72%; }
.page-template-template-newsletter div.right-column li { line-height: 18px; padding-bottom:1em;  }
.page-template-template-newsletter p.legal {  color:#818181; font-size: 12px; line-height: 18px; padding-top:40px; }
.page-template-template-newsletter #footer { margin-top:60px; }
.page-template-template-newsletter form input:focus, .page-template-template-newsletter form select:focus, .page-template-template-newsletter form textarea:focus {border-color:  #77406f; box-shadow: 0px 0px 8px 0px rgba(119, 64, 111, 0.4);}
.page-template-template-contact form input[type=checkbox]:focus { box-shadow:none; }

/* Gallery Page */
body.page-template-template-gallery { background:#222; }
body.page-template-template-gallery-wp { background:#222; }
#video, #video-ctx { float: left; width: 100%; height: 550px; position:relative; }
.video-play { cursor:pointer; width:70px; height:70px; float:left; position:absolute; z-index:1; margin:-35px 0 0 -35px; top:50%; left:50%; background:transparent url(../images/btn-play.svg) no-repeat left top; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -moz-box-shadow: 0 0 20px rgba(0,0,0,.8); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.8); box-shadow: 0 0 20px rgba(0,0,0,.8); }
.virtual-play { cursor:pointer; width:70px; height:70px; float:left; position:absolute; z-index:1; margin:-35px 0 0 -35px; top:50%; left:50%; background:transparent url(../images/virtual-tour-icon.png) no-repeat left top; background-size: 70px; }
#gallery div.elm .video-play { width:48px; height:48px; margin:-24px 0 0 -24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; }
#gallery { clear:both; float:left; width:100%; margin-top:150px; }
#gallery div.video, #gallery .video-ctx { width:390px; height:250px; position:relative; }
#gallery div.elm { opacity:0; }
#gallery div.elm.set { opacity:1; }
#gallery div.elm.set a:after {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;

    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media  (max-width: 767px) {
    #gallery div.elm.set a:after{
        border-left: none;
    }
}
#gallery div.landscape img { width:390px; height:250px; }
#gallery div.portrait img { width:390px; height:500px; }
#gallery div.image figcaption { -moz-transition: opacity ease-in-out .4s; -webkit-transition: opacity ease-in-out .4s; transition: opacity ease-in-out .4s; opacity:0; position:absolute; top:0; left:0; float:left; width:100%; height:100%; background:rgba(0,0,0,.75); }
#gallery div.set:hover figcaption, #gallery div.set:active figcaption { opacity:1; }
#gallery div.image figcaption > div { position:absolute; left:0; bottom:0; float:left; padding: 0 20px 20px 20px; width:100%; }
#gallery div.image figcaption h4 { margin:0; color:#fff; display:block; text-align: left; line-height: 24px; font-weight:bold; font-size:18px;  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); }
#gallery div.image figcaption span.tag { text-transform:capitalize; display:block;  color:#a8a8a8; font-size: 14px; font-style: italic; line-height:1; text-align: left; }
#gallery div.image figcaption span.magnify { position:absolute; right:20px; bottom:20px; background:transparent url(../images/magnify.svg) no-repeat left top; width:30px; height:30px; float:left; z-index:5; }
#gallery-tags { background-color:  #323232; width: 390px; height: 500px; }
#gallery-tags h3 { color:#fff; margin:0;text-align:left; padding:20px 30px; }
#gallery-tags > span { display:none; }
#gallery-tags ul { padding:0 30px; }
#gallery-tags li { cursor:pointer;  color:#a8a8a8; font-size: 18px; font-weight: 700; line-height: 36px; text-align: left; text-transform:uppercase; text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); }
#gallery-tags li.active, #gallery-tags li:hover, #gallery-tags li:active { color:#fff; background:none; }
.page-template-template-gallery #footer { margin-top:110px; }
.page-template-template-gallery-wp #social_home{background:#fff;}

/*Treatment menu page*/
.page-template-template-treatmentmenu .right-column .btn{display:inline-block;}

/* */
div.left-column > div > ul { list-style-type: disc; list-style-position:inside; padding-bottom: 1em; display:inline-block; width:100%; height: auto; }
div.left-column > div > ol { list-style-type: decimal; list-style-position:inside; padding-bottom: 10px; padding-bottom: 1em; }
div.left-column > div > ul > li {  color: #3d3c3c; font-size: 16px; line-height: 24px; margin-left:20px; font-weight:300; list-style-type:none; /*text-indent:-20px;*/}
/* div.left-column > div > ul > li:before{content:'•'; margin-right:10px;} */

/* Location Page */
.page-template-template-location #location { padding-top:40px; }
.page-template-template-location #location p, .page-template-template-location #location span.capital { font-size: 18px; }
#internal_page #location::before{background:transparent;}
#internal_page #location .content{margin-bottom:20px;}
#location .the_subtitle{color:#ad9d83;}

/*Spa section*/
#spa_form h3{text-align:center;}

/* Sitemap */
.sitemap ul {  }
.sitemap ul ul{ padding-left:1em; padding-top:10px; padding-bottom:5px; list-style-type:disc; list-style-position:inside; }
.sitemap li { padding:5px 0 }
.sitemap > ul > li > a { font-weight: bold;  color: #3d3c3c; font-size: 16px; line-height: 24px; }
.sitemap ul ul > li > a {  color: #3d3c3c; font-size: 14px; }
.sitemap a:hover, .sitemap a:active { text-decoration:underline; }

/* 404 */
h3.error_404 { padding:50px 0; }

/* rtl */
body.rtl { direction: rtl; unicode-bidi: embed; overflow-x:hidden; }
body.rtl .section p, body.rtl .right-column h3, body.rtl #services h4, body.rtl #services h5, body.rtl #services li, body.rtl nav ul li > ul li a, body.rtl nav ul,
body.rtl .adp-step, body.rtl  .adp-substep, body.rtl  .adp-text, body.rtl .meeting_rooms thead th.first  { text-align:right }
body.rtl nav ul, body.rtl #traveling_mode a, body.rtl .subnav li { float:right; }
body.rtl .left-column { padding-left:2%; padding-right:0; border-left:1px solid #cfcfcf; border-right:0; float: right; }
body.rtl .right-column { padding-left:0; padding-right:2%; text-align:right }
body.rtl #booking #bookingform-check div.checkin, body.rtl #booking #bookingform-check div.checkout, body.rtl #booking #bookingform-check div.adults { border-right:0; border-left:1px solid #f5f5f5; }
body.rtl #booking img { margin: -5px 10px 0 0; }
body.rtl img.pin_address { margin:0 0 0 10px; float: right; }
body.rtl #tripadvisor div.right-column > div { float:right; right:30px; left:auto; }
body.rtl .see-gallery a { right:auto; /*left: 80px*/ }
body.rtl #map_buttons .map, body.rtl #map_buttons .satellite, body.rtl #map_buttons .streetview { right:auto; left:0; }
body.rtl .fancybox-close { right:auto ; left: 0; }
body.rtl #book_panel { right:auto; left:-370px; -moz-transition: left ease .4s; -webkit-transition: left ease .4s; transition: left ease .4s; }
body.rtl #book_panel.open { left: 0; }
body.rtl #itinerarySubmit { margin:0 30px 0 0; }
body.rtl #print_itinerary { right:initial; left:0; text-align: left; }
body.rtl #traveling_mode { right:initial; left:280px; } 
/* body.rtl form input, body.rtl form select{ padding-left:0; padding-right:5px; } */
body.rtl #checkin, body.rtl #checkout { background:#fff url(../images/calendar.svg) no-repeat 5px 1px;  background-size: 14px 20px; }
body.rtl #ui-datepicker-div { margin: 0; -webkit-box-shadow:4px 7px 5px rgba(0,0,0, .8); -moz-box-shadow:4px 7px 5px rgba(0,0,0, .8); box-shadow:4px 7px 5px rgba(0,0,0, .8); }
body.rtl .ui-datepicker .ui-datepicker-next { left: 0; right:auto; }
body.rtl .right-column a, body.rtl #footer-nav ul, body.rtl #logo, body.rtl #hotel-name, body.rtl #highlighted ul li, body.rtl form label { text-align: right; float:right; }
body.rtl #logo { margin:0 0 0 20px; }
body.rtl .social, body.rtl #book_button, body.rtl #lang, body.rtl .submit input { float:left; }
body.rtl #gallery-tags h3, body.rtl #gallery-tags li, body.rtl .single_offer h4 { text-align: right; }
body.rtl #breadcrumbs > span, body.rtl #breadcrumbs > strong { margin-left: 0; margin-right: 5px; }
body.rtl #monuments li { border-left: 1px solid #fff; border-right:0; }
body.rtl #monuments li.last { border:0; }
body.rtl .place_itinerary { float:right; }
body.rtl #places_content { left:initial; right:30px; }
body.rtl #places_list li img { float:right; }
body.rtl #places_list li strong { padding-left:0; padding-right:18px; }
body.rtl.page-template-template-legal div.left-column > div { text-align: left; direction: ltr; }
body.rtl.home #wrapper .section .right-column{padding:60px 40px 60px 0;}
body.rtl #highlighted ul li{border-left:1px solid #ddd; border-right:0;}
body.rtl .overlay .description{display:block;}
body.rtl .right-column a.btn{float:none;}
body.rtl .news-big .text-container {right:inherit;}

/* lang AR */
html.lang_ar  #logo img {top:10px}

/* lang RU */
html.lang_ru #room-nav a {font-size:12px;}

/* Gravity forms */
.gform_wrapper {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.gform_wrapper form > p, .gform_wrapper form > div {
    font-size: 14px;
}

.gform_wrapper form label {
    float: none;
    width: auto;
}

.gform_wrapper .top_label div.ginput_container {
    margin-top: 0;
}

.gform_wrapper .gform_heading {
    margin: 0;
}

.gform_wrapper .gform_heading h3.gform_title {
    font-size: 22px;
    margin: 0;
    line-height: 130%;
}

.gform_wrapper .gform_heading span.gform_description {
    margin: 0;
}

.gform_wrapper .gform_body {
    margin-top: 0;
}

.gform_wrapper label.gfield_label {
    font-weight: normal;
    margin-bottom: 5px;
}

.gform_wrapper .field_sublabel_below
.ginput_complex.ginput_container label,
.gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_time_"] label {
    font-size: 12px;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    font-weight: normal;
    text-indent: 10px;
    font-size: 14px;
}

.gform_wrapper ul.gform_fields {
    margin: 0;
    padding: 0;
}

.gform_wrapper ul.gform_fields > li.gfield {
    clear: none;
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gform_wrapper ul.gform_fields > li.gfield .ginput_container {
    position: relative;
}

.gform_wrapper ul.gform_fields > li.gfield .ginput_container input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    width: 100%;
}

.gform_wrapper ul.gform_fields > li.gfield .ginput_container img.ui-datepicker-trigger {
    position: absolute;
    right: 4px;
    bottom: 4px;
    z-index: 1000;
    cursor: pointer;
}

.gform_wrapper ul.gform_fields > li.gfield .ginput_container_select {
    position: relative;
}

.gform_wrapper ul.gform_fields > li.gfield .ginput_container_select select {
    width: 100%;
    text-align: left;
    text-indent: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gform_wrapper ul.gform_fields > li.gfield .ginput_container_checkbox > ul > li {
    display: inline-block;
    width: auto;
    margin: 0 10px;
    float: none;
    clear: none;
}

.gform_wrapper ul.gform_fields > li.gfield .ginput_container_checkbox > ul > li label {
    float: none;
    clear: none;
    margin-left: 5px;
    max-width: inherit;
}

.gform_wrapper ul.gform_fields > li.gfield .ginput_container_checkbox > ul > li input[type="checkbox"] {
    float: none;
    clear: none;
}

.gform_wrapper .gform_footer.top_label {
    margin: 0;
}

.gform_wrapper .gform_footer.top_label input[type="submit"] {
    padding: 0 30px;
    -moz-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
    text-align: center;
    height: 50px;
    font-size: 17px;
    line-height: 50px;
    position: relative;
    display: inline-block;
    background: #61a7d2 !important;
    color: #FFF;
    text-transform: uppercase;
    font-family: "FuturaStd-Book",sans-serif;
}

.gform_wrapper .gform_footer.top_label input[type="submit"]:hover {
    background: #ad9d83 !important;
    color: #FFF;
}

.gform_wrapper .clear-multi {
    display: table;
    width: 100%;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
}

.gform_wrapper .clear-multi .ginput_container_time {
    margin: 0;
    padding: 0 5px;
    float: none;
    clear: none;
    width: 100px;
    display: table-cell;
}

.gform_wrapper .clear-multi .ginput_container_time i {
    display: none !important;
}

.gform_wrapper .clear-multi .ginput_container_time select {
    width: 100%;
    max-width: 100% !important;
    text-align: left;
    text-indent: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#localmeasure {margin: 20px 0 40px 0;}
.oembed_wrapper { display: block; position: relative; float: none; clear:both; text-align:center; margin: 20px 0; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.oembed_wrapper iframe,
.oembed_wrapper object,
.oembed_wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.location_main_content {padding: 40px 10px 0 10px; background-color: #FFF; text-align: left;font-style: normal;}
.location_main_content p {font-style: normal !important; text-align: left !important; }
.location_main_content p + p {margin-top: 20px;}


/* Media Queries */
@media (max-width:1280px){
	.overlay strong {line-height:20px;}
}
@media (max-width:1200px){
	nav ul li a { font-size: 11px; }
	.left-column > div { padding-left:20px; }
	.left-column > div.offer_content  { padding-left:0; }
	.roomtype { float:none; margin-left:auto; margin-right:auto; text-align: center; }
	.roomtype li { width: 38%; display: inline-block; float: none; position: relative; margin-bottom: 3%; margin-right: 3%; vertical-align: top; }
}

@media (max-width:1080px){
	nav ul li a { padding: 0 15px; }
	.overlay p { max-height: 54px; overflow: hidden; }
	div.main_slideshow > h3 { font-size:30px; }
	#hotel-name h2 { font-size: 28px; }
	#hotel-name { width: 55%; }
	#meetings .section li { width: 100%; height: auto; }
	#meetings .section li > a, #meetings .section li > div { width: 50%; }
}

@media (max-width:800px){
	.roomtype li { margin-left: 5px; width: 90%; margin-bottom:5%; margin-right:5px; }
	.roomtype img { width: 100%; height: 276px; }
	#hotel-name { width: 57%; }
	#hotel-name h2 { font-size: 22px; }
	.see-gallery { bottom: 10px; right: 10px; }
	.outlets_list li h3 { font-size:18px; }
	#meetings .section li > a, #meetings .section li > div { width: 100%; }
	#highlighted ul li { width: 100%; height: 400px; }
	li.offer_detail { width: 90%; float: none; border: 1px solid #a8a8a8; padding: 20px; /*height: 600px;*/ margin: 0 auto 10px auto; position: relative;}
}

#awards_list .awards_ul {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 40px;
    width: auto;
    line-height: 120%;
    font-size: 15px;
}

#awards_list .single_award {
    padding-right: 15px;
    padding-left: 15px;
    width: 33.33333%;
    float: left;
    margin-bottom: 30px;
}

#awards_list .single_award * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#awards_list .logo {
    width:100%;
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: 30px;
}

#awards_list .texts{
    background: #f6f6f6;
    padding: 20px;

}
#awards_list .date{
    font-size: 14px;
    margin-bottom: 5px;
}
#awards_list .title{
    font: 22px/130% "Raleway",sans-serif;
    text-transform: uppercase;
    color: #091e3b;
}
#awards_list .description{
    margin-top: 10px;
    color: #666;
    line-height: 180%;
}

.awards_text {
    display: block;
    font-weight: 300;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    font-style: italic;
    margin: 10px auto;
}

.awards_text p {
    text-align: inherit;
}

.section.awards_template .w-container {
    width: 95%;
}

@media (min-width: 769px) {
    #awards_list .single_award:nth-child(3n+1) {
        clear:both;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    #awards_list .awards_ul {
        margin-left: 20px;
        margin-right: 20px;
    }
    #awards_list .single_award{
        width: 50%;
    }
    #awards_list .single_award:nth-child(odd) {
        clear:both;
    }
}

@media (max-width: 767px) {
    #awards_list .awards_ul {
        margin-left: 20px;
        margin-right: 20px;
    }
    #awards_list .single_award{
        width: 100%;
    }

}

/* Sticky Book a table / Book this offer buttons */

.anchors_table_booking_link {
    display: none;
    float: left;
    padding: 14px 20px;
    margin-bottom: 0;
    background: #61a7d2;
}

#subnav .subnav.fixed .anchors_table_booking_link {
    display: block;
}

.mobile_table_booking_link {
    display: none;
    z-index: 1000;
    position: fixed;
    padding: 0;
    height: 60px;
    line-height: 60px;
    bottom: 0;
    right: 0;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    background: #61a7d2;

}
/*Flex nav*/
#header nav ul.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

#header nav ul.flex > li{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    height: 50px;
}

#header nav ul.flex > li > a{
    line-height: 120%;
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    text-align: center;
}
#header nav ul.flex > li > a:hover{background-color: transparent;}



/* EXTENDED Booking form */
#booking #bookingform-check div.checkin, #booking #bookingform-check div.checkout, #booking #bookingform-check div.adults, #booking #bookingform-check div.children{
    z-index: 100;
}
#booking #bookingform-check a.extend_fields {
    width: 50px;
    height: 49px;
    color: #000;
    font-family: 'FuturaStd-Book', sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 0;
    background: #e8e8e8;
    font-size: 1.1em;
    line-height: 50px;
    display:block;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #f5f5f5;
}
html[dir="rtl"] #booking #bookingform-check a.extend_fields{
    border-width: 0 1px 0 0;
}
#booking #bookingform-check a.extend_fields .plus {
    display: block;
}

#booking #bookingform-check a.extend_fields.open .plus {
    transform: rotate(45deg);
}

#booking #bookingform-check .extended_fields {
    position: absolute;
    z-index: 50;
    top: 100%;
    left:50%;
    width: 950px;
    margin-left: -475px;
    margin-top: 0;
    background: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:20px;
    justify-content: flex-start;
}
#booking #bookingform-check .extended_fields *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#booking #bookingform-check .extended_fields .field{
    display: flex;
    align-items: center;
    width: 305px;
    padding-right: 20px;
    justify-content: flex-start;
    flex-direction: column;
    height: auto;
    border: none !important;
}
html[dir="rtl"] #booking #bookingform-check .extended_fields .field{
    padding-right: 0;
    padding-left: 20px;
}
#booking #bookingform-check .extended_fields .childrenages_row {
    width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
#booking #bookingform-check .extended_fields .field label {
    line-height: 120%;
    display: flex;
    align-items: flex-end;
    height: auto;
    width: 100%;
    text-transform: capitalize;
    margin-bottom: 10px;
    background: transparent;
}
#booking #bookingform-check .extended_fields .field select,
#booking #bookingform-check .extended_fields .field input{
    height: 50px;
    line-height: 50px;
    flex-grow: 1;
    background: #e8e8e8 !important;
    color: #000;
    padding: 0 10px;
    width: 100%;
    max-width: 100%;
}
#booking #bookingform-check .extended_fields .promocode_row{
    width: 50%;
}
#booking #bookingform-check .extended_fields .promocode_row .field:last-child{
    padding-right: 0;
}
#booking #bookingform-check .extended_fields .promocode_row .field{
    width: 50%;
}

/* END EXTENDED Booking form */

/* cookie policy */

#macaron_inline_cookie_box .cookie_description_inner_wrap td {
    padding: 10px;
    line-height: 1.5;
}

#macaron_inline_cookie_box .cookie_description_inner_wrap ._dedge_cookies_table_wrap {
    margin-top: 20px;
}

div.left-column > ul > li {
    padding-bottom: 1.5em;
}

@media screen and (max-width: 559px) {
    #macaron_inline_cookie_box .cookie_description_inner_wrap table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
/*FOOTER LOGOS*/
.logos_wrapper {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
}
.logos_wrapper .footer_logo_additional {
    padding: 10px;
}
#footer-two .logos_wrapper .footer_logo_additional img {
    object-fit: contain;
    max-width: 100px;
    margin-left: 0;
}
@media  (max-width: 767px) {
    .logos_wrapper {
        flex-direction: column;
    }
}