/*
Theme name: Best Western Royal Sun
Description: Custom Theme
*/

/******* Best Western Royal Sun WordPress CSS *******/

/* Common elements styling */

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 12px 0 25px; display: inline; }
img.alignleft {margin: 0 25px 0 12px; display: inline; }
.alignright { float: right; display: inline;  }
.alignleft { float: left; display: inline;   }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /Best Western Royal Sun WordPress CSS *******/

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 14px;
    line-height: 1.4;
    font-family: 'Noto Sans', arial, sans-serif;
    color: #4f4c4d;
    background: #fff;
    min-width: 1246px;
    -webkit-text-size-adjust: none;
}

 /* 
	Quicksand
	Noto Sans
 */ 

a { color: #1c4386; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; -webkit-appearance:none; border-radius: 0px; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 1280px; margin: 0 auto; }

#wrapper { width: 100%; position: relative; overflow: hidden; }

#header { position: fixed; z-index: 90; top: 0; left: 0; right: 0;  color: #fff; background: rgba(28, 67, 134, .8); }
#header .shell { position: relative; }
#header .phone { position: absolute; top: 6px; left: 352px; font-size: 21px; }
#header .phone br { display: none; }

#header .address { position: absolute; top: 8px; left: 636px; font-size: 14px; }
#header .address a { color: #fff; }
#header .address br { display: none; }
#header .address p { display: inline; vertical-align: middle; }
#header .address img { vertical-align: middle; }
#header .address > a { display: inline-block; margin: 0 0 0 26px; font-size: 12px; }
#header .address > a img { margin: -2px 4px 2px 0; }
#header .book-online { position: absolute; top: 8px; left: 498px; display: inline-block; padding: 1px 13px; font-size: 16px; background: #fff; }
#header .book-online:hover { text-decoration: none; }


#container { position: relative; width: 100%; }
#container .shadow { display: none; }

.home #container > .shell, #container .shell.no-margin { margin-top: 0; }

#container > .shell { margin-top: 76px; }

#logo { width: 282px; float: left; display: inline; padding: 6px 0 0 32px; }
#logo a { display: block; width: 282px; height: 62px; background: url(images/logo.png) no-repeat 0 0; }

.top-socials { position: absolute; top: 90px; left: 313px; font-size: 0px; display: none; }
.top-socials ul { list-style: none outside none; float: left; display: inline; }
.top-socials ul li { float: left; display: inline; padding-right: 22px; }
.top-socials iframe { display: block; margin-top: 4px; }

.translate { position: absolute; top: 7px; right: 13px; font-size: 0 !important; line-height: 0 !important; }
.translate a:hover { text-decoration: none; }

.home .booking-online { right: -65px; }
.single-room .booking-online { right: 0px; }
.booking-online { position: absolute; top: 100%; right: 47px; width: 353px; height: 57px; padding: 13px 15px 0; background: rgba(28, 67, 134, .9); }
.booking-online h4 { position: absolute; top: 5px; left: 198px; font-size: 18px; }
.booking-online label { display: none; }
.booking-online ul { list-style: none outside none; padding-top: 2px; }
.booking-online li { position: relative; overflow: hidden; display: block; padding-bottom: 10px; }
.booking-online input[type="text"] { float: left; width: 129px; padding: 2px 5px 3px; margin-right: 10px; border: 0; font-size: 11px; color: #1c4386; background: #fff; }
.booking-online li img { float: left; margin-top: -1px; }
.booking-online .call { display: none; }
.booking-online .button { position: absolute; bottom: 7px; left: 199px; display: block; border: 0; width: 77px; height: 25px; font-size: 12px; color: #fff; background: #96482c; cursor: pointer; letter-spacing: -0.3px; }
.booking-online:after { content: ''; position: absolute; bottom: 7px; right: 14px; display: block; width: 85px; height: 25px; background: url(images/low-rate.png) no-repeat 0 0; }

#navigation { position: relative; float: right; background: rgba(154, 68, 35, .9); text-align: center; width: 885px; padding: 0 30px; margin: 40px 0 0; }
#navigation:after { content: ''; position: absolute; top: 0; left: 100%; display: block; width: 600%; height: 100%; background: rgba(154, 68, 35, .9); }
#navigation .toggle { display: none; }
#navigation > ul { list-style: none outside none; font-size: 15px; line-height: 36px; display: inline-block; }
#navigation > ul > li { float: left; display: inline; padding: 0 10px; position: relative; }
#navigation > ul > li > a { float: left; display: inline; color: #fff; }
#navigation > ul > li.current-menu-ancestor >  a,
#navigation > ul > li.current-menu-item >  a,
#navigation > ul > li > a:hover { text-decoration: none; color: #041b42; }
#navigation ul ul { width: 256px; position: absolute; top: 100%; left: 0; list-style: none outside none; background: rgba(154, 68, 35, .9); text-align: left; font-size: 13px; line-height: 18px; display: none;  border-top: 3px solid #1c4386; padding: 8px 0 14px; }
#navigation ul ul.right { left: auto; right: 0; }
#navigation ul ul li { padding: 9px 0; width: 100%; }
#navigation ul ul a { color: #fff; display: block; padding: 0 20px; }
#navigation ul ul li.current-menu-item a,
#navigation ul ul a:hover { text-decoration: none; color: #14346c; }
#navigation ul ul:after {  content: ''; display: block; width: 0; height: 0; border-top: 8px solid #1c4386; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: 0; left: 18px; }
#navigation ul ul.right:after { left: auto; right: 18px; }
.menu .sub-menu-wrapper .link-back { display: none; }

#slider { margin: 0 -65px; position: relative; }
#slider:before { content: ''; display: block; position: absolute; top: 0; left: -300%; width: 600%; height: 100%; background: #e8ecf3; }
#slider img { width: 100%; }
#slider .slides,
#slider .slides li { width: 100%; height: 594px; position: relative; overflow: hidden; list-style: none outside none; }
#slider .slides li { display: none; }
#slider .slides li:first-child { display: block; }
#slider .slides li img { display: block; }
#slider .text { position: absolute; bottom: 73px; left: 102px; padding: 29px 10px 0; min-width: 420px; background: #1c4386; background: rgba(28, 67, 134, .8); font-family: 'Quicksand', sans-serif; text-align: center; color: #fff; }
#slider .text p { margin-bottom: 15px; font-size: 28px; letter-spacing: -0.8px; max-width: 1100px; }
#slider .text .button { display: inline-block; padding: 2px 13px; font-size: 17px; color: #fff; background: #96482c; }
#slider .text .button:hover { text-decoration: none; }

#slider .flex-control-nav { position: absolute; bottom: 23px; right: 32px; list-style: none outside none; font-size: 0; line-height: 0; }
#slider .flex-control-nav li { float: left; padding-left: 10px; }
#slider .flex-control-nav li a { float: left; width: 42px; height: 22px; background: #1c4386; opacity: .7; }
#slider .flex-control-nav li a:hover,
#slider .flex-control-nav li a.flex-active { background: #fff; }

h1 { font-size: 50px; font-weight: normal; color: #000; font-family: 'Quicksand', sans-serif; } 
h2 { font-size: 39px; font-weight: normal; color: #000; font-family: 'Quicksand', sans-serif; } 
h3 { font-size: 31px; font-weight: normal; font-family: 'Quicksand', sans-serif; } 
h4 { font-size: 25px; font-weight: normal; } 
h5 { font-size: 22px; font-weight: normal; } 
h6 { font-size: 20px; font-weight: normal; color: #4f4c4d; } 

.text-container { text-align: center; font-size: 13px; padding: 20px 40px 30px; width: 1120px; }
.text-container h2 { padding: 0 0 4px; width: 100%; }
.text-container h6 { padding: 0 0 9px; }
.text-container .btn { position: relative; display: inline-block; padding: 7px 16px 4px; margin: 14px 0 27px; font-size: 13px; color: #fff; background: #96482c; }
.text-container a.btn  { text-decoration: none; }
.crown-icon-link:before { content: ''; display: inline-block; width: 25px; height: 20px; margin: -3px 13px 3px 0; vertical-align: middle; background: url(images/best-value.png) no-repeat 0 0;  }
.crown-icon-link:after { content: ''; position: absolute; top: -2px; left: -2px; display: block; width: 100%; height: 100%; padding: 1px; border: 1px solid #ccc; }
.text-container a { text-decoration: underline; color: #1c4386; }

.devider { clear: both; width: 100%; height: 28px; background: url(images/divider.png) no-repeat center center; }

#footer { background: #1c4386; color: #fff; width: 100%; position: relative; overflow: hidden; padding: 25px 0 44px; }
#footer .wrap { padding: 0 55px; }
#footer .text { float: left; display: inline; width: 300px; font-size: 13px; line-height: 19px; padding: 11px 30px 0 0; }
#footer .text p { padding: 0 0 20px; width: 100%; }
#footer .nav { float: left; display: inline; width: 344px; font-size: 13px; line-height: 19px; padding: 10px 0 0; }
#footer .nav ul { list-style: none outside none; float: left; display: inline; width: 172px; }
#footer .nav ul li { padding-bottom: 1px; }
#footer a { color: #fff; }
#footer .widget { float: left; display: inline; }
#footer .carbon_widget_form { width: 218px; padding-top: 0; }
#footer .carbon_widget_form:first-child { margin-left: 0; }
#footer .widget-socials { width: 178px; padding: 17px 12px 0; min-height: 172px; background: #fff; position: relative; overflow: hidden; margin-left: 23px; }
#footer .widget-socials ul { list-style: none outside none; float: left; display: inline; width: 100%; padding: 20px 0 0; width: 100%; }
#footer .widget-socials ul li { float: left; display: inline; padding: 0 12px 18px 0; }
#footer .shell .wrap > p { text-align: right; font-size: 13px; line-height: 20px; padding: 0; }
#footer .widgets { float: right; display: inline; width: 483px; }

.renovated-rooms { position: relative; padding: 27px 0 24px; background: #e8ecf3; }
.renovated-rooms h3 { padding: 0 54px 33px; font-size: 35px; color: #000; }
.renovated-rooms ul { position: relative; overflow: hidden; margin: 0 36px; list-style: none outside none; }
.renovated-rooms ul li { position: relative; float: left; width: 366px; height: 276px; margin: 0 18px 22px; background: #fff; }
.renovated-rooms li img { width: 100%; height: 180px; margin-bottom: 21px; }
.renovated-rooms .button { display: none; }
.renovated-rooms h6 { font-family: 'Quicksand', sans-serif; font-size: 22px; line-height: 1.1; text-align: center; color: #000; }
.renovated-rooms h6 a { color: #000; }
.renovated-rooms h6 a:hover { text-decoration: none; }
.renovated-rooms .link { position: absolute; bottom: 0; left: 50%; display: block; width: 26px; height: 26px; margin-left: -13px; font-family: 'Quicksand', sans-serif; font-size: 28px; line-height: 26px; text-align: center; color: #fff; background: #96482c; }
.renovated-rooms .link:hover { text-decoration: none; }
 
.attractions-container { float: right; display: inline; width: 580px; padding: 38px 0 32px; }
.attractions-container img { display: block; margin: 0 0 16px; }
.attractions-container .text { padding: 0 5px; float: left; display: inline; width: 370px; }
.attractions-container .close { float: right; display: inline; width: 168px; font-size: 18px; line-height: 20px; color: #231f20; margin: -3px 0 0 0; }
.attractions-container .close img { float: left; display: inline; margin-right: 8px; }
.attractions-container .close span { display: block; padding: 8px 0 0; }

.attraction-list { height: 100%; padding: 0 28px 4px; position: relative; overflow: hidden; font-size: 13px; line-height: 1.4; }
.attraction-list ul { list-style: none outside none;  width: 23%; padding: 0 1%; float: left; display: inline; }
.attraction-list p { padding-bottom: 18px; cursor: pointer; }
.attraction-list h5 { text-transform: uppercase; font-size: 13px; font-weight: 600; padding-bottom: 18px; }


.main-booking { width: 100%; position: relative; overflow: hidden; padding: 30px 0 40px; }
.main-booking h4 { float: left; display: inline; width: 307px; text-align: right; font-size: 34px; line-height: 40px; font-family: 'Quicksand', sans-serif; font-weight: normal; color: #000; padding-right: 43px; }
.main-booking ul { list-style: none outside none; float: left; display: inline; }
.main-booking ul li { float: left; display: inline; padding-left: 38px; }
.main-booking ul li:first-child { padding-left: 0; }
.main-booking label { font-size: 12px; color: #000; float: left; display: inline; padding: 17px 22px 0 0; }
.main-booking .field { float: left; display: inline; width: 88px; height: 14px; padding: 2px 4px; border: 1px solid #485c81; font-size: 11px; margin: 13px 10px 0 0; }
.main-booking img { float: left; display: inline; width: 15px; height: 16px; background: url(images/date-icon.png) no-repeat 0 0; margin: 15px 0 0 0; cursor: pointer; }
.main-booking .button { float: left; display: inline; width: 70px; height: 30px; border: 0; cursor: pointer; font-size: 15px; font-weight: bold; font-family: 'Noto Sans', sans-serif; color: #fff; background: #58987a; margin: 8px 0 0 18px; }
.main-booking .call { float: right; display: inline; width: 200px; text-align: center; font-size: 15px; padding: 0 86px 0 0; position: relative; margin: -10px 0 0; }
.main-booking .call span { font-size: 25px; color: #1c4386; }

.three-cols { width: 100%; padding: 41px 0 30px; position: relative; overflow: hidden; font-size: 13px; margin-left: 42px;  }
.three-cols .col { float: left; display: inline; width: 366px; padding: 0 10px; margin-left: 14px; }
.three-cols .col:first-child { margin-left: 0; }
.three-cols .col img { display: block; width: 100%; margin: 0 0 17px; }
.three-cols .col h5 { font-family: 'Quicksand', sans-serif; font-size: 22px; text-align: center; padding: 0 0 10px; }
.three-cols .col h5 a { color: #000; text-decoration: none; }
.three-cols .col p { padding: 0 0 22px; }
.three-cols .col a { text-decoration: underline; }
.three-cols .col a:hover { text-decoration: none; }

.title { text-align: center; padding: 0 0 11px; }

.left-container { float: left; display: inline; width: 680px; padding: 32px 0 35px 13px; }
.left-container ul { list-style: none outside none; width: 100%; }
.left-container li { width: 100%; position: relative; overflow: hidden; padding: 0 0 26px; font-size: 13px; }
.left-container img { float: left; display: inline; margin-right: 25px; }
.left-container a { text-decoration: underline; }
.left-container a:hover { text-decoration: none; }
.left-container h6 { padding: 0 0 10px; }
.left-container h6 a { color: #4f4c4d; text-decoration: none; }
.left-container p { padding: 0 0 21px; }
.home .left-container { width: 580px; }

.right-container { float: right; display: inline; width: 468px; position: relative; overflow: hidden; padding: 0 60px 0 0; color: #fff; } 
.right-container .green { color: #609b49; font-size: 12px; line-height: 15px; padding: 10px 7px 7px; color: #54973b; position: relative; overflow: hidden; border: 1px solid #609b48; margin: 11px 0 0; background: #fff; }
.right-container .green img { float: left; display: inline; margin-right:  10px; } 

#sidebar { float: left; display: inline; width: 234px; padding: 35px 0 0 54px;  }
#content { float: right; display: inline; width: 930px; padding: 23px 35px 0 0; }
#content.full-width-content { float: none; display: block; width: auto; padding: 30px 0 0; }

.widget.widget-nav h4 a { color: #000 }

.page-styled-text ul.list { margin-left: 0; padding: 0; }
.page-styled-text blockquote { margin: 5px 30px; }
.list { list-style: none outside none;  width: 100%; position: relative; overflow: hidden; padding: 24px 0 0; }
.list li { width: 100%; position: relative; overflow: hidden; background: url(images/list-li.png) no-repeat 0 0; padding: 28px 0 40px; }
.list li:first-child { padding-top: 0; background: transparent; }
.list img { float: left; display: inline; margin: 7px 20px 0 0; }
.list .text.full-width-text { width: 100%; }
.list .text { float: left; display: inline; width: 555px; }
.list .text h5 { font-family: 'Quicksand', sans-serif; color: #000; font-weight: normal; padding: 0 0 6px; }
.list .text h5 a { color: #000; text-decoration: none; }
.list .text p { padding: 0 0 20px; }
.list .text a:hover { text-decoration: none; }
.list .text a { text-decoration: underline; }
.list .info { float: right; display: inline; width: 150px; font-size: 15px; padding: 34px 11px 0 0; }
.list .info p { padding: 0 0 11px; }
.list .info .button { display: block; width: 120px; height: 40px; background: #96482c; font-size: 16px; line-height: 40px; color: #fff; text-align: center; font-weight: bold; margin: 14px 0 0; }
.list .info .button:hover { text-decoration: none; background: #8e422a; }
.list-rooms .text { float: left; display: inline; width: 380px; }
.list-rooms .info h5 { display: none; }
.list.review-list li { padding-bottom: 20px; }

#sidebar .widget { margin: 0 0 20px; }

.widget { background: #e6e7e7; padding: 8px 14px 9px; }
.widget h4 { font-size: 24px; font-weight: normal; color: #000; font-family: 'Quicksand', sans-serif; padding: 0 0 13px; }
.widget ul { list-style: none outside none; font-size: 15px; line-height: 18px; }
.widget ul li { padding: 0 0 18px 6px; }
.widget ul li a { color: #4f4c4d; }
.widget ul li.current-cat > a,
.widget ul li.current-menu-item > a,
.widget ul li a:hover { text-decoration: none; color: #14346c; }
.widget ul li.current-cat,
.widget ul li.current-menu-item { padding-left: 18px; background: url(images/list-arrow.png) no-repeat 6px 6px; }

.widget.carbon_widget_form { padding: 14px 13px; background: #1c4386; position: relative; overflow: hidden; color: #fff; }
.widget.carbon_widget_form h4 { font-size: 20px; font-weight: normal; font-family: 'Quicksand', sans-serif; font-weight: 300; color: #fff;  }
.widget.carbon_widget_form ul { list-style: none outside none; }
.widget.carbon_widget_form ul li { width: 100%; position: relative; overflow: hidden; padding: 0 0 10px; }
.widget.carbon_widget_form ul li label { display: block; width: 100%; color: #000; position: absolute; top: 4px; left: 10px; font-size: 12px; }
.widget.carbon_widget_form ul li .field { border: 0; width: 208px; padding: 6px 10px 5px; height: 15px; background: #fff; font-size: 12px; color: #000; }
.widget.carbon_widget_form p { font-size: 13px; line-height: 1.2; padding: 4px 0 15px; width: 100%; }
.widget.carbon_widget_form .form-results p { padding: 5px 0 0; color: #ff7575;  }
.widget.carbon_widget_form .link { color: #8ea1c3; font-size: 11px; float: left; display: inline; margin: 8px 0 0 4px; }
.widget.carbon_widget_form .link:hover { text-decoration: none; color: #fff; }
.widget.carbon_widget_form .button { float: right; display: inline; width: 95px; height: 26px; background: #e6e7e7; font-size: 13px; font-weight: bold; color: #1c4386; border: 0; cursor: pointer; font-family: 'Noto Sans', sans-serif; }

.widget.carbon_image_with_link { padding: 0; background: none; }
.widget.carbon_image_with_link a { display: block; position: relative; width: 100%; color: #fff; text-align: center; }
.widget.carbon_image_with_link a img { width: 100%; display: block; max-width: 100%; }
.widget.carbon_image_with_link a span { font-size: 20px; background: url(images/widget-link-overlay.png); display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding: 6px 0 8px; }
.widget.carbon_image_with_link a.size-2 span { font-size: 16px; padding: 10px 0; }
.widget.carbon_image_with_link a:hover { text-decoration: none; }

.widget.carbon_widget_review { padding: 13px 10px 18px; background: #e8ecf3; font-size: 13px; height: 100%; }
.widget.carbon_widget_review h4 { font-size: 24px; font-weight: normal; font-family: 'Quicksand', sans-serif; padding: 0 5px 4px; }
.widget.carbon_widget_review h5 { font-size: 18px; color: #4f4c4d; }
.widget.carbon_widget_review h5 span { font-size: 45px; line-height: 1; font-family: Georgia, sans-serif; vertical-align: middle; }
.widget.carbon_widget_review p { padding: 0 0 20px; line-height: 20px; }
.widget.carbon_widget_review a { color: #4f4c4d; text-decoration: underline; }
.widget.carbon_widget_review a:hover { text-decoration: none; }

.article h2 { letter-spacing: -1px; padding: 0 384px 7px 0; }
.article p { padding: 10px 0 12px; }
.page-styled-text ol,
.page-styled-text ul,
.article ul { margin-left: 27px; padding: 10px 0 12px; }

.property-info h2 { padding: 0 0 20px; }
.property-info .gallery { max-width: 1280px; width: 100%; position: relative; overflow: hidden; margin: 0 0 14px; }

.property-info .gallery .slides,
.property-info .gallery .slides li { width: 100%; height: 444px; position: relative; overflow: hidden; list-style: none outside none; }

.property-info .gallery img { display: block; }
.property-info .text { float: left; display: inline; width: 555px; padding: 10px 0 0 12px; }
.property-info .text h3 { color: #000; padding: 0 0 24px; letter-spacing: -1px; }
.property-info .text p { padding: 0 0 22px; }
.contact-box { font-size: 20px; color: #7f7f7f; padding: 4px 0 0; width: 100%; }
.contact-box span { font-size: 26px; line-height: 44px; color: #1c4386; }
.property-info .info { float: right; display: inline; width: 288px; font-size: 15px; }
.property-info .info h6 { padding: 0 0 20px; }
.property-info .info p { padding: 0 0 11px; }
.property-info .info ul { font-size: 13px; padding: 0 0 0 10px; }
.property-info .info ul li { padding: 0 0 7px; }
.property-info .thumbs { width: 100%; position: relative; overflow: hidden; padding: 0 0 18px; }
.property-info .thumbs ul { list-style: none outside none; width: 321px; float: left; display: inline; margin-left: -33px; position: relative; padding: 0; }
.property-info .thumbs ul li { float: left; display: inline; padding: 0 0 14px 33px; }
.property-info .thumbs ul li a img,
.property-info .thumbs ul li a { float: left; display: inline; }
.property-info .thumbs ul li.current,
.property-info .thumbs ul li a:hover { text-decoration: none; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }

.slider-bg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 592px; background: #e8ecf3; }
.room-details { width: 100%; position: relative; overflow: hidden; }
.room-details h2 { max-width: 504px; }
.room-details .gallery { width: 100%; margin: 0;  }
.room-details .gallery,
.room-details .gallery .slides,
.room-details .gallery .slides li { width: 100%; height: auto; position: relative; overflow: hidden; }
.room-details .gallery .slides li { height: 591px; }
.room-details .gallery img { display: block; width: 100%; }
.room-details .widget-contact { margin: -5px 0 29px; text-align: center; font-size: 14px; color: #4f4c4d; padding: 0 220px 0 100px; }
.room-details .widget-contact span { color: #4f4c4d; font-size: 20px; }

.gallery .caption p { padding: 13px 10px 13px; }
.gallery .caption { position: absolute; bottom: 0; left: 0; background: url(images/slider-caption.png); color: #fff; font-size: 15px; width: 100%; text-align: center; }
.gallery .flex-direction-nav { list-style: none outside none; font-size: 0px; line-height: 0px; width: 100%; position: absolute; top: 50%; left: 0; }
.gallery .flex-direction-nav a { display: block; width: 54px; height: 75px; background: url(images/gallery-nav.png) no-repeat 0 0; position: absolute; top: -37px; }
.gallery .flex-direction-nav a.flex-prev { background-position: 0 0; left: 0;  }
.gallery .flex-direction-nav a.flex-next { background-position: right 0; right: 0;  }
.gallery .flex-direction-nav a:hover { text-decoration: none; }
.video-arrow { position: absolute; top: 50%; left: 50%; display: block;  }
.video-arrow-big { margin: -95px 0 0 -95px;  width: 190px; height: 190px; background: url(images/video-arrow.png) no-repeat 0 0; }
.video-arrow-small { margin: -25px 0 0 -23px; width: 49px; height: 50px; background: url(images/video-arrow-small.png) no-repeat 0 0; }

.room-details .left { padding: 19px 0 0 55px; width: 570px; position: relative; }
.room-details .left .button { display: block; width: 158px; height: 40px; background: #58987a; font-size: 15px; line-height: 40px; text-align: center; position: absolute; top: 28px; right: 0; color: #fff; } 
.room-details .left .button:hover { text-decoration: none; background: #82b29b; }
.room-details .left .text { padding: 26px 0 0; margin: 0; width: 100%; }
.room-details .left .text p { padding: 0 0 20px; }
.room-details .left .col { float: left; display: inline; width: 33.33%; font-size: 15px; }
.room-details .left .col p { padding: 0 0 11px; }
.room-details .left .col h6 { padding: 0 0 11px; }
.room-details .left .col ul { font-size: 13px; padding: 4px 0 0 0; }
.room-details .left .col ul li { padding: 0 0 6px; list-style-type: none;  }
.room-details .left .col.specials ul { list-style: none outside none; padding: 0; }
.special-list li,
.room-details .left .col.specials ul li { padding: 0 0 12px; position: relative; overflow: hidden; width: 100%; line-height: 32px; }
.special-list li a { float: left; padding-right: 15px; }
.special-list li a,
.room-details .left .col.specials a { color: #4f4c4d; text-decoration: underline; }
.room-details .left .col.specials img { float: right; display: inline; margin-right: 40px; }
.room-details .left .col.specials a:hover { text-decoration: none; }
.room-details .thumbs { width: 100%; position: relative; overflow: hidden; }
.room-details .thumbs ul { list-style: none outside none; width: 600px; margin-left: -26px; float: left; display: inline; }
.room-details .thumbs ul li { float: left; display: inline; padding: 0 0 22px 26px; }
.room-details .right { position: relative; width: 570px; padding: 25px 55px 0 0; }
.room-details .right .button { position: absolute; top: 25px; right: 57px; display: inline-block; padding: 8px 38px; font-size: 13px; color: #fff; background: #96482c; }
.room-details .right .button:after { content: ''; position: absolute; top: -2px; left: -2px; width: 100%; height: 100%; padding: 1px; border: 1px solid #ccc; }
.room-details .right .button:hover { text-decoration: none; }
.room-details .right .info { background: #e8ecf3; padding: 17px 26px 32px; font-size: 13px; height: 100%; }
.room-details .right .info h6 { padding: 0 0 13px; }
.room-details .right .info ul { padding: 0 0 17px 20px; }
.room-details .right .info ul li { padding: 0 0 5px; width: 100%; }
.room-details .right .info a { text-decoration: underline; color: #4f4c4d; }
.room-details .right .info a:hover { text-decoration: none; }
.room-details .testimonial { width: 726px; position: relative; overflow: hidden; padding-left: 14px; margin: 5px 0 15px; }
.room-details .testimonial span { font-size: 45px; line-height: 1; font-family: Georgia, sans-serif; vertical-align: middle; }
.room-details .testimonial h5 { padding: 0 0 0; }
.room-details .testimonial p { padding: 0 0 20px; }
.room-details .testimonial a:hover { text-decoration: none; }
.room-details .testimonial .review-entry { width: 100%; position: relative; overflow: hidden; }
.room-details .testimonial .wrap { height: 60px; position: relative; overflow: hidden; }
.room-details .testimonial .wrap.opened { height: auto; }
.room-details .testimonial .link { text-decoration: underline; color: #4f4c4d; float: right; display: inline; font-size: 13px;  padding-top: 10px; }
.room-details .testimonial .button { position: absolute; bottom: 0; right: 0; display: none; padding: 0 10px; font-size: 11px; line-height: 20px; color: #fff; background: #14356b; box-shadow: -15px 0 10px #fff; }

.page-styled-text ul.list.special-list { padding-top: 15px; }
.special-list li { padding-top: 10px; }
.special-list li img { float: left; display: inline; margin:0 40px 0 0;  }
.nav-mobile { display: none; }

.thumbs ul li a { position: relative; }

.room-details > h2 { display: none; }

.pagination { padding:0 30px 15px 0}

.attraction {  font-size: 14px; font-weight: bold; line-height: 25px;  }
.attraction { color: #4c4c4c; }
.attraction h2 { padding-bottom: 10px; line-height: 42px; }
.attraction .left-indent { padding: 7px  0 0 19px; }
.attraction-filter .field-fielter { display: inline-block; *display: inline; zoom: 1; }
.attraction-filter { border-top: solid 1px #7f7f7f; border-bottom: solid 1px #7f7f7f; padding: 10px 0; }
.attraction-filter input.checkbox { -webkit-appearance:checkbox;  }
.attraction-filter label { padding-right: 14px; }
.attraction-filter .left { float: left; width: 688px; }
.attraction #attractions-map { margin: 18px 0 30px; width: 100%; height: 700px;  }
.attraction-map-holder { position: relative; }
.attraction .attraction-info-box { font-weight: 500; }
#attractions-map-loader { background: url(images/loader.gif) no-repeat center; width:208px; height:13px; position:absolute; left: 39%; top: 20%; z-index: 9999;}
.attraction .blue-container { background: #224483; color: #fff; font-size: 13px; line-height: 19px; width: 250px; padding: 18px 13px; text-decoration: none; }
.attraction .blue-container:hover { color: #ebebeb; }
.attraction-info-box { position: relative; padding-right: 15px; }
.attraction-info-box-category { position: absolute; right: 20px; top: 0; opacity: 0.5;  }
.attraction-info-box .address-box { width: 150px; line-height: 18px }
.attraction-info-box .desc-box { line-height: 18px; padding-top: 20px; }

#schema_block,
.schema_person { display: none; }

/* Comments form */

#respond{border-top:1px solid #e7e7e7; margin:24px 0; overflow:hidden; position:relative}
#respond p{ margin: 0; padding: 0; }
#respond h3 { padding-bottom: 5px; }
#respond .comment-notes{margin-bottom:1em}
.form-allowed-tags{line-height:1em}
.children #respond{margin:0 48px 0 0}
h3#reply-title{margin:18px 0}
#comments-list #respond{margin:0 0 18px 0}
#comments-list ul #respond{margin:0}
#cancel-comment-reply-link{font-size:12px; font-weight:normal; line-height:18px}
#respond .required{ font-weight:bold; background: none; color: red;}
#respond label{ font-size:12px}
#respond input{margin:0 0 9px; width:98%; height: 20px; color: black;}
#respond textarea{width:98%; color: black;}
#respond .form-allowed-tags{font-size:12px; line-height:18px}
#respond .form-allowed-tags code{font-size:11px}
#respond .form-submit{margin:12px 0}
#respond .form-submit input{font-size:14px;  width:auto; color: black; height: 25px; color: black;}

/* =Comments
-------------------------------------------------------------- */
#comments{clear:both}
#commentform a,
.comment-reply a{font-weight: 600; font-size: 13px;}
.navigation{ padding:0 0 18px 0; font-weight: bold; height: 100%; overflow: hidden;  }
h3#comments-title, 
h3#reply-title{ font-size:20px; font-weight:bold; margin-bottom:0}
h3#comments-title{padding:24px 0}
.page-styled-text .commentlist { margin-left: 0; }
.commentlist{  list-style:none; margin: 20px 0 0 0;}
.commentlist li.comment{border-bottom:1px solid #e7e7e7; line-height:24px; margin:0 0 24px 0; padding:0 0 0 56px; position:relative}
.commentlist li:last-child{border-bottom:none; margin-bottom:0}
#comments .comment-body ul, 
#comments .comment-body ol{margin-bottom:18px}
#comments .comment-body p:last-child{margin-bottom:6px}
#comments .comment-body blockquote p:last-child{margin-bottom:24px}
.commentlist ol{list-style:decimal}
.article .commentlist .avatar { width: auto; }
.commentlist .avatar{position:absolute; top:4px; left:0}
.comment-author{}
.comment-author cite{ font-style:normal; font-weight:bold}
.comment-author .says{font-style:italic}
.comment-meta{font-size:12px; margin:0 0 18px 0}
.comment-meta a:link, 
.comment-meta a:visited{ text-decoration:none}
.comment-meta a:active, 
.comment-meta a:hover{}
.commentlist .even{}
.commentlist .bypostauthor{}
.reply{font-size:12px; padding:0 0 24px 0}
.reply a, 
a.comment-edit-link{}
.reply a:hover, 
a.comment-edit-link:hover{}
.commentlist .children{list-style:none; margin:0}

.flexslider .inner-review { display: none; }
.hidden-code { display: none !important; }
@media screen and (max-width: 1250px) {
	body { min-width: 0; }
}

.custom-gallery { padding: 10px; margin-bottom: 15px; }
.custom-gallery .vfmGalleryDockTheme { width: 100%; }
.custom-gallery .vfmGalleryDockTheme .vfmTabbar ul { width: auto; }
.custom-gallery .vfmGalleryDockTheme .vfmTabbar ul li { height: 27px; padding-top: 10px; }
.custom-gallery #vfmviewer_vfmMedia { margin-top: 15px; }

.button-mobile { display: none; }

.section-about { position: relative; padding: 61px 0 66px; background: #17366c; }
.section-about .shell { position: relative; }
.section-about .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(images/section-about.jpg) no-repeat center center; background-size: cover; }
.section-about .inside-view { float: left; width: 665px; margin: 0 0 0 57px; background: #fff; }

.section-testimonials { clear: both; padding: 29px 0 38px; background: #f0e8dd; }
.section-testimonials h5 { padding-bottom: 2px; font-size: 20px; text-align: center; color: #4f4c4d; }
.section-testimonials h3 { padding-bottom: 22px; font-size: 39px; text-align: center; font-weight: normal; color: #000; }
.section-testimonials .testimonial { width: 510px; }
.section-testimonials .testimonial h6 { padding-bottom: 12px; font-family: 'Quicksand', sans-serif; font-size: 22px; text-align: left; color: #000; }
.section-testimonials .testimonial .wrap { min-height: 140px; padding: 13px 35px 24px; background: #fff; font-size: 13px; line-height: 1.5; }
.section-testimonials .testimonial.left { margin-left: 114px; }
.section-testimonials .testimonial.right { margin-right: 114px; }
.section-testimonials .testimonial .author { position: relative; padding: 31px 28px 0; font-size: 13px; color: #000; text-align: right; }
.section-testimonials .testimonial .author:after { content: ''; position: absolute; top: 0; right: 63px; display: block; width: 0; height: 0; border: 20px solid transparent; border-width: 20px 25px; border-top-color: #fff; }

.home .section-details, body.single-room .section-details { padding: 22px 0 55px; background: none;  }
body.single-room .section-details { padding-bottom: 20px; }

.section-details  { padding: 19px 0 16px; background: url(images/blue-boxes.jpg) no-repeat center top ; background-size: cover; }
.section-details .box { width: 571px; color: #fff; background: #214787; }
.section-details .box.left { margin-left: 54px; }
.section-details .box.right { margin-right: 54px; }
.section-details .box .text { position: relative; overflow: hidden; padding: 11px 21px 4px; }
.section-details .box img { float: left; }
.section-details .box h4 { padding-bottom: 10px; font-size: 21px; }
.section-details .box a { text-decoration: underline; color: #fff; }

.section-other-rooms { padding: 27px 0 30px; background: #e8ecf3; }
.section-other-rooms h3 { padding: 0 53px 30px; font-size: 36px; color: #000; }
.section-other-rooms h5 { padding: 6px 15px 0; font-family: 'Quicksand', sans-serif; font-size: 17px; line-height: 1.1; text-align: center; }
.section-other-rooms h5 a { color: #000; }
.section-other-rooms ul { position: relative; overflow: hidden; list-style: none outside none; padding: 0 46px; }
.section-other-rooms ul li { position: relative; float: left; width: 180px; height: 180px; margin: 0 9px 18px; background: #fff; }
.section-other-rooms ul li .image { display: block; width: 100%; font-size: 0; }
.section-other-rooms ul li .image img { display: block; width: 100%; }
.section-other-rooms ul li .link { position: absolute; bottom: 0; left: 50%; display: block; width: 22px; height: 22px; margin-left: -11px; font-family: 'Quicksand', sans-serif; font-size: 24px; line-height: 22px; color: #fff; background: #96482c; text-align: center; }
.section-other-rooms ul li .link:hover { text-decoration: none; }

.fixed-socials { position: fixed; top: 50%; left: 0; z-index: 350; width: 45px; margin-top: -85px; }
.fixed-socials .toggle { display: none; }
.fixed-socials a { display: block; padding: 6px 0; }
.fixed-socials a img { display: block; }

.panel { position: fixed; top: 0; width: 288px; height: 100%; z-index: 999; overflow: auto; background: #1c4386; color: #fff; display: none; }
.panel.left { left: -288px; }
.panel.left.open { left: 0; }
.panel.right { right: -288px; }
.panel.right.open { right: 0; }
.panel .btn-book { float: left; padding: 7px 12px; font-size: 16px; background: #944529; }
.panel .close { float: right; margin: 7px 0 0; font-size: 16px; }
.panel .close:after { content: 'X'; display: inline-block; padding: 0 5px; margin-left: 9px; font-size: 15px; color: #fff; background: #49699e; }
.panel .close:hover { text-decoration: none; }
.panel ul { list-style: none outside none; }
.panel hr { display: block; margin: 16px 0; padding: 0; border: 0; width: 100%; height: 2px; background: #49699e; }
.panel a { color: #fff; }
.panel .wrap { padding: 15px 16px; }
.panel .wrap  {  }
.panel .menu { font-size: 16px; }
.panel .menu li { padding: 5px 0; }
.panel .menu li a { display: block; padding: 0 2px; }
.panel .menu ul { display: none; }
.panel .phone { margin: -2px 0 10px; font-size: 21px; line-height: 1.1; text-align: center; color: #fff; }
.panel .address {  text-align: center; }
.panel .address br { display: none; }
.panel .socials { height: 232px; padding: 17px; background: #fff; }
.panel .socials a { display: block; margin-bottom: 12px; }
.panel .socials a img { display: block; margin: 0 auto; }


.homepage-icons { padding-top: 50px; text-align: center; }
.homepage-icons ul li { list-style: none; display: inline-block; }
.homepage-icons ul li img { width: 165px; height: auto; }

@media screen and (max-width: 1400px) {

	body { min-width: 0; }

	#wrapper { width: auto; }

	.shell { width: auto; }

	.home .booking-online,
	.booking-online { right: 0; }

	#header .shell:before { content: ''; display: block; width: 100%; height: 0; clear: both; }
	#header .address { text-align: left; }
	#header .address p { display: block; }
	#header .address > a { margin-left: 0; }

	#container > .shell { margin-top: 96px; }

	#navigation { margin-top: 60px; }

	.slider-bg { display: none; }

	.text-container { width: auto; }

	.section-details .box { width: 47%; }
	.section-details .box.left { margin-left: 2%; }
	.section-details .box.right { margin-right: 2%; }


	.three-cols { width: auto; padding: 17px 20px 50px; font-size: 12px; line-height: 18px; } 
	.three-cols .col { width: 31.6%; padding: 0 0 0 2.5%; margin: 0; }
	.three-cols .col:first-child { padding-left: 0; }

	.three-cols .col h5 { font-size: 20px; line-height: 25px; padding: 0 0 7px; }
	.three-cols .col img { margin: 0 0 10px; }
	.three-cols .col p { padding: 0 0 18px; }

	.section-details .box { font-size: 12px; }
	.section-details .box h4 { font-size: 18px; }
	.section-details .box img { width: 206px; }

	.renovated-rooms ul { font-size: 0; text-align: center; }
	.renovated-rooms ul li { float: none; display: inline-block; vertical-align: top; }

	.section-about .inside-view { width: 52%; left: 2%; }
	.section-about .inside-view img { width: 100%; display: block; }

	.right-container { width: 38%; padding-right: 2%; }
	.right-container div { max-width: 100%; }
	
	.section-testimonials .testimonial { width: 46%; }
	.section-testimonials .testimonial.left { margin-left: 2%; }
	.section-testimonials .testimonial.right { margin-right: 2%; }

	#footer .widgets { width: 452px; }
	#footer .wrap { padding: 0 24px; }
	#footer .nav { width: 210px; }
	#footer .nav ul { float: none; width: auto; }
	#footer .carbon_widget_form { width: 200px;}

	#container > .shell { margin-top: 120px; }

	#content { width: 71%; }
	#sidebar { width: 19%; padding-left: 4%; }

	.list-rooms .text { float: none; position: relative; overflow: hidden; display: block; width: auto; padding-right: 10px; }
	.list-rooms img { height: auto; }

	.room-details .left { width: 44%; padding-left: 5%; }
	.room-details .right { width: 44%; padding-right: 5%; }

	.room-details .thumbs ul { float: none; display: block; width: auto; font-size: 0; text-align: center; }
	.room-details .thumbs ul li { float: none; display: inline-block; vertical-align: top; padding: 0 11px 26px; }

	.section-other-rooms ul { text-align: center; font-size: 0; }
	.section-other-rooms ul li { float: none; display: inline-block; vertical-align: top; }

	#container > .shell { margin-top: 96px; }
}


@media screen and (max-width: 1280px) {

	#navigation { clear: both; margin-top: 10px; }

	#header { background-position: -210px top !important; }

	#container > .shell { margin-top: 114px; }

	.room-details .gallery .slides li  { height: auto; }

	.homepage-icons { padding-top: 30px;  }
	.homepage-icons ul li {  width: 23%; }
	.homepage-icons ul li img { width: auto; }

}

@media screen and (min-width: 1060px) {

	#header { background: #2e599a url(images/header-inside.jpg) no-repeat center top; background-size: auto 100%; text-align: center; font-size: 0; }

	.home #header { background: rgba(28, 67, 134, .8); }
	
	#header.fixed .shell { min-height: 63px; position: relative; }
	#header.fixed .phone { top: 20px; left: 50%; font-size: 17px; margin-left: 162px; }

	#header.fixed .address,
	#header.fixed .book-online,
	#header.fixed .translate { display: none; }

	#header.fixed #navigation { position: static; float: none; display: inline-block; width: 80px; height: 36px; vertical-align: top; background: #6486b6; padding: 0; margin: 13px 86px 0 0; }
	#header.fixed #navigation .toggle { display: block; padding-left: 12px; width: auto; background: url(images/nav-toggle.png) no-repeat 54px 12px; color: #fff; font-size: 12px; line-height: 38px; text-transform: uppercase; text-align: left; }
	#header.fixed #navigation .toggle:hover { text-decoration: none; }
	#header.fixed #navigation:after { content: none; }
	#header.fixed #navigation > ul { position: absolute; top: 100%; left: 0; width: 100%; font-size: 0; line-height: 34px; text-align: center; display: none; }
	#header.fixed #navigation.open > ul { display: block; }
	#header.fixed #navigation > ul > li { float: none; display: inline-block; background: #944529; font-size: 15px; }
	
	#header.fixed #logo { position: absolute; top: 0; left: 50%; width: 190px; height: 43px; padding: 0; margin: 9px 32px 0 -305px; vertical-align: top; }
	#header.fixed #logo a { width: 100%; height: 100%; background-size: 100% 100%; }

	#header.fixed .booking-online { position: absolute; top: 13px; left: 50%; display: block; width: 122px; height: 36px; margin-left: 11px; background: #944529; padding: 0; }
	#header.fixed .booking-online .button-mobile { display: block; width: 100%; height: 100%; font-size: 16px; line-height: 36px; text-align: center; color: #fff; }
	#header.fixed .booking-online .button-mobile:hover { text-decoration: none; }
	#header.fixed .booking-online h4,
	#header.fixed .booking-online ul,
	#header.fixed .booking-online .call,
	#header.fixed .booking-online:after,
	#header.fixed .booking-online .button,
	#header.fixed .booking-online input { display: none; }

}


@media screen and (max-width: 1060px) {

	img { max-width: 100%; }

	h2 { font-size: 33px; }
	h6 { font-size: 18px; }

	#wrapper { width: auto; }

	.shell { width: auto; }

	.attraction-list { padding: 20px 32px; }
	.attraction-list ul { width: 33.3%; padding: 0; }
	.attraction-list ul:last-child { float: none; display: block; width: 100%; }
	.attraction-list ul:last-child li { float: left; display: inline; width: 33%; }
	.attraction-list ul:last-child li:first-child { float: right; display: inline; }

	.main-booking { display: block; padding: 7px 0 18px; }
	.main-booking h4 { text-align: left; width: 196px; font-size: 31px; padding: 3px 0 0 20px; letter-spacing: -1px; }
	.main-booking ul li { padding-left: 18px; }
	.main-booking .call { width: 100%; padding: 34px 0 0; line-height: 25px; }
	.main-booking .call br { display: none; }
	.main-booking .call span { font-size: 25px; line-height: 25px; padding: 0 20px; }

	.right-container { width: 39%; padding-right: 2%; }
	.right-container div { max-width: 100%; }

	.three-cols { width: auto; padding: 17px 20px 50px; font-size: 12px; line-height: 18px; } 
	.three-cols .col { width: 31.6%; padding: 0 0 0 2.5%; margin: 0; }
	.three-cols .col:first-child { padding-left: 0; }

	.three-cols .col h5 { font-size: 20px; line-height: 25px; padding: 0 0 7px; }
	.three-cols .col img { margin: 0 0 10px; }
	.three-cols .col p { padding: 0 0 18px; }

	.home .left-container { width: 48.3%; padding-left: 1%; }
	.attractions-container { width: 48.3%; }
	.attractions-container img { max-width: 100%; }


	#footer .widgets { width: 100%; position: relative; overflow: hidden; padding: 0 0 16px; }
	#footer .widget { margin-left: 30px; }
	#footer .widget:first-child { margin-left: 24px; }
	#footer .text { margin-left: 12px; padding-bottom: 33px; }
	#footer .nav { width: 344px; padding-left: 10px; padding-bottom: 33px; }
	#footer .nav ul { float: left; padding-left: 5px; width: 167px; }
	#footer .shell > p { text-align: left; }
	#footer .carbon_widget_form { width: 218px; }

	.translate { left: 672px; }

	#sidebar { width: 29%; padding: 0 0 0 1.3%; }
	#content { width: 65.2%; padding: 0 2.6% 0 0; }

	.article img,
	.article img.aligntleft,
	.article img.aligntright { margin: 0 0 7px; float: none; display: block; }
	.article h2 { font-size: 39px; padding: 0 0 21px; }

	#sidebar .widget { margin: 0 0 11px; }

	.widget.widget-nav { padding: 8px 12px 9px; }
	.widget.widget-nav ul { font-size: 13px; line-height: 16px; }
	.widget.widget-nav ul li { padding: 0 0 16px; }
	.widget.widget-nav ul li.current-menu-item { padding-left: 14px; background-position: 2px 5px; }

	.carbon_widget_form h4 { font-size: 19px; letter-spacing: -1px; }
	.carbon_widget_form ul li { width: auto; padding: 0 10px 10px; }
	.carbon_widget_form ul li label { z-index:20; }
	.carbon_widget_form ul li .field { width: 100%; position: relative; margin: 0 -10px; }

	.list .info p {}
	.list .info { padding: 0; float: left; }
	.list .info p { padding: 0 0 4px; }
	.list .info .button { margin-top: 10px; }
	.list .text { float: none; display: block; width: auto; }
	.list img { margin: 7px 0 20px 20px; float: right; display: inline; width: 50%; }
	.list li { padding-bottom: 26px; background-image: url(images/tablet-list-li.png); background-position: center 0; }
	.list-rooms .text  { width: 100%; padding: 13px 0 0; font-size: 14px; line-height: 20px; float: none; display: block; position: relative; overflow: hidden; }
	.list-rooms .text p { padding: 0 0 20px; }
	.list-rooms .text h5 { display: none; }
	.list-rooms .info h5 { font-size: 22px; line-height: 24px; font-weight: normal; font-family: 'Quicksand', sans-serif; display: block; margin: -4px 0 15px; }
	.list-rooms .info h5 a { color: #000; }
	.list-rooms .info h5 a:hover { text-decoration: none; }
	.list-rooms img { margin: 0; float: none; display: block; width: auto; }
	.list-rooms .img { float: right; display: inline; }

	#container { padding: 0; }

	.property-info .text { padding: 0 0 0 6px; width: 53%; margin-left: -2%; }
	.property-info .info { padding: 0; width: 226px; margin-right: -4%; }

	.property-info .text h3 { font-size: 23px; line-height: 28px; padding: 0 0 10px; }
	.property-info .gallery { width: 106%; margin-left: -2%; }

	.property-info .thumbs { padding: 0 0 3px; }
	.property-info .thumbs ul { width: auto; margin-left: -23px; }
	.property-info .thumbs ul li { padding-left: 23px; }
	.property-info .thumbs ul li a { width: 98px; }
	.property-info .contact-box { text-align: center; font-size: 18px; line-height: 22px; padding: 0 20px; width: auto; }
	.property-info h2 { padding: 0 0 12px; margin-left: -2%; }

	.carbon_widget_review { padding:  13px 6px 16px; }
	.carbon_widget_review h4 { font-size: 20px; }
	.carbon_widget_review h5 { font-size: 16px; }
	.carbon_widget_review h5 span { font-size: 37px; line-height: 37px; }

	.room-details .sidebar { width: 28.5%; padding: 0 0 0 1.3%; }
	.room-details .gallery { margin: 0; }
	.room-details .gallery,
	.room-details .gallery .slides,
	.room-details .gallery .slides li { height: auto; }
	.room-details .gallery img { height: auto; }
	.room-details .widget.widget-nav { min-height: 279px; }
	.room-details .left { width: 50%; padding-top: 3px; }
	.room-details .left h2 { font-size: 39px; padding: 0 0 14px 14px; }
	.room-details .left .text { background: transparent ; padding: 0 0 0 14px; margin: 0; width: auto; }
	.room-details .left .button { top: -60px; right: 23px; }
	.room-details .left .col { padding: 18px 0 5px 10px; }
	.room-details .left .col.specials { position: relative; overflow: hidden; clear: both; float: none; display: block; }
	.room-details .right { width: 340px; margin-top: 0; padding-top: 5%; }
	.room-details .thumbs ul { width: auto; margin: 0 0 0 -23px; }
	.room-details .thumbs ul li { float: left; display: inline; padding: 0 0 18px 23px; }
	.room-details .thumbs ul li a { float: left; display: inline; width: 98px; }

	.room-details .info { padding: 17px 16px 32px; }
	.room-details .testimonial { padding-bottom: 6px; }
	.room-details .testimonial h2 { font-size: 31px; }
	.room-details .testimonial h5 { font-size: 20px; }
	.room-details .testimonial p { font-size: 14px; line-height: 20px; padding: 0 0 20px; }

	.room-details .widget-contact { padding: 0; margin: 0 0 20px; width: 100%; text-align: center; }
	.room-details .right { text-align: center; }
	.room-details .right .button { position: relative; top: auto; right: auto; display: inline-block; margin: 0 0 10px; }
	.room-details .right .info { text-align: left; }

	.property-info .gallery .slides,
	.property-info .gallery .slides li { height: auto; }

	#header { position: relative; }
	#container > .shell { margin-top: 0;}

	#header { background: #2e599a url(images/header-inside.jpg) no-repeat center top; background-size: auto 100%; }
	.home #header { background: rgba(28, 67, 134, .8); }
	#header .book-online  { display: none; }

	#header .booking-online { box-shadow: none; z-index: 60; height: auto; top: 18px; right: 30px; width: auto; background: transparent; }
	#header .booking-online .button-mobile { position: absolute; top: 0; right: 0; display: block; padding: 1px 14px; font-size: 16px; white-space: nowrap; background: #fff; }
	#header .booking-online .button-mobile:hover { text-decoration: none; }
	#header .booking-online .button { display: none; }
	#header .booking-online:after,
	#header .booking-online ul,
	#header .booking-online p,
	#header .booking-online h4 { display: none; }
	#header .booking-online.open { width: 353px; }
	#header .booking-online.open ul { display: block; }
	#header .booking-online.open { display: block; margin-bottom: 10px; }
	
	#header .address { top: 52px; left: auto; right: 33px; }
	#header .address > a { display: none; }
	#header .phone { top: 15px; right: 168px; left: auto; font-size: 21px; }

	.translate { display: none; }


	#navigation { width: 100%; padding: 0; margin-top: 16px; }
	#navigation { margin-top: 16px; }
	#navigation > ul { line-height: 36px; }

	#logo { padding: 11px 0 0 27px; }

	#slider { margin: 0; }
	#slider .slides,
	#slider .slides li { height: auto; }
	#slider .text { bottom: 39px; left: 74px; }

	#slider .text { min-width: 250px; padding: 18px 10px 0; }
	#slider .text p { margin-bottom: 10px; font-size: 18px; }
	#slider .text .button { font-size: 11px; }
	#slider .slides li img { min-width: 1008px; }

	#slider .flex-control-nav { bottom: 12px; right: 3px; }
	#slider .flex-control-nav li a { width: 24px; height: 12px; }
	
	.text-container { padding: 9px 22px 8px; }
	.text-container h6 { font-size: 16px; }
	
	.home .section-details { padding-top: 2px; padding-bottom: 36px; }
	.section-details .box { width: 80%; }
	.section-details .box.left,
	.section-details .box.right { display: block; position: relative; overflow: hidden; float: none; margin: 32px auto 0; }

	.renovated-rooms { padding: 20px 16px 0; }
	.renovated-rooms h3 { padding: 9px 0 33px; font-size: 31px; }
	.renovated-rooms ul { margin: 0 -17px; text-align: center; }
	.renovated-rooms ul li { float: none; display: inline-block; width: 351px; margin: 0 15px 22px; vertical-align: top; }
	
	.section-about { padding: 66px 0 25px; }
	.section-about .inside-view { float: none; display: block; width: 468px; margin: 0 auto 25px; }
	.section-about .right-container { float: none;display: block; width: 468px; margin: 0 auto; }
	.renovated-rooms h6 { padding: 0 10px; font-size: 21px; line-height: 1.2; }
	.renovated-rooms .img { display: block; }
	.renovated-rooms .img img { margin: 0 0 10px; }
	
	.section-testimonials { padding-bottom: 15px; }
	.section-testimonials .testimonial.left,
	.section-testimonials .testimonial.right { float: none; display: block; margin: 0 auto 32px; }
	.section-testimonials h3 { padding-bottom: 28px; }

	#footer .wrap { padding: 0 28px; }
	#footer .widget:first-child { margin-left: 0; }

	.slider-bg { display: none; }

	.section-other-rooms { text-align: center; }
	.section-other-rooms ul { text-align: center; }
	.section-other-rooms ul li { float: none; display: inline-block; vertical-align: top; }

}

@media screen and (max-width: 1050px) {
	.pagination { padding: 0 19px 15px 0; }


	.text-container { width: auto; padding: 18px 22px 8px; }
	.text-container h2 { margin: 0 0 3px; }

	.devider { display: none; }

	.attractions-container { padding: 10px 0 8px; width: 100%; }
	.attractions-container .img img { width: 100%; margin: 0; }
	.attractions-container .text { padding: 23px 0 0 26px; }
	.attractions-container .close { margin: 0; padding: 16px 84px 0 0; }

	.home .main-booking { padding-bottom: 48px; }

	.title { line-height: 1.1; padding: 0 115px 22px; }
	.home .left-container { width: auto; }
	.left-container { float: none; display: block; padding: 20px 20px 0; width: auto; }
	.right-container { width: 100%; float: none; display: block; padding: 0 0 20px; }

	.ui-datepicker { z-index: 600 !important; }

	.button-mobile { display: block; }

	.top-socials { left: 128px; top: 98px; }

	.translate { left: 346px; top: 103px; }


}

@media screen and (max-width: 1020px) {

	.room-details .right { width: 256px; }
	
	#navigation > ul > li { padding: 0 8px; }
	#navigation > ul { font-size: 13px; }

}

@media screen and (max-width: 767px) {

	.homepage-icons ul li {  width: 33%; }

	#header { background: rgba(28, 67, 134, .8); }
	#header #navigation.open > ul { display: none; }


	.page-styled-text img { width: 106% !important; height: auto !important; }
	#wrapper { padding: 0; }

	.home #header { position: relative; }

	#logo { float: none; display: block; margin: 0 auto; padding: 9px 0 0; }

	#navigation  { background: transparent; padding-top: 47px; }
	#navigation .toggle { display: block; padding-left: 16px; width: 88px; background: #6586b6 url(images/nav-toggle.png) no-repeat 54px center; margin: 0 20px 0 auto; color: #fff; font-size: 15px; line-height: 38px; text-align: left; }
	#navigation .toggle:hover { text-decoration: none; }
	#navigation ul { list-style: none outside none; display: block; width: 100%; padding: 5px 0; display: none; }
	#navigation.open > ul { display: block; margin-top: 8px; }
	#navigation ul li { float: none; display: block; width: 100%; padding: 0; line-height: 20px; text-align: left; padding: 5px 0; }
	#navigation ul li a { float: none; display: block; padding: 0 20px; }
	#navigation ul ul { position: relative; top: 0; left: 0; right: 0; width: 100%; border-bottom: 3px solid #9bc1af; }
	#navigation ul ul a { padding: 0 25px; }
	#navigation ul ul:after,
	#navigation ul ul.right:after { display: none; }
	#navigation ul { background: rgba(154, 68, 35, .9); }
	.panel.right .menu li a { position: relative; }
	.menu .menu-item-has-children > a:after { top: 5px; right: 0; position: absolute; content: ''; width: 0; height: 0; border-top: 7px solid transparent; border-left: 7px solid #1a386b; border-bottom: 7px solid transparent; }
	.menu .sub-menu-wrapper { display: block; position: fixed; top: 70px; right: -100%; width: 288px; height: 100%; background: #00162f; z-index: 1; padding: 10px; box-sizing: border-box; }
	.menu .sub-menu-wrapper {
		-webkit-transition: right .3s ease-out; 
		     -o-transition: right .3s ease-out; 
		        transition: right .3s ease-out; 
	}
	.menu .sub-menu-wrapper.active { right: 0; }
	.menu .sub-menu-wrapper .sub-menu { position: relative; display: block; background-color: transparent; padding-bottom: 0; top: 21px; width: 100%; }
	.ico-close { display: inline-block; vertical-align: middle; background: #9a421a url(images/ico-close.png) no-repeat center center; width: 21px; height: 21px; margin-left: 10px; }
	.menu .sub-menu-wrapper .link-back { display: block; color: #fff; text-align: right; font-size: 12px; text-transform: uppercase; text-decoration: none; padding: 0; line-height: 1; }
	.panel.right .menu li .sub-menu-wrapper .link-back { position: absolute; top: 10px; right: 15px; }

	#header .phone { top: 101px; left: 0; right: 0; text-align: center; }
	#header .address { top: 80px; left: 0; right: 0; text-align: center; }

	#header .booking-online .button-mobile { padding: 8px 14px; font-size: 16px; color: #fff; background: #944529; }
	
	#navigation { margin-top: 75px; }
	#navigation .toggle { width: 67px; padding: 0 0 0 12px; margin-right: 10px; }

	#header { height: 202px; }
	#header .booking-online { position: absolute; top: 146px; right: 102px; }
	#navigation .toggle { position: absolute; top: 0; right: 0; text-transform: uppercase; font-size: 12px; text-transform: uppercase; }
	
	#slider .slides li img { min-width: 0; }
	#slider .flex-control-nav { right: auto; left: 0; margin-bottom: 3px; }
	#slider .text { width: auto; position: relative; bottom: auto; left: auto; padding: 5px 15px 0; }
	#slider .text p { padding: 18px 5px; margin: 0 0 10px; }
	#slider .text .button { min-width: 85px; height: 30px; font-size: 15px; }
	#slider .flex-control-nav { display: none; }
	#slider .text .button { height: auto; }
	#slider .text p { padding: 0 20px 8px; margin: 0; font-size: 24px; line-height: 1.25; }

	.text-container { padding: 7px 8px; }
	.text-container h2 { font-size: 33px; line-height: 35px; padding: 0 0 6px; }
	.text-container h6 { font-size: 16px; line-height: 22px; padding: 0 0 0; }
	.text-container p a { display: block; margin: 20px 0 27px; }
	.text-container .btn { padding: 6px 5px 4px; margin: 11px 0 26px; font-size: 12px; }

	.attractions-container .text { padding: 13px 12px 2px; width: auto; }

	.main-booking { text-align: center; }
	.main-booking h4 { float: none; display: block; text-align: center; width: 100%; padding: 12px 0 31px; font-size: 28px; line-height: 28px; }
	.main-booking ul { width: 100%; padding: 0; float: none; display: block; }
	.main-booking ul li:first-child,
	.main-booking ul li { padding: 0 0 20px; float: none; display: block; width: 100%; }

	.main-booking ul li label { float: none; display: inline-block; min-width: 62px; margin: 0; padding: 0 18px 0 0; width: auto; }
	.main-booking ul li .field { float: none; margin: 0; }
	.main-booking img { float: none; display: inline-block; margin: 0 10px -4px; }
	.main-booking .button { float: none; display: block; margin: 0 auto; }

	.main-booking .call span { display: block; }

	.home .main-booking { padding-bottom: 40px; }

	.three-cols { padding: 0 10px 20px; width: auto; margin: 20px 0 0 0; }
	.three-cols .col { float: none; display: block; width: 100%; padding: 10px 0 0; }
	.three-cols .col:first-child { padding-top: 0; }
	.three-cols .col img { display: block; margin: 0 auto 10px; }
	.three-cols .col h5 a { font-size: 17px; }
	.three-cols .col p { font-size: 13px; line-height: 20px; padding: 0 15px; }
	.three-cols .col a { margin: 0 15px; }

	.title { font-size: 28px; line-height: 30px; padding: 44px 20px 20px; }

	.left-container { margin: 16px 0 0; padding: 20px 17px 0; }
	.left-container img { display: block; margin: 0 auto 18px; float: none; }
	.left-container li { padding: 0 0 33px; }

	.right-container { width: auto; padding: 0 40px 26px; position: relative; overflow: hidden; }
	.right-container #CDSWIDSSP { max-width: 100%; }
	.right-container .TA_selfserveprop { width: 100%; margin: 0;  }
	.right-container .green { width: auto; margin: 10px 0 0; }

	.attraction-list { padding: 14px 20px 10px; }
	.attraction-list ul:last-child,
	.attraction-list ul:last-child li,
	.attraction-list ul:last-child li:first-child,
	.attraction-list ul { float: none; display: block; width: auto; }

	#footer { padding: 24px 22px 20px; width: auto; }
	#footer .widgets { padding: 0; margin: 0 0 -4px; }
	#footer .widget,
	#footer .widget:first-child { float: none; display: block; margin: 0 auto 30px; }
	#footer .text { width: auto; padding: 0; margin: 0; }
	#footer .nav { width: 100%; padding: 0 0 20px; font-size: 11px; line-height: 19px; }
	#footer .nav ul { float: none; display: block; width: 100%; padding: 0; }
	#footer .shell > p { padding: 0 0 19px; }
	#footer .shell .wrap > p { text-align: left; font-size: 12px; }

	#content,
	#sidebar { float: none; display: block; width: auto; position: relative; overflow: hidden; }
	#content { padding: 0 2.8%; }
	.article { margin: 0 0 20px; width: 100%; }
	.article img { display: block; width: 106%; margin: 0 -3% 12px; max-width: 106%; }
	.article h2 { font-size: 28px; line-height: 30px; padding: 15px 0 14px; text-align: center; }

	#sidebar  { padding: 0 30px 17px; }
	#sidebar .carbon_widget_form { display: none; }

	.general #sidebar { display: none; }

	.nav-mobile { display: none; padding: 0 30px 15px; }
	.widget.widget-nav ul li { padding-bottom: 12px; }

	.room-details .sidebar { display: none; }
	.room-details .gallery { width: 100%; margin: 0; }
	.room-details .gallery .flex-direction-nav { display: none; }
	.room-details .gallery .caption p { padding: 9px 0; }
	.room-details .left .button { display: block; position: relative; top: auto; right: auto; margin: 0 0 26px; }
	.room-details .left { float: none; display: block; padding: 0; width: auto; }
	.room-details .left h2 { display: none; }
	.room-details h2 { display: block; font-size: 28px; line-height: 30px; text-align: center; padding: 10px 0 21px; }
	.room-details .left .text { width: auto; padding: 3px 11px 0; }
	.room-details .left .col { float: none; display: block; padding: 0 15px 14px; }
	.room-details .right { float: none; display: block; margin: 0; padding: 0 4px; width: auto; }
	.room-details .thumbs { padding: 8px 4px 0; width: auto; }
	.room-details .thumbs ul li a { width: 88px; }
	.room-details .testimonial { width: auto; float: none; display: block;  margin: 0; padding: 36px 24px 32px; }
	.room-details .testimonial h2 { font-size: 28px; text-align: left; padding: 0 0 4px; }
	.room-details .testimonial a { position: relative; top: auto; right: auto;  bottom: auto; }

	#sidebar .widget.widget-nav { display: none; }

	.property-info { position: relative; margin: 0 0 35px; }
	.property-info .text { width: auto; padding: 14px 2px 0; margin: 0; float: none; display: block; }
	.property-info .thumbs ul li a { width: 90px; }
	.property-info .contact-box { position: absolute; bottom: 0; left: 0; }
	.property-info .info { margin: -13px 0 0; width: auto; float: none; display: block; padding: 0 5px 96px; }
	.property-info .contact-box { padding: 0 0 0; width: 100%; text-align: left; }
	.property-info .contact-box span { padding: 0; }
	.property-info .contact-box p { padding: 0; }
	.property-info h2 { margin: 0; font-size: 28px; line-height: 30px; padding: 0 25px 14px; text-align: center; }
	.property-info .gallery { margin-left: -3%; }

	#content > h2 { font-size: 28px; text-align: center; line-height: 30px; }

	.list .info { width: auto; float: none; display: block; position: relative; padding: 5px 5px 13px; }
	.list .info .button { position: absolute; top: 35px; right: 10px; }
	.list li { overflow: visible; padding-top: 18px; }
	.list img { width: 100%; float: none; display: block; margin: 0; }
	.list-rooms { overflow: visible; }
	.list-rooms .img { width: 106%; margin: 0 -3%; position: relative; float: none; display: block; }
	.list-rooms img { width: 100%; }
	.list .text { padding: 23px 7px 0; }
	.custom-gallery .vfmGalleryDockTheme .vfmPhoto,
	.custom-gallery .vfmGalleryDockTheme { width: auto !important; }
	.custom-gallery #vfmviewer_vfmTabbar { display: none !important; }
	.custom-gallery { padding-top: 0; }
	.custom-gallery .vfmGalleryDockTheme {  }

	.top-socials { left: 50%; margin-left: -30px; }

	.translate { display: none; }

	.home .section-details { padding: 0; }

	.section-details .box.left, .section-details .box.right { width: auto; margin: 15px 0 0; }
	.section-details .box img { float: none; display: block; margin: 0 auto 15px; }
	.section-details .box h4 { padding: 0 0 12px; font-size: 19px; text-align: center; }
	.section-details .box .text { padding: 15px 15px 27px; }
	
	.renovated-rooms { padding: 10px 0 0; }
	.renovated-rooms h3 { padding: 0 0 6px; font-size: 26px; line-height: 1.15; text-align: center; }
	.renovated-rooms h6 { font-size: 18px; line-height: 21px; }
	.renovated-rooms ul li { width: 302px; height: 226px; margin: 0 0 20px; }
	.renovated-rooms .img { position: relative; overflow: hidden; width: 100%; height: 148px; margin-bottom: 8px; }
	.renovated-rooms .link { width: 22px; height: 22px; font-size: 23px; line-height: 22px; }

	.section-testimonials { padding: 13px 0 30px; }
	.section-testimonials .testimonial .wrap { padding: 13px 17px 27px; }
	.section-testimonials .testimonial.left,
	.section-testimonials .testimonial.right { width: auto; margin: 0 16px; }
	.section-testimonials .testimonial.left { margin-bottom: 52px; }
	.section-testimonials .testimonial h6 { padding-bottom: 15px; text-align: center; font-size: 19px; }
	.section-testimonials h5 { font-size: 20px; }
	.section-testimonials h3 { padding-bottom: 19px; font-size: 28px; line-height: 1.1; }
	.section-testimonials .testimonial .author { margin-top: 6px; }
	.section-testimonials .testimonial .author:after { margin-top: -15px; }
	
	.section-about { padding: 30px 0 22px; }
	.section-about .right-container { width: auto; padding: 0 6px; }
	.section-about .inside-view { width: auto; margin: 0 21px 10px; }

	.fixed-socials { position: absolute; top: 146px; left: 9px; margin-top: 0; }
	.fixed-socials a { display: none; }
	.fixed-socials .toggle { display: block; width: 66px; padding: 0 0 0 6px; font-size: 12px; line-height: 38px; text-transform: uppercase; color: #fff; background: #6284b5 url(images/ico-share.png) no-repeat 48px center; }
	.fixed-socials .toggle:hover { text-decoration: none; }

	.section-other-rooms h3 { padding: 0 20px 20px; font-size: 23px; }

	.room-details .left { clear: both; }
	.room-details .left .col { width: auto; }

	.panel { display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

	#wrapper { position: relative; overflow: hidden; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
	.panel-left #wrapper { margin-left: 288px; }
	.panel-right #wrapper { margin-left: -288px; }

}