@font-face {
	font-family: 'FoundersGrotesk';
	src: url('fonts/fg/FoundersGroteskWeb-Light.eot');
	src: url('fonts/fg/FoundersGroteskWeb-Light.woff');
}

body {
	font-family: 'FoundersGrotesk';
}

#pageHolder {
	/*width: 80%;*/
	width: 100%;
	min-height: 658px;
	/*margin-left: 10%;*/
	/*padding: 0 5%;*/
}

#desktop {
	/* overflow: hidden; */
}

.containerInner {
	width: 100%;
}

.containerLeft,
.containerCenter,
.containerRight {
	vertical-align: top;
	display: inline-block;
}

section {
	margin-bottom: 30px !important;
}


/* * * * * * * *
 * HOME SLIDER *
 * * * * * * * */

#sponsorsSlider .slick-slide {
	text-align: center;
}

#sponsorsSlider .slick-slide > img {
	display: inline-block;
}

 

header {
	width: 100%;
}

#headerHolder {
	width: 92%;
	margin: 0 auto;
	padding: 3% 0;
}

#headerHolder .containerLeft,
#headerHolder .containerRight {
	width: 48%;
	display: inline-block;
}

#logoHolder {

}

.menuItem {
	width: 61px;
	height: auto;
	margin: 0 2%;
	display: inline-block;
	text-align: center;
}

.menuItem:nth-child(4) {
	margin: 0 1%;
}

#nav {
    padding: 12px 0;

    width: 55px;
    background: #111;
    margin-top: 75px;
    box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.5);
}

#nav li {
	list-style-type: none;
	margin: 0;
	text-align: center;
	padding: 5px 0;
}

#nav li a {
	text-decoration: none;
	position: relative;
}

#nav li img {
	height: 24px;
}

#nav li a > span {
	color: #fff;
	display: block;
	font-size: 0.5em;
	font-weight: 100;
	margin-top: 2px;
	opacity: 0;
	visibility: hidden;
	white-space: nowrap;
}

#nav .colored {
    position: absolute;
	
    bottom: 0;
    left: 0;
}


/* * * * * * * *
 * HOME PAGE *
 * * * * * * * */

#homePage,
#location,
#gallery,
#contact,
#news {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 20px;
}

#studiosPage,
#facilities {
	width: 1080px;
	margin: 0 auto;
	padding-bottom: 60px;
}

#sliderHolder {
 	width: 100%;
 	margin: 20px auto;
}

#homeSlider,
.gallerySlider {
	width: 100%;
	height: 90%;
	margin: 0 auto;
	margin-bottom: 50px;
}

#homeSlider img,
.gallerySlider img {
	width: 100%;
	height: auto;
}

/* * * * * * * * *
 * ABOUT SECTION *
 * * * * * * * * */

#aboutHolder .containerInner {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

#aboutHolder .containerInner p {
	margin: 0 0 10px 0;
}


/* * * * * * * * *
 * CLIENT SECTION *
 * * * * * * * * */

#sponsorsSlider {

}

/* * * * * * * * * *
 * FOOTER SECTION  *
 * * * * * * * * * */

footer {
	width: 100%;
	background-color: #333;
	margin-bottom: 0;
}

#footerHolder {
	width: 80%;
	margin: 0 auto 0 auto !important;
	padding-bottom: 15px;
}

#footerHolder .thirdWidth {
	width: 30%;
	margin-right: 5%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	color: #fff;
}

#footerHolder .thirdWidth:last-child {
	margin-right: 0;
	height: 200px;
}

#footerHolder #sitemapHolder {
	text-align: left;
}

#footerHolder #sitemapHolder h3 {
	text-transform: uppercase;
}

#copyHolder span {
	font-weight: bold;
	text-transform: uppercase;
}

#footerHolder .sitemapItem a {
	color: #fff;
	text-transform: capitalize;
	text-decoration: none;
}

#footerHolder #SNSHolder {
	padding: 50px 0;
}

#footerHolder #SNSHolder a {
	color: #fff;
}

#footerHolder #SNSHolder span {
	font-size: 2em;
	margin: 0 10px;
}

.mainPanel {
	top:0;
	left:0;
	overflow: hidden;
	margin-bottom: 150px;
}

.panelSection {
	width:50%;
	height:100%;
	position:relative;
	overflow: hidden;
}

.bnwParent {
	opacity:0;
	
}

.imgHolder {
	width:100%;
	background-size: cover;
	position:relative;
	overflow:hidden;
}

.whole, .half {
	height:100%;
}

.quarter {
	width:100%;
	height:50%;
	position:relative;
	overflow:hidden;
}

.bnw, .regularBg {
	position:absolute;
	top:0;
	left:0;
	z-index:6;
}

.bnw {
	z-index:5;
}

.regularBg {
}




.studioClickMore {
	bottom: 189px;
	left: 0;
}

/* .slick-slider {
	margin-bottom: 0;
}

.slick-prev,
.slick-next {
	width: 75px; custom icon
	width: 50px;
	height: 50px;
}

.slick-prev:before,
.slick-next:before {
	font-family: 'ionicons';
	font-size: 50px;
	color: #fe5c5f;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
}

.slick-prev:before {
	content: "\00a0 \00a0 \00a0 \00a0";
	background: url('../images/icon-set-2/arrow-left.png') center center no-repeat;
	background-size: contain; custom icon

}

.slick-next:before {
	content: "\00a0 \00a0 \00a0 \00a0";
	background: url('../images/icon-set-2/arrow-right.png') center center no-repeat;
	background-size: contain; custom icon
}

.slick-prev {
	left: 100px;
}

.slick-next {
	right: 25px;
} */

.slick-dots {
	bottom: -60px;
}

.slick-dots li button:before {
	font-size: 20px;
	/*color: #fe5c5f;*/
	/*text-shadow: 0 1px 0 rgba(0, 0, 0, 1);*/
}

.slick-dots li.slick-active button:before {
	color: #ffcf26;
	/*text-shadow: 0 1px 0 rgba(0, 0, 0, 1);*/
}

.mapSectionMain {
	margin-bottom: 100px;
	overflow: hidden;
}

/* * * * * * * *
 * MAP *
 * * * * * * * */


 #floorToggleBtn {
 	position: absolute;
	left: 0;
	bottom: 0;
 	z-index: 10000;
 }

#mapStudioRedContainer {
	width: 345px;
	height: 332px;
	/*background: url(../images/map-studio-red.png) top left no-repeat;*/
	top: 64px;
	left: 0;
	z-index: 100;
}

#mapStudioYellowContainer {
	width: 389px;
	height: 438px;
	/*background: url(../images/map-studio-yellow.png) top left no-repeat;*/
	top: 162px;
	right: 0px;
	z-index: 100;
}

#secondFloorContainer {
	visibility: hidden;
	opacity: 0;
	z-index: 1000;
}


.currentMap, .currentMap .mapLabelRed, .currentMap .mapLabelYellow {
	visibility: visible !important;
	opacity: 1 !important;
}

.currentMap .mapLabelFacilities {
	color: #333;
}

#facilities .mapLabelFacilities {
	color: #333 !important;
}

#mapFacilitiesContainer {

}

/* * * * * * * * * * *
 * STUDIOS PAGE (new)  *
 * * * * * * * * * * */

.grayBg {
	background-color: #b3b1b2;
}

.redBg {
	background-color: #FE5C5F;
}

.blackBg {
	background-color: #000;
}

.redText {
	color: #FE5C5F;
}

.yellowBg {
	background-color: #ffcf26;
}

.yellowText {
	color: #ffcf26;
}

.blackText {
	color: #000;
}

.whiteText {
	color: #fff;
}

.grayText {
	color: #5f5f5f;
}

.lightGray {
	color: #999;
}

.transparent {
	/*color: transparent;*/
	display: none;
}

.underline {
	/* color: #000 !important; */
	text-decoration: underline !important;
}

#redHighlight {
	width: 55px;
	height: 5px;
	background: #fff;
	position: absolute;
	top: 111px;
	left: 28px;
}

#yellowHighlight {
	width: 118px;
	height: 5px;
	background: #000;
	position: absolute;
	top: 293px;
	right: 412px;
}

#studiosPage {
	margin-bottom: 50px;
}

.studioName {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 2px;
}

.studioName h2,
.studioName a h2 {
	font-size: 0.7em;
	margin: 0;
	padding: 15px 5px;
	font-weight: normal;
}

.studioName a {
	text-decoration: none;
}

#studioRedRoom,
#studioYellowRoom {
	margin-bottom: 5px;
}

#blankMap img,
#redMap img,
#yellowMap img {
	width: auto !important;
}

#blankMap img {
	position: relative;
	z-index: 1;
}

#redMap img {
	position: absolute !important;
	top: 58px !important;
	left: 0 !important;
	z-index: 0;
}

#yellowMap img {
	position: absolute !important;
	top: 148px !important;
	right: 139px !important;
}

.labelItem {
	text-align: left;
}

.labelItem a {
	text-transform: capitalize;
	text-decoration: none;
	font-size: 0.9em;
}

.labelItem:nth-child(1) a {
	text-transform: uppercase;
}

#facilities .labelItem:nth-child(1) a {
	text-transform: none;
}


.labelItem a.heavy {
	font-weight: bolder !important;
	text-decoration: underline !important;
}

.roomItem {
	text-align: center;
	text-transform: uppercase;
}

#studiosInfoHolder {
	margin-top: 30px;
}

#studiosInfoHolder #mapHolder {
	width: 100%;
	min-height: 380px;
	padding: 0 5%;
	vertical-align: top;
	position: relative;
	/*text-align: center;*/
	/* top: -50px; */
}

#studiosInfoHolder #mapHolder .mapHolderInner {
	position: absolute;
	top: 0;
	width: 80%;
}

#studiosInfoHolder #mapHolder .mapHolderInner img {
	/*width: 90%;*/
	width: 100%;
	height: auto;
}

#labelRed .labelItem:nth-child(2) {
	display: none;
	position: absolute;
	top: 16px;
	left: 0;
	font-size: 1.9em !important;
	text-transform: uppercase;
	width: 296px;
	height: 200px;
	cursor: pointer;
}

#labelRed .labelItem:nth-child(3) {
	position: absolute;
	top: 268px;
	left: 232px;
}

#labelRed .labelItem:nth-child(4) {
	position: absolute;
	top: 223px;
	left: 157px;}

#labelRed .labelItem:nth-child(5) {
	position: absolute;
	top: 223px;
	left: 4px;
	width: 10px;
	line-height: 12px;
}

#labelRed .labelItem:nth-child(6) {
	position: absolute;
	top: 223px;
	left: 65px;
	width: 33px;
	line-height: 12px;
}

#labelYellow .labelItem:nth-child(2) {
	display: none;
	position: absolute;
	top: 187px;
	right: 332px;
	font-size: 1.9em !important;
	width: 248px;
	height: 200px;
	cursor: pointer;

	-ms-transform: rotate(-67deg);
    -webkit-transform: rotate(-67deg);
    transform: rotate(-67deg);
}

#labelYellow .labelItem:nth-child(3) {
	position: absolute;
	top: 432px;
	right: 438px;

	-ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
    transform: rotate(20deg);
}

#labelYellow .labelItem:nth-child(4) {
	position: absolute;
	top: 254px;
	right: 344px;

	-ms-transform: rotate(-67deg); /* IE 9 */
    -webkit-transform: rotate(-67deg); /* Chrome, Safari, Opera */
    transform: rotate(-67deg);
}

#labelYellow .labelItem:nth-child(5) {
	position: absolute;
	top: 378px;
	right: 388px;
	width: 50px;
	line-height: 12px;

	-ms-transform: rotate(-67deg); /* IE 9 */
    -webkit-transform: rotate(-67deg); /* Chrome, Safari, Opera */
    transform: rotate(-67deg);
}

#labelYellow .labelItem:nth-child(6) {
	position: absolute;
	top: 311px;
	right: 358px;
	width: 50px;
	line-height: 12px;

	-ms-transform: rotate(-67deg); /* IE 9 */
    -webkit-transform: rotate(-67deg); /* Chrome, Safari, Opera */
    transform: rotate(-67deg);
}

#labelRed .selected {
	color: #FE5C5F;
}

#labelYellow .selected {
	color: #ffcf26;
}

#studiosPage #mapLabelHolder {
	position: relative;
	top: -480px;
	z-index: 3;
}

#studiosPage #cmbLogo {
	position: absolute;
	top: 275px;
	right: 250px;
}

#facilities #cmbLogo {
	position: absolute;
	top: 305px;
	right: 190px;
}

#cmbLogo img {
	width: 65px;
	height: auto;
}

#studiosGalleryHolder {
	width: 100%;    
	height: 265px;
	position: relative;
	top: 0;
	z-index: 50;

	border-bottom: 2px solid #e7e7e7;
}

#studiosGalleryHolder .specsDiv,
#facilitiesGalleryHolder .specsDiv {
	width: 100%;
	height: 2px;
	background-color: #e7e7e7;
}

.studiosGallery {
	position: relative;
	width: auto;
	list-style-type: none;
	/* margin-top: -20px; */
	margin-left: 0;
	padding-left: 0;
}

.studiosGallery h2 {
	margin: 0;
}

.studiosGallery > li {
	display: inline;
	cursor: pointer;
}

.studiosGallery > li > img {
	width: 33%;
	margin-right: 0.1%;
}

.studiosGallery > li:last-child > img {
	margin-right: 0;
}

.studiosGallery {
	display: none;
}

.studiosGallery.selected {
	display: inline-block;
}


/*#mapLabelHolder {
	position: relative;
}

#mapLabelHolder #labelRed,
#mapLabelHolder #labelYellow {
	position: relative;
}*/

#specsHolder {
	position: relative;
	right: 60px;
	z-index: 50;
	width: 160px;
}

#specsHolder h2 {
	margin: 0;
	text-transform: uppercase;
}

#specsHolder .specDetailsHolder {
	text-align: left;
}

#specsHolder .specsDiv {
	width: 100%;
	height: 2px;
	background-color: #e7e7e7;
	margin-bottom: 10px;
}

#specsHolder span[class*='ion-ios-']:before {
  width: 20px;
  height: 34px;
  font-size: 2.2em;
  margin-right: 10px;
  vertical-align: middle;
}

/*#specsHolder > #layoutBtn,
#specsHolder > div#cohBtn {
	margin-bottom: 15px;
	padding: 5px 15px;
	text-align: center;
}*/

#specsHolder > div > a {
	font-size: 0.9em;
	text-transform: uppercase;
	text-decoration: none;
}

#specsHolder > div > a:hover {
	text-decoration: underline;
}

#specsHolder .specsDetailsHolder {
	display: none;
}

#specsHolder .specsDetailsHolder.selected {
	display: inline-block;
}


/* Studios Map */
#mapCarpentry,
#mapMessHall {
	fill: #e7e7e7;
	cursor: pointer;
}

#mapRed {
	fill: #848484;
	/*fill: #FE5C5F;*/
	cursor: pointer;
}

#mapYellow {
	fill: #7f7f7f;
	/*fill: #FFCF26;*/
	cursor: pointer;
}

#mapRedDressingRoom,
#mapRedRestRoom,
#mapRedLounge,
#mapRedLobby,
#mapYellowLobby,
#mapYellowDressingRoom,
#mapYellowRestRoom,
#mapYellowLounge {
	fill: #fff;
	cursor: pointer;
}
/*
.svgRed {
	fill: #eb1b23 !important;
}

.svgYellow {
	fill: #fdf001 !important;
}*/





/* * * * * * * * * * * * *
 * LOCATION PAGE (new)  *
 * * * * * * * * * * * * */

#locationHeader {
	height: 40px;
	background: #333;
	padding-left: 10px;
	line-height: 40px;
}

#locationHeader h2 {
	margin: 0;
	text-transform: uppercase;
}

#mapInfoHolder {
	border-bottom: 2px solid #333;
}

#locationInfoInner {
	width: 40%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
}

#mapBtn,
#gmapsBtn {
	width: 110px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 5px 40px;
	text-align: center;
}

#mapBtn a,
#gmapsBtn a {
	font-size: 1em;
	font-weight: bolder;
	text-transform: uppercase;
	text-decoration: none;
}

#addressHolder h2 {
	margin: 0;
	text-transform: uppercase;
}

#addressHolder address {
	font-size: 1.2em;
	font-style: normal;
}

/* * * * * * * * * * * * *
 * GALLERY PAGE (new)    *
 * * * * * * * * * * * * */
#gallery {
	position: relative;
}

#sliderHolder {
	position: relative;
	top: 0;
}

.sliderInner {
	position: absolute;
	visibility: hidden;
	/*opacity: 0;*/
}

.sliderInner.current {
	position: absolute;
	visibility: visible;
	/*opacity: 1;*/
}

.gallerySlider {
	height: auto;
}

.gallerySlider > div > img {
	width: 100%;
	height: auto;
}

#areaHolder {
	/*position: relative;
	top: 50%;*/
	/*display: none;*/
	margin-top: 80%;
}

#areaHolder .areaItem {
	width: 32.6%;
	height: 300px;
	display: inline-block;
	margin-right: 1%;
	margin-bottom: 1%;
	position: relative;
}

#areaHolder .areaItem a {
	text-decoration: none;
}

#areaHolder .areaItem a h3 {
	width: 100%;
	font-size: 1.2em;
	font-weight: bolder;
	text-transform: uppercase;
	text-align: center;
	padding: 100px 0;
}

#areaHolder .areaItem:nth-child(3n+3) {
	margin-right: 0;
}

#areaHolder .areaItem img {
	width: 100%;
	height: auto;
}


#gallery .slick-slider {
	margin-bottom: 0;
}

#gallery .slick-prev,
#gallery .slick-next {
	width: 75px;
	width: 50px;
	height: 50px;
}

#gallery .slick-prev:before,
#gallery .slick-next:before {
	font-family: 'ionicons';
	font-size: 50px;
	color: #fe5c5f;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
}

#gallery .slick-prev:before {
	content: "\00a0 \00a0 \00a0 \00a0";
	background: url('../images/icon-set-2/prev-arrow.png') center center no-repeat;
	background-size: contain;

}

#gallery .slick-next:before {
	content: "\00a0 \00a0 \00a0 \00a0";
	background: url('../images/icon-set-2/next-arrow.png') center center no-repeat;
	background-size: contain;
}

#gallery .slick-prev {
	left: 10px;
}

#gallery .slick-next {
	right: 25px;
} 


/* * * * * * * * * * * * *
 * FACILITIES PAGE (new)    *
 * * * * * * * * * * * * */

#facilities {
	margin-bottom: 50px;
}

#facilities #studiosInfoHolder #mapHolder {
	padding: 0 5%;
	margin-bottom: 80px;
	/* top: -90px; */
}

#facilities #studiosInfoHolder #mapHolder svg {
	position: absolute;
}

#facilities #studiosInfoHolder .containerInner h3 {
	text-transform: uppercase;
	text-align: center;
}

#facilities #mapLabelHolder {
	position: relative;
	top: 0;
	z-index: 3;
}

#labelFacilities .labelItem {
	position: absolute;
}

#labelFacilities .labelItem:nth-child(1) {
	top: 273px;
	left: 109px;

}

#labelFacilities .labelItem:nth-child(2) {
	top: 200px;
	left: 305px;
	width: 50px;
	line-height: 12px;
}

#labelFacilities .labelItem:nth-child(3) {
	top: 80px;
	right: 370px;
}

#labelFacilities .labelItem:nth-child(4) {
	top: 23px;
	left: 160px;
}

#labelFacilities .labelItem:nth-child(5) {
	top: 325px;
	left: 102px;
}

#labelFacilities .labelItem:nth-child(6) {
	top: 160px;
	right: 375px;
}

#labelFacilities .labelItem:nth-child(7) {
	top: 370px;
	right: 135px;
}

/* Facilities Map */
#messHall,
#carpentry {
	fill: #e7e7e7;
	cursor: pointer;
}

#openDeck,
#orangeRoom {
	fill: #fff;
	cursor: pointer;
}

#mapOverlay {
	position: absolute;
	top: 0;
	background-color: rgba(255,255,255,0.3);
	width: 100%;
	height: 140%;
}

#facilitiesGalleryHolder {
	width: 100%;    
	height: 265px;
	position: relative;
	top: 0;
	z-index: 50;

	border-bottom: 2px solid #e7e7e7;
}

.facilitiesGallery {
	position: relative;
	width: auto;
	list-style-type: none;
	/*margin-top: 95px;*/
	/*margin-left: 150px;*/
	padding-left: 0;
}

.facilitiesGallery > li {
	display: inline;
	cursor: pointer;
}

.facilitiesGallery > li > img {
	width: 33%;
	margin-right: 0.1%;
}

.facilitiesGallery > li:last-child > img {
	margin-right: 0;
}

.facilitiesGallery {
	display: none;
}

.facilitiesGallery.selected {
	display: inline-block;
}

/*#messHall:hover,
#carpentry:hover,
#openDeck:hover,
#orangeRoom:hover {
	fill: #999;
	cursor: pointer;
}*/




/* * * * * * * *
 * STUDIO RED *
 * * * * * * * */

#studioSection1Text {
	bottom:20%;
	left: 125px;
}

#studioMap {
	width:682px;
	height:600px;
}

#studioMap a {
	text-decoration: none;
	color:#333;
	font-size: 0.75em;
	font-weight: 400;
	font-family: 'FoundersGrotesk', sans-serif;
	line-height: 1.25;
}

.mapSectionLabel {
	width:100%;
	/*height: 40px;*/
	height: 250px;
	top: -230px;
	font-weight: 100;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 0.9em !important;
	padding-top: 15px;
}

.mapSectionLabelInner {
	/*height:100%;*/
	/*padding-right: 20px;*/
	height: 200px;
	padding-top: 15px;
}

.mapSectionLabelInner h3 {
	font-size: 1.8em;
	padding-right: 30px;
	text-transform: uppercase;
}

.mapSectionContent {
	/*min-height: 180px !important;
	position: relative !important;
	top: -280px;*/
	z-index: 1;
	text-align: center;
	/*padding: 25px 0;*/
	padding-top: 25px;
	margin-bottom: 25px;
	color: #fff;
	height: 200px;
}

.sectionCtrlHolder {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
}

/* .sectionCtrlHolder .sectionCtrl {
	-ms-transform: rotate(270deg); IE 9
    -webkit-transform: rotate(270deg); Chrome, Safari, Opera
    transform: rotate(270deg);
} */

.sectionCtrl {
	position: absolute;
	/*bottom: 190px;
	right: 10px;*/
	right: 5px;
	font-size: 2em;
	z-index: 2;
	cursor: pointer;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
}

.mapNavItem {
	font-size: 0.8em !important;
	color: #333;
}

.mapSectionContentLeft {
    width: 50%;
    text-align: left;
}

.mapSectionContentRight {
    width: 30%;
    text-align: left;
}

.verticalExpander {
	width:1px;
	height: 100%;
}

#backToMapBtn {
	position: fixed;
	top: initial;
	right: 40px;
	bottom:25px;
	visibility: hidden;
	opacity:0;
	font-size: 2.5em;
	cursor: pointer;
	z-index: 1000000;

	content: "→";
	-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

#backToMapBtn:before {
	font-size: 1em;
}


#lblYellowMain {
    top: -17px;
    right: -13px;
}


#lblYellowGuardPost {
    top: 279px;
	
    right: 20px;
	-webkit-transform: rotate(23deg);
	-moz-transform: rotate(23deg);
	-o-transform: rotate(23deg);
	-ms-transform: rotate(23deg);
	transform: rotate(23deg);
}

#lblYellowClientLounge {
    top: 312px;
	
    right: 73px;
	-webkit-transform: rotate(-68deg);
	-moz-transform: rotate(-68deg);
	-o-transform: rotate(-68deg);
	-ms-transform: rotate(-68deg);
	transform: rotate(-68deg);
}

#lblYellowRestrooms {
    top: 394px;
	
    right: 107px;
   	-webkit-transform: rotate(-68deg);
	-moz-transform: rotate(-68deg);
	-o-transform: rotate(-68deg);
	-ms-transform: rotate(-68deg);
	transform: rotate(-68deg);

}

#lblYellowDressingRoom {
    top: 484px;
	
    right: 133px;
   	-webkit-transform: rotate(-68deg);
	-moz-transform: rotate(-68deg);
	-o-transform: rotate(-68deg);
	-ms-transform: rotate(-68deg);
	transform: rotate(-68deg);

}

#lblYellowHallway {
    top: 434px;
	
    right: 153px;
   	-webkit-transform: rotate(-68deg);
	-moz-transform: rotate(-68deg);
	-o-transform: rotate(-68deg);
	-ms-transform: rotate(-68deg);
	transform: rotate(-68deg);

}

#lblYellowLobby {
    top: 522px;
	
    right: 219px;
    -webkit-transform: rotate(23deg);
	-moz-transform: rotate(23deg);
	-o-transform: rotate(23deg);
	-ms-transform: rotate(23deg);
	transform: rotate(23deg);
}

#lblYellowKitchen {
    top: 163px;
	
    right: 337px;
    -webkit-transform: rotate(23deg);
	-moz-transform: rotate(23deg);
	-o-transform: rotate(23deg);
	-ms-transform: rotate(23deg);
	transform: rotate(23deg);

}






#lblRedDressingRoom {
    top: 252px;
	
    left: 13px;
}

#lblRedRestroom {
    top: 252px;
	
    left: 82px;
}


#lblRedPantry {
    top: 260px;
	
    left: 142px;
    -webkit-transform: rotate(-90deg);
	
    -moz-transform: rotate(-90deg);
	
    -o-transform: rotate(-90deg);
	
    -ms-transform: rotate(-90deg);
	
    transform: rotate(-90deg);



}


#lblRedLounge {
    top: 252px;
    left: 178px;
}

#lblRedLobby {
    top: 330px;
    left: 304px;
}

#lblRedHallway {
    top: 302px;
    left: 164px;
}


#lblRedMain {
    top: 21px;
    left: 30px;
    opacity: 1;
}


/* * * * * * * *
 * RATES PAGE *
 * * * * * * * */

.width10 {
	width: 10%;
}

.width15 {
	width: 15%;
}

.width20 {
	width: 20%;
}

.width30 {
	width: 30%;
}

.width40 {
	width: 40%;
}

.width50 {
	width: 50%;
}

.width60 {
	width: 60%;
}

.width65 {
	width: 68%;
	padding-right: 2%;
}

.width70 {
	width: 70%;
}

.width80 {
	width: 80%;
}

.highlight {
	color: #fe5c5f;
}

.heavy {
	font-weight: bold;
}

#downloadsHolder {
	height: 100px;
	margin-bottom: 20px;
}

/*.downloadIcon {
	width: 50px;
	display: inline-block;
	margin-right: 30px;
	cursor: pointer;
}*/

#downloadsHolder p[class*='ion-'] {
	font-size: 4em;
	height: 70px;
}

#downloadsHolder p {
	font-size: 0.6em;
	text-transform: uppercase;
	margin: 0;
}

#ratesHolder {
	margin-bottom: 150px;
}

#ratesMenu {
	list-style-type: none;
	margin-left: 30%;
	text-align: left;
	margin-bottom: 40px;
}

.ratesItem {
	margin: 20px 0;
}

.ratesItem a {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

.ratesItem a:hover {
	color: #999;
}

.ratesItem a.activeItem {
	font-weight: bold;
	color: #fe5c5f;
}

.ratesItem a span {
	font-size: 1.3em;
	margin-right: 10px;
	color: #333;
}

.ratesItem a span:hover,
.ratesItem a span:active {
	color: #fe5c5f;
}

#ratesLeft h3 {
	text-transform: capitalize;
}

#downloadsMenu {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 30%;
	text-align: left;
}

.downloadItems {
	margin: 5px 0;
}

.downloadItems a {
	font-size: 0.9em;
	font-weight: bold;
	color: #333;
	text-transform: capitalize;
	text-decoration: none;
}

.downloadItems a:hover {
	color: #999;
	text-decoration: underline;
}


#ratesRight .contentHolder {
	border-top: 1px solid #333;
	padding: 15px 20px;
}

.ratesTable tr td {
	padding: 5px 10px;
	width: 33.33%;
}

.ratesTable .firstCol {
	width: 30%;
}

.ratesTable .secondCol {
	width: 15%;
}

.ratesTable .thirdCol {
	width: 55%;
}

.ratesTable .isNumeric {
	text-align: right;
}

.ratesTable  .faciFirstCol {
	width: 50%;
}

.ratesTable  .faciSecondCol {
	width: 10%
}

.ratesTable  .faciThirdCol {
	width: 40%;
}

.cohHolder {
	padding: 0 20px;
}

.cohHolder > ol {
	list-style-type: decimal;
	margin-bottom: 40px;
}

.cohHolder > ol > li {
	font-size: 2em;
	color: #fe5c5f;
}

.cohHolder > ol > li > ol {
	list-style-type: lower-alpha;
	margin: 30px 0;
}

.cohHolder > ol > li > ol > li {
	font-size: 0.48em;
	color: #222;
	margin: 15px 0;
}

.cohHolder > ol > li > ol > li > ol {
	list-style-type: lower-roman;
	margin: 30px 0;
}

.cohHolder > ol > li > ol > li > ol > li {
	margin: 15px 0;
}

#mockForm {
	width: 90%;
	margin: 3% 5%;
}

.mockGroup {
	margin: 10px 0;
}

.mockSection {
	margin: 50px 0;
}

.mockSection p {
	margin: 5px 0;
}

.mockGroup .mockLeft {
	width: 30%;
}

.mockGroup .mockRight {
	width: 70%;
}

.mockGroup .mockLeft,
.mockGroup .mockRight {
	display: inline-block;
}


/* * * * * * * *
 * CONTACT PAGE *
 * * * * * * * */

.contactInner {
	width: 40%;
	margin: 0 auto;
}

.contactItem {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}

.contactItem .holderIcon {
	width: 40%;
	display: inline-block;
}
.contactItem .holderInfo {
	width: 60%;
	display: inline-block;
}

.contactItem .holderIcon {
	text-align: center;
}

.contactItem .holderInfo {
	text-align: left;
	vertical-align: middle;
}

.contactItem .holderInfo h2 {
	font-size: 1em;
	text-transform: uppercase;
	margin: 0;
}

.contactItem .holderInfo a {
	text-decoration: none;
	color: inherit;
}

.contactItem .holderInfo address {
	font-style: normal;
}

#contactMapHolder {
	text-align: center;
	margin-bottom: 20px;
}

#contactMapHolder img {
	width: 100%;
	height: auto;
}

#contactHeader,
#contactSubHeader {
 	margin: 90px 0;
 }

#contactHeader h1 {
	font-size: 2em;
	color: #555;
}

#contactSubHeader p {
	font-size: 0.8em;
	color: #777;
}

#contactContent .iconHolder {
	display: inline-block;
	text-align: center;
}

#contactContent div[class*='ion'] {
	font-size: 5em;
	color: #FE5C5F;
	cursor: pointer;

	width: 80px;
	height: auto;
	margin: 10px 40px;
	padding: 10px 25px;
	display: inline-block;
	background: #FFCF26;

	-webkit-border-top-left-radius: 100%;
	-webkit-border-top-right-radius: 100%;
	-webkit-border-bottom-right-radius: 100%;
	-webkit-border-bottom-left-radius: 100%;

	-moz-border-radius-topleft: 100%;
	-moz-border-radius-topright: 100%;
	-moz-border-radius-bottomright: 100%;
	-moz-border-radius-bottomleft: 100%;

	border-top-left-radius: 100%;
	border-top-right-radius: 100%;
	border-bottom-right-radius: 100%;
	border-bottom-left-radius: 100%;
}

.iconHolder .iconHeader {
	font-weight: 100;
	color: #FF9D9F;
	text-transform: uppercase;
}

.iconHolder > p,
.iconHolder > a {
	font-size: 0.8em;
	margin: 0;
	color: #777;
	text-decoration: none;
}

.extraMarginTop {
	margin-top: 100px;
}

/*#locationHeader {
	height: 50px;
}*/

/* * * * * * * *
 * NEWS PAGE *
 * * * * * * * */

#newsHeader {
	height: 40px;
	background: #333;
	padding-left: 10px;
	line-height: 40px;
	text-transform: uppercase;
}

.newsBtnHolder {
	text-align: center;
}

.newsBtnHolder a.btn {
	color: #fff;
	background: #FE5C5F;
}

.newsContentHolder {
	/*margin: 100px 0 100px 100px;*/
	margin: 0 auto 100px auto;
	text-align: left;
}

.newsContentHolder img {
	width: 100%;
	height: auto;
}

.newsHolderLeft {
	width: 50%;
	height: 350px;
}

/*.newsHolderLeft img {
	width: 100%;
}*/

.newsHolderRight {
	width: 40%;
	padding: 0 5%;
}

.newsHolder h5 {
	margin: 0;
	text-transform: uppercase;
}

.newsHolder p {
	height: 135px;
}

.newsHolderRight h1 {
	height: 70px;
	line-height: 1em;
}

.newsHolderRight h1 a {
	font-weight: lighter;
	text-decoration: none;
	color: #FE5C5F;
}


/* * * * * * * * *
 * LOCATION PAGE *
 * * * * * * * * */

#locationMapHolder img {
	width: 100%;
	height: auto;
	/*overflow: hidden;*/
}

#locationInfoHolder {
	width: 100%;
	margin: 20px 0;
}

.locationInfo {
	width: 33.33%;
	text-align: center;
}

.locationInfo .highlight,
.locationInfo .heavy {
	font-size: 0.8em;
	text-transform: uppercase;
}

.locationInfo .regInfo {
	font-size: 1.5em;
	color: #aaa;
	margin: 0;
}

/* * * * * * * * *
 * ABOUT PAGE *
 * * * * * * * * */

#aboutHolder {
	margin-top: 100px;
}

#aboutPageHolder img {
	width: 100%;
	height: auto;
}


/* ====================
 * Button Style
 * ====================*/

.btn {
	overflow:hidden;
	height:30px;
	font-size:0.7em;
	display:inline-block;
	padding: 0 25px;
	cursor:pointer;
	text-decoration:none !important;
	text-transform: uppercase;

}

.btn:hover {

}

.btn:hover span {

}

.btn span {
	font-size: 1.2em;
	text-decoration:none;
	font-style:normal;
	display:block;
	padding-top: 5px;
}

button.btn span {
	padding:0;
}

button.btn {
	cursor:pointer;
}

.btnRed {
	background: #fe5c5f;
}

.btnRed span {
	color: #fff;
}

.btnYellow {
	background: #ffcf26;
}

.btnYellow span {
	color: #000;
}

.btnFacilities {
	background: #7F7F7F;
}

.btnFacilities span {
	color: #fff;
}


#headerHolder .containerRight > a {
	display: none;
}

#mobileMenuHolder {
	 display: none; 
}

#studiosDesktop {
	display: block;
}

#studiosMobile {
	display: none;
}

/*************
MOBILE STYLES
*************/

@media screen and (width: 1024px) {

	#headerHolder .containerLeft {
		width: 45%;
	}

	#headerHolder .containerRight {
		width: 55%;
	}

	#studiosPage,
	#facilities {
		width: 100%;
	}

	#labelYellow {
		position: relative;
		left: 5.5%;
	}

	#studiosPage #cmbLogo {
		right: 23%;
	}

	#labelFacilities .labelItem:nth-child(3) {
		right: 320px;
	}

	#labelFacilities .labelItem:nth-child(6) {
		right: 340px;
	}

	#labelFacilities .labelItem:nth-child(7) {
		  top: 365px;
		  right: 120px;
	}

	#specsHolder {
		width: 140px;
	}

	#facilities #cmbLogo {
		top: 295px;
		right: 160px;
	}

	#specsHolder .specsDetailsHolder {
		width: 100%;
	}

	#specsHolder .specsDetailsHolder p {
		word-wrap: break-word;
	}
}

@media screen and (min-width: 5px) and (max-width: 1023px) {

	#studiosDesktop {
		display: none;
	}

	#studiosMobile {
		display: block;
	}


	#mobileMenuHolder {
		position: absolute;
		top: 45px;
		right: -230px;
		z-index: 50;
		display: none;
	
		width: 60%;
		background: rgba(0,0,0,0.9);
		padding: 5%;

		-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.75);
	}

	#mobileMenuHolder .mobileItem {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #555;
		text-align: center;
		text-transform: uppercase;
	}

	#mobileMenuHolder .mobileItem a {
		text-decoration: none;
		color: #fff;
	}

	#mobileMenuHolder .mobileItem:last-child {
		margin-bottom: 0;
		border-bottom: none;
	}

	#headerHolder .containerRight nav#mainMenuHolder {
		display: none;
	}

	#headerHolder .containerRight a span {
		font-size: 2em;
		color: #000;
	}

	#headerHolder .containerRight > a {
		display: block;
	}

	.contactItem .holderIcon,
	.contactItem .holderInfo {
		width: 100%;
		display: block;
	}

	.contactItem .holderInfo {
		text-align: center;
	}

	/* STUDIOS / FACILITIES */
	#facilities,
	#studiosPage {
		width: 95%;
	}

	#studiosMobile {
		width: 100%;
	}

	#studiosMobile #locationMapHolder {
		position: relative;
	}

	#studiosMobile #locationMapHolder img {
		width: 100%;
		height: auto;
	}

	#studiosMobile #mapInfoHolder {
		border-bottom: none;
	}

	#studiosMobile #locationInfoInner #layoutBtn,
	#studiosMobile #locationInfoInner #cohBtn {
		height: 40px;
		line-height: 40px;
		margin-bottom: 10px;
	}

	#studiosMobile #locationInfoInner #layoutBtn a,
	#studiosMobile #locationInfoInner #cohBtn a {
		text-transform: uppercase;
		text-decoration: none;
	
		padding: 4% 15%;
}

	#studiosMobile #specsHolder {
	    position: initial;
	    width: 100%;
	}

	#studiosMobile #specsHolder h3 {
		text-transform: uppercase;
	}

}

@media screen and (min-width: 5px) and (max-width: 750px) {

	#homePage {
		overflow-x: hidden;
	}

	/* HEADER */
	#headerHolder .containerLeft,
	#headerHolder .containerRight {
		width: 50%;
		display: inline-block;
	}

	#headerHolder .containerLeft #logoHolder {
		overflow: hidden;
		width: 45px;
	}

	#headerHolder .containerLeft #logoHolder a img {
		width: 250px;
	}

	#headerHolder .containerRight nav#mainMenuHolder {
		display: none;
	}

	#headerHolder .containerRight a span {
		font-size: 2em;
		color: #000;
	}

	/* FOOTER */
	#footerHolder .thirdWidth {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
		display: block;
	}

	#footerHolder #sitemapHolder {
		text-align: center;
		padding-top: 10px;
	}

	/* HOME PAGE */
	#homePage {
		width: 95%;
	}

	#aboutHolder .containerInner {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}

	/* GALLERY PAGE */
	#gallery {
		width: 95%;
	}

	#areaHolder .areaItem {
		width: 49%;
		height: 150px;
		margin-right: 1%;
	}
	#areaHolder .areaItem:nth-child(3n+0) {
		margin-right: 1%;
	}
	
	#areaHolder .areaItem:nth-child(2n+0) {
		margin-right: 0;
	}

	#areaHolder .areaItem a h3 {
		padding: 0;
	}

	/* NEWS PAGE */
	#news {
		width: 95%;
	}

	.newsHolderLeft,
	.newsHolderRight {
		width: 100%;
		display: block;
	}

	.newsHolderLeft {
		margin-bottom: 20px;
	}

	.newsHolderRight {
		padding: 0;
	}

	/* LOCATION PAGE */
	#location {
		width: 95%;
	}

	#locationInfoInner {
		width: 60%;
	}

	#locationInfoHolder .locationInfo {
		width: 100%;
		display: block;
		margin-bottom: 30px;
	}


	/* CONTACT PAGE */
	#contact {
		width: 95%;
	}

	.contactInner {
		width: 100%;
	}

	.contactItem {
		width: 100%;
	}

	.contactItem .holderIcon,
	.contactItem .holderInfo {
		width: 100%;
		display: block;
	}

	.contactItem .holderInfo {
		text-align: center;
	}

}