﻿@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
/*
    font-family: 'Open Sans', sans-serif;
	font-family: "Times New Roman", Times, serif;
*/
@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css);
a {cursor: pointer !important;}
a:focus {outline: none !important;}
html
{
    height: 100%;
}
body
{
    font-family: 'Open Sans', sans-serif;
    color: #434343;
    font-size: 20px;
}
input, select, textarea
{
    font-family: 'Open Sans', sans-serif;
    margin: 0;
}
img
{
	max-width: 100%;
}
a, a:focus, a:hover {
    color: #000;
}
/* [BookingEngine] */
.BookingContainer, .MenuMobileContainer
{
    position: fixed;
    top: 0;
    right: -100%;
    height: 100%;
    width: 375px;
    z-index: 999;
    background: #000;
    -webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	background-image: url(images/Booking-Background.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.MenuMobileContainer
{
    right: -100%;
    height: 100%;
    width: 100%;
    background: #000;
}
.MenuBooking .BookingContainer, .bMenuMobile .MenuMobileContainer
{
    right: 0;
}
.BookingEngine, .DivMenuMobile
{
	padding: 40px 47.5px;
	text-align: center;
}
.BookingEngine .Close, .DivMenuMobile .Close
{
	width: 30px;
	height: 30px;
	background: url(images/Close.svg) no-repeat;
	display: block;
	float: right;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.BookingEngine .Close:hover, .DivMenuMobile .Close:hover
{
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.BELogo
{
	margin-top: 115px;
}
.BELogo img
{
	width: 240px;
}
.BookingEngine h2
{
	font-size: 25px;
    font-weight: 300;
    color: #FFF;
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
}
.BookingEngine .SearchDates
{
	background: #C0C6D3;
    color: #434343;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
    padding: 9px 10px 5px;
    width: calc(100% - 30px);
    margin-left: 15px;
}
.BookingEngine .SearchDates input
{
	display: block;
	font-size: 20px;
	background: none;
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	text-align: center;
}
.BookingEngine .SearchButton
{
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
	background: #856B4B;
	color: #FFF;
	display: block;
    text-decoration: none;
    padding: 13px 0;
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-top: 50px;
}
.BookingEngine .SearchButton:hover
{
	background: #FFF;
	color: #856B4B;
}
.BookingEngine .Info, .DivMenuMobile .Info
{
	font-size: 16px;
	line-height: 24px;
	color: #FFF;
	position: absolute;
    bottom: 25px;
    width: 100%;
    left: 0;
}
.BookingEngine .Info h3, .DivMenuMobile .Info h3
{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 15px;
}
.BookingEngine a, .DivMenuMobile a
{
	color: #FFF;
	text-decoration: underline;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.BookingEngine a:hover, .DivMenuMobile a:hover
{
	color: #FFF;
	text-decoration: none;
}
.MenuMobile
{
	background: url(images/Menu.svg) no-repeat;
	width: 42px;
	height: 22px;
	display: block;
    float: right;
    margin: 30px 15px 0 0;
    cursor: pointer;
    -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.Fixed .MenuMobile {margin: 22px 15px 0 0;}
/* [Booking Engine Responsive Height] */
@media (max-height: 767px) and (min-width:768px)
{
	.BookingContainer .BELogo {margin-top:60px;}
}
@media (max-height: 699px) and (min-width:768px)
{
	.BookingContainer .BELogo {margin-top:30px;}
}
@media (max-height: 669px) and (min-width:768px)
{
	.BookingContainer .BookingEngine h2 {margin-top:20px;margin-bottom:20px;}
	.BookingContainer .BookingEngine .SearchDates {margin-bottom:20px;}
	.BookingContainer .BookingEngine .SearchButton {margin-top:25px;}
}
@media (max-height: 589px) and (min-width:768px)
{
	.BookingContainer .BookingEngine h2 {margin-top:10px;margin-bottom:10px;}
	.BookingContainer .BookingEngine .SearchDates {margin-bottom:10px;}
	.BookingContainer .BookingEngine .SearchButton {margin-top:10px;}
}
/* [MainContainer] */
.MainContainer
{}
.MenuBooking .MainContainer, .bMenuMobile .MainContainer
{}
/* [Header] */
header
{
	position: fixed;
    z-index: 9;
    /*background: #856B4B;*/
    top: 0;
    height: 88px;
    width: 100%;
    /*-webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.4);*/
}
.Fixed header
{
	height: 68px;
    background: rgba(133, 107, 75, 0.8);
    -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.4);
}
.CmsViewPage header
{
	position: relative;
}
.Logo 
{
	position:relative;
}
.CmsViewPage .Logo 
{
	display: none;
}
.Logo img
{
	position: absolute;
	top:5px;
	left:30px;
	text-align: left;
	max-width: none;
	max-height:78px;
	content:url("/images/My-CHARM-Lisbon-Suites-Menu-White.svg");
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.Fixed .Logo img
{
	max-height: 55px;
	content:url("/images/My-CHARM-Lisbon-Suites-Menu-White-Fixed.png");
}
.Logo .logoLabel {display:none;}
/*.Fixed .Logo img
{
	transform: translateX(-100%);
}*/
/*.Logo .logoLabel 
{
	position: absolute;
    top: 13px;
    left: 15px;
    transform: translateX(-100%);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    margin-top: 13px;
    font-family: "Times New Roman", Times, serif;
    font-weight: 400;
    font-size: 25px;
    font-style: italic;
    color: #856B4B;
    line-height: 37px;
}
.Fixed .Logo .logoLabel 
{
	transform:translateX(0%);
}*/
.lnkBookingContainer 
{
	text-align: center;
    padding-top: 25px;
    font-size: 14px;
    white-space: nowrap;
    padding-left: 10px;
    display: inline-block;
    float: right;
    padding-right: 15px;
    position: absolute;
    right: 125px;
}
.Fixed .lnkBookingContainer {
    padding-top: 20px;
}
.lnkBookingArea 
{
	color: #fff;
	text-decoration:underline;
	display: inline-block;
    line-height: 30px;
    text-decoration:none;
    text-shadow: 0px 0px 5px #000;
}
.lnkBookingArea:hover, .lnkBookingArea:focus
{
	text-decoration:underline;
	color:#FFF;
}
.lnkBookingAreaImg 
{
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	float: left;
	-webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));
    filter: drop-shadow(0px 4px 2px rgba(0,0,0,0.5));
}
.lnkBookingAreaImg path
{
	fill: #fff;
}
.col-BookNow .lnkBookingArea {display:none;}
nav
{
	float: left;
	width: calc(100% - 270px);
    text-align: center;
}
nav ul
{
	margin: 22px 0 0;
	padding: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.Fixed nav ul
{
	margin: 22px 0 0;

}
.MenuMobileContainer nav ul 
{
	margin:16px 0 0;
}
nav ul li
{
	font-size: 16px;
	color: #777;
	margin: 0 15px 0 20px;
	text-transform: uppercase;
	float:none;
	list-style-type: none;
	display:inline-block;
}
.MenuMobileContainer nav ul li
{
	margin: 0 0 14px;
	display: block;
	float: none;
}
nav ul li a, nav ul li a:focus
{
	color: #FFF;
	text-decoration: none !important;
	text-shadow: 0px 0px 5px #000;
	border-bottom: solid 3px transparent;
}
.MenuMobileContainer nav ul li a, .MenuMobileContainer nav ul li a:focus
{
	color: #FFF;
	text-decoration: none !important;
	border-bottom: solid 3px #000;
}
nav ul li a:hover, nav ul li a.current
{
	color: #fff;
	border-bottom: solid 3px #fff;
}
.MenuMobileContainer nav ul li a:hover, .MenuMobileContainer nav ul li a.current
{
	color: #FFF;
	border-bottom: solid 3px #FFF;
}
.Languages {
	color: #FFF;
    text-shadow: 0px 0px 5px #000;
    text-transform: uppercase;
    font-size: 16px;
    float: right;
    line-height: 30px;
    margin-top: 26px;
    margin-right: 30px;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    top: 0px;
}
.Languages a 
{
	color:#FFF;
	font-weight:400;
}
.Languages span 
{
	font-weight:700;
}
.Fixed .Languages {
	margin-top: 16px;
}
.LanguagesOff 
{
	cursor:pointer;
	font-weight:700;
}
/*
.LanguagesOff {
	cursor: pointer;
}
.Languages > span {
	float: left;
	z-index: 3;
    position: relative;
}
.Languages > span {
	z-index: 5;
}
.Active::after {
	position: absolute;
    top: -1px;
    left: 0px;
    content: '';
    height: 100%;
    width: 100%;
    border: 1px solid #fff;
    outline: 1px solid transparent;
    border-radius: 50%;
}
.Active {
	width: 40px;
	height: 40px;
	padding-top: 4px;
	display: block;
	text-align: center;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	font-weight: 500;
}
body.MenuLanguage .Active {
	color: #fff;
	font-weight: 500;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
body.MenuLanguage .Active::after {
	background: #000;
	z-index: -1;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.LanguagesMenu {
	position: absolute !important;
    background-color: #000;
    z-index: 4 !important;
    top: 46px;
    float: none !important;
    right: 30px;
    width: 40px;
    padding: 13px 0 7px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
    -webkit-border-bottom-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
    -moz-border-radius-bottomright: 17px;
    -moz-border-radius-bottomleft: 17px;
    border-bottom-right-radius: 17px;
    border-bottom-left-radius: 17px;
}
.Fixed .LanguagesMenu {
    top: 38px;
}
body.MenuLanguage .LanguagesMenu {
    opacity:1;
}
.LanguagesMenu > span {
	display: block;
	text-align: center;
}
.LanguagesMenu > span a {
	padding: 2px 0;
	color: white;
}
.LanguagesMenu > span a:hover {
	text-decoration: underline;
}*/
.LanguagesMobile
{
	color: #FFF;
	text-transform: uppercase;
	margin: 25px 0 0;
}
.LanguagesMobile > span > span
{
	margin: 0 10px 0;
	display: inline-block;
}
.LanguagesMobile a
{
	color: #FFF;
}
.LanguagesMobile .Active
{
	text-decoration: underline;
	width:auto;
}
.LanguagesMobile .Active::after 
{
	display:none;
}
.BookNow
{
	text-transform: uppercase;
	font-size: 20px;
	color: #fff;
	background: #000 url(images/Booking.svg) no-repeat 8% center;
	background-size: 28px;
	margin: 17px 0 0;
	padding: 13px 0 10px;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.Fixed .BookNow
{
	margin: 7px 0 0;
}
.BookNow:hover
{
	background: #fff url(images/Booking-Inverted.svg) no-repeat 92% center;
	background-size: 28px;
	color:#000;
}
.fa-bars
{
    font-size: 45px;
    color: #FFF;
    float: right;
    margin: 20px 10px 0;
}
/* [MenuMobileContainer Responsive Height] */
@media (max-height: 599px) and (min-width:768px)
{
	.MenuMobileContainer .LanguagesMobile {margin-top:15px;}
	.MenuMobileContainer nav ul {margin: 6px 0 0;}
	.MenuMobileContainer nav ul li {margin: 0 0 10px;}
}
/* [Banner] */
.Banner
{
	margin: 0;
	height: 100vh;
	overflow: hidden;
}
.Banner .bx-wrapper
{
	height: 100vh;
}
.Banner ul, .Banner ul li
{
	margin: 0;
	padding: 0;
	position: relative;
}
.Banner ul li img
{
	width: 108%;
	margin-left: -4%;
	max-width: none;
}
.BannerDescription a {
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    border: solid 1px #FFF;
    display: block;
    margin: 15px 0 0;
    padding: 8px 12px;
    max-width: 200px;
    text-shadow: none;
    text-align: center;
}
.BannerDescription a:hover {
    Background: #FFF;
    color: #856B4B;
    text-shadow: none;
}
.BannerDescription
{
	position: absolute;
	left: 17%;
	bottom: 30%;
	color: #FFF;
	width: 550px;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}
.BannerDescription h2
{
	font-size: 50px;
    font-weight: 700;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
}
.BannerDescription small
{
	font-size:18px;
	font-weight: 400;
	font-style: italic;
}
.Banner .bx-wrapper .bx-controls 
{
	bottom:65px;
}
.Banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .Banner .bx-wrapper .bx-pager.bx-default-pager a.active {
    border: 2px solid #FFF;
    margin:0px;
}
.Banner .bx-wrapper .bx-pager.bx-default-pager a 
{
	border: 0;
	margin:2px;
    box-sizing: content-box;
    border-radius: 50%;
}
.Banner .bx-wrapper .bx-pager .bx-pager-item 
{
	vertical-align:middle;
}
.Banner .Scroll
{
    position: absolute;
    bottom: 30px;
    z-index: 2;
    text-align: center;
    width: 100%;
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
}
.Banner .Scroll .fas
{
    display: block;
    font-size: 25px;
    width: 45px;
    height: 45px;
    padding-top: 10px;
    margin: 0 auto 8px;
    border: solid 1px #FFF;
    -webkit-border-radius: 22.5px;
    -moz-border-radius: 22.5px;
    border-radius: 22.5px;
    
}
.Banner .Scroll i::after 
{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22.5px;
    z-index: -1;
    content: '';
    width: 45px;
    height: 45px;
    box-shadow: 0 0 0 0 rgba(255,255,255,.1);
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: sdb03 3s infinite;
    animation: sdb03 3s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
	0% {
	opacity: 0;
	}
	30% {
	opacity: 1;
	}
	60% {
	box-shadow: 0 0 0 60px rgba(255,255,255,.1);
	opacity: 0;
	}
	100% {
	opacity: 0;
	}
}
@keyframes sdb03 {
	0% {
	opacity: 0;
	}
	30% {
	opacity: 1;
	}
	60% {
	box-shadow: 0 0 0 60px rgba(255,255,255,.1);
	opacity: 0;
	}
	100% {
	opacity: 0;
	}
}
/* [Main] */
main
{
	background: url(images/Text-Wathermark.svg) no-repeat bottom right;
	margin: 50px 0 0;
	padding: 0 0 30px;
}
.MainBottomImage 
{
	width: 100%;
	border-bottom: solid 1px #856B4B;
}
main h1
{
	font-size: 50px;
	font-weight: 300;
	font-style: italic;
	color: #856B4B;
	margin: 0 0 10px;
    padding: 0;
    font-family: "Times New Roman", Times, serif;
    text-transform: uppercase;
}
main h1 small 
{
	font-size: inherit;
    font-style: italic;
	color:inherit;
	font-weight:inherit;
	text-transform: lowercase;
}
main h2
{
	font-size: 30px;
	font-style: italic;
	color: #856B4B;
	margin: 0 0 30px;
    padding: 0;
    text-transform: uppercase;
}
main a
{
	text-decoration: underline;
}
main a:hover
{
	text-decoration: none;
}
main blockquote, .RoomsText blockquote
{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	color: #856B4B;
	font-style: italic;
	padding: 0;
    margin: 25px 0;
    border-left: 0;
}
main .Text1
{
	text-align:center;
}
main .Text2
{
	text-align:center;
	padding-bottom: 40px;
}
.Room2Img
{
	position: relative;
	/*margin-top: 90px;*/
	height: 100%;
    overflow: hidden;
}
.Room2Img img
{
	height: 100%;
    width: auto !important;
    max-width: none;
}
.Room2Img span
{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.Room2Img.hover span, .Room2Img:hover span
{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.Room1Img
{
	position: relative;
	z-index: 2;
	height: 100%;
    overflow: hidden;
}
.Room1Img img
{
	height: 100%;
    width: auto !important;
    max-width: none;
}
.Room1Img span
{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(133, 107, 75, 0.5);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.Room1Img.hover span, .Room1Img:hover span
{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.Room3Img
{
	position: relative;
	z-index: 2;
    /*margin-top: -60px;*/
    height: 100%;
    overflow: hidden;
}
.Room3Img img
{
	height: 100%;
    width: auto !important;
    max-width: none;
}
.Room3Img span
{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(133, 107, 75, 0.5);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.Room3Img.hover span, .Room3Img:hover span
{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.Room1Txt, .Room2Txt, .Room3Txt
{
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    font-weight: 300;
    font-style: italic;
    color: #FFF;
    margin: 0;
    padding: 0;
    font-family: "Times New Roman", Times, serif;
    text-transform: uppercase;
}
.Room1Txt
{
	background: rgba(169, 151, 129, 1);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.Room1Txt:hover, .Room1Txt.hover
{
	background: rgba(133, 107, 75, 1);
}
.Room2Txt
{
	background: rgba(76, 76, 76, 1);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.Room2Txt:hover, .Room2Txt.hover
{
	background: rgba(0, 0, 0, 1);
}
.Room3Txt
{
	background: rgba(169, 151, 129, 1);
	z-index: 3;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.Room3Txt:hover, .Room3Txt.hover
{
	background: rgba(133, 107, 75, 1);
}
.RoomsPhrases .arrow-up {
    width: 0px;
    height: 0px;
    border-left: 27px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -28px;
    -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.RoomsPhrases .arrow-down {
    width: 0px;
    height: 0px;
    border-left: 30px solid transparent;
    border-right: 27px solid transparent;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -28px;
    -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.RoomsPhrases .Room1Img .arrow-up {
    border-bottom: 30px solid rgba(169, 151, 129, 1);
}
.RoomsPhrases .Room1Img.hover .arrow-up, .RoomsPhrases .Room1Img:hover .arrow-up
{
    border-bottom: 30px solid rgba(133, 107, 75, 1);
}
.RoomsPhrases .Room2Img .arrow-down {
    border-top: 30px solid rgba(76, 76, 76, 1);
}
.RoomsPhrases .Room2Img.hover .arrow-down, .RoomsPhrases .Room2Img:hover .arrow-down
{
    border-top: 30px solid rgba(0, 0, 0, 1);
}
.RoomsPhrases .Room3Img .arrow-up {
    border-bottom: 30px solid rgba(169, 151, 129, 1);
}
.RoomsPhrases .Room3Img.hover .arrow-up, .RoomsPhrases .Room3Img:hover .arrow-up
{
    border-bottom: 30px solid rgba(133, 107, 75, 1);
}
/* [Rooms] */
.Rooms
{
	text-align: center;
	font-size: 18px;
	background: url(images/Bedrooms-Background.jpg) center;
	background-size: cover;
}
.RoomsText
{
	padding: 80px 0 0;
}
.RoomsText2
{
	padding: 20px 0 120px;
}
.RoomsText h2
{
	font-size: 35px;
	font-weight: 300;
	text-transform: uppercase;
	color: #856B4B;
	margin: 0 0 10px;
    padding: 0;
}
.RoomsText h3
{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	line-height: 35px;
	font-style: italic;
	color: #000;
	margin: 0 auto 30px;
    padding: 0;
    width: 900px;
}
.RoomsLinks
{
	margin: -65px 0 0;
	text-align: center;
}
.Room
{
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
}
.Room *
{
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	cursor: pointer;
}
.RoomImage
{}
.RoomImage img
{
	width: 100%;
}
.RoomName
{
	position: absolute;
	width: 100%;
	height: 35%;
	top: 0;
	padding-top: 40px;
    padding-left: 45px;
    padding-right: 45px;
    font-family: "Times New Roman", Times, serif;
    font-size: 25px;
    color: #FFF;
    text-shadow: 1px 0px 7px #000000;
    line-height: 30px;
    text-transform: uppercase;
}
.Room:hover .RoomName
{
	color: #FFF;
	background: rgba(133, 107, 75, 0.6);
}
.RoomName span
{
	font-size: 25px;
	font-weight: 300;
	color: #FFF;
	width: 75px;
	height: 75px;
	display: block;
	background: rgba(15, 45, 50, 0.5);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -37.5px 0 0 -37.5px;
	padding: 20px 0 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.Room:hover .RoomName span
{
	color: #0F2D32;
	background: #FFF;
}
.RoomDescription
{
	color: #FFF;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	letter-spacing: 1.2px;
	padding: 5%;
	position: absolute;
	width: 100%;
	height: 65%;
	top: 100%;
	background: rgba(133, 107, 75, 0.8);
}
.Room:hover .RoomDescription
{
	top: 35%;
}
.RoomDescription h3
{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
}
.RoomDescription a
{
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	border: solid 1px #FFF;
	display: inline-block;
	margin: 15px 0 0;
	padding: 8px 12px;
}
.RoomDescription a:hover
{
	Background: #FFF;
	color: #856B4B;
}
.RoomCapacity
{
	text-align: left;
	margin: 10px 0 0;
}
.RoomCapacity
{
	text-align: center;
	margin: 15px 0 60px 0;
}
.RoomCapacity label
{
	font-size: 15px;
	text-transform: uppercase;
	color: #000;
	font-weight: 400;
}
.RoomCapacity h3
{
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	color: #102C32;
}
.RoomCapacity span
{
	font-size: 13px;
	margin: 0 2px;
	color: #856B4B;
}
.CmsViewPage .RoomsLinks > div > div >div
{
	width: 100% !important;
	margin: 0 !important;
}
/* [Room Choose] */
.RoomChoose 
{
	background-color:#856B4B;
	color:#FFF;    
    font-family: "Times New Roman", Times, serif;
    font-size:30px;
    font-style: italic;
}
.RoomChoose:after
{
	content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
}
.RoomChoose span 
{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-style:normal;
	font-weight:300;
	text-transform: uppercase;
}
.RoomChoose h3 
{
	font-family: 'Open Sans', sans-serif;
	font-size:40px;
	font-style:normal;
	font-weight:300;
	margin: 0px auto 10px auto;
	text-transform: uppercase;
    border-bottom: 1px solid #FFF;
    width: fit-content;
}
.RoomChooseContent 
{
	position: absolute;
    top: 10px;
    bottom: 10px;
    right: 10px;
    left: 10px;
    overflow:hidden;
    padding: 5%;
    text-align: center;
    border: 1px solid #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.CmsViewPage .RoomChooseContent 
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
/* [Room Details] */
body.RoomDetail, body.RoomDetail form, body.Terms, body.Terms form
{
	height: auto !important;
}
.RoomDetail
{
	height: 100%;
	padding-bottom: 0;
	background: #FFF;
	font-size: 20px;
	font-weight: 300;
	color: #5F6062;
}
.RoomDetail .bx-wrapper .bx-controls 
{
	margin-left:15px;
}
@media (min-width: 1079px) {
	.RoomDetail .bx-wrapper .bx-viewport {height: 576px !important;}
}
.RDRoomGallery {display: none;}
@media (max-width: 946px) {
	.RDRoomImageRotator, .RDRoomImage .bx-controls {display: none;}
	.RDRoomGallery {display: block;}
}
.RDRoomImage
{}
.RDRoomImage img
{
	width: 100%;
}
.RDRoomGallery img
{
	width: 31.3%;
	float: left;
	margin: 0px 0px 1.5% 1.5%;
}
.RDRoomGallery img:first-child
{
	margin-right: 0;
}
.RDRoomGallery img:last-child
{
	margin-right: 0;
}
.RDRoomContent
{
	font-size: 14px;
	color: #5F6062;
	text-align: left;
	padding: 0 25px;
	font-weight: 300;
}
@media (max-width: 1079px) {
	.RDRoomContent{margin-bottom: 10px;}
}
.RDRoomContent h1 
{
	font-family: "Times New Roman", Times, serif;
	font-size:25px;
	font-style:italic;
	color:#856B4B;
	margin-top: 20px;
    margin-bottom: 10px;
}
.RDRoomContent h2 
{
	font-weight:700;
	font-size:18px;
	color:#000;
	margin-bottom: 10px;
	margin-top: 5px;
}
.RDRoomContent h3
{
	font-size: 15px;
    font-weight: 300;
    color: #000;
    margin: 0 10px 0 0;
    line-height: inherit;
}
.RDRoomContent span 
{
	font-weight:300;
	font-size:18px;
	color:#000;
}
.RDRoomContent .far 
{
	font-size: 15px;
    color: #856B4B;
    margin: 0 5px 0 0;
    line-height: inherit;
}
.RDRoomContent .roomDetailCapacity 
{
	display:inline-block;
	width:45%;
	padding:10px;
	text-align:center;
	border: 1px solid #000;
	vertical-align:top;
	line-height: 26px;
	margin-right: 10%;
	text-transform: uppercase;
}
.RDRoomContent .roomDetailCapacity * 
{
	display:inline-block;
	padding:0px;
}
.RDRoomContent ul 
{
	margin-bottom: 10px;
    margin-top: 5px;
    list-style-type: none;
    padding-left: 0px;
}
.RDRoomContent ul li 
{
	font-size: 14px;
	color:#5F6062;
}
.RDRoomContent ul li:before 
{
	content: '·';
	margin-right: 10px;
	color:#856B4B;
}
.RDRoomContent a
{
	font-size: 16px;
    text-transform: uppercase;
    background: #856B4B;
    color: #FFF;
    border: solid 1px #856B4B;
    width: 40%;
    text-align: center;
    padding: 10px 20px;
    display: inline-block;
    line-height: 26px;
    vertical-align:top;
    float: right;
}
.RDRoomContent a:hover
{
	background: #FFF;
	color: #856B4B;
	text-decoration: none;
}
/* [FollowUs] */
.FollowUs 
{
	text-align:center;
	height: 0px;
}
.FollowUs a 
{
	display: inline-block;
    font-size: 13px;
    background: #FFF;
    color: #425683;
    text-decoration: none;
    padding: 6px 10px;
    border-radius: 0px;
    position: absolute;
    right: 0px;
    bottom: 1px;
    transition: color 0.4s, background 0.4s, border 0.4s;
    z-index: 7;
    font-weight: 300;
}
.FollowUs a.Instagram
{
    left: 150px;
    border: 1px solid #f09433;
    background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.FollowUs a:hover, .FollowUs a:focus 
{
	color: #FFF;
    background: #425683;
}
.FollowUs a.Instagram:hover, .FollowUs a.Instagram:focus 
{
	color:#bc1888;
	border: 1px solid #bc1888;
}
.FollowUs a .fab
{
	width: 28px;
    height: 28px;
    line-height: 16px;
    border: 1px solid #425683;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    margin-left: 5px;
    transition: border 0.8s;
}
.FollowUs a:hover .fab, .FollowUs a:focus .fab 
{
	border: 1px solid #FFF;
}
.FollowUs a.Instagram:hover .fab, .FollowUs a.Instagram:focus .fab 
{
	border: 1px solid #bc1888;
}
/* [Special Offers] */
.SpecialOffers
{
	background: url(images/Promotions-Backgound.jpg) no-repeat center;
	background-size: cover;
}
.SpecialOffersImg
{
    width: 100%;
    /*background: url(images/Promotions-Slogan.png) no-repeat top left;*/
    margin: 20px 0 0;
    padding: 150px 0 0 30px;
    min-height: 400px;
}
.SpecialOffers svg 
{
	width:100%;
	height:100px;
	fill:#FFF;
	display: block;
	margin-bottom: -50px;
	display:none;
}
.SpecialOffersImg h2
{
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
	color: #FFF;
	margin: 0;
	padding: 0;
}
.SpecialOffersImg h3
{
	font-size: 45px;
	font-weight: 300;
	font-style: italic;
	color: #FFF;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	text-transform:uppercase;
}
.SpecialOffersImg h3 small
{
	font-size:inherit;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	color:inherit;
	text-transform:lowercase;
}
.SpecialOffersImg h4
{	
	font-size: 20px;
	font-style: italic;
	color: #FFF;
	margin: 0;
	padding: 0;
	text-transform:uppercase;
}
.SpecialOffersContent
{
	margin: 80px 0;
}
.SpecialOffersContent .fooContainer.isLoading
{
	height: 320px;
    overflow: hidden;
    position: relative;
}
.SpecialOffersContent .fooContainer.isLoading .fooLoader
{
	min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    width: 100%;
    bottom:0px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
}
.SpecialOffersContent .imgContainer
{
	width: 100%;
	height: 320px;
	overflow: hidden;
	position: relative;
}
.SpecialOffersContent .imgContainer small
{
	position: absolute;
	top: 10px;
	left: 10px;
	background: #856B4B;
	color: #FFF;
	font-size: 16px;
	padding: 4px 15px 2px 10px;
}
.SpecialOffersContent img
{
	width: auto !important;
    min-height: 320px;
}
.SpecialOfferTxt
{
	background: #FFF;
	padding: 15px 20px 0;
	position: relative;
	height: 320px;
}
.SpecialOffersContent h3
{
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	text-transform: uppercase;
	margin: 0 0 20px;
}
.SpecialOffersContent h3 a
{
	color: #856B4B;
}
.SpecialOffersContent .Date
{
	color: #000;
	font-size: 14px;
	display: block;
	margin-bottom: 20px;
}
.SpecialOffersContent p
{
	color: #5F6062;
	font-size: 16px;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	margin: 0;
}
.SpecialOffersContent .FooterPromo
{
	width: 96%;
	position: absolute;
	bottom: 0;
    padding: 0 0 3% 5%;
    left: 0;
}
.SpecialOffersContent .FooterPromo .PromoPrice
{
	float: left;
	width: 55%;
}
.SpecialOffersContent .FooterPromo .PromoPrice .Since
{
	display: block;
	font-weight: 700;
	font-size: 14px;
	color: #000;
	width: 100%;
	text-align: left;
}
.SpecialOffersContent .FooterPromo .PromoPrice .Price
{
	font-family: "Times New Roman", Times, serif;
	font-size: 35px;
	color: #856B4B;
	display: inline-block;
}
.SpecialOffersContent .FooterPromo .PromoPrice .OldPrice
{
	font-size: 16px;
	color: #BEBEBE;
	display: inline-block;
	margin-left: 10px;
	text-decoration: line-through;
}
.SpecialOffersContent .FooterPromo a
{
	font-size: 20px;
	background: #000;
	color: #FFF;
	display: block;
	width: 45%;
	border: solid 1px  #000;
	padding: 10px 0;
	margin: 20px 0 0;
	text-align: center;
	text-transform: uppercase;
	float: right;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.SpecialOffersContent .FooterPromo a:hover
{
	background: #FFF;
	color: #000;
	text-decoration: none;
}
/* [Gallery] */
.Gallery
{
	text-align: center;
}
.Gallery .owl-nav {visibility:hidden;}
.Gallery h2
{
	margin: 40px 0 10px;
	padding: 0;
	font-size: 30px;
	font-weight: 300;
	color: #856B4B;
	text-transform: uppercase;
}
.Gallery h3
{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color: #000;
	margin: 0 0 30px;
	padding: 0;
	font-size: 20px;
}
.Gallery .ImageOver
{
	position: relative;
	overflow: hidden;
}
.Gallery .ImageOver a
{
	display: block;
}
.Gallery .ImageOver a img
{
	-webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.Gallery .ImageOver a:hover img
{
	-webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}
/* [Services] */
.Services
{}
.ServicesTxt
{
	font-size: 14px;
	margin: 90px 0 0;
}
.ServicesTxt a
{
	text-decoration: underline;
}
.ServicesTxt a:hover
{
	text-decoration: none;
}
.ServicesTxt .chickenImg 
{
	float:right;
}
.Services h2
{
	margin: 0 0 10px;
	padding: 0;
	font-size: 40px;
	font-weight: 300;
	color: #856B4B;
	text-transform: uppercase;
}
.Services h3
{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 0 30px;
	padding: 0;
	font-size: 40px;
	font-weight: 300;
	color: #000;
}
.Services .KitchenTxt h3
{
	color:#FFF;
}
.Services svg 
{
	position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 3;
    height: 140px;
    width: calc(100% - 120px);
    fill: #856B4B;
    display:none;
}
.col-Kitchen
{
    font-size: 14px;
    color: #FFF;
    background: url(images/Kitchen-Background.jpg) top center;
    background-size: cover;
}
.KitchenTxt
{
	margin: 60px 100px 0;
	background: rgba(0,0,0,.6);
	padding: 30px 40px;
}
.KitchenTxt span, .ServicesTxt span
{
    font-size: 26px;
    color: #856B4B;
    float: left;
    line-height: 18px;
    margin: 0 5px 0 0;
}
/* [Button] */
.btn-su
{
	text-align: center;
	background: #856B4B;
	color: #FFF !important;
    text-decoration: none !important;
    padding: 3px 12px;
    display:inline-block;
    text-decoration:none;
    border: 0px;
	transition: all 0.4s;
	margin-bottom: 5px;
}
.btn-su:hover
{
	background: #000;
	color: #FFF !important;
	text-decoration:none !important;
}
/* [contact_form] */

/* [UserAreaForm] */
.UserAreaForm 
{
	display: inline-block;
	width:300px;
	max-width:100%;
}
.UserAreaForm input[type='text'], .UserAreaForm input[type='password'], .UserAreaForm select 
{
	width:100%;
	display:block;
	margin-bottom:5px;
}
.UserAreaForm label 
{
	max-width:calc(100% - 20px);
	vertical-align: middle;
}
/* [Tabs container] */
.responsiveTabs
{
	margin: 40px 15px 30px 0;
}
.responsiveTabs h2
{
	font-size: 14px;
	font-weight: 700;
	text-transform: none;
	margin: 10px 0 16px;
}
.r-tabs {
	position: relative;
}
.r-tabs-nav
{
	border-bottom: solid 1px #856B4B;
}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab 
{
	position: relative;
	background-color: #C2C2C2;
	border-top: 1px solid #C2C2C2;
    border-right: 1px solid #C2C2C2;
    border-left: 1px solid #C2C2C2;
    margin-right: 5px;
}
.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active
{
	border-top: 1px solid #856B4B;
    border-right: 1px solid #856B4B;
    border-left: 1px solid #856B4B;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor 
{
	display: inline-block;
	padding: 10px 30px;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
	color: #434343;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled 
{
	opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor 
{
	color: #856B4B;
	background: #FFF;
	position: relative;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor::after
{
	content: " ";
	position: absolute;
	width: 100%;
    height: 1px;
    left: 0;
    bottom: -1px;
    z-index: 5;
    background: #FFF;
}
/* Tab panel */
.r-tabs .r-tabs-panel 
{
	border: solid 1px #856B4B;
	border-top: 0;
}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor 
{
	display: block;
	padding: 10px;
	background-color: #856B4B;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor 
{
	background-color: #fff;
	color: #856B4B;
	text-shadow: none;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled 
{
	opacity: 0.5;
}

.col-Kitchen .Gallery
{
	margin: 40px 75px;
}
.col-Kitchen .Gallery > div
{
	width: 20% !important;
	margin: 0 2.5% !important;
}
/* [Contacts] */
.Contacts
{
	position: relative;
	overflow: hidden;
}
.Contacts h2
{
	margin: 40px 0 10px;
	padding: 0;
	font-size: 30px;
	font-weight: 300;
	color: #856B4B;
	text-transform: uppercase;
	text-align: center;
}
.Contacts h3
{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 0 30px;
	padding: 0;
	font-size: 20px;
	font-weight: 300;
	color: #000;
	text-align: center;
}
.Contacts .rContactsSearch
{
	background: #F1F1F1;
	font-size: 16px;
	color: #000;
	padding: 30px 0;
}
.Contacts .rContactsSearch p
{
	margin: 0;
	padding: 10px 0;
}
.Contacts .InputSearch
{
	margin: 35px 0 0 !important;
	padding: 0 !important;
}
.Contacts .InputSearch input
{
	width: 100%;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	color: #856B4B;
	border: solid 1px #856B4B;
}
.Contacts .InputSearch input::-webkit-input-placeholder {
	color: #856B4B;
}
.Contacts .InputSearch input::-moz-placeholder {
	color: #856B4B;
}
.Contacts .InputSearch input:-ms-input-placeholder {
	color: #856B4B;
}
.Contacts .InputSearch input:-moz-placeholder {
	color: #856B4B;
}
.Contacts .SearchButton
{
    margin: 35px 0 0;
    line-height: 42px;
}
.Contacts .SearchButton
{
	font-size: 20px;
	background: #856B4B;
	color: #FFF;
	display: block;
	border: solid 1px  #856B4B;
	padding: 0;
	margin: 35px 0 0;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.Contacts .SearchButton:hover
{
	background: #FFF;
	color: #856B4B;
	text-decoration: none;
}
.Contacts .map_canvas
{
	height: 350px;
	width: 100%;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}
.ContactsAddress
{
	width: 100%;
	position: absolute;
	height: 348px;
	background: rgba(0,0,0,.8);
	font-size: 16px;
	color: #FFF;
	text-align: center;
	top: 172px;
	z-index: 8;
	padding: 0px 15px;
}
.ContactsAddress h4
{
	font-weight: 400;
	text-transform: uppercase;
	padding-top: 30px;
	padding-bottom: 10px;
	margin: 0;
}
.ContactsAddress h4 span
{
	color: #856B4B;
}
.ContactsAddress a
{
	color: #FFF;
	text-decoration: underline;
}
.ContactsAddress a:hover
{
	color: #856B4B;
	text-decoration: underline;
}
.ContactsAddress .fa-parking
{
	margin-right: 5px;
	color: #0E74BC;
	background: #FFF;
    font-size: 24px;
    padding: 0 2px;
}
.ContactsText
{
	padding: 40px 0 60px;
	text-align: center;
	font-size: 14px;
    color: #856B4B
}
.ContactsText h3
{
	color: #856B4B;
	margin: 0 0 15px;
}
/* [footer] */
footer
{
	background: #000;
	font-size: 14px;
	color: #FFF;
}
footer a
{
	color: #FFF;
}
footer a:hover, footer a:focus
{
	color: #FFF;
	text-decoration: underline;
}
.GoTop
{
	position: absolute;
	left: 50%;
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
	background: #856B4B;
	border: solid 1px #856B4B;
	text-align: center;
	padding: 17px 0 0;
	cursor: pointer;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
}
.GoTop:hover
{
	background: #FFF;
	border: solid 1px #856B4B;
}
.GoTop i
{
	font-size: 36px;
	color: #FFF;
}
.GoTop:hover i
{
	color: #856B4B;
}
.rFooter
{
	background: url(images/Footer-Backgound.jpg) no-repeat center bottom;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 45px;
}
.rFooter h3
{
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	font-size: 25px;
	font-style: italic;
	text-transform: uppercase;
	margin-top: 45px;
}
.Institutional
{
	line-height: 16px;
}
.Institutional a
{
	display: block;
}

.Newsletter .Clear
{
	margin-top: 5px;	
}

.Newsletter .NewsletterForm span.Warning1 {
    float: left;
}

.Newsletter
{
	text-align: center;
}

.modal .sidebar_content h1 
{
	color:#856B4B;
	text-align:center;
}

.Newsletter p
{
	margin: 30px 0;
}
.Newsletter input[type=checkbox]
{
	margin-right: 5px;
    margin-top: 0px;
    vertical-align: middle;
}
.Newsletter input[type=text]
{
	background: none;
	border: solid 1px #FFF;
	font-size: 16px;
	color: #FFF;
	border-right: 0;
	padding: 13px 0;
	width: 60%;
	text-align: center;
	float: left;
}
.Newsletter input::-webkit-input-placeholder {
	color: #FFF;
}
.Newsletter input::-moz-placeholder {
	color: #FFF;
}
.Newsletter input:-ms-input-placeholder {
	color: #FFF;
}
.Newsletter input:-moz-placeholder {
	color: #FFF;
}

.Newsletter .NewsletterForm a 
{
	text-decoration:underline;
}
.Newsletter a.SearchButton
{
	font-size: 20px;
	text-transform: uppercase;
	background: #FFF;
    color: #000;
    border: solid 1px #FFF;
	width: 40%;
	text-align: center;
	padding: 10px 0;
	float: right;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration: none;
}
.Newsletter a.SearchButton:hover
{
	background: #856B4B;
	color: #FFF;
	text-decoration: none;
}
.Newsletter label {font-weight:400;}
.Social
{
    width: 100%;
    height: 300px;
}
.Social iframe
{
    border: 0;
}
.Copyright
{
	text-transform: uppercase;
	text-align: left;
	padding: 25px 0;
}
.Signature
{
	text-align: right;
	padding: 25px 0;
}
.Signature a
{
	text-decoration: underline;
}
.Signature a:hover
{
	text-decoration: none;
}
/* [Terms] */
.Terms
{
	background: #FFF;
}
.TermsPage
{
    line-height: 28px;
    padding: 45px;
}
.TermsPage h1
{
    margin: 0 0 30px;
    padding: 0;
    font-size: 30px;
    font-weight: 300;
    color: #856B4B;
    text-transform: uppercase;
}
.TermsPage h2
{
	font-size: 25px;
}
/* [websiteLoginForm] */
.webSiteLoginForm 
{
	min-height:100px;
}
/* [Calendar] */
.ui-datepicker
{
	background: #EFEFEF;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    line-height: 16px;
}
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
    width: 16px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-datepicker-header, .ui-datepicker-calendar thead
{
	border-bottom: solid 1px #D5D5D5;
}
.ui-datepicker td span, .ui-datepicker td a
{
	text-align: center !important;
}
.ui-datepicker td a
{
	color: #1a0908 !important;
}
.ui-datepicker-unselectable span
{
	color: #D5D5D5;
}
.ui-datepicker-current-day a,  a.ui-state-hover
{
	color: #1a0908;
	background: #D5D5D5;
}
.ui-datepicker .ui-datepicker-prev-hover
{
	left: 2px !important;
	top: 2px !important;
}
.ui-datepicker .ui-datepicker-next-hover
{
	right: 2px !important;
	top: 2px !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
    overflow: hidden;
}
/* [Bootstrap Helpers] */
.NoPadding {
	padding: 0 !important;
}
.NoPaddingRight {
	padding-right: 0 !important;
}
.NoPaddingLeft {
	padding-left: 0 !important;
}
@media screen and (min-width: 768px) 
{
	.Equal {
	  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	  display: -ms-flexbox;      /* TWEENER - IE 10 */
	  display: -webkit-flex;     /* NEW - Chrome */
	  display: flex; 
	}
	.Equal > [class*='col-'] {
	  display: flex;
	  flex-direction: column;
	}
}
/* Preloader */
body {
	/*overflow: hidden;*/
}
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFF; /* change if the mask should have another color then white */
	z-index:9999; /* makes sure it stays on top */
}
.CmsViewPage #preloader {
	display: none;
}
#logo {
	width:124px;
	height:108px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:25%; /* centers the loading animation vertically one the screen */
	background-image:url(/images/My-CHARM-Lisbon-Suites-Preloader.svg); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-54px 0 0 -62px; /* is width and height divided by two */
}
#status {
	width:32px;
	height:32px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:60%; /* centers the loading animation vertically one the screen */
	background-image:url(images/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:0 0 0 -16px; /* is width and height divided by two */
}
/* [Utils]*/

#ui-datepicker-div
{
	z-index: 999 !important;
	background: #FFF;
	font-size:16px;
}
textarea:focus, input:focus, select:focus
{
    outline: 0;
}
/* [Telerik Hacks] */
.RadMenu
{
    float: none !important;
    z-index: 2 !important;
    /*white-space: inherit !important;*/
}
.RadTreeView
{
	text-align: left;
}
/* [Bing Maps] */
.MicrosoftMap.dirSDK .directionsPanel 
{
	width:100% !important;
	margin-top:15px;
}
.MicrosoftMap .dirIcon 
{
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
	box-sizing:content-box;
	line-height: 18px;
}
.MicrosoftMap [role='alert'] {
    display: none !important;
	opacity:0 !important;
	visibility:hidden !important;
}
/* [PopUp] */
.PopUpContainer {display:none;}
/* [e-GDS CMS] */
.CmsViewPage .visible-lg, .CmsViewPage .visible-md, .CmsViewPage .visible-sm, .CmsViewPage .visible-xs, .CmsViewPage main .GoogleMaps {
    display: block!important;
}
body.CMSEditMode
{
    padding: 0!important;
}
.CmsViewPage .PopUpContainer {display:block;}
body.CMSEditMode #ListControls td {text-shadow:none;box-shadow:none;transition:none;}
body.CMSEditMode header {height:auto;}
body.CMSEditMode header .Logo{display:block;}
body.CMSEditMode header .Logo img{content: normal;}
body.CMSEditMode .Banner {height:auto;}
body.CMSEditMode .SpecialOffersContent .clearEdit .TopArrow img {min-height:auto;}
body.CMSEditMode .droppable {min-width:100px;}
body.CMSEditMode .MenuMobile {display:none;}
body.CMSEditMode .Languages {box-shadow:none;text-shadow:none;}
body.CMSEditMode .Languages .clearEdit {line-height:17px;}
body.CMSEditMode .Room1Txt, body.CMSEditMode .Room2Txt, body.CMSEditMode .Room3Txt {display:block;}
body.CMSEditMode .RoomName {text-shadow:none;}
body.CMSEditMode .RoomName .clearEdit {line-height:17px;}
body.CMSEditMode .TermsPage .clearEdit {line-height:17px;}
body.CMSEditMode .BookNow {position: relative;right: 40px;}
body.CMSEditMode .content img {width:auto !important;}
.CmsLateralEdit {height: 100% !important;}
/* [Responsive] */
@media (max-width: 767px) 
{
	body {font-size:16px;}
	.BookNow, .Fixed .BookNow { margin: 17px 0 0;}
	/*.Logo .logoLabel {font-size: 18px;line-height: 26px;transform: translateX(0%);width: 58.33333333%;text-align: center;top: 3px;}
	.Logo img {transform: translateX(-100%);}*/
	.col-BookNow {position: fixed;bottom: 0;left: 0;right: 0px;background: #DEDEDE;padding: 0 45px 15px;-webkit-box-shadow: 0px -7px 10px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px -7px 10px 0px rgba(0,0,0,0.4);box-shadow: 0px -7px 10px 0px rgba(0,0,0,0.4);}
	.lnkBookingArea {display:none;}
	.lnkBookingAreaImg {-webkit-filter:none;filter:none;}
	.lnkBookingAreaImg path {fill:#B58350;}	
	.col-BookNow .lnkBookingArea {display: flex;align-items: center;justify-content: center;flex-direction: row-reverse;text-align:center;padding-top:10px;font-size:14px;color:#B58350;text-shadow: none;}
	.col-BookNow .lnkBookingArea:focus, .col-BookNow .lnkBookingArea:hover {color:#B58350;}
	.Banner img {width: 150% !important;margin-left: -25%;max-width: none;}
	.BannerDescription, .bx-controls.bx-has-pager, .SpecialOffersImg img, .Services ul li img, .ApartmentsText img {display: none;}
	.BookingContainer, .MenuMobileContainer {width: 100%;}
	.BookingEngine .SearchDates {margin-bottom:20px;}
	.BookingEngine .SearchButton {margin-top:0px;}
	nav {float:none;width:100%;}
	.BELogo {margin-top: 0px;text-align: left;}
	.BELogo img {margin-top: -20px;width: 130px;}
	.BookingEngine .Info, .DivMenuMobile .Info {bottom: 10px;}
	.Banner {height: auto;}
	.Banner .bx-wrapper {height: auto;}
	main {padding: 0;font-size: 18px;text-align: center;background: #FFF;}
	main h1 {font-size: 42px;}
	main h2 {font-size:24px;}
	main blockquote, .RoomsText blockquote {font-size:24px;}
	main .Text2 {margin: 30px 0 0;}
	/*.Slogan {width: 100%;height: auto;padding: 0px;border-radius: 0;background: none;color: #856B4B;font-size: 24px;float: none;display: inline-block;margin: 25px 0;text-align: inherit;}*/
	main .Text2 blockquote {width: 100%;}
	.RoomsText h3 {width:100%;font-size: 20px;line-height: 30px;}
	.Room:hover .RoomDescription {top: 33%;}
	.Room::before {background:none;display:block;}
	.Room:hover::before {background:none;}
	.Room .RoomName {top: 0;}
	.Room .RoomDescription {top: 35%!important;text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);}
	.RoomName h3 {font-size:26px;}
	.RoomDescription a {margin: 5px 0 0;padding: 6px 12px;background-color:#856B4B;text-shadow:none;}
	.RoomChoose {font-size: 20px;margin-bottom: 60px;}
	.RoomChoose span {font-size:18px;}
	.RoomChoose h3 {font-size:36px;}
	.Gallery h3 {padding-left: 15px;padding-right: 15px;}
	.Services svg {height: 90px;width: 100%;}
	.ServicesTxt {margin:0px;padding:90px 0 0;text-align: center;}	
	.Services .r-tabs .r-tabs-accordion-title {display: block;border-bottom: 1px solid #FFF;}
    .Services .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {border: 1px solid #856B4B;}
    .Services .r-tabs {margin: 40px 0px 30px 0;}
    .Services h2, .Services h3 {font-size:28px;}
    .Services .responsiveTabs h2{font-size: 14px;}
    .KitchenTxt span, .ServicesTxt span {vertical-align:middle;float:none;}
    .KitchenTxt {margin: 0px;padding: 30px 15px;text-align:center;}
    .col-Kitchen .Gallery {margin: 40px 15px;display: inline-block;}
    .col-Kitchen .Gallery > div {width: 40% !important;margin: 5% !important;}
    .Experiences {text-align: center;}
    .Experiences ul li {width:100%;margin-bottom:30px;}
    .Experiences ul li img {float:none;}
    .Experiences ul li h2 {text-align:center;}
    .ContactsAddress {position: relative;top: 0;height: auto;padding-bottom: 25px;}
    table.adp-directions tr td:nth-child(3) {word-break: break-all;}
    .ContactsText h3 {font-size:19px;}
    .Institutional {text-align:center;}
    .Newsletter {margin: 0;}
	.Newsletter input {font-size: 14px;}
	.Newsletter .SearchButton {font-size: 16px;padding: 13px 0;}
	.Social {max-width: 500px;position: relative;margin: 0 auto;}
	.Copyright {text-align: center;padding: 25px 0 0;}
	.Signature {text-align: center;padding: 10px 0 96px;}
	.contact_form input[type='text'], .contact_form input[type='password'], .contact_form .btn-su{width:100%;display:inline-block;}
	.RDRoomContent {padding: 0;}
	.RDRoomContent h1 {font-size: 22px;}
	.RDRoomContent h2 {font-size: 18px;}
	.RDRoomContent .roomDetailCapacity h3 {width:100%;}
	.RDRoomContent > span {font-size: 16px;width:100%;}
	.RDRoomContent ul li {font-size: 14px;}
	.RDRoomContent .roomDetailCapacity, .RDRoomContent a {display:block;margin:15px auto auto auto;width: 100%;float:none;}
	.SpecialOffersImg {background: none;height: auto !important;padding: 20px 0 0;text-align: center;min-height:auto;}
	.SpecialOffersContent {margin: 40px 0;}
	.SpecialOffersContent .imgContainer {height: auto;}
	.SpecialOffersContent img {min-height: 0;}
	.SpecialOfferTxt {padding: 15px 20px 0 35px;}
	.SpecialOffersContent .FooterPromo {padding: 0 0 3% 10%;}
	.TermsPage {padding: 15px;}
	.TermsPage h1 {font-size: 22px;}
	.RoomName {padding-left: 15px;padding-right: 15px;font-size: 18px;line-height: 24px;}
}
@media (min-width: 768px) and (max-width: 991px) 
{
	.lnkBookingContainer {font-size:13px;padding-top: 35px;}
	.lnkBookingAreaImg {display:none;}
	.lnkBookingArea {display: inline-block;padding-top: 25px;margin-left: -10px;}
	.Fixed .lnkBookingArea {padding-top: 20px;}
	.lnkBookingArea:hover, .lnkBookingArea:focus {color:#fff;}
	body {font-size:16px;}
	/*.Logo .logoLabel {transform: translateX(0%);}
	.Logo img {transform: translateX(-100%);}*/
	.BookNow {position: fixed;right: 300px;top: 18px;margin:0;padding: 10px 15px 10px 60px;display: inline-block;z-index: 99999;}
	.BookNow:hover {color: #fff;background: #000 url(images/Booking.svg) no-repeat 8% center;background-size: 28px;}
	.Fixed .BookNow {top: 10px; margin: 0;}
	nav {float:none;width: 100%;}
	.BELogo {margin-top: 30px;}
	.Banner {height: auto;}
	.Banner .bx-wrapper {height: auto;}
	main .Text2 {margin: 30px 0 0;}
	.RoomsText h3 {width:100%;}
	.RoomChoose {font-size: 27px;}
	.SpecialOffersImg {background-size:contain;padding: 110px 0 0 15px;min-height: 320px;}
	.SpecialOffersImg h2 {font-size: 26px;}
	.SpecialOffersImg h3 {font-size: 41px;}
	.SpecialOffersImg h4 {font-size:18px;}
	.SpecialOffersImg {height: auto !important;background: none !important;min-height: auto;padding: 20px 0 0;text-align: center;}
	.SpecialOffersContent {margin: 40px 100px;}
	/*.Slogan {width: 330px;height: 330px;font-size: 32px;padding: 30px;margin-bottom: -120px;}*/
	main .Text2 blockquote {width: calc(100% - 330px);}
	.Services svg {height: 90px;width: 100%;}
	.Services .r-tabs .r-tabs-nav .r-tabs-anchor {font-size:14px;padding: 10px 20px;}
	.Services .r-tabs .r-tabs-nav {display: none;}
    .Services .r-tabs .r-tabs-accordion-title {display: block;border-bottom: 1px solid #FFF;}
    .Services .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {border: 1px solid #856B4B;}
    .ServicesTxt {margin:0px;padding:90px 0 0;}
    .col-Kitchen .Gallery {display:inline-block;}
    .Experiences ul li {width:48%;margin-right:1%;}
    .Contacts .rContactsSearch {font-size:14px;}   
    .Contacts .rContactsSearch p {white-space:nowrap;}
    .ContactsAddress {position: relative;top: 0;height: auto;padding-bottom: 25px;}
    .KitchenTxt {margin: 0px;}
    .Institutional {text-align: center;}
    .Newsletter {margin: 0 100px;}
    .Social {max-width: 500px;position: relative; margin: 0 auto;}
    .Room1Txt, .Room2Txt, .Room3Txt {font-size: 20px;}
    .Room1Img img, .Room2Img img, .Room3Img img {max-width: 100%;height: auto;}
}
@media (min-width: 992px) and (max-width: 1199px) 
{
	.lnkBookingContainer {font-size:13px;padding-top: 28px;margin-left: -10px;margin-right: 10px;}
	.lnkBookingAreaImg {display:none;}
	body {font-size:16px;}
	.Logo img {max-width:100%;}
	nav ul {margin: 36px 0 0;}
	.Fixed nav ul {margin-top:26px;}
	nav ul li {font-size: 13px;color: #777;margin: 0 6px 0 6px;text-transform: uppercase;float:left;list-style-type: none;}
	nav ul li:last-child {margin-right:15px;}
	.Banner {height: auto;}
	.Banner .bx-wrapper {height: auto;}
	.SpecialOffersImg {background-size:contain;padding: 110px 0 0 15px;min-height: 320px;}
	.SpecialOffersImg h2 {font-size: 26px;}
	.SpecialOffersImg h3 {font-size: 41px;}
	.SpecialOffersImg h4 {font-size:18px;}
	.SpecialOffersContent .FooterPromo a {font-size: 15px;}
	/*.Logo .logoLabel {font-size: 18px;width: 16.66666667%;text-align: center;top: 6px;left: 10px;line-height: 26px;}*/
	/*.Slogan {width: 330px;height: 330px;font-size: 32px;padding: 30px;}*/
	main .Text2 blockquote {width: calc(100% - 330px);padding-top: 10px;}
	.Services svg {height: 90px;width: 100%;}
	.Services .r-tabs .r-tabs-nav .r-tabs-anchor {font-size:14px;padding: 10px 20px;}
	.Services .r-tabs .r-tabs-nav {display: none;}
    .Services .r-tabs .r-tabs-accordion-title {display: block;border-bottom: 1px solid #FFF;}
    .Services .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {border: 1px solid #856B4B;}
    .Experiences ul li {width:48%;margin-right:1%;}
    .Contacts .rContactsSearch {font-size:14px;}   
    .Contacts .rContactsSearch p {white-space:nowrap;}
    .ContactsAddress {left:15px;top: 251px;}
    .BookNow {background-position-x: 4%;background-size: 22px;background-image:none;}
    .BookNow:hover {background-position-x: 96%;background-size: 22px;background-image: none;}
    .KitchenTxt {margin-left:50px;margin-right:50px;}
    .RDRoomContent .roomDetailCapacity, .RDRoomContent a {display:block;margin:15px auto auto auto;width: fit-content;max-width: 100%;float:none;}
    .Room1Txt, .Room2Txt, .Room3Txt {font-size: 20px;}
    .Room1Img img, .Room2Img img, .Room3Img img {max-width: 100%;height: auto;}
}
@media (min-width: 1200px) and (max-width: 1365px) 
{
	body {font-size:16px;}
	nav ul {margin: 36px 0 0;}
	nav ul li {font-size: 14px;color: #777;text-transform: uppercase;float:left;list-style-type: none;margin-left: 15px;}
	.lnkBookingContainer {padding-top:30px;}
	.Fixed .lnkBookingContainer {padding-top: 16px;}
	.SpecialOffersImg {background-size:contain;padding: 110px 0 0 15px;min-height: 320px;}
	.SpecialOffersImg h2 {font-size: 26px;}
	.SpecialOffersImg h3 {font-size: 41px;}
	.SpecialOffersImg h4 {font-size:18px;}
	.Logo .logoLabel {font-size: 18px;}
	/*.Slogan {width: 330px;height: 330px;font-size: 32px;padding: 30px;}*/
	main .Text2 blockquote {width: calc(100% - 330px);padding-top: 5px;}
	.RoomName h3 {font-size:20px;}
	.RoomChoose {font-size: 20px;}
	.RoomChoose span {font-size:18px;}
	.RoomChoose h3 {font-size:36px;}
	.Services svg {height: 90px;}
	.Services .r-tabs .r-tabs-nav .r-tabs-anchor {font-size:14px;padding: 10px 20px;}
    .Experiences {font-size:13px;}
    .Experiences ul li {width:24%;margin-right:0.5%;}
    .Experiences ul li h2 {font-size:16px;}
    .Contacts .rContactsSearch {font-size:14px;}   
    .Contacts .rContactsSearch p {white-space:nowrap;}
    .ContactsAddress {left:15px;}
    .BookNow {background-position-x: 4%;background-size: 22px;}
    .BookNow:hover {background-position-x: 96%;background-size: 22px;}
    .RDRoomContent .roomDetailCapacity, .RDRoomContent a {display:block;margin:15px auto auto auto;width: fit-content;max-width: 100%;float:none;}
    .RoomName {padding-left: 25px;padding-right: 25px;font-size: 16px;line-height: 24px;}
    .Room1Img img, .Room2Img img, .Room3Img img {max-width: 100%;height: auto;}
}
@media (min-width: 1366px) and (max-width: 1441px) 
{
	body {font-size:18px;}
	nav ul {margin: 30px 0 0;}
	.Fixed nav ul {margin: 20px 0 0;}
	nav ul li {font-size: 16px;color: #777;margin: 0 30px 0 0px;text-transform: uppercase;float:none;list-style-type: none;display:inline-block;}
	.SpecialOffersImg {background-size:contain;padding: 140px 0 0 30px;min-height: 370px;}
	.SpecialOffersImg h2 {font-size: 26px;}
	.SpecialOffersImg h3 {font-size: 41px;}
	.SpecialOffersImg h4 {font-size:18px;}
	.Logo .logoLabel {font-size: 20px;}
	/*.Slogan {width: 330px;height: 330px;font-size: 32px;padding: 30px;}*/
	.RoomName h3 {font-size:20px;}
	.RoomChoose {font-size: 24px;}
	.RoomChoose span {font-size:18px;}
	.RoomChoose h3 {font-size:36px;}
	.Services svg {height: 90px;}
	.Services .r-tabs .r-tabs-nav .r-tabs-anchor {font-size:14px;}
    .Experiences {font-size:14px;}
    .Experiences ul li {width:24%;margin-right:0.5%;}
    .Contacts .rContactsSearch {font-size:14px;}
    .RDRoomContent .roomDetailCapacity, .RDRoomContent a {display:block;margin:15px auto auto auto;width: fit-content;max-width: 100%;float:none;}
    .RoomName {padding-left: 25px;padding-right: 25px;font-size: 18px;}
}
@media (min-width:1442px) and (max-width:1599px) 
{
	nav ul li {font-size: 16px;color: #777;margin: 0 15px 0 0px;text-transform: uppercase;display: inline-block;list-style-type: none;}
	.RoomChoose {font-size: 24px;}
	.RoomChoose span {font-size:18px;}
	.RoomChoose h3 {font-size:36px;}
	.RoomName {padding-left: 35px;padding-right: 35px;font-size: 20px;}
}