*{
	padding:0;
	margin:0;
}
html{
	font-size:16px;
	scrollbar-width:thin;
}
a{
	color:#D92838;
}
a:focus,
a:hover,
a:active{
	color:#000;
}
img{
	max-width:100%;
}
body{
	font-family: 'Montserrat', 'Times New Roman', serif;
	font-size:100%;
	line-height:1;
	background-color: #fff;
	color: #000;
}
/* overlapping sections */
.section{
	position:relative;
}
#navbar{z-index:11;}
#header{z-index:8;}
#studios{z-index:9;}
#floorplan{z-index:8;}
#services{z-index:7;}
#rates{z-index:6;}
#visit{z-index:5;}
#team{z-index:4;}
#mrsinclusion{z-index:3;}
#locations{z-index:2;}
#contacts{z-index:1;}
.section{
	margin-top:-60px;
	padding-top:60px;
}
.outer{
	padding:40px 0 60px 0;
}
.inner{
	max-width:1024px;
	padding:0 40px;
	margin:0 auto;
	overflow:hidden;
}
.linkbanner{
	padding:0 40px;
	margin-left:-40px;
	margin-right:-40px;
}
#studios .inner{
	margin:-160px auto 0 auto;
	margin:-12% auto 0 auto;
}
#studios .inner,
#floorplan .inner{
	max-width:944px;
}
#services .inner{
	max-width:100%;
	padding:0;
}
#contacts .inner h2{
	padding-top:40px;
}
#navbar{
	background:#D92838;
	color:#fff;
}
#navbar a{
	color:#fff;
}
#navbar a:focus,
#navbar a:hover,
#navbar a:active{
	color:#fff;
	text-decoration:underline;
}
#header{
	background:#000;
	color:#fff;
	border-bottom:3px solid #D92838;
}
#studios{
	background:transparent; /* for visual effect of overlap */
	color:#000;
}
#studios .outer{
	background:#fff;
}
#studios .inner{
	background:#fff;
}
#studios .linkbanner{
	background:#d92838;
	color:#fff;
}
.linkbanner p a{
	color:white;
}
#studios p.strap{
	color:#777;
}
#services,
#visit,
#mrsinclusion,
#locations,
#footer{
	background:#fff;
	color:#000;
}
#floorplan{
	background:#d4d4d4;
	color:#000;
}
#services,
#team{
	background:#efefef;
	color:#000;
}
#rates{
	background:#5A5A5A;
	color:#fff;
}
#contacts{
	background:#C31C2A;
	color:#fff;	
}
#studios h2,
#floorplan h2,
#floorplan h3,
#floorplan ol li,
#services h2,
#services h3,
#visit h2,
#mrsinclusion h2,
#locations h2,
#team h2{
	color:#D92838;
}
#floorplan ol li span{
	color:#000;
}
ul.detail li span.icon{
	background:#D92838;
}
ul.hearted{
	list-style:none;
	padding-left:1.3em;
}
ul.hearted li:before{
	content:"\002764";
	color:#D92838;
	display:inline-block;
	width:1.3em;
	margin-left:-1.3em;
}
p.virtual span{
	/* background:#D92838; */
}
#floorplan a{
	color:#D92838;
	text-decoration:none;
}
#floorplan a:focus,
#floorplan a:hover,
#floorplan a:active{
	color:#000;	
}
#rates a,
#contacts a{
	color:inherit;
}
#rates a:focus,
#rates a:hover,
#rates a:active{
	color:#000;
}
#contacts a:focus,
#contacts a:hover,
#contacts a:active{
	text-decoration:none;
}

#wrapper{
	padding-top:100px;
}
#wrapper.scrolled{
	padding-top:62px;
}
#navbar{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	padding:17px 0 23px 0;
}
#navbar h1{
	float:left;
	height:60px;
}
#navbar h1 img{
	display:block;
	max-height:100%;
}
#toggle{
	display:none;
}
#navbar ul{
	float:right;
	list-style:none;
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
	line-height:1.3;
	text-align:right;
	padding-top:21px;
	margin-right:-9px;
	margin-bottom:0;
}
#navbar ul li{
	display:inline;
	padding:0 7px;
}
#navbar a{
	text-decoration:none;
}
#wrapper.scrolled #navbar{
	padding:5px 0 7px 0;
}
#wrapper.scrolled #navbar h1{
	height:50px;
}
#wrapper.scrolled #navbar ul{
	padding-top:16px;
}
#wrapper,
#navbar,
#navbar *{
	transition:all 1s ease-in-out;
}

.slidertop li{
	height:0;
	padding-top:44%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.slidertop div.holder{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0 40px;
	box-sizing:border-box;
}
.slidertop div.holder .inner{
	display:table;
	width:100%;
	height:28%;
	height:47%;
	padding:0;
/*	padding-top:100px; */
/*	background:url(../img/mrs-logo-large.png) transparent no-repeat 0px 40px / 255px auto; */
/*	background:url(../img/mrs-logo-large.png) transparent no-repeat 0px 20% / auto 36%; */
/* removed logos 20200928 */
}
.slidertop.adminstyle div.holder .inner{
/*	background-image:url(../img/MRS-2019-Winner.png), url(../img/MRS-2018-Winner.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 20%, 21% 20%;
	background-size:auto 28%, auto 28%;
*/	
/* removed logos 20200928 */
}
.slidertop div.holder .inner .textbox{
	display:table-cell;
	vertical-align:bottom;
}
.slidertop h3,
.slidertop p{
	max-width:874px;
	font-family:'News Cycle',sans-serif;
	font-size:24px;
	line-height:1.4;
	margin:0 auto;
}
.slidertop h3{
	font-size:32px;
	text-transform:uppercase;
	text-shadow:0 0 5px #000;
}
.intro{
	text-align:center;
	padding:45px 0 27px 0;
	border-bottom:1px solid #d4d4d4;
	margin-bottom:33px;
}
.columns{
	overflow:hidden;
}
.colside{
	width:30.5%;
}
.colmain{
	width:65.25%;
}
.col1,
.col2{
	width:48%;
}
.colside,
.col1{
	float:left;
}
.colmain,
.col2{
	float:right;
}

h2{
	font-size:26px;
	font-weight:500;
	line-height:1.5;
	margin-bottom:0.8em;
}
h3{
	font-size:16px;
	font-weight:500;
	line-height:1.5;
	margin-bottom:0.8em;
}
h4{
	font-size:14px;
	font-weight:500;
	line-height:1.5;
	margin-bottom:0.8em;
}
p,
ul,
ol{
	font-size:14px;
	font-weight:500;
	line-height:1.7;
	margin-bottom:1.7em;
}
.intro p{
	font-size:17px;
	line-height:1.9em;
}
@media(max-width:520px){
	.intro p br{
		display:none;
	}
}
p.small{
	font-size:12px;
}

/* added by RM on 25 Sep 2020 */
p.mrslogos{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
p.mrslogos span.mrsimg{
	min-width:155px;
	max-width:175px;
	flex-basis:155px;
	flex-grow:1;
	vertical-align:top;
}
/* END added by RM on 25 Sep 2020 */

#studios .linkbanner p{
	font-size:14px;
	font-weight:400;
	line-height:40px;
	text-align:left;
	margin-bottom:0;
}

#privacy h3,
#privacy h4{
	font-weight:600;
}
#privacy ul{
	padding-left:1.5em;
}

ol{
	padding-left:1.5em;
}
p.listintro{
	margin-bottom:0;
}
p.strap{
	font-size:16px;
	line-height:1.5;
	margin-bottom:1.5em;
}
ul.detail{
	font-size:12px;
	font-size:14px;
	font-weight:600;
	line-height:1.5;
	padding:40px 0;
	margin-left:-20px;
	margin-right:-20px;
	
}
ul.detail li{
	list-style:none;
	display:inline-block;
	width:33.33%;
	box-sizing:border-box;
	padding:0 20px;
	margin-bottom:15px;
	
}
ul.detail li span{
	display:inline-block;
	box-sizing:border-box;
	vertical-align:middle;
}
ul.detail li span.icon{
	width:50px;
	height:50px;
	padding:10px;
	border-radius:50px;
}
ul.detail li span.text{
	width:calc(100% - 60px);
	padding-left:10px;
}

p.virtual span{
	display:inline-block;
	box-sizing:border-box;
	max-width:210px;
	height:48px;
	vertical-align:middle;
	padding:0;
}
#floorplan ol{
	font-size:14px;
	font-weight:600;
}
#floorplan ol li span{
	font-weight:500;
}

ul.ollist li{
	list-style:none;
	min-height:28px;
	padding-top:5px;
	padding-left:37px;
	position:relative;
	overflow:hidden;
}
ul.ollist li span.number{
	position:absolute;
	left:0px;
	top:3px;
	display:table;
	width:26px;
	height:26px;
	background:#D92838;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	border-radius:26px;
}
ul.ollist li span.number span{
	display:table-cell;
	height:26px;
	width:26px;
	vertical-align:middle;
}
ul.ollist li span.title{
	display:block;
}

.buttonfocusvision{
	display: inline-block;
	background:#D92838;
	color:white;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	padding: 10px 15px;
	border-radius: 8px;
}


#floorplan .outer{
	overflow:hidden;
	padding-bottom:0;
}
#floorplan .inner{
	overflow:visible;
	min-height:565px;
}
div.floorplan{
/*
	float:right;
	width:73.6%;
	position:relative;
	margin-right:-11%;
*/

	position:absolute;
	bottom:0;
	right:0;
	width:73.6%;
	max-width:717px;
}
div.floorplan img{
	display:block;
	width:100%;
}
div.floorplan a{
	display:table;
	width:30px;
	height:30px;
	position:absolute;
	margin-top:-15px !important;
	margin-right:-15px !important;
}
div.floorplan a span{
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	background:#D92838;
	color:#fff;
	font-size:14px;
	font-weight:600;
	box-shadow:#000000 0px 4px 4px 0px;
	border-radius:15px;
}
div.floorplan a:focus span,
div.floorplan a:hover span,
div.floorplan a:active span{
	background:#fff;
	color:#D92838;
	box-shadow:#000000 0px 1px 3px 0px;
}

div.floorplan a#room1{
	top:8%;
	right:59%;
}
div.floorplan a#room2{
	top:21%;
	right:27%;
}
div.floorplan a#double{
	top:14%;
	right:43%;
}
div.floorplan a#room3{
	top:42%;
	right:13%;
}
div.floorplan a#room4{
	top:79%;
	right:38%;
}
div.floorplan a#room5{
	top:59%;
	right:72%;
}
div.floorplan a#room6{
	top:47%;
	right:88%;
}
div.floorplan a#room7{
	top:49%;
	right:29%;
}
div.floorplan a#room8{
	top:35%;
	right:33%;
}
div.floorplan a#room9{
	top:51%;
	right:51%;
}
#floorplan p.small{
	max-width:320px;
}
#floorplan ul.ollist{
	max-width:260px;
}


#services .outer{
	padding-bottom:0;
}
#services ul.slider2,
#services ul.slider2 li{
	height:100%;
}
#services ul.slider2 li.slideodd{
	background:url(../img/bg-slide-1.jpg) transparent no-repeat center bottom / contain;
}
#services ul.slider2 li.slideeven{
	background:url(../img/bg-slide-2.jpg) transparent no-repeat center bottom / contain;
}
#services h2{
	max-width:1024px;
	box-sizing:border-box;
	padding:0 75px;
	margin:0 auto 0.8em auto;
}
/* table version: 
#services .holder{
	display:table;
	width:100%;
	max-width:1024px;
	box-sizing:border-box;
	padding:0 75px;
	padding-bottom:10%;
	margin:0 auto;
}
#services h3{
	display:table-caption;
	width:100%;
	box-sizing:border-box;
	padding:0;
	text-align:left;
	padding-top:20px;
	margin-bottom:0.8em;
}
#services div.icon,
#services div.space,
#services div.text{
	display:table-cell;
	vertical-align:top;
	padding-bottom:20px;
}
#services div.text{
	width:55%;
}
#services div.space{
	width:12%;
}
#services div.icon{
	width:33%;
}
*/

#services .holder{
	display:block;
	width:100%;
	max-width:1024px;
	box-sizing:border-box;
	padding:0 75px;
	padding-bottom:10%;
	margin:0 auto;
	overflow:hidden;
}
#services h3{
	box-sizing:border-box;
	padding:0;
	text-align:left;
	padding-top:20px;
	margin-bottom:0.8em;
}
#services div.icon,
#services div.text{
	display:block;
	vertical-align:top;
	padding-bottom:20px;
}
#services div.text{
	float:left;
	width:55%;
}
#services div.icon{
	float:right;
	width:33%;
}


#services div.icon img{
	max-width:262px;
	max-height:262px;
	height:auto;
	width:auto;
	margin:0 auto;
}
#services .text p,
#services .text ul{
	margin-bottom:.5em;
	max-width:490px;
	box-sizing:border-box;
}
#services .text p img{
	margin-top:10px;
}
#services .text p.inlinelogos a,
#services .text p.inlinelogos a img{
	display:inline-block;
}
#services .text p.inlinelogos a{
	margin-right:10px;
}
#services .text p.inlinelogos a img{
	max-height:20px;
}
.concertina{
	float:left;
	width:67%;
	min-width:595px;
}
.visit .concertina{
	float:none;
	width:auto;
	min-width:0;
}
.smallprint,
.ratesinfo{
	float:right;
	width:23.8%;
}
.concertina .box{
	background:#464646;
	padding:15px;
	border:1px solid #A1A1A1;
	border-radius:5px;
	margin-bottom:15px;
}
.concertina .box h3{
	margin-bottom:0;
}
.visit .concertina .box{
	border-color:#D92838;
}
.concertina h3 span{
	padding-right:30px;
	background:url(../img/accclose.png) transparent no-repeat right center / 12px auto;
	cursor:pointer;
}
.concertina .nobox h3 span{
	background:transparent !important;
}
.visit .concertina h3 span{
	background-image:url(../img/accclose-dark.png);
}
.concertina .closed h3 span{
	background-image:url(../img/accopen.png);
	background-size:auto 12px;
}
.visit .concertina .closed h3 span{
	background-image:url(../img/accopen-dark.png);
}
.concertina .inthebox{
	display:block;
	padding-top:15px;
}
.inthebox li{
	overflow:hidden;
	margin-bottom:7px;
}
.inthebox span.desc{
	float:left;
}
.inthebox span.price{
	float:right;
	min-width:13em;
	text-align:center;
}
.inthebox span.price span{
	display:inline-block;
	min-width:5.5em;
}
.inthebox span.price span:first-child{
	text-align:right;
}
.inthebox span.price span:last-child{
	text-align:left;
}
.inthebox span.price span.wide{
	width:100%;
	text-align:center;
}
.inthebox span.price span.sep{
	width:auto;
	min-width:0;
	padding:0 1em;
}
.inthebox div.booknow{
	border-top:1px solid #a1a1a1;
	padding:25px 15px 10px 15px;
	text-align:center;
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:-20px; /* because the buttons have a margin-bottom of 20px */
}
#rates .inthebox div.booknow a{
	display:inline-block;
	min-width:180px;
	background:#EFEFEF;
	color:#D92838;
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px;
	border-radius:3px;
	margin:0 10px 20px 10px;
}
#rates .inthebox div.booknow a:focus,
#rates .inthebox div.booknow a:hover,
#rates .inthebox div.booknow a:active{
	background:#D92838;
	color:#EFEFEF;
}
.concertina .closed .inthebox{
	display:none;
}
.smallprint p{
	font-size:12px;
}
div.partner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:40px;
}
div.partner .partnerlogo{
	width:33.33%;
	box-sizing:border-box;
	padding:0 20px;
	margin-bottom:20px;
}
div.partner .partnerlogo img{
	width:315px;
	max-width:100%;
}
div.partner .partnertext{
	width:66.66%;
	box-sizing:border-box;
	padding:0 20px;
}
@media(max-width:500px){
	div.partner{
		display:block;
		margin-left:0;
		margin-right:auto;
	}
	div.partner .partnerlogo,
	div.partner .partnertext{
		width:auto;
		padding:0;
	}
	
}
ul.yourvisit{
	/* display:table; */
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	text-align:center;
	margin-left:-20px;
	margin-right:-20px;
}
ul.yourvisit li{
	list-style:none;
	/* display:inline-block; */
	display:block;
	width:33.33%;
	box-sizing:border-box;
	vertical-align:top;
	padding:0 20px;
}
ul.yourvisit li a{
	display:block;
	height:100%;
	color:inherit;
	text-decoration:none;
}
ul.yourvisit li div{
	/* min-height:300px; */
	height:100%;
	box-sizing:border-box;
	background:#c31c2a;
	color:#fff;
	background-position:center 20px;
	background-repeat:no-repeat;
	background-size:70px auto;
	text-align:left;
	position:relative;
	padding:110px 20px 50px 20px;
}
ul.yourvisit li.block1 div{
	background-image:url(../img/icon-eat-in.png);
}
ul.yourvisit li.block2 div{
	background-image:url(../img/icon-eat-out.png);
}
ul.yourvisit li.block3 div{
	background-image:url(../img/icon-sleep.png);
}
ul.yourvisit li h3{
	text-align:center;
}
ul.yourvisit li p{
	font-size:11px;
	margin-bottom:1em;
}
ul.yourvisit li p.readmore{
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;
	text-align:center;
	text-decoration:underline;
	margin-bottom:0;
}
ul.yourvisit li a:hover{
	box-shadow:0 0 15px 0px #888;
}


#team h2{
	float:left;
}
#team .teamintrobox{
	float:right;
	padding-top:10px;
	width:100%;
	max-width:437px;
	margin-bottom:50px;
	text-align:right;
}
#team p.teamintro .quote{
	color:#777;
}

ul.teammembers{
	clear:both;
	font-size:13px;
	margin-left:-10px;
	margin-right:-10px;
}
ul.teammembers li{
	list-style:none;
	display:inline-block;
	width:25%;
	vertical-align:top;
	box-sizing:border-box;
	padding:0 10px;
	margin-bottom:40px;
}
ul.teammembers li a{
	text-decoration:none;
}
ul.teammembers li span{
	display:block;
}
ul.teammembers li span.name{
	font-weight:600;
}


ul.teammembers li a div.frame{
	display:block;
	position:relative;
	width:100%;
	height:0;
	padding-top:100%;
	background-color:#c31c2a;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-bottom:10px;
}
ul.teammembers li a div.frame div{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#c31c2a;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
}

ul.teammembers li a:focus div.frame div,
ul.teammembers li a:hover div.frame div,
ul.teammembers li a:active div.frame div{
	background-size:110%;
	opacity:0;
	/* put opacity back in when there are grown-up images to be used */
	transition:
		opacity .5s ease-in 0s,
		background-size .5s ease-in 0s;
	/* note: transition delay needs to be stipulated even if 0, for Chrome versions up to 43.0 */
}


#mrsinclusion .outer{
	padding-bottom:30px;
}
#mrsinclusion div.block{
	/* overflow:hidden; */
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0;
}
#locations div.block{
	overflow:hidden;
	border-top:1px solid #EDEDED;
	padding:30px 0;
}
#mrsinclusion h3,
#locations h3{
	float:left;
	width:162px;
}
#mrsinclusion .text,
#locations .text{
	clear:right;
	float:right;
	width:71.29%;
}
#mrsinclusion div.text p,
#locations div.text p{
	margin-bottom:.5em;
}

#contacts:before{
	content:" ";
	display:block;
	width:100%;
	height:20.5vw;
	background:url(../img/mission.png) #fff no-repeat center / contain;
	border-top:2vw solid #fff;
	border-bottom:2vw solid #fff;
}
#contacts{
	border-top:2px solid #C31C2A;
}
#contacts .contactlogos{
	float:right;
	margin-bottom:55px;
	margin-left:30px;
}
#contacts .contactlogos img{
	display:inline;
	vertical-align:top;
}
.contactlogos .logoaqr{
	max-height:58px;
	margin-left:10px;
}
.contactlogos .logomrs{
	max-height:70px;	
}
#contacts h3,
#contacts p{
	font-size:16px;
	font-weight:400;
	line-height:1.6;
	margin-bottom:2em;
}
#contacts h3{
	text-transform:uppercase;
	margin-bottom:0;
}
#contacts .cc2 h3,
#contacts .cc2 p,
#contacts .cc3 h3,
#contacts .cc3 p{
	font-size:14px;
}

#contacts .contactinfo{
	clear:both;
	overflow:hidden;
	margin-bottom:60px;
}
#contacts .ccol{
	float:left;
	width:calc((100% - 80px) / 3);
	min-height:220px;
	box-sizing:border-box;
	padding:0 0 0 15px;
	border-left:1px solid #fff;
	margin-right:40px;
}
#contacts .cc1{
	padding:0;
	border-left:0px solid #fff;
}
#contacts .cc3{
	margin-right:0;
}
#contacts span.phone{
	white-space:nowrap;
}
#contacts .map,
#map .map{
	height:0;
	padding-top:40%;
	background-image:url(../img/map.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
/*
#contacts .inner{
	background:url(../img/MRS_Diversity_Pledge_Logo.png) transparent no-repeat 90% bottom / 23% auto;
}
*/
/* the above and other #contacts .inner background styles were before it got a separate section above #locations */



#footer .fcol1{
	float:left;
}
#footer a{
	text-decoration:none;
}
p.copyright{
	float:right;
	font-size:12px;
}
ul.social li{
	list-style:none;
	display:inline;
	margin-right:5px;
}
ul.social li a{
	display:inline-block;
	width:36px;
	height:36px;
	border-radius:18px;
}
ul.social li a:focus,
ul.social li a:hover,
ul.social li a:active{
	opacity:.6;
}

a.button{
	display:inline-block;
	min-width:180px;
	background:transparent;
	border:1px solid #fff;
	color:#fff;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px 15px;
	border-radius:3px;
	margin-top:10px;
}
a.button:focus,
a.button:hover,
a.button:active{
	background:#fff;
	color:#000 !important;
}



/* slider overrides */

#header .bx-wrapper,
#studios .bx-wrapper,
#services .bx-wrapper,
#team .bx-wrapper{
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-width:0;
    background:transparent;
    margin-bottom:0;
}
#roomslider .bx-wrapper{
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-width:1px;
    border-style:solid;
    border-color:#707070;
    background:#F0F0F0;
    margin-bottom:1.25rem;
}
#roomslider ul.roomcapacityslider li{
	height:0;
	padding-top:56.25%;
}
#roomslider div.singleslidebox{
	height:0;
	padding-top:56.25%;
	position:relative;
	border-width:1px;
	border-style:solid;
	border-color:#707070;
	background:#F0F0F0;
	margin-bottom:2rem;
}
#roomslider div.slidebox{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#roomslider div.slidebox{
	display:flex;
	justify-content:center;
	align-items:center;
}
#roomslider .pagerthumbs{
	display:flex;
	gap:0 2.5rem;
	margin-bottom:1rem;
}
#roomslider .pagerthumbs h3{
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
	border-bottom:1px solid #707070;
}
#roomslider .pagerthumbs{
	min-width:111px;
	min-width:clamp(80px,14vw,111px);
}
#roomslider .pagerthumbs .multiplethumbs{
	min-width:222px;
	min-width:clamp(160px,28vw,222px);
}
#roomslider .roomcapacitypager{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	font-size:clamp(10px,1.7vw,14px);
	font-weight:700;
	text-align:center;
	line-height:1.2;
}
#roomslider .roomcapacitypager li{
	width:clamp(77px,15vw,108px);
	min-height:clamp(95px,18vw,123px);
}
#roomslider .roomcapacitypager li a{
	display:block;
	text-decoration:none;
	color:black;
}
#roomslider .roomcapacitypager li a.active,
#roomslider .roomcapacitypager li a:focus,
#roomslider .roomcapacitypager li a:hover,
#roomslider .roomcapacitypager li a:active{
	color:#D92838;
}
#roomslider .roomcapacitypager li a .thumbbox{
	width:calc(100% - 8px);
	height:clamp(54px,11vw,78px);
	display:flex;
	border:1px solid #707070;
	justify-content:center;
	align-items:center;
	position:relative;
	margin:0 auto .5rem auto;
}
#roomslider .roomcapacitypager li a.active .thumbbox:after,
#roomslider .roomcapacitypager li a:focus .thumbbox:after,
#roomslider .roomcapacitypager li a:hover .thumbbox:after,
#roomslider .roomcapacitypager li a:active .thumbbox:after{
	content:"";
	display:block;
	position:absolute;
	left:-6px;
	top:-6px;
	width:calc(100% + 6px);
	height:calc(100% + 6px);
	border:3px solid #D92838;
}
@media(max-width:800px){
	#roomslider .roomcapacitypager{
		font-size:clamp(10px,1.6vw,14px);
	}
	#roomslider .roomcapacitypager li{
		width:clamp(77px,13.5vw,108px);
		min-height:clamp(95px,15vw,123px);
	}
	#roomslider .roomcapacitypager li a .thumbbox{
		width:calc(100% - 8px);
		height:clamp(54px,9vw,78px);
	}
}

@media(max-width:600px){
	#roomslider .pagerthumbs{
		flex-wrap:wrap;
	}
	#roomslider .pagerthumbs .multiplethumbs{
		min-width:111px;
	}
}





#studios .bx-wrapper{
	margin-bottom:1.7em;
}

#studios .bx-wrapper .bx-controls-direction a{
	margin-top:-20px;
	width:40px;
	height:40px;
	background-position:center;
	background-size:contain;
	opacity:.7;
}
#studios .bx-wrapper .bx-controls-direction a:hover{
	opacity:1;
}
#studios .bx-wrapper .bx-prev{
	background-image:url(../img/left.png);
}
#studios .bx-wrapper .bx-next{
	background-image:url(../img/right.png);
}
#services .bx-wrapper .bx-controls{
	position:absolute;
	bottom:0;
	top:auto;
	left:0;
	width:100%;
}
#services .bx-wrapper .bx-controls-direction{
	max-width:1024px;
	height:110px;
	margin:0 auto;
	position:relative;
}
#services .bx-wrapper .bx-controls-direction a{
	bottom: calc(170% + 110px);
	top:auto;
	height:100%;
	width:40px;
	margin-top:0;
}
#services .bx-wrapper .bx-prev{
	left:0;
	background:url(../img/prev.png) transparent no-repeat left 60px / 32px auto;
}
#services .bx-wrapper .bx-next{
	right:0;
	background:url(../img/next.png) transparent no-repeat right 60px / 32px auto;
}
#header .bx-has-pager{
	position:absolute;
	/* top:calc(31% + 100px); */
	top:50%;
	left:0;
	width:100%;
	box-sizing:border-box;
	padding:0 40px;
}
#header .bx-wrapper .bx-pager{
	position:relative;
	bottom:auto;
	/* max-width:1024px; */
	max-width:874px;
	margin:0 auto;
	font-size:3px;
	text-align:left;
	padding-top:0;
}
#services .bx-wrapper .bx-pager{
/* this needs new styles if it should show.*/
	bottom:-7px;
	font-size:3px;
	padding-top:0;
}

#header .bx-wrapper .bx-pager.bx-default-pager a,
#services .bx-wrapper .bx-pager.bx-default-pager a{
	background:#fff;
	text-indent:-9999px;
	display:block;
	width:34px;
	height:3px;
	margin:0 5px 0 0;
	outline:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
#services .bx-wrapper .bx-pager.bx-default-pager a{
	background:#5A5A5A;
}
#header .bx-wrapper .bx-pager.bx-default-pager a.active,
#services .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#D92838;
}

#privacy.popup{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-y:auto;
	z-index:100;
	background:rgba(0,0,0,.8);
	box-sizing:border-box;
	padding:50px 20px;
}
#privacy.popup .inner{
	max-width:1024px;
	background:#fff;
	color:#000;
	padding:40px 20px 20px 20px;
	box-sizing:border-box;
	border:10px solid #5a5a5a;
	position:relative;
}
#privacy .popdown{
	display:none;
}
#privacy.popup .popdown{
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	color:#D92838;
	font-size:32px;
	font-weight:600;
	cursor:pointer;
}
#cookiebanner {
	display:block;
	width:100%;
	min-height:4em;
	/* background:rgba(0,0,0,.5); */
	background:#4b4b4b;l
	color:#fff;
	box-sizing:border-box;
	text-align:left;
	position:fixed;
	bottom:0;
	left:0;
	z-index:100;
	box-shadow:#000 0px 10px 10px;
}
#cookiebanner .inner{
	padding-top:1px;
}
#cookiebanner p {
	color:#fff;
	font-size:12px;
	line-height:1.3;
	padding:1.3em 15px 1.5em 15px;
	margin:0 auto;
	overflow:hidden;
}
#cookiebanner p .text{
	display:block;
	margin-right:100px;
}
#cookiebanner .continue {
	float:right;
	cursor:pointer;
	border:1px solid #fff;
	padding:7px 10px 5px 10px;
	margin-top:-1em;
}
#cookiebanner a {
	color:#fff;
	text-decoration:none;
}
#cookiebanner .text a {
	text-decoration:underline;
}
#cookiebanner .text a:hover{
	text-decoration:none;
}


/* rooms */



.roomwrapper{
	width:96%;
	max-width:840px;
	margin:0 auto;

}
.roomwrapper h1{
	color:#D92838;
	font-size:24px;
	font-weight:500;
	line-height:1.2;
	margin-bottom:30px;
}
.room img{
	margin-bottom:24px;
}
.room ul,
.room p{
/* 
	font-size:15px;
	line-height:1.2;
	margin-bottom:1.2em;
*/
}
.room p.listheading{
	margin-bottom:0;
}
.room ul li{
	list-style:none;
	padding-left:10px;
	background:url(../img/bullet.png) transparent no-repeat 0 .5em;
}
.room ul.hearted li{
	background:none;
	padding-left:0;
}
.room p.caption{
	font-size:16px;
	font-weight:500;
	line-height:1.3;
}
.room .caption .desc{
	font-size:14px;
	font-weight:normal;
}
.room{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.textcontent{
	width:48%;
}
.roomright{
	width:48%;
}
@media(max-width:620px){
	.textcontent,
	.roomright{
		width:100%;
	}
}







/* visit */

.visit{
	padding-right:10px;
}
.visit h1{
	font-size:29px;
	font-weight:400;
	color:#d92838;
	text-align:center;
	margin-bottom:23px;
}
.visit .visiticon{
	text-align:center;
	max-width:150px;
	margin:0 auto 37px auto;
}
.visit p.vintro{
	padding-bottom:2em;
	border-bottom:1px solid #b7b7b7;
	margin-bottom:2em;
}
.visit .vloc{
	margin-bottom:2em;
}
.visit h4{
	margin-bottom:0;
}
.visit p.vdesc{
	margin-bottom:.5em;
}


/* bios */

.bio{
	padding:20px;
	overflow:hidden;
}
.bio .photo{
	float:left;
	width:30%;
	margin-bottom:25px;
}
.bio .biotext,
.bio .extras{
	float:right;
	width:65%;
}
.bio.nophoto .biotext,
.bio.nophoto .extras{
	float:none;
	width:100%;
}
.bio .biotext h1{
	font-size:29px;
	font-weight:400;
	color:#d92838;
}
.bio .biotext .role{
	font-size:16px;
}
.bio .biotext p{
	font-size:14px;
	margin-bottom:.5em;
}
.bio .biotext .q{
	color:#777;
	margin-bottom:0;
}
.bio .extras{
	list-style:none;
	font-size:12px;
	padding-top:30px;
}
.bio .dt{
	color:#777;
}
.bio .extras li{
	display:inline-block;
	width:33%;
	vertical-align:top;
	box-sizing:border-box;
	padding-right:10px;
	margin-bottom:20px;
	overflow:hidden;
}
.bio .extras span{
	display:block;
}
.bio .extras span.icon{
	float:left;
	width:47px;
	height:47px;
	margin-right:10px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;	
	
}
.bio span.drink{
	background-image:url(../img/icon-drink.png);	
}
.bio span.tv{
	background-image:url(../img/icon-tv.png);	
}
.bio span.hobby{
	background-image:url(../img/icon-hobby.png);	
}
.bio span.flower{
	background-image:url(../img/icon-flower.png);	
}
.bio span.chocolate{
	background-image:url(../img/icon-chocolate.png);	
}
.bio span.sweetsavoury{
	background-image:url(../img/icon-sweetsavoury.png);	
}

*{
	-webkit-text-size-adjust:100%;
}

@media (min-width:1200px){
	.slidertop li{
		padding-top:520px;
		background-size:cover;
	}
}
@media (max-width:1240px){
	.slidertop div.holder,
	#header .bx-has-pager{
/*		padding:0 100px; */
	}
}
@media (max-width:1160px){
	.slidertop div.holder,
	#header .bx-has-pager{
/*		padding:0 60px; */
	}
}
@media (max-width:1100px){
	.slidertop div.holder,
	#header .bx-has-pager{
/*		padding:0 33px; */
	}
}
@media (max-width:1040px){
	#studios,
	#studios .outer,
	#studios .inner{
		margin-top:0;	
		padding-top:0;
	}
}


@media (max-width:960px){
	.smallprint,
	.ratesinfo{
		float:right;
		width:150px;
	}
}
@media (max-width:1030px){
	#wrapper{
		padding-top:90px;
	}
	#wrapper.scrolled{
		padding-top:52px;
	}
	#navbar h1,
	#wrapper.scrolled #navbar h1{
		height:50px;
	}
	#navbar ul,
	#wrapper.scrolled #navbar ul{
		padding-top:16px;
	}
	#navbar ul li,
	#wrapper.scrolled #navbar ul li{
		padding:0 7px;
	}
	#wrapper{
		padding-top:80px;
	}
	#wrapper.scrolled{
		padding-top:42px;
	}
	#navbar h1,
	#wrapper.scrolled #navbar h1{
		height:40px;
	}
	#navbar ul,
	#wrapper.scrolled #navbar ul{
		font-size:13px;
		padding-top:11px;
	}
	#navbar ul li,
	#wrapper.scrolled #navbar ul li{
		padding:0 5px;
	}
}
@media (max-width:925px){
	#contacts .cc1{
		width:100%;
		min-height:0;
		margin-bottom:40px;
	}
	#contacts .cc2,
	#contacts .cc3{
		width:calc((100% - 40px) / 2);
	}
	/*
	#contacts .inner{
		background-position:78% bottom;
		background-size:30% auto;
	}
	*/

}
@media (max-width:910px){
	#toggle{
		display:block;
		float:right;
		width:40px;
		height:40px;
		background:url(../img/menu.png) transparent no-repeat center right / contain;
	}
	#toggle span{
		position:absolute;
		left:-1000px;
	}
	#navbar ul{
		display:none;
	}
	#navbar.toggled-on ul{
		display:block;
		clear:right;
		font-size:14px;
	}
	#navbar ul li{
		display:block;
	}
	#navbar ul li a,
	#wrapper.scrolled #navbar ul li a{
		display:block;
		padding:5px 0;
	}
}
@media (max-width:900px){
	.concertina{
		margin-bottom:50px;
	}
	.concertina,
	.smallprint,
	.ratesinfo{
		float:none;
		width:100%;
		min-width:0;
	}
	ul.yourvisit{
		margin-left:-10px;
		margin-right:-10px;
	}
	ul.yourvisit li{
		padding:0 10px;
	}
}
@media (max-width:865px){	
	.bio .extras{
		clear:both;
		width:105%;
		margin-right:-5%;
	}
}
@media (max-width:860px){
	#floorplan p,
	#floorplan ol{
		width:35%;
	}
	div.floorplan{
		width:62%;
		position:absolute;
		bottom:0;
		right:-2%;
		right:0;
		margin-right:0;
	}
}
@media (max-width:810px){
	.inner,
	.slidertop div.holder,
	#header .bx-has-pager{
		padding:0 20px;
	}
}
@media (max-width:800px){
	.slidertop div.holder .inner{
		height:70%;
		background-size:23% auto;
	}
	.slidertop.adminstyle div.holder .inner{
		background-position:0 20%, 0 62%;
		background-size:auto 28%, auto 28%;
	}
	#header .bx-has-pager{
		top:72%;
	}
	.slidertop h3,
	.slidertop p{
		font-size:22px;
	}
	ul.detail li{
		width:50%;
	}
	#mrsinclusion h3,
	#locations h3{
		width:22%;
	}
	div.floorplan a{
		width:20px;
		height:20px;
		margin-top:-10px !important;
		margin-right:-10px !important;
	}
	div.floorplan a span{
		font-size:12px;
	}
	ul.yourvisit li{
		width:50%;
		margin-bottom:20px;
	}
	ul.teammembers li{
		width:33.33%;
	}
}
@media (max-width:730px){
	#team .teamintrobox{
		width:calc(100% - 250px);
	}
}
@media (max-width:710px){
	.inthebox span.desc{
/*
		width:100%;
		max-width:100%;
*/
	}
	.inthebox li{
		padding-top:7px;
		border-top:1px dotted #aaa;
	}
}
@media (max-width:700px){
	#services div.icon{
		width:30%;
	}
	#services div.text{
		width:60%;
	}
}
@media (max-width:680px){
	#floorplan .outer{
		padding-bottom:60px;
	}
	#floorplan p,
	#floorplan ol{
		width:100%;
	}
	div.floorplan{
		position:relative;
		width:100%;
	}
}
@media (max-width:610px){
	#contacts .cc2 h3,
	#contacts .cc2 p,
	#contacts .cc3 h3,
	#contacts .cc3 p{
		font-size:13px;
	}
	#team h2,
	#team .teamintrobox{
		float:none;
		text-align:left;
		width:100%;
		max-width:100%;
		margin-left:0;
	}
}
@media (max-width:600px){
/*
	.slidertop div.holder .inner{
		height:50%;
	}
	#header .bx-has-pager{
		top:53%;
	}
*/
	.slidertop h3,
	.slidertop p{
		font-size:20px;
	}
	.col1,
	.col2{
		float:none;
		width:100%;
	}
	#services h2,
	#services .holder{
		padding:0 55px;
	}
	#services div.icon{
		width:30%;
		margin-left:15px;
	}
	#services div.text{
		float:none;
		width:auto;
	}
}
@media (max-width:580px){
	.bio .extras{
		width:65%;
		margin-right:0;
	}
	.bio .extras li{
		width:100%;
	}
}
@media (max-width:550px){
	.slidertop div.holder .inner{
		height:80%;
	}
	.slidertop h3,
	.slidertop p{
		font-size:18px;
	}
	#header .bx-has-pager{
		top:82%;
	}
	#contacts .ccol{
		width:100%;
		min-height:0;
		margin-right:0;
		margin-bottom:40px;
	}
	#contacts .cc2 h3,
	#contacts .cc2 p,
	#contacts .cc3 h3,
	#contacts .cc3 p{
		font-size:14px;
	}
	ul.yourvisit{
		margin-left:auto;
		margin-right:auto;
	}
	ul.yourvisit li{
		width:100%;
		padding:0;
		margin-bottom:30px;
	}
	ul.yourvisit li div{
		min-height:0;
	}
	/*
	#contacts .inner{
		background-position:20px bottom;
		background-size:250px auto;
		padding-bottom:250px;
	}
	*/
	
}
@media (max-width:520px){
	.colside,
	.colmain{
		float:none;
		width:100%;
	}
	ul.detail li{
		width:100%;
	}
	ul.teammembers li{
		width:50%;
	}
	#cookiebanner p .text{
		display:block;
		margin-right:auto;
	}
	#cookiebanner .continue {
		margin-top:1em;
	}
}
@media (max-width:490px){
	.slidertop h3,
	.slidertop p{
		font-size:18px;
	}
	.roomimages,
	.roomtext{
		float:none;
		width:100%;
	}
}
@media (max-width:420px){
	.inner,
	.slidertop div.holder,
	#header .bx-has-pager{
		padding:0 10px;
	}
	#services h2,
	#services .holder{
		padding:0 45px;
	}
	#services div.icon{
		float:none;
		width:auto;
		max-width:100px;
		margin-left:0;
	}
	#mrsinclusion div.block{
		display:block;
	}
	#mrsinclusion h3,
	#locations h3{
		float:none;
		width:162px;
	}
	#mrsinclusion .text,
	#locations .text{
		float:none;
		width:100%;
		max-width:100%;
	}
	.bio{
		padding:5px;
	}
	.bio .photo,
	.bio .biotext,
	.bio .extras{
		float:none;
		width:100%;
	}
	.roomwide .caption,
	.roomright{
		float:none;
		max-width:100%;
	}
	.textcontent{
		margin-right:auto;
	}
}
@media (max-width:340px){
	ul.teammembers{
		margin-left:auto;
		margin-right:auto;
	}
	ul.teammembers li{
		padding:0;
		width:100%;
	}
	/*
	#contacts .inner{
		background-position:10vw bottom;
		background-size:80% auto;
		padding-bottom:80vw;
	}
	*/
}