/*
    Dark-grey: #4f5052;
    light-grey text background: #f6f6f6;

*/
body {font-family: "Raleway";color: #666666;}
.container-fluid {padding: 0px;}
.flexslider {border: 0px;margin: 0px;overflow: hidden;}
.flex-outer {padding-left: 0px;padding-right: 0px;margin: 0px;}
.nav-container {text-align:center;position: relative;width: 100%;top: 0px;height: auto;}
.header-overlay{background: rgba(0,0,0,1);
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 );
    position: absolute;z-index: 1000000000;width: 100%;top: 0px;height: 30%;
    
}
h1, h2, h3 {text-transform:uppercase;}
.sticky-nav {position: fixed; top: 0; z-index: 9999;}
.nav-container.sticky-nav {background: #fff;height:auto;}
.nav-container .nav-buttons {list-style: none;display: inline-block;padding:4% 0 0;position:relative;}
.logo-container {width: 240px;}
.nav-container .nav-logo  {width: 90%;}
.nav-container .nav-buttons li, .nav-container .logo-container {display: inline-block;position:relative;}
.nav-container .nav-buttons li:hover{color:#fff;background: #861633;}
.nav-container .nav-buttons li a{color: #000;font-family: "Raleway";font-weight: bold;font-size:13px; padding:10px;}
.nav-container .nav-buttons li a:hover {color:#fff;background: #861633;text-decoration:none;}
.nav-container .nav-buttons li ul li a:hover {color:#000 !important;}
.nav-buttons li.active a{background: #861633; color:#fff !important;padding:10px; }
.nav-buttons li:hover a{background: #861633; color:#fff !important;padding:10px; }
.nav-container ul.nav-buttons li ul {display:none;position:absolute;top:30px; left:0px; padding:0px; }
.nav-container ul.nav-buttons li:hover ul {display:block;}

.nav-container .logo-container {float:left; padding-top: 25px;padding-bottom: 25px;}
.footer-main {padding: 0px;text-align: center;}
.footer-top {width: 100%;background: #77172d;padding-bottom: 40px}
.footer-top .social-block {display: inline-block;margin-top: 40px;}
.footer-top .social-block .social-icon {margin-left: 8px;margin-right: 8px;}
.footer-main .sitemap-block {margin-top: 30px;}
.footer-main .sitemap-block .lower-sitemap {margin-top: 15px;padding-bottom: 30px;}
.footer-main .sitemap-block .lower-sitemap p {padding-left: 8px;padding-right: 8px;}
.sitemap-block li {list-style:none; display:inline-block;}

.sitemap-block li.active a {color: #000;}

.footer-main .sitemap-block p, .sitemap-block li a  {margin-bottom: 0px;font-size: 12px;display: inline-block;padding-left: 10px;padding-right: 10px;font-weight: bold;}
.footer-main .sitemap-block a {color: #fff;}
.footer-main .sitemap-block a:hover {color: #000;}
.footer-main .footer-bottom {background:#4f5052;padding-top: 40px;padding-bottom: 10px;}
.copyright {margin-bottom: 0px;text-align: center;color: #fff;font-size: 12px;font-weight: normal;}
.custom-navigation {top: 40%;position: absolute;width: 98%;	margin-left: 1%;z-index: 11;}
.custom-navigation .flex-prev {right: 0px;position: absolute;}
.flex-control-paging {display: none;}
.home-title {font-size: 25px;text-align: center;padding-top: 10px;padding-bottom: 10px;}
.image-outer {padding: 0px;}
.image-outer img {width: 100%;}
.text-section {text-align: center;padding-top: 40px;padding-bottom: 55px;}
.text-section .page-big-title {font-size: 50px;margin-bottom: 30px;}
.text-section .page-text {font-size: 15px;line-height: 22px;}
.image-background {position: relative;text-align:center;}
.full-width-image {width:100%;}
.image-overlay {position: absolute;width: 100%;top: 80px;color: #FFF;}
.sub-title {font-size: 28px;font-weight: bold;}
.inner-text {font-size: 15px;font-weight: normal;line-height: 24px;}
#map {height: 400px;}
.image-content {position: absolute;width: 100%;height: 100%;padding: 5px 25px;top: 100%;text-align: center;background: rgba(0,0,0,0.45);color: #FFF;display: none;}
.image-content .over-title {font-size: 32px;margin-top: 30px;}
.image-content .over-text {font-size: 15px;}
.overbutton {
    background: #77172d;border: 1px solid #FFF;width: 160px;border-radius:30px;padding-top: 6px;padding-bottom: 6px;font-size: 16px;padding-top: 10px;
    padding-bottom: 10px;display: inline-block;margin-top: 10px;color:white;
}
.overbutton:hover {cursor: pointer;background: #000;}
.page-image {width: 100%;}
.active-nav {display: block !important; position: absolute;top: auto;left: 0px;z-index:999909999999999;width: 100%;}
.mobile {display: none;}
.nav-menu {display: none;background:#FFF;box-shadow: 2px 2px 10px #b6b6b6;}
.hidden-arrows {display: none;}
.header-image {width: 100%;}
.text-section .page-title {font-size: 42px;margin-bottom: 25px;margin-top: 0px;}
.text-section .page-description {font-size: 15px;line-height: 22px;}
.split-image-container {overflow: auto;display: flex;}
.room-image {padding: 0px;}
.room-text {background: #f6f6f6;}
.room-text .room-text-inner {padding: 30px;text-align: center;}
.room-text .room-text-inner h2 {font-size: 26px;font-weight: bold;margin-top: 40px;margin-bottom: 30px;text-align: left;}
.room-text .room-text-inner p {font-size: 15px;line-height: 22px;text-align: left;}
.room-text .room-text-inner .overbutton {text-align: center;color: #FFF;display: inline-block;float: left; }
.list-section {padding-top: 30px;padding-bottom: 40px;text-align:center;}
.list-section .bottom-list {width: 33%;display: inline-block;list-style-position: inside;padding: 0px;margin-top: 15px; list-style: none;text-align:left;vertical-align: top;}
.list-section .bottom-list li:before {content: "\2023 \0020";font-size: 25px;padding-right: 10px;}
.list-section .bottom-list li {margin-bottom: 2px;font-size: 15px;display:flex;line-height:30px;}
.list-section .bottom-list-title {font-size: 26px;font-weight: bold;}
.section-break {margin-top: 50px;margin-bottom: 50px;text-align: center;}
.section-break h2 {font-size: 36px;text-transform: uppercase;margin: 0px;}
.map-container {height: 500px;position: relative;}
.map-container #contact-map {height: 100%;}

.map-container .overlay-menu {position: absolute;left: -350px;top: 0px;height: 100%;width: 400px;  background: #ccc url("../images/arrow-right-map.png") no-repeat scroll right 9px center;}
.overlay-menu .sub-menu-container {padding: 20px;}
.overlay-menu .sub-menu-container #map-list {list-style: none;padding: 0px;}
.overlay-menu .map-title {text-align: center;margin-bottom: 0px;font-size: 18px;font-weight: bold;}
.overlay-menu .sub-menu-container #map-list li {padding-top: 6px;padding-bottom: 6px;color: #333333;font-size: 16px;padding-left: 15px; width:99%;}
.overlay-menu .sub-menu-container #map-list li:hover {background:#333333;color: #CCCCCC;cursor: pointer;}
.package-container {margin-bottom: 30px;}
.single-image {width: 100%;}
.overbutton {text-align:center;}
.overbutton a{ color:#fff;}
.overbutton a:hover{ text-decoration:none; border-bottom:none;}
.package-container ul {list-style-image: url('../images/list-arrow.png');}
.package-container .overbutton {color: #FFF;}
.image-content a {color:#FFF;}
.blog-outer-preview .post-info {display: inline-block;font-size: 16px; line-height: 18px;}
.post-info span {font-style: italic;display:inline-block;}
.post-info.post-date {margin-left: 5px;}
.blog-list .blog-title {font-size: 32px;margin-bottom: 0px;}
.blog-helpers {top: 30px;}
.blog-list {padding-right: 50px;}
.blog-helpers h4 {font-weight: bold;margin-top: 30px;margin-bottom: 5px;}
.blog-helpers .recent-container {border: 2px solid rgba(102,102,102,0.6);}
.blog-helpers .recent-container ul {list-style: none;padding: 0px;}
.blog-helpers .recent-container ul li {margin-top: 10px;margin-bottom: 10px;padding-left: 10px;font-size: 15px;}
.blog-helpers .recent-container ul li a {color: #666;}
.blog-helpers .recent-container ul li a:hover {color: #CCCCCC;text-decoration: none;}
.blog-outer-preview {margin-bottom: 40px;}
.blog-container {position: relative;}
.blog-outer-preview p {font-size: 15px;line-height: 25px;}
.read-more {font-weight: bold;margin-bottom: 0px;margin-top: -10px;}
.read-more a {color: #666666;}
.read-more a:hover {color: #CCCCCC;text-decoration: none;}
.blog-container {margin-bottom: 40px;}
.blog-image {width: 100%;margin-top: 10px;margin-bottom: 20px;}
.blog-body p {font-size: 16px;line-height: 28px;margin-bottom: 15px;}
.blog-body .inner-main-title {text-align: left;margin-bottom: 0px;}
.blog-body .blog-description span {font-style: italic;}
.intro-container {padding-top: 40px;padding-bottom: 40px;}
.gallery-outer {height: 850px;}
.gallery-outer .photo-gallery {height: 100%;}
.address-outer {margin-top: 30px;}
.address-outer .address-title {font-weight: bold;}
.address-outer p {font-size: 16px;margin-bottom: 0px;}
.address-outer p span {padding-left: 15px;}
.contect-box .address-outer p span {padding-left: 0px;}
.address-outer .contact-info {padding-top: 5px;}
.sitemap {padding-bottom: 30px;}
.sitemap a {color: #4f5052;}
.sitemap h2 {font-size: 18px;font-weight: bold;}
.booking-outer { width: 100%;left: 0px;position: absolute;bottom: 60px;text-align:center;}
.booking-outer #imenu {width: 950px;display: inline-block;background: rgba(0,0,0,0.5);height: 138px;}
.header-section {position: relative;}

.tablet-image {display: none;}
.mobile-image {display: none;}

.booking-outer ul {margin: 0 auto;padding-top: 17px;padding-left: 0px;list-style: none;}
.booking-outer ul li {display: inline-block;height: auto;list-style: outside none none;margin-right: 10px;vertical-align: middle;padding: 5px 0px;position: relative;}
.booktext {
    font-size: 28px;font-weight: 400;margin-bottom: 10px;line-height: 42px;text-align: left;text-transform: uppercase;color: #FFF;margin-right: 20px !important;
    margin-left: 20px !important;padding-top: 20px !important;
}
.button_book button, .button_book1 button {margin-top: 0px;}
.booking-outer ul li {display: inline-block;height: auto;list-style: outside none none;margin-right: 10px;vertical-align: middle;padding: 5px 0px;position: relative;}
.booking-outer ul li label {color: #FFF;display: block;font-size: 15px;font-weight: 400;margin-bottom: 0;text-transform: none;text-align: left;}
.rooms {border: 1px solid #fff;padding: 0 !important;width: 220px;height: 52px !important;}
.rooms label {float: left;padding-left: 5px;padding-top: 14px;width: 120px;}
.jquery-selectbox.jquery-custom-selectboxes-replaced {width: 56px !important;}
.jquery-selectbox {border-right: 1px solid #fff;color: #FFF !important;padding: 15px 0;}
.booking-outer ul li input[type=text] {
    float: left;width: 220px;height: auto;text-align: left;margin: 0px 0 0 0;background: url(../images/calender.png) no-repeat top 0px right 0px rgba(0, 0, 0, 0);
    color: #FFF;font-weight: 300;font-size: 15px;text-transform: uppercase;border: solid 1px #fff;padding: 9px 8px;height: auto;line-height: 32px;
}
.chkinOut > span {border: 1px solid #fff;height: 49px;position: absolute;right: 44px;top: 7px;}
.button_book1 {position: absolute !important;right: -119px;top: 17px;}
.nav-container .nav-buttons li.button_book1{display:none;}
.nav-container.sticky-nav .nav-buttons li.button_book1{display:block;}
.nav-container .nav-buttons li:hover{background:none;}
.button_book, .button_book1 {margin-right: 0 !important;}
.button_book button, .button_book1 button {border: 1px solid #FFF;border-radius: 30px;height: 50px;width: 110px;margin-top: 11px;text-transform: uppercase;color: #FFF;background: #77172d;font-size: 16px;}
.button_book button:hover, .button_book1 button:hover {background: #000;}
.rooms .jquery-selectbox .jquery-selectbox-list {color: #4f5052;width: 98px !important;text-align: center;border-left: 2px solid #4f5052;border-right: 2px solid #4f5052;border-bottom: 2px solid #4f5052;}
.navbar-nav li .menudrop {background: #681731 none repeat scroll 0 0;  border-radius: 0 0 4px 4px; display: none;
    padding: 0;
    position: absolute;
    top: 66px;
    width: 350px;
    z-index: 9999;
}
.meetingstable td, th {
    padding: 15px;
} 
.modal {
	z-index: 2147483647;
}
.modal-dialog {float: left;left: 50%; transform: translateX(-50%) !important; display: inline-block;   width: auto;}
.modal-backdrop{background-color:transparent;position:static;}
.modal-open {overflow:auto !important; padding-right: 0 !important;}
.modal {overflow-y: auto;overflow-x: hidden;}
.modal-body{padding:0;}
.modal-footer {
    border-top: none;
    padding: 0;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -15px;
}
.modal-footer button{background-color: #77172d; border:none;border-radius: 20px;color: #ffffff;}
.img-responsive {
    max-height: 100vh;
    margin: -113px 0;
    padding: 113px 0;
}

.fhone-icon{}
.mrgn { text-align: left; line-height: 26px; margin-bottom: 3rem;}
.mrgn b{ color:#fff;}
.mrgn span{ color:#fff;}
.mrgn a{ color:#fff !important;}
.mrgn a:hover{ color:#337ab7 !important;}
.copyright a{ color:#fff;}
.copyright a:hover{ color:#337ab7 !important;}

.image-container{ position:relative;}
#toTop {
    background: #861633;
    border-radius: 50%;
    bottom: 10px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 34px;
    height: 44px;
    line-height: 41px;
    padding: 6px 5px 5px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 44px;
    z-index: 7;
}
#toTop:hover {
    background: #000;
  
}


.item > img {width: 100%;}
.flex-direction-nav .flex-next{ right:0}
.position-relative{ position:relative; width:100%;}
.bannernotice p{text-align:center; padding:5px 0px 5px 0px; color:#fff;font-size:15px;}

.closeBtn{position:absolute; right:-50px; bottom:65px;cursor: pointer;}
.bg1 { background: #77172d; position:fixed; bottom:0; width:100%;}
.newtext a{color:#fff; font-weight:bold;}
.newtext a:hover{color:#77172d; }
.social-block a:hover{text-decoration:none;}
.popupdiv {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: rgba(0,0,0,0.6);z-index: 9999;}
.main-popup {background: #fff;max-width: 500px;position: absolute;right: 0;left: 0;margin: auto;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 20px;text-align: center;font-size: 17px;}
.main-popup img {margin-bottom: 18px;}
.colse-popup {
	font-size: 54px;
	position: absolute;
	top: -13px;
	right: -14px;
	background: #ac1e42;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	cursor: pointer;
}
.closable_banner {
	width: 100%;
	background: #861633;
	color: #fff;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.closable_banner_close {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	width: 30px;
    cursor:pointer;
	background: #fff;
	border-radius: 50%;
	color: #861633;
	user-select: none;
	font-size: 40px;
	transform: rotate(-45deg) translateY(-50%);
	position: absolute;
	right: 15px;
	top: 44%;
}
@media screen and (max-width: 1920px) {.button_book > button{ margin-top:0px !important;}}

@media screen and (max-width: 1600px) {.button_book > button{ margin-top:0px !important;}}

@media screen and (max-width: 1550px) {
    .image-content .over-title {margin-top: 10px;}
    .image-overlay {top: 60px;}
    #map {height: 300px;}
    .room-text .room-text-inner {padding-bottom: 10px;padding-top: 10px;}
    .room-text .room-text-inner h2 {margin-top: 20px;}
}

@media screen and (max-width: 1440px) 
{
.room-text .room-text-inner {padding-bottom: 0;}
.overbutton {width: 157px;}
}



@media screen and (max-width: 1378px) {
    .room-text .room-text-inner p {font-size: 13px;line-height: 20px;}
    .room-text .room-text-inner h2 {margin-bottom: 15px;font-size: 22px;}
}
@media screen and (max-width: 1365px) {
    .custom-navigation .flex-prev img, .custom-navigation .flex-next img {width: 50px;}
    #map {height: 275px;}
}

@media screen and (max-width: 1366px){.image-content .over-title {font-size: 28px !important;}}

@media screen and (max-width: 1281px) {
    .image-content .over-title {font-size: 28px;}
    .image-content .over-text {font-size: 13px;}
    .overbutton {padding-top: 8px;padding-bottom: 8px;}
    .image-overlay {top: 40px;}
    .text-section {padding-bottom: 40px;padding-top: 40px;}
    .text-section .page-big-title {margin-top: 0px;margin-bottom: 15px;font-size: 45px;}
    .home-title {font-size: 22px;padding-top: 5px;}
    .sub-title {font-size: 24px;}
    #map {height: 260px;}
    .button_book > button{ margin-top:1px !important;}
    .closeBtn {right: -30px;}
    .overbutton {width: 145px;}
    .overbutton {font-size: 14px;}
}
@media screen and (max-width: 1226px) {
    .room-text .room-text-inner .overbutton {margin-top: 0px;}
    .room-text .room-text-inner h2 {margin-top: 5px;margin-bottom: 5px;}
    .room-text .room-text-inner {padding-left: 10px;padding-right:10px;}
}
@media screen and (max-width: 1200px) {
    .nav-container .nav-buttons li {font-size: 12px;padding-left: 12px;padding-right: 12px;}
    .logo-container {width: 210px;}
    .custom-navigation .flex-prev img, .custom-navigation .flex-next img {width: 40px;}
    .image-content {padding: 2px 10px;}
    .image-content .over-title {margin-bottom: 5px;}
    .image-content .over-text {margin-bottom: 5px;}
    .overbutton {width: 130px;}
    .image-overlay {top: 20px;}
    #map {height: 220px;}
    .text-section .page-big-title {font-size: 38px;}
    .home-title {margin-top: 10px;margin-bottom: 5px;}
    .text-section {padding-bottom: 30px;padding-top: 30px;}
    .footer-main .footer-bottom {padding-top: 25px;}
    .footer-main .sitemap-block p {padding-left: 7px;padding-right: 7px;}
}
@media screen and (max-width: 1130px) {
    .split-image-container {display: block;}
    .room-image {width: 100%;margin-left: 0px;margin-right: 0px;left:0px;}
    .room-text {width: 100%; margin-left: 0px; margin-right: 0px; left:0px; right: 0px;}
    .room-text .room-text-inner h2 {text-align: center;font-size: 26px;margin-top: 30px;margin-bottom: 20px;}
    .room-text .room-text-inner {padding-bottom: 50px;padding-left: 40px;padding-right: 40px;}
    .room-text .room-text-inner p {font-size: 15px; line-height: 22px;}
    .room-text .room-text-inner .overbutton {margin-top: 10px;}
    .booking-outer #imenu {width: 880px;}
    .booking-outer ul li input[type=text] {width: 190px;}
    .rooms {width: 190px;}
    .container {
    width: 100%;
}
}
@media screen and (max-width: 1025px) {
    .logo-container {width: 170px;}
    .nav-container .logo-container {padding-top: 20px;padding-bottom: 20px;}
    .image-content {padding: 0px 5px;}
    .image-content .over-title {font-size: 26px;margin-bottom: 0px;}
    .overbutton {padding-top:6px;padding-bottom: 6px;width: 110px;font-size: 13px;border-radius: 25px;}
    .text-section .page-big-title {font-size: 36px;}
    .text-section .inner-title {font-size: 24px;margin-top: 0px;}
    .package-container .inner-sub-title {margin-top: 0px;font-size: 24px;}
    .gallery-outer {height: 630px;}
    .image-overlay {top: 10px;}
    .booking-outer #imenu {width: 830px;}
    .meetingstable td, th {padding: 13px;}
.nav-container .nav-buttons li{padding-left:0px; padding-right:0px;}
.container-fluid.nav-container.sticky-nav  .nav-container .nav-buttons {

    float: left;
   
    width: 96%;
}
.bannernotice p {padding: 5px 80px 5px 50px;color: #fff;font-size: 13px;}
.closeBtn {right: 35px; }
}

@media screen and (max-width: 1100px) 
{.overbutton {width: 17% !important;}
.table_buttoon{ width:100px !important;}
.container {width: 100%;}
.nav-container .nav-buttons li{padding-left:2px; padding-right:2px;}
.container-fluid.nav-container.sticky-nav  .nav-container .nav-buttons {float: left; width: 96%;}
.container-fluid.nav-container.sticky-nav .nav-container .nav-buttons li a {padding:10px 8px;}
.admpackage_table, .admpackage_table_heading {width:100% !important;}
.admpackage_duration_heading {width:50% !IMPORTANT}
.admpackage_table_details {width:100% !important; height:80px !important}
.admpackage_duration_details, .admpackage_cost_details {width:50% !important; height:80px !important;word-wrap: break-word;}

.nav-container .nav-buttons li a {font-size: 11px !important; padding: 10px 4px !important;}
.button_book button, .button_book1 button {height: 39px;width: 80px;}
.nav-container .nav-buttons li {padding-right: 2px;padding-left:2px;}
.button_book1 {position: absolute !important;right: -88px;top: 19px;}
.overbutton {width: 33% !important;}
}


@media screen and (max-width: 999px) 
{
.overbutton {width: 24% !important;}
.table_buttoon{ width:88px !important;}
.modal-content{margin: 0 15px;}
#divimg > img {max-width: 100% !important;}
.overbutton {width: 108px;}

}


@media screen and (max-width: 992px) 
{
     .overbutton { padding-bottom: 6px; padding-top: 6px; width: 88px; font-size:14px;}
    .meetingstable td, th { padding: 3px;}
    .nav-container {display: none;}
    .mobile {display: block;}
    .flex-direction-nav .flex-next{opacity: 0;}
    .flex-direction-nav .flex-prev{opacity: 0;}
    .mobile-nav-container {background: #FFF;padding-top: 5px; padding-bottom: 5px; text-align: center;}
    .mobile-icon {height: 50px; float: right;margin-right: 10px;margin-top: 5px;}
    .fhone-icon{height: 38px;float: left;margin-right: 10px;	margin-top: 14px;}
    .footer_btn ul{ padding:0;}
    .footer_btn ul li{ list-style:none;}
    .footer_btn a {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	background: RGB(134, 22, 51);
	color: rgb(255, 255, 255);
	border: rgb(255, 255, 255) 2px solid;
	border-radius: 5px;
	padding: 10px 5px;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;}
	.footer_btn a:hover{ background:#000; text-decoration:none;}
.footer_btn{ margin:1rem 0 0rem;    }
    
    .mobile-icon:hover {box-shadow: 2px 2px 10px #b6b6b6;cursor: pointer;}
    .mobile-nav-container .logo-container {display: inline-block;clear: both;padding-top: 10px;padding-bottom: 10px;margin-bottom: -5px;margin-top: -5px;}
    .mobile-nav-container .logo-container .nav-logo {width: 100%;}
    .mobile-nav-container .nav-float {float: left; /*width: 61px;*/ height: 50px;margin-left: 10px;}
    .image-content .over-title {font-size: 28px;margin-top: 50px;}
    .image-content {padding: 20px;}
    .overbutton {font-size: 16px;width: 160px;padding-top: 10px;padding-bottom: 10px;}
    .image-content .over-text {margin-bottom: 15px;font-size: 15px}
    .text-section .inner-title {font-size: 20px;margin-bottom: 5px;}
    .text-section .page-text {font-size: 14px;line-height: 20px;}
    .text-section .split-content {padding-left: 5px;padding-right: 5px;}
    .nav-menu {text-align: center;padding-top: 5px;padding-bottom: 0px;}
    .nav-menu .nav-buttons {list-style: none;padding: 0px;text-align: center;padding-left: 5px;padding-right: 5px;margin-bottom: 5px;}
    .nav-menu .nav-buttons li {background: #4f5052;margin-top: 5px;margin-bottom: 5px;padding-top: 8px; padding-bottom: 8px;color: #FFF;font-weight: bold;font-size: 14px;}
    .nav-menu .nav-buttons li:hover {background: #5c5d5f;cursor: pointer;}
    .desktop-image {display: none;}
    .tablet-image {display: block;}
    .image-overlay {top: 50px;}
    #map {height: 300px;}
}
@media screen and (max-width: 850px) {
    .image-content .over-title {margin-top: 30px;}
    .overbutton {padding-top: 8px;padding-bottom: 8px;width: 140px;}
    .container.mobile-container {width: 800px;}
    .text-section {padding-top: 20px;padding-bottom: 20px;}
    .text-section .page-big-title {margin-bottom: 30px;font-size: 32px;}
    .footer-main .footer-bottom {padding-top: 15px;}
    .copyright {font-size: 10px;font-weight: bold;}
    .footer-main .sitemap-block {margin-top: 20px;}
    .footer-top .social-block {margin-top: 20px;}
    .booking-outer #imenu {width: 670px;}
    .rooms label {width: 66px;}
    .rooms {width: 140px;}
    .booking-outer ul li input[type=text] {width: 145px;}
    .bg1 {position: fixed !important;}
        .closable_banner { padding: 5px 40px; text-align: center; }
    .closable_banner_close { right: 0px; }
}
@media screen and (max-width: 818px) 
{
     .overbutton { padding-bottom: 6px; padding-top: 6px; width: 88px; font-size:14px;}
    .meetingstable td, th { padding: 4px;}
    .image-content .over-title {margin-top: 5px;}
    .container.mobile-container {width: 95%;margin-left: 2.5%;}
    .closeBtn {right: 15px;bottom: 65px;}
    .bannernotice p {padding: 5px 55px 5px 55px;}
}
/* Ipad & Ipad mini */
@media screen and (max-width: 769px) 
{
    
    .overbutton { padding-bottom: 6px; padding-top: 6px; width: 88px; font-size:14px;}
    .meetingstable td, th { padding:3px;}
    .page-image {width: 50%;margin-bottom: 20px;}
    .text-section .inner-title {font-size: 24px;text-align: center;}
    .image-background .full-width-image {height: 250px;}
    .list-section .bottom-list {width: 32.3%;margin-bottom: 0px;margin-top: 0px;}
    .list-section {padding-top: 15px;}
    .image-overlay {top: 20px;}
    #map {height: 230px;}
    .text-section .page-title {font-size:38px;margin-bottom:15px;margin-top: 10px;}
    .map-container .overlay-menu {display: none;}
    .package-container {margin-bottom: 50px;}
    .package-container .inner-sub-title {margin-top: 0px;font-size: 24px;}
    .package-container .text-side p {margin-bottom: 0px;}
    .package-container .text-side ul {margin-bottom: 0px;}
    .blog-helpers {padding: 0px;}
    .gallery-outer {height: 480px;}
    .booktext {margin-right: 10px !important;margin-left: 10px !important; font-size: 24px;}
    .booking-outer #imenu {height: 118px;}
    .button_book button {margin-top: 0px;}
    .booking-outer ul {padding-top: 8px;}
    .button_book button {height: 46px;}
    .main-popup {max-width: 92%;}
}
/* for Nexus 7 */
@media screen and (max-width: 601px) {
    .image-content .over-title {margin-top: 20px;font-size: 26px;}
    .image-content .over-text {display: none;}
    .page-image {width: 70%;}
    .room-text .room-text-inner {padding-left: 0px;padding-right:0px;}
    .room-text .room-text-inner h2 {margin-top: 10px;margin-bottom: 10px;}
    .room-text .room-text-inner .overbutton {margin-top: 0px;}
    .inner-text {line-height: 20px;}
    .image-overlay {top: 5px;}
    .list-section .bottom-list {width: 100%;}   
    .text-section .page-title {font-size: 32px;} 
    .room-text .room-text-inner h2 {font-size: 24px;}
    .section-break h2 {font-size: 30px;}
    .map-container {height:350px;}
    .package-container .inner-sub-title {margin-top: 20px;}
    .package-container .text-side {padding-left: 40px;padding-right: 40px;}
    .gallery-outer {height: 390px;}
    .address-outer {margin-top: 20px;}
    .booking-outer ul .booktext {display: block;text-align:center;}
    .booking-outer #imenu {width: 100%;height:100%;}
    .booking-outer ul li {margin-left: 15px; margin-right: 15px;}
    .booking-outer {bottom: 0px;height: 100%;}
    .main-popup img {width: 90%;}
}
/* Iphone 6 plus + Nexus X5 */
@media screen and (max-width: 480px) 
{
    .bannernotice p {padding: 15px 0px 5px 0px;} 
.closeBtn img {width: 65%;}
.closeBtn {right: -17px;top: -10px;}
.closable_banner {
	padding: 5px 30px;
}
    }
@media screen and (max-width: 415px) 
{
    .hide_mobile{ display:none;}
    .image-outer {width: 100%;}
    .custom-navigation {top: 35%;z-index:9;}
    .custom-navigation .flex-prev img, .custom-navigation .flex-next img {width: 25px;}
    .image-content .over-title {margin-top: 35px; font-size: 32px;margin-bottom: 20px;}
    .container.mobile-container {width: 100%;margin-left: 0px;}
    .page-image {width: 100%;}
    .text-section .page-big-title {font-size: 26px;margin-top: 10px;margin-bottom: 20px;}
    .nav-menu {box-shadow: none;}
    .mobile-icon {box-shadow: none;}
    .overbutton {width: 160px;padding-top: 10px;padding-bottom: 10px;font-size: 18px;}
    .tablet-image {display: none;}
    .mobile-image {display: block;}
    .image-overlay {top: 0px;}
    .sub-title {font-size: 22px;margin-top:15px;margin-bottom: 5px;}
    .inner-text {line-height: 18px;font-size: 13px;}
    .blog-list .blog-title {font-size: 26px;}
    .blog-list {width: 100%;padding: 0px;}
    .blog-body .inner-main-title {font-size: 30px;}
    .intro-container {padding-top: 20px;padding-bottom:20px;}
    .gallery-outer {height: 280px;z-index:999999999999999999999;}
    .booking-outer ul li {margin-left: 5px;margin-right: 5px;}
    .booking-outer ul .booktext {padding-top: 0px !important;padding-bottom: 0px !important; margin-bottom: 0px !important;}
    .booktext {line-height:30px;}
    .booking-outer {z-index: 9999;}
    .closeBtn img {width: 65%;}
    .closeBtn{top:-12px; right:0px;}
    .bannernotice p {padding: 10px 3px 5px 11px;}
}
/* Iphone 6 */
@media screen and (max-width: 375px) {
    .image-content .over-title {margin-top: 22px;}
    .footer-main .sitemap-block {margin-top: 25px;}
    .footer-main .sitemap-block .lower-sitemap {margin-top: 25px;}
    .footer-top .social-block .social-icon {margin-left: 10px;margin-right: 10px;}
    .text-section .page-title {font-size: 36px;margin-bottom: 10px;}
    .text-section .page-title {font-size: 34px;}
    .section-break {margin-top: 30px;margin-bottom:30px;}
    .booktext {font-size: 20px;line-height:20px;}
    .bannernotice p {padding: 10px 0px 5px 0px; font-size:12px;}
}
/* Galaxy S6, S5 */
@media screen and (max-width: 361px) {
    .overbutton {padding-top: 8px;padding-bottom: 8px;width: 140px;}
    .inner-text {font-size: 12px;line-height:16px;}
    .text-section .page-title {font-size: 32px;}
    .inner h2 {font-size: 22px;}
    .room-text .room-text-inner {padding-bottom: 30px;}
    .package-container .text-side {padding-left: 20px;padding-right: 20px;}
    .jquery-selectbox {padding: 10px 0px;}
    .rooms label {padding-top: 10px;}
    .rooms {height: 43px !important;}
    .booking-outer ul li input[type=text] {padding: 5px 5px;background: url(../images/calender.png) no-repeat top -6px right 0px rgba(0, 0, 0, 0);}
    .chkinOut > span {height: 41px;}
    .bg1 {z-index:99;}
}
/* Iphone 5 */
@media screen and (max-width: 321px) {
    .image-content .over-title {margin-top: 14px;}
    .room-text .room-text-inner p {font-size: 14px;line-height:20px;}
    .overbutton {font-size: 16px;}
    .booking-outer ul li {padding: 2px 0px;}
    .chkinOut > span {height: 42px;top: 3px;}
}

/* RTE content enduser */
figure.image img {
    width: inherit !important;
	max-width:100%;
}

figure.image {
    margin: auto !important;
}

    figure.image.image-style-align-right {
        float: right;
        margin: 0 0 10px 10px !important;
    }

    figure.image.image-style-align-left {
        float: left;
        margin: 0 10px 10px 0 !important;
    }

.blogpage .blogp ul li, .packageP ul li {
    list-style: disc !important;
    list-style-position: inside !important;
}

.blogpage .blogp ol li, .packageP ol li {
    list-style: decimal !important;
    list-style-position: inside !important;
}

.blogpage p, .packageP p {
    margin-bottom: 0;
}

.packageP blockquote, .blogp blockquote {
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: 5px solid #ccc;
}

#bookingPopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999;
    justify-content: center;
    align-items: center;
  }

  #bookingPopup.active {
    display: flex;
  }

  #bookingPopupInner {
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    max-width: 480px;
    width: 90%;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    position: relative;
  }

  
  #bookingPopupClose svg {
        height: 14px;
        width: 14px;
        margin-top: -2px;
    }

      #bookingPopupClose {
        position: absolute;
        right: -20px;
        z-index: 10;
        cursor: pointer;
        top: -20px;
        border-radius: 50%;
        border: none;
        /*transform: scale(0.9);*/
        line-height: 3px;
        fill: #fff;
        height: 36px;
        width: 36px;
        background: #77172d;
    }

          #bookingPopupClose:hover {
            fill: #000;
            background: #fff;
        }