@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600&display=swap');
 
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
	margin: 0 auto;
	width: 100%;
}
body {
	margin: 0 auto;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	font-size: 125%;
	line-height: 1;
	color: #000;
	background: #f2f2f2;
	cursor: default;
	counter-reset: section;
}
.container {
	margin: 0 auto;
	max-width: 1800px;
	padding: 0 2%;
	box-sizing: border-box;
}
a {
	color: #98012e;
	text-decoration: none;
	filter:alpha(opacity=100);
	opacity: 1;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
a:hover, a:focus {
	color: #ba8748;
	text-decoration: underline;
	outline: 0;
	filter:alpha(opacity=100);
	opacity: 1;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
a.btn {
	display: inline-block;
	background: #98012e;
	color: #fff;
	padding: 6px 15px;
	text-decoration: none;
	border-radius: 3px;
	font-weight: 300;
}
a.btn:hover {
	background: #ba8748;
}

a[href^=tel] {
	background: none;
	padding: 0;
	text-decoration: none;
}
a img {
	border: 0;
}
img {
	max-width: 100%;
	max-height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 25px;
	line-height: 1.2;
	font-weight: 400;
}
h1, h2 {
	font-size: 200%;
	font-weight: 300;	
}
h3 {
	font-size: 110%;
}
p {
	margin-top: 0;
	margin-bottom: 15px;
	line-height: 1.3;
}
.p p {
	margin: 0;
	line-height: 0;
}
strong {
	font-weight: 500;
}
ul.ul, .ul ul, .ol ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
.li li {
	display: inline-block;
	vertical-align: top;
}
dl {
	margin: 0 0 15px;
	font-size: 100%;
	color: #000;
	font-weight: 400;
}
dd {
	margin-left: 0;
}
div.grid {
	display: inline-block;
	vertical-align: top;
}
div.clear {
	clear: both;
}
figure {
	margin: 0;
}
hr {
	border: 0;
	border-bottom: 1px solid #ccc;
}

/* FORMS */
input[type='text'], input[type='tel'],input[type='email'], input[type='password'], textarea {
	font-family: 'Rubik', sans-serif;
	border: 1px solid #d9d9d9;
	outline: 0;
	font-size: 90%;
	font-weight: 300;
	padding: 9px 10px;
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	width: 100%;
	border-radius: 2px;
}
input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='password']:focus,
textarea:focus {
	border: 1px solid rgba(236, 88, 64, 0.3);
}
input[type='text'].invalid, 
input[type='tel'].invalid,
input[type='email'].invalid {
	border: 1px solid #98012e;
}
input[type='submit'], input[type='button'], button {
	vertical-align: top;
	border: 0;
	outline: 0;
	border-radius: 0;
	font-size: 120%;
	text-transform: uppercase;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	background: #98012e;
	padding: 10px 25px 11px;
	width: 100%;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
input[type='submit']:hover, input[type='button']:hover, button:hover {
	background: #ba8748;
	box-shadow: 0 2px 5px 0 #00000029;
	filter:alpha(opacity=100);
	opacity: 1;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
select {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	background: url(../images/dropdown.svg) no-repeat 98% center / 30px;
	padding: 7px;
	min-width: 300px;
	box-sizing: border-box;
	line-height: 1.4;
	background-color: #fff;
	color:#434343;
	font-size: 93%;
	-webkit-appearance: none;
	-moz-appearance: inherit;
	outline: none;
	border: 0;
	border-radius: 0;
}
select:hover {
	color: #ba8748;
	box-shadow: 0 2px 5px 0 #00000029;
	filter:alpha(opacity=100);
	opacity: 1;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.formError {
	color: #ff0000 !important;
	font-size: 13px !important;
	font-weight: normal !important;
	margin-left: 10px !important;
	margin-bottom: 15px !important;
}
.has-error-foundation .formValidation {
	margin-bottom: 0 !important;
}
.has-error-foundation input[type="text"].rsform-error:not(:focus), 
.has-error-foundation input[type="password"].rsform-error:not(:focus), 
.has-error-foundation input[type="email"].rsform-error:not(:focus), 
.has-error-foundation textarea.rsform-error:not(:focus), 
.has-error-foundation select.rsform-error:not(:focus) {
	border-color: rgba(236, 88, 64, 0.1) !important;
}
.formClr {
	display: inline-block !important;
}
fieldset {
	border: 0;
	padding: 0;
}

/* HEADER */
#header {
	text-align: center;
	padding: 15px 0;
	background: #fff;
}
#header .logo a {
	display: inline-block;
	background: url(../images/cbhh.svg) no-repeat 0 0 / 100%;
	width: 195px;
	height: 155px;
	text-indent: -99999px;
	margin-bottom: 15px;
	margin-left: 30%;
}

#header .contact {
	float: right;
	font-size: 75%;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 20px;
}
#header .contact p,
#section .contact p {
	margin-bottom: 3px;
	font-weight: 400;
}
#section .contact p:first-of-type {
	display: none;
}
#header .contact em,
#section .contact em {
	font-style: normal;
	font-weight: 500;
	font-size: 130%;
}
#header .contact em a,
#section .contact em a {
	background: url(../images/tel.svg) no-repeat left center / 22px;
	padding-left: 28px;
}
#header .contact strong a,
#section .contact strong a {
	background: #98012e;
	color: #fff;
	padding: 5px 14px;
	text-decoration: none;
	border-radius: 3px;
	display: inline-block;
	font-size: 140%;
	margin-top: 3px;
	font-weight: 600;
}
#header .contact strong a:hover,
#section .contact strong a:hover {
	background: #ba8748;
	box-shadow: 0 2px 5px 0 #00000029;
	filter:alpha(opacity=100);
	opacity: 1;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

#header .mainmenu li {
	margin: 0 10px;
}
#header .mainmenu a {
	color: #000;
	text-decoration: none;
	font-weight: 400;
	font-size: 96%;
}
#header .mainmenu a:hover,
#header .mainmenu li.active a {
	color: #98012e;
}
#header .mainmenu li.active a.restaurant {
	color: #6c8e86;
}
#header .mainmenu li.active a.weddings {
	color: #d19fb3;
}
#header .mainmenu li.active a.corporate {
	color: #571a45;
}
#header .mainmenu li.active a.private-events {
	color: #845182;
}

#header .burger {
	float: left;
	margin-top: 35px;
}
.menu-icon-cont .menu-icon3 {
	margin: .1em !important;
	height: .5em !important;
}
.sm-btn-95::before {
	color: #000 !important;
	font-weight: 400 !important;
}

/* BANNER */
#banner .slider {
	margin-top: 50px;
	margin-bottom: 10%;
	text-align: center;
}
#banner .restaurant h3 {
	color: #98012e;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 135%;
	margin-bottom: 25px;
}


/* CONTENT */
#content {
	clear: both;
	margin-top: 4%;
}
#home #content {
	text-align: center;
}
#content li {
	margin-bottom: 10px;	
}
#content .featured #intro-text {
	margin-bottom: 5%;
}
#content .featured #intro-text h1 {
	color: #98012e;
	font-weight: 300;
	margin-bottom: 10px;
}
#content .featured #intro-text h2 {
	font-size: 150%;
	font-weight: 400;
}
#content .featured #about-hotel {
	background: #fff;
	padding: 30px;
	margin-bottom: 5%;
}
#content .featured #about-hotel div {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
#content .featured #about-hotel .item-image {
	width: 48%;
}
#content .featured #about-hotel .intro-text {
	width: 46%;
	margin-left: 5%;
}
#content .featured #about-hotel .intro-text h3 {
	font-size: 130%;
	color: #98012e;
	font-weight: 400;
}
#content .featured #about-hotel p:last-of-type {
	margin-bottom: 0;
}

/* HOME PROMOTION */
/*
#content .featured .items-intro::before {
	content: "Events & Offers";
	font-weight: 300;
	font-size: 200%;
	display: block;
	margin-top: 30px;
	margin-bottom: 35px;
	color: #98012e;
	
}
*/
#content .featured .items-intro div.grid {
	background: #fff;
	margin-right: 3%;
	width: 43%;
}
#content .featured .items-intro div.grid:last-child {
	margin-right: 0;
}
#content .featured .items-intro div.grid .intro-text {
	padding: 4% 3%;
	box-sizing: border-box;
	min-height: 300px;
}

.weddings .list-info div.grid,
.promotions {
	background: #6c8e86;
	border: 15px solid #fff;
	width: 49%;
	box-sizing: border-box;
	color: #fff;
	text-align: left;
	font-size: 120%;
}
.weddings.weddings .list-info div.grid {
	width: 48.7%;
}
.weddings.weddings .list-info div.grid {
	background: #d2b2bf;
}
.weddings .list-info div.grid.item-0,
.promotions.first {
	margin-right: 2%;
}
.weddings .list-info div.grid h2,
.promotions h2 {
	font-size: 160%;
	font-weight: 500;
}
.promotions a {
	color: #fff;
}
.weddings.weddings .list-info div.grid {
	color: #000;
}
.weddings.weddings .list-info div.grid a.btn {
	background: #d19fb3;
	color: #000;
	font-size: 92%;
}
.weddings.weddings .list-info div.grid a.btn:hover {
	background: #ba8748;
	color: #fff;
}
.weddings .list-info div.grid p:last-of-type,
.promotions p:last-of-type {
	margin-bottom: 0;
}
.weddings .list-info div.grid a[href^=tel] {
	color: #fff;
}
.weddings.weddings .list-info div.grid a[href^=tel]  {
	color: #000;
}

div.grid-room div.grid,
div.pull-left .group div.grid {
	text-align: left;
}
div.items-grid .group div.grid {
	background: none;
	padding: 0;
}



/* SEACTION */
#section {
	margin-top: 8%;
	text-align: center;
}
.section-banner {
	margin-bottom: 35px;
}
.section-banner.weddings {
	background: url(../../../images/home/weddings.jpg) no-repeat 0 0 / cover;
	padding: 12% 2%;
}
.section-banner.rooms {
	background: url(../../../images/home/rooms.jpg) no-repeat 0 0 / cover;
	padding: 12% 2%;
}
.section-banner.restaurant {
	background: url(../../../images/home/restaurant.jpg) no-repeat 0 0 / cover;
	padding: 12% 2%;
}
.section-banner h2 {
	text-transform: uppercase;
	font-size: 400%;
	font-weight: 400;
	color: #fff;
}
.section-banner a {
	color: #fff;
	font-weight: 400;
	font-size: 130%;
}
.section-banner p {
	margin-bottom: 0;
}
.section-banner.grid {
	padding: 8% 2%;
	width: 48.4%;
	border: 15px solid #fff;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 0;
}
.section-banner.grid h2 {
	font-size: 260%;
}
.section-banner.grid.corp {
	margin-right: 3%;
	background: url(../../../images/home/corporate-events.jpg) no-repeat 0 0 / 103%;
}
.section-banner.grid.priv {
	background: url(../../../images/home/private-events.jpg) no-repeat 0 0 / 103%;
}

#section .btslider {
	margin-bottom: 8%;
}
#section .btslider.rooms {
	margin-bottom: 35px;
}
#section .contact {
	margin-bottom: 7%;
	text-transform: uppercase;
	font-size: 85%;
}
#section .contact strong a {
	font-size: 140%;
}

/* SLIDER */
.slides_container {
	margin-bottom: 40px;

}
.slides_container div.grid {
	width: 31.5%;
	font-size: 80%;
}
.restaurant .slides_container div.grid {
	width: 23.15%;
}
.slides_container div.grid {
	margin-right: 2%;
}
.slides_container div.grid.last {
	margin-right: 0;
}
.slides_container div.grid img:hover {
	opacity: 0.7;
}
.slides_container div.grid h4 {
	margin-bottom: 5px;
	font-size: 130%;
}
.slides_container div.grid h4 a {
	color: #000;
}
.slides_container div.grid .text {
	background: #d2b2bf;
	padding: 15px 15px 20px;
	min-height: 90px;
	margin-top: -70px;
	z-index: 10;
	position: relative;
}
.rooms .slides_container div.grid .text {
	background: #98012e;
	color: #fff;
}
.rooms .slides_container div.grid h4 a {
	color: #fff;
}
.restaurant .slides_container div.grid .text {
	background: #6c8e86;
	color: #fff;
	min-height: 80px;
	margin-top: -70px;
}
.restaurant .slides_container div.grid h4 a {
	color: #fff;
}
.slides_container div.grid p {
	margin-bottom: 0;
}
.btslider .control a {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-indent: -99999px;
	margin: 0 8px;
	box-sizing: border-box;
}
.btslider .control a.prev {
	background: #fff url(../images/arw_left.svg) no-repeat center center / 20px;	
}
.btslider .control a.next {
	background: #fff url(../images/arw_right.svg) no-repeat center center / 20px;
}
.btslider.weddings .control a.prev:hover {
	background: #d2b2bf url(../images/arw_left_h.svg) no-repeat center center / 20px;	
}
.btslider.weddings .control a.next:hover {
	background: #d2b2bf url(../images/arw_right_h.svg) no-repeat center center / 20px;
}
.btslider.rooms .control a.prev:hover {
	background: #98012e url(../images/arw_left_h.svg) no-repeat center center / 20px;	
}
.btslider.rooms .control a.next:hover {
	background: #98012e url(../images/arw_right_h.svg) no-repeat center center / 20px;
}


/* ROOMS % SUITES */
#rooms-suite #content div.header {
	text-align: center;
	margin-bottom: 3%;
}
#content div.header {
	text-align: center;
}
#content .category-desc {
	text-align: center;
	margin-bottom: 4%;
}
#content .category-desc h2 {
	font-size: 135%;
	font-weight: 400;
}
#rooms-suites #content .category-desc {
	background: #fff;
	padding: 3%;
}
#rooms-suites #content .category-desc h3,
#rooms-suites #content .category-desc h4 {
	color: #98012e;
}
#content .category-desc h3 {
	font-size: 125%;
}
#content .category-desc h4 {
	font-weight: 500;
	font-size: 120%;
	margin: 40px 0;
}
#content .category-desc ul.amenities li {
	margin: 0 1%;
	width: 130px;
	font-size: 78%;
	font-weight: 500;
	line-height: 1.3;
	padding-top: 60px;
}
#content .category-desc ul.amenities li.park {
	background: url(../images/parking.svg) no-repeat center top / 45px;
}
#content .category-desc ul.amenities li.wifi {
	background: url(../images/wifi.svg) no-repeat center top / 45px;
}
#content .category-desc ul.amenities li.hairdryer {
	background: url(../images/hairdryer.svg) no-repeat center top / 45px;
}
#content .category-desc ul.amenities li.tea {
	background: url(../images/tea.svg) no-repeat center top / 45px;
}
#content .category-desc ul.amenities li.iron {
	background: url(../images/iron.svg) no-repeat center top / 45px;
}
#content .category-desc ul.amenities li.tv {
	background: url(../images/tv.svg) no-repeat center top / 45px;
}


/* ROOMSM& & SUITES */
#content .restaurant-bar div.header {
	color: #6c8e86;		
}
#content .grid-room div.grid,
.group div.grid {
	background: #fff;
	padding: 2%;
	margin-bottom: 4%;
	display: block;
}
.group div.grid {
	text-align: center;	
}
.group div.grid h2 {
	font-size: 125%;
	font-weight: 400;
}
#content .grid-room div.grid div {
	display: inline-block;
	vertical-align: top;
}
#content .grid-room div.grid div.slider {
	width: 50%;
	margin-right: 3%;
}
#content .grid-room div.grid div.slider p {
	margin-bottom: 0;
}
#content .grid-room div.grid div.text {
	width: 46%;
}
#section .grid-room div h2 {
	font-size: 140%;
	margin-bottom: 10px;
	font-weight: 400;
}
#restaurant-bar .slider.restaurant {
	margin-top: 4%;
	text-align: center;
}
#restaurant-bar .slider.restaurant .container {
	padding: 0;
}
.restaurant-bar .group .item-0 h2 {
	color: #6c8e86;
	font-weight: 400;
}


/* RESTAURANT & BAR */
#section .grid-room {
	margin-bottom: 8%;
	padding: 0 2%;
}
#section .grid-room div.spacer {
	background: #fff;
	padding: 2%;
	max-width: 1710px;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
}
#section .grid-room div.spacer div {
	display: inline-block;
	vertical-align: top;
}
#section .grid-room div.spacer .slider {
	width: 50%;
	margin-right: 3%;	
}
#section .grid-room div.spacer .text {
	width: 46%;
}
#section .grid-room.restaurant a {
	background: #6c8e86;
	padding: 7px 15px 9px;
}
#section .grid-room.restaurant a:hover,
#section .grid-room.wedding a:hover,
#section .corporate a.btn:hover {
	background: #ba8748;
}

#section .grid-room.restaurant,
#section .grid-room.wedding {
	padding-top: 22%;
}
#section .restaurant.greathall {
	background: url(../../../images/restaurant-bar/banner-the-great-hall.jpg) no-repeat 0 0 / 100%;
}
#section .restaurant.drawning {
	background: url(../../../images/restaurant-bar/banner-the-drawing-room.jpg) no-repeat 0 0 / 100%;
}
#section .restaurant.garden {
	background: url(../../../images/restaurant-bar/banner-the-garden-restaurant.jpg) no-repeat 0 0 / 100%;
}
#section .restaurant.boudior {
	background: url(../../../images/restaurant-bar/banner-the-boudoir.jpg) no-repeat 0 0 / 100%;
}
#section .restaurant.library {
	background: url(../../../images/restaurant-bar/banner-the-library.jpg) no-repeat 0 0 / 100%;
}

/* WEDDINGS */
.weddings div.weddings {
	padding-bottom: 5%;
}
#weddings #content .category-desc h1 {
	color: #d19fb3;
	margin-bottom: 15px;		
}
#section .wedding.greathall { 
	background: url(../../../images/weddings/banner-the-great-hall.jpg) no-repeat 0 0 / 100%;
}
#section .wedding.drawing { 
	background: url(../../../images/weddings/banner-the-drawning-room.jpg) no-repeat 0 0 / 100%;
}
#section .wedding.longgallery { 
	background: url(../../../images/weddings/banner-long-gallery.jpg) no-repeat 0 0 / 100%;
}
#section .wedding.malthouse { 
	background: url(../../../images/weddings/banner-malthouse.jpg) no-repeat 0 0 / 100%;
}
#section .wedding.marquee { 
	background: url(../../../images/weddings/banner-garden-marquee.jpg) no-repeat 0 0 / 100%;
}
#section .grid-room.wedding a {
	background: #d19fb3;
	color: #000;
	padding: 7px 15px 9px;
}


/* OFFERS & EVENTS */
/*
.featured .items-intro div.grid {
	display: block;
	padding: 30px;
	background: #fff;
}
*/
#events-offers #content {
	text-align: center;
}
#content .offers div.header {
	color: #98012e;
}
.offers .group div.grid {
	background: none;
	text-align: left;
	padding: 0;
}
/* .featured .items-intro div.grid div, */
.offers .group div.grid div {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	width: 100%;
}
.offers .group div.grid .afternoon-tea {
	background: #fff;
}
/* .featured .items-intro div.grid .item-image, */
.offers .group div.grid div.item-image {
	width: 44%;
	line-height: 0;
	text-align: left;
}
/* .featured .items-intro div.grid .intro-text, */
.offers .group div.grid div.text {
	padding: 4%;
	width: 55%;
	box-sizing: border-box;
	text-align: center;
	font-size: 120%;
}
.featured .items-intro .intro-text h1,
.offers .group div.grid div.text h2 {
	font-weight: 600;
	font-size: 130%;
	color: #98012e;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.featured .items-intro .intro-text h3,
.offers .group div.grid div.text h3 {
	font-weight: 600;
	font-size: 95%;
	margin-top: 3%;
	margin-bottom: 10px;
	color: #ba8748;
}
.featured .items-intro .intro-text p:last-of-type,
.offers .group div.grid div.text p:last-of-type {
	margin-bottom: 0;
}
.featured .items-intro .intro-text a.btn,
.offers .group div.grid div.text a.btn {
	font-size: 70%;
	font-weight: 500;
	margin-bottom: 5px;
}
.featured .items-intro .intro-text a[href^=tel],
.offers .group div.grid div.text a[href^=tel] {
	font-weight: 500;
	font-size: 110%;
}
.offers .list-info {
	text-align: center;
}

#get-5-off, #steak-night,
.get-5-off div.spacer, .steak-night div.spacer {
	min-height: 300px;
	padding: 10% 10% 4%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#get-5-off, .get-5-off div.spacer {
	background-image: url(../../../images/offers/Afternoon-Tea-Offer.jpg);
}
#steak-night, .steak-night div.spacer {
	background-image: url(../../../images/offers/Steak-Night-Offer.jpg);
}

.weddings .list-info div.grid {
	min-height: 390px;
	padding: 3% 3% 1%;
}

/* CORPORATE */
#content .corporate div.header {
	color: #571a45;
}
.corporate .group div.grid h2 {
	color: #571a45;
}

#section .corporate {
	max-width: 1800px;
	padding-left: 2%;
	padding-right: 2%;
}
#section .corporate .spacer {
	background: #fff;
	padding: 2%;
	text-align: left;
	box-sizing: border-box;
	margin-bottom: 5%;
}
#section .corporate h2 {
	font-size: 130%;
	font-weight: 500;
	color: #571a45;
}
#section .corporate li {
	margin-bottom: 10px;
}
#section .corporate.available .spacer {
	background: none;
	text-align: center;
	padding: 0;
	margin: 60px 0;
}
#section .corporate.available li p {
	padding: 0 10px 0 13px;
	margin-bottom: 0;
	min-height: 80px;
}
#section .corporate.available li {
	width: 23.1%;
	margin-right: 2%;
	margin-bottom: 2.4%;
	background: #fff;
	box-sizing: border-box;
	padding: 8px;
	text-align: left;
	font-size: 90%;
}
#section .corporate.available li:nth-child(4),
#section .corporate.available li:last-child {
	margin-right: 0;
}
#section .corporate.available li:last-child {
	margin-bottom: 0;	
}
#section .corporate.available li h3 {
	margin-bottom: 15px;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 12px 15px 12px;
	margin-top: -52px;
	position: relative;
	font-size: 115%;
}
#section .corporate a.btn {
	background: #571a45;
	padding: 7px 15px 9px;
}


/* PRIVATE */
#content .private div.header {
	color: #845182;
}
#content .private .group div.grid .text li {
	background: #845182;
	box-sizing: border-box;
	padding: 3% 2% 1%;
	width: 30%;
	margin-right: 4%;
	margin-bottom: 3%;
	margin-top: 1%;
	color: #fff;
	min-height: 350px;
	border-radius: 3px;
	font-size: 105%;
	box-shadow: 0 2px 5px 0 #00000029;
	filter:alpha(opacity=100);
	opacity: 1;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
#content .private .group div.grid .text li:nth-child(3n) {
	margin-right: 0;
}
#content .private .group div.grid .text h3 {
	font-size: 150%;
	margin-bottom: 15px;
}
#content .private .group div.grid .text li p:last-of-type {
	margin-bottom: 0;
}
#content .private .group div.grid .text li a {
	color: #fff;
	text-decoration: underline;
	font-weight: 500;
}
#content .private .group div.grid .text li a:hover {
	color: #ba8748;
}
#private-events #section {
	margin-top: 60px;
}


/* CONTACT */
#contact-us #footer {
	margin-top: 0;
}
#contact-us #content {
	margin-top: 0;
	padding: 13% 0 10%;
	background: url(../../../images/contact/contact.jpg) no-repeat 0 0 / cover;
}
#contact-us .group div.grid {
	padding: 0;
}
.contact-us div.inline  {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.contact-us div.info {
	width: 31.5%;
	padding-bottom: 20px;
}
.contact-us div.info h2 {
	margin-top: 40px;
	margin-bottom: 15px;
	font-weight: 300;
	text-transform: uppercase;
	color: #98012e;
}
.contact-us div.info h2,
.contact-us div.info p {
	padding-left: 6%;
}
.contact-us div.map {
	width: 68%;
}
.contact-us div.map p {
	margin-bottom: 0;
	line-height: 0;
}


/* HOTEL INFORMATION */
#content .hotel-info div.grid.item-0,
#content .hotel-info div.grid.item-1,
#content .hotel-info div.grid.item-3,
#content .hotel-info div.grid.item-5 {
	background: none;
	padding: 0;
}
#content .hotel-info h1 {
	text-align: center;
	margin-bottom: 30px;
}
#content .hotel-info h2 {
	color: #98012e;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 135%;
}
#content .hotel-info h4 {
	color: #98012e;
	margin-bottom: 10px;
	font-size: 110%;
	font-weight: 500;
	text-transform: uppercase;
}
#content .hotel-info strong {
	font-weight: 400;
}
#content .hotel-info ul.info li {
	width: 23.95%;
	min-height: 260px;
	margin-right: 1%;
	margin-bottom: 16px;
	background: rgba(153, 0, 47, 0.05);
	padding: 25px 15px 15px;
	box-sizing: border-box;
	border-radius: 3px;
	font-size: 92%;
}
#content .hotel-info ul.eme.info li {
	width: 23.9%;	
}
#content .hotel-info ul.room.info li {
	background: rgba(153, 0, 47, 0.15);
}
#content .hotel-info ul.info li:nth-child(4),
#content .hotel-info ul.eme.info li:nth-child(4),
#content .hotel-info ul.info li:last-child {
	margin-right: 0;
}
#content .hotel-info ul.room.info li {
	min-height: 230px;
}
#content .hotel-info ul.bar.info li {
	min-height: 200px;
}
#content .hotel-info ul.info li.cards {
	width: 74.5%;
}
#content .hotel-info ul.room.info li.security {
	width: 99.5%;
	min-height: auto;
}
#content .hotel-info ul.info li.breakfast {
	width: 100%;
	min-height: auto;
	margin-right: 0;
}
#content .hotel-info ul.bar.info li:nth-child(4) {
	margin-right: 1%;
}
#content .hotel-info ul.eme.info li:nth-child(1),
#content .hotel-info ul.eme.info li:nth-child(2),
#content .hotel-info ul.eme.info li:nth-child(3),
#content .hotel-info ul.eme.info li:nth-child(4) {
	min-height: 180px;
}
#content .hotel-info ul.info li.eme-cell {
	width: 32.3%;
}
#content .hotel-info .num_grid {
	display: inline-block;
	vertical-align: top;
	width: 320px;
	margin-top: 30px;
	background: rgba(153, 0, 47, 0.05);
	padding: 20px 0;
	min-height: 600px;
}
#content .hotel-info .tel_rad {
	background: rgba(153, 0, 47, 0.05);
	padding: 20px 15px;
	width: 615px;
	margin: 15px auto 0;	
}

/* FOOTER */
#footer {
	margin-top: 100px;
	background: #fff;
	padding: 50px 0 10px;
	font-size: 85%;
	text-align: center;
}
#footer h3 {
	font-size: 170%;
	margin-bottom: 15px;
	text-transform: uppercase;
	text-align: center;
}
#footer div.grid {
	text-align: left;
}
#footer div.grid.menu {
	width: 24%;
}
#footer div.grid.contact {
	width: 31%;
}
#footer div.grid.menu,
#footer div.grid.contact {
	margin-top: 50px;
	margin-bottom: 50px;		
}

#footer .menu li {
	margin-bottom: 10px;
}
#footer .menu a {
	color: #000;
	text-decoration: none;
}
#footer .menu a:hover {
	color: #98012e;
}
#footer .menu li.active a {
	color: #98012e;
	font-weight: 400;
}

#footer .contact p {
	margin-bottom: 10px;
}
#footer .contact a.facebook {
	background: url(../images/facebook.svg) no-repeat 0 0 /100%;
	width: 55px;
	height: 55px;
	display: inline-block;
	text-indent: -99999px;
	margin-top: 20px;
	border-radius: 3px;
}
#footer .contact a.facebook:hover {
	opacity: 0.8;
	box-shadow: 0 2px 5px 0 #00000029;
	filter:alpha(opacity=100);
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

#footer div.grid.form {
	width: 44%;
}
#footer .form {
	text-align: center;
}
#footer .formContainer {
	text-align: left;
}
#footer .formContainer .cell {
	display: inline-block;
	vertical-align: top;
	width: 48.55%;
	margin-bottom: 12px;
}
#footer .formContainer .left {
	margin-right: 2%;
}
#footer .formContainer .rsform-type-radiogroup {
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
}
#footer .formContainer .formControls {
	margin-top: 5px;
}
#footer .formContainer .formControls input[type="radio"] {
	visibility: hidden;
	position: absolute;	
}
#footer .formContainer .formControls label {
	background: #ebeced;
	display: inline-block;
	padding: 5px 8px;
	margin-right: 8px;
	margin-bottom: 7px;
	cursor: pointer;
	border-radius: 3px;
	font-weight: 400;
	font-size: 94%;
}
#footer .formContainer .formControls label:hover {
	background: #ba8748;
	color: #fff;
	box-shadow: 0 2px 5px 0 #00000029;
	filter:alpha(opacity=100);
	opacity: 1;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
#footer .formContainer .formControls input[type="radio"]:checked + label {
	background: #98012e;
	color: #fff;
}
#footer .formContainer .rsform-type-textarea {
	margin-bottom: 12px;
}

#footer .crcm {
	color: #98012e;
	font-size: 85%;
	margin-top: 80px;
}
#footer .crcm p {
	margin-bottom: 5px;
}
#footer .cm a {
	font-size: 55%;
	text-transform: uppercase;
}


/* SCROLL TO TOP */
#scrollToTop {
	background: #b30037 url(../images/scrollup.svg) no-repeat center center / 70% !important;
}
#scrollToTop:hover {
	background: #ba8748 url(../images/scrollup.svg) no-repeat center center / 70% !important;
}

/* HIDDEN STUFF */


/* OVERRIDES */
#gafancybox-close136 {
	top: -10px !important;
	right: -10px !important;
}

/* RESPONSIVE ELEMENTS */
@media (max-width: 1670px) {
	#content .featured .items-intro div.grid {
		width: 48%;
	}
}
@media (max-width: 1500px) {
	.section-banner {
		margin-bottom: 2.5%;
	}
	.section-banner.grid h2 {
		font-size: 240%;
	}
}

@media (max-width: 1400px) {
	#content .hotel-info ul.bar.info li:nth-child(2) {
		width: 23.9%;
	}
}

@media (max-width: 1350px) {
	#content .hotel-info ul.bar.info li,
	#content .hotel-info ul.bar.info li:nth-child(2) {
		width: 49.07%;
	}
	#content .hotel-info ul.rec.info li:nth-child(5),
	#content .hotel-info ul.room.info li:nth-child(3),
	#content .hotel-info ul.bar.info li:nth-child(3),
	#content .hotel-info ul.info li:nth-child(4),
	#content .hotel-info ul.room.info li:nth-child(4),
	#content .hotel-info ul.room.info li:nth-child(2) {
		margin-right: 0;
	}
	#content .hotel-info ul.info li {
		width: 31.9%;
	}
	#content .hotel-info ul.info li:nth-child(4),
	#content .hotel-info ul.room.info li:nth-child(3) {
		margin-right: 1%;
	}
	#content .hotel-info ul.info li.cards,
	#content .hotel-info ul.info li.breakfast {
		width: 100%;
		min-height: auto;
	}
	#content .hotel-info ul.eme.info li:nth-child(1),
	#content .hotel-info ul.eme.info li:nth-child(2),
	#content .hotel-info ul.eme.info li:nth-child(3),
	#content .hotel-info ul.eme.info li:nth-child(4) {
		width: 23.8%;
	}
	#content .hotel-info ul.room.info li {
		width: 48.8%;
	}
	#content .hotel-info ul.room.info li {
		min-height: 235px;
	}
}

@media (max-width: 1300px) {
	.section-banner.grid {
		font-size: 90%;
	}
}

@media (max-width: 1280px) {
	#content .featured #about-hotel .intro-text {
		margin-left: 3%;
		width: 48%;
	}
	
	#section .corporate.available li {
		width: 31.5%
	}
	#section .corporate.available li:nth-child(3n) {
		margin-right: 0;
	}
	#section .corporate.available li:nth-child(4) {
		margin-right: 2%;
	}
}

@media (max-width: 1150px) {
	#content .featured #about-hotel {
		padding: 20px 20px 30px;
	}
	#content .featured #about-hotel .item-image {
		width: 100%;
		margin-bottom: 30px;
	}
	#content .featured #about-hotel .intro-text {
		margin-left: 0;
		width: 100%;
	}

	.weddings .list-info div.grid,
	.promotions {
		font-size: 108%;
	}
	.weddings .list-info div.grid h2,
	.promotions h2 {
		font-size: 150%;
		margin-bottom: 15px;
	}
	
	.restaurant .slides_container div.grid {
		width: 23.1%;
	}
	
	.section-banner h2 {
		font-size: 340%;
	}
	
	.offers .group div.grid div.item-image {
		width: 50%;
	}
	.offers .group div.grid div.text {
		margin-top: 0;
		width: 49%;
		padding-bottom: 1%;
		font-size: 115%;
	}
	
	.contact-us div.info {
		width: 31%;
	}
	
	#footer .formContainer .cell {
		width: 100%;
	}
	#footer .formContainer .left {
		margin-right: 0;
	}
}

@media (max-width: 1050px) {
	.section-banner.grid h2 {
		font-size: 190%;
	}
	.section-banner.grid a {
		font-size: 110%;
	}
	
	.slides_container div.grid {
		font-size: 75%;
	}
	.slides_container div.grid h4 {
		font-size: 120%;
	}
	.restaurant .slides_container div.grid {
		width: 23%;
	}
	.restaurant .slides_container div.grid .text {
		min-height: 60px;
		margin-top: -60px;
	}
	
	#content .private .group div.grid .text li {
		font-size: 100%;
		margin-right: 2%;
		margin-bottom: 1.5%;
		width: 31%;
	}
	.offers .group div.grid div.text p {
		margin-bottom: 5px;
	}
	.offers .group div.grid div.text {
		font-size: 110%;
	}
	#content .hotel-info ul.eme.info li.eme-cell {
		width: 49%;
	}
	#content .hotel-info ul.eme.info li:nth-child(6) {
		margin-right: 0;
	}
	#content .hotel-info ul.eme.info li.eme-cell:last-child {
		width: 100%;
		min-height: auto;
	}
	
}

@media (max-width: 975px) {
	#content .hotel-info ul.rec.info li:nth-child(5),
	#content .hotel-info ul.bus.info li:last-child {
		width: 100%;
		min-height: auto;
	}
	#content .hotel-info ul.info li {
		width: 48.8%;
	}
	#content .hotel-info ul.info li:nth-child(2n) {
		margin-right: 0;
	}
	#content .hotel-info ul.room.info li:nth-child(3),
	#content .hotel-info ul.bar.info li:nth-child(2) {
		margin-right: 1%;
	}
	#content .hotel-info ul.eme.info li:nth-child(1), 
	#content .hotel-info ul.eme.info li:nth-child(2), 
	#content .hotel-info ul.eme.info li:nth-child(3), 
	#content .hotel-info ul.eme.info li:nth-child(4) {
		width: 49%;
		min-height: auto;
	}
}

@media (max-width: 940px) {
	#header .mainmenu li {
		margin: 0 6px;
	}
	#header .mainmenu a {
		font-size: 90%;
	}
	
	.section-banner h2 {
		font-size: 250%;
		margin-bottom: 3%;
	}
	.section-banner a {
		font-size: 110%;
	}
	
	#content .grid-room div.grid div.slider,
	#section .grid-room div.spacer .slider {
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}
	#content .grid-room div.grid div.text,
	#section .grid-room div.spacer .text {
		width: 100%;
	}
	
	#section .corporate.available li {
		width: 48.4%;
	}
	#section .corporate.available li:nth-child(3n) {
		margin-right: 2%;
	}
	#section .corporate.available li:nth-child(2n),
	#section .corporate.available li:nth-child(6) {
		margin-right: 0;
	}
	
	.offers .group div.grid div.text {
		margin-top: 0;
		padding: 3% 2% 1%;
		font-size: 90%;
	}
	.offers .group div.grid div.text h2 {
		margin-bottom: 10px;
	}
	.contact-us div.info,
	.contact-us div.map {
		width: 100%;
	}

}

@media (max-width: 900px) {
	.weddings.weddings .list-info div.grid {
		width: 48.6%;
	}
	.section-banner.grid h2 {
		font-size: 180%;
	}
	.slides_container div.grid .text {
		padding: 15px 6px;
		min-height: 105px;
	}
	.restaurant .slides_container div.grid .text {
		min-height: 65px;
	}
	.restaurant .slides_container div.grid {
		font-size: 75%;
	}
	.restaurant .slides_container div.grid h4 {
		font-size: 110%;
	}

	#footer div.grid.menu,
	#footer div.grid.contact {
		margin-top: 20px;
		width: 40%;
	}
	#footer div.grid.form {
		width: 100%;
	}
}

@media (max-width: 830px) {
	#header .logo a {
		margin-left: 30%;
		width: 160px;
		height: 130px;
		margin-bottom: 0;
	}
	#header .mainmenu {
		display: none;
	}
	
	.restaurant .slides_container div.grid {
	  width: 23.2%;
	  margin-right: 1.5%;
	}
	.restaurant .slides_container div.grid.last {
		margin-right: 0;
	}
	
	.section-banner {
		margin-bottom: 18px;
	}
	
	.section-banner.grid {
		width: 100%;
		padding: 15% 2%;
	}
	.section-banner.grid.corp {
		margin-right: 0;
		margin-bottom: 5%;
	}
	
	.slides_container div.grid h4 {
		font-size: 115%;
	}
	
	.group div.grid h2,
	#content .category-desc h3,
	#content .category-desc h4 {
		font-size: 110%;
	}
	
	#content .private .group div.grid .text li {
		width: 48.5%;
		min-height: 300px;
	}
	#content .private .group div.grid .text li:nth-child(3) {
		margin-right: 2%;
	}
	#content .private .group div.grid .text li:nth-child(2n) {
		margin-right: 0;
	}
	#content .private .group div.grid .text h3 {
		font-size: 140%;
	}
}

@media (max-width: 780px) {	
	.slides_container div.grid {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.slides_container div.grid h4 {
		font-size: 130%;
	}
	.slides_container div.grid .text {
		min-height: auto;
		padding-bottom: 18px;
	}
	.slides_container {
		margin-bottom: 10px;
	}
	
	#content .featured .items-intro::before {
		margin-bottom: 4%;
	}
	#content .featured .items-intro div.grid {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5%;
	}
	#content .featured .items-intro div.grid:last-child {
		margin-bottom: 0;
	}
	#content .featured .items-intro div.grid .intro-text {
		min-height: auto;
	}
}

@media (max-width: 750px) {	
	#content .featured .items-intro::before { 
		font-size: 170%;
	}
	
	#content div.header {
		font-size: 85%;
	}
	#weddings #content .category-desc h1,
	#content .featured #intro-text h1 {
		font-size: 150%;
	}
	#content .category-desc h2 {
		font-size: 113%;
	}
	#content .featured #intro-text h2 {
		font-size: 125%;
	}
	
	#content .featured #about-hotel .intro-text h3 {
		font-size: 110%;
	}
	
	.weddings .list-info div.grid,
	.promotions {
		width: 100%;
		min-height: auto;
		font-size: 96%;
		border: 10px solid #fff;
	} 
	.weddings .list-info div.grid.item-0,
	.promotions.first {
		margin-bottom: 4%;
		margin-right: 0;
	}
	.weddings.weddings .list-info div.grid {
		width: 100%;
	}
	.section-banner.grid {
		border: 10px solid #fff;
		padding: 13% 2%;
	}
	
	#content .grid-room div.grid div.slider {
		margin-bottom: 10px;
	}
	
	.offers .group div.grid div.item-image,
	.offers .group div.grid div.text {
		width: 100%;
	}
	.offers .group div.grid div.text {
		padding: 4% 3%;
		font-size: 100%;
	}
	
	#get-5-off, #steak-night, .get-5-off div.spacer, .steak-night div.spacer {
		padding: 10% 5% 10%;
		min-height: auto;
	}
	
	.weddings .list-info div.grid {
		min-height: auto;
		padding: 20px;
	}
}

@media (max-width: 670px) {
	#content .hotel-info .num_grid {
		min-height: auto;
	}
	#content .hotel-info .tel_rad {
		width: auto;
	}	
}

@media (max-width: 650px) {	
	.restaurant .slides_container div.grid {
		width: 48%;
		font-size: 80%;
	}
	.restaurant .slides_container div.grid .text {
		min-height: auto;
	}
	.restaurant .slides_container div.grid:nth-child(2) {
		margin-right: 0;
	}
	.restaurant .slides_container div.grid.first {
		margin-bottom: 15px;
	}
	
	#content .category-desc ul.amenities li {
		width: 30%;
		margin-bottom: 15px;
	}

	#content .private .group div.grid .text li {
		width: 100%;
		margin-right: 0;
		min-height: auto;
		padding: 5% 5% 7%;
		margin-bottom: 3%;
	}
	#content .private .group div.grid .text li:nth-child(3) {
		margin-right: 0;
	}
	#content .grid-room div.grid, .group div.grid {
		margin-bottom: 45px;
	}
	#content .grid-room div.grid:last-child, .group div.grid:last-child {
		margin-bottom: 0;	
	}
	
	#content .hotel-info .group div.grid {
		padding-top: 20px;
		padding-left: 2%;
		padding-right: 2%;
	}
	#content .hotel-info ul.info li,
	#content .hotel-info ul.bar.info li,
	#content .hotel-info ul.eme.info li,
	#content .hotel-info ul.eme.info li:nth-child(1), 
	#content .hotel-info ul.eme.info li:nth-child(2), 
	#content .hotel-info ul.eme.info li:nth-child(3), 
	#content .hotel-info ul.eme.info li:nth-child(4),
	#content .hotel-info ul.eme.info li.eme-cell,
	#content .hotel-info ul.bar.info li:nth-child(2),
	#content .hotel-info ul.room.info li {
		width: 100%;
		margin-right: 0;
		min-height: auto;
		padding-bottom: 25px;
	}
	#content .hotel-info ul.room.info li, #content .hotel-info ul.bar.info li {
		min-height: auto;
	}
}

@media (max-width: 600px) {
	#header {
		padding: 5px 0 8px;
	}
	#header .contact {
		margin-top: 0;
		margin-bottom: 10px;
		width: 83%;
	}
	#header .contact p:first-of-type,
	#header .contact p:last-of-type {
		display: none;
	}
	#header .contact strong a {
		width: 100%;
		box-sizing: border-box;
		padding: 9px 14px;
	}
	#header .logo a {
		margin-left: 0;
	}
	#header .burger {
		margin-top: 0;
	}
	
	#content .featured #about-hotel {
		padding: 15px;
	}
	
	.section-banner,
	.slides_container div.grid {
		margin-bottom: 10px;
	}
	.section-banner h2 {
		font-size: 200%;
	}
	
	#footer div.grid.menu,
	#footer div.grid.contact {
		width: 50%;
	}
}

@media (max-width: 550px) {
	#section .corporate.available li {
		width: 100%;
		margin-right: 0;
	}
	#section .corporate.available li:nth-child(3n) {
		margin-right: 0;
	}
	#section .corporate.available li h3 {
		margin-bottom: 10px;
	}
	#section .corporate.available li p {
		min-height: auto;
	}
}

@media (max-width: 480px) {
	#header .contact {
		width: 83%;
	}
	
	#footer div.grid.menu,
	#footer div.grid.contact {
		width: 100%;
	}
	#footer div.grid.menu {
		margin-bottom: 0;
	}
}

@media (max-width: 400px) {
	#header .contact {
		width: 80%;
	}
	
	.section-banner.grid h2 {
		font-size: 150%;
	}
	
	#content .category-desc ul.amenities li {
		width: 47%;
	}
	
	.restaurant .slides_container div.grid .text {
		min-height: 70px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: -30px;
	}
	#content .hotel-info .num_grid {
		width: 100%;	
	}
}

@media (max-width: 360px) {
	.section-banner h2 {
		font-size: 180%;
	}
	.section-banner a {
		font-size: 100%;
	}
}

@media (max-width: 300px) {
	#content .category-desc ul.amenities li {
		width: 100%;
	}
}