/*=========DESKTOP STYLES============*/

@media screen and (min-width: 1050px) {	

	/*START HEADER SECTION STYLES*/
		.header-container {
			position: absolute;
			top: 0;
			left: 0;
			width: 100vw;
			z-index: 100;
		}

		/*START MENU STYLES*/
			.menu {
				position: fixed;
				width: 40px;
				height: 50px;
				cursor: pointer;
				top: 30px;
				right: 60px;
				z-index: 610;
			}

			.menu.open {
				position: fixed;
			}

			.menu-item {
				-webkit-transition: all 0.2s;
				transition: all 0.2s;
				display: block;
				width: 45px;
				height: 1px;
				margin: 0 0 7px;
				background: #fff;
			}

			.menu-item.menu-dark {
				-webkit-transition: all 0.2s;
				transition: all 0.2s;
				background: #333;
			}

			.menu.open .menu-item {
				background: #fff;
			}

			.menu.open .menu-item:first-child {
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				-webkit-transform-origin: 12.5px 50%;
				transform-origin: 12.5px 50%;
			}
			.menu.open .menu-item:nth-child(2) {
				opacity: 0;
				-webkit-transform: translateX(-20px);
				transform: translateX(-20px);
			}

			.menu.open .menu-item:nth-child(3) {
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
				-webkit-transform-origin: 10.5px 50%;
				transform-origin: 10.5px 50%;
			}
		/*END MENU STYLES*/

		/*START LOGO HEADER STYLES*/
			.header-logo {
				position: absolute;
				width: 75px;
				height: auto;
				top: 25px;
				left: 40px;
				opacity: 0.85;
			}
		/*END LOGO HEADER STYLES*/
	/*END HEADER SECTION STYLES*/

	/*START LANDING SECTION STYLES*/
		.landing-section {
			position: relative;
			width: 100vw;
		}

		.photo-credit {
			position: absolute;
			padding-top: 0;
			margin: 0;
			left: auto;
			right: 55px;
			font-family: 'wb', sans-serif;
			font-weight: 300;
			font-size: 0.75em;
			text-transform: uppercase;
			text-align: right;
			letter-spacing: 2px;
			color: #f1f1f1;
			opacity: 0.55;
			z-index: 50;
			cursor: pointer;
			transform: translateY(0);
		}

		.header-invisible {
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 2;
		}

		.header-gradient {
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			width: 100vw;
			height: auto;
		}

		.landing-bg-img {
			width: 100vw;
			height: auto;
			transform: translateY(-4%);
		}
	/*END LANDING SECTION STYLES*/

	/*START ABOUT SECTION STYLES*/
		.about-section {
			position: relative;
			width: 100vw;
			margin-top: 60px;
		}

		.about-bg-container {
			position: relative;
			/*float: left;*/
			width: 100vw;
			height: auto;
			margin-bottom: 180px;
		}

		.about-bg {
			position: relative;
			display: block;
			width: 103vw;
			height: auto;
			transform: translateX(-370px) translateY(-60px);
		}

		.about-bg-mobile {
			display: none;
		}

		.about-card-img {
			display: none;
		}

		.about-card {
			position: absolute;
			top: 0;
			left: auto;
			right: 60px;
			width: 500px;
			background: #fff;
			box-shadow: 10px 17.321px 58.2px 1.8px rgba(42, 38, 29, 0.2);
			z-index: 10;
		}

		.about-card-wrapper {
			position: relative;
			width: 100%;
			overflow: hidden;
		}

		.about-text-wrapper {
			position: relative;
			width: 78%;
			margin: 0 auto;
			padding-top: 60px;
		}

		.about-header {
			position: relative;

		}

		.header-script {
			position: relative;
			display: block;
			font-family: 'qp', cursive;
			font-size: 3.25em;
			text-transform: lowercase;
			text-align: left;
			color: #ac9455;
			transform: translateX(20px);
		}

		.header-serif {
			font-family: 'domani', serif;
			font-size: 5em; 
			text-transform: uppercase;
			text-align: left;
			color: #333;
		}

		.about-text {
			position: relative;
			margin-top: 35px;
			font-family: 'wb', sans-serif;
			font-weight: 300;
			font-size: 1em;
			color: #555;
			line-height: 1.6em;
		}

		.about-buttons {
			position: relative;
			width: 80%;
			margin: 0 auto;
			margin-top: 35px;
			z-index: 2500;
			padding-bottom: 50px;
		}

		.about-button {
			position: relative;
			display: inline-block;
			width: calc(50% - 15px);
			height: 25px;
			padding: 5px 0;
			padding-top: 15px;
			margin-left: 0;
			margin-top: 10px;
			border-radius: 0;
			box-shadow: none;
			font-family: 'wb', sans-serif;
			font-weight: 400;
			font-size: 14px;
			letter-spacing: 0.1em;
			word-spacing: 1px;
			text-transform: uppercase;
			text-align: center;
			cursor: pointer;
			z-index: 2500;
			opacity: 1;
			transition: all 0.2s ease-out;
		}

		.donate-button {
			margin-right: 20px;
			border: 1px solid #ac9455;
			color: #fff;
			background: rgba(172,148,85,1);
			transition: all 0.2s ease-out;
		}

		.donate-button:hover {
			color: #ac9455;
			background: rgba(172,148,85,0);
			transition: all 0.2s ease-out;
		}

		.book-button {
			margin-left: 0;
			background: rgba(200,200,200,0);
			border: 1px solid #c8c8c8;
			color: #c8c8c8;
			transition: all 0.2s ease-out;
		}

		.book-button:hover {
			background: rgba(200,200,200,1);
			color: #fff;
			transition: all 0.2s ease-out;
		}
	/*END ABOUT SECTION STYLES*/

	/*START CAPACITIES SECTION STYLES*/
		.capacities-section {
			position: relative;
			width: 100vw;
			height: auto;
			margin-top: 60px;
			padding-top: 50px;
		}

		.capacities-header {
			position: relative;
			margin-left: 80px;
			z-index: 10;
		}

		.capacities-script {
			color: #8a743b;
		}

		.capacities-card {
			position: relative;
			margin-top: 50px;
			margin-left: 40px;
			margin-right: auto;
			width: 56vw;
			height: 41vw;
			background: #fff;
			box-shadow: 10px 17.321px 58.2px 1.8px rgba(42, 38, 29, 0.2);
			z-index: 15;
		}

		.capacities-card-container {
			position: relative;
			width: 100%;
			overflow: hidden;
		}

		.capacities-card-wrapper {
			position: relative;
			width: 82%;
			margin: 0 auto;
			padding-top: 60px;
		}

		.capacities-line {
			position: absolute;
			top: 0;
			left: 0;
			width: 50px;
			height: 1px;
			background: #555;
			transform: translateY(120px);
			transition: all 0.2s ease-out;
		}

		.capacities-line.position-1 {
			transform: translateY(120px);
			transition: all 0.2s ease-out;
		}

		.capacities-line.position-2 {
			transform: translateY(172px);
			transition: all 0.2s ease-out;
		}

		.capacities-line.position-3 {
			transform: translateY(224px);
			transition: all 0.2s ease-out;
		}

		.capacities-line.position-4 {
			transform: translateY(276px);
			transition: all 0.2s ease-out;
		}

		.capacities-line.position-5 {
			transform: translateY(328px);
			transition: all 0.2s ease-out;
		}

		.capacities-line.position-6 {
			transform: translateY(380px);
			transition: all 0.2s ease-out;
		}

		.capacities-line.position-7 {
			transform: translateY(432px);
			transition: all 0.2s ease-out;
		}

		.capacities-line.position-8 {
			transform: translateY(484px);
			transition: all 0.2s ease-out;
		}

		.capacities-line.position-9 {
			transform: translateY(536px);
			transition: all 0.2s ease-out;
		}

		.capacities-mobile {
			display: none;
		}

		table.capacities-desktop {
			position: relative;
			display: table;
			width: 100%;
			text-align: center;
		}

		.capacities-desktop tr {
			height: 52px;
			transition: all 0.2s ease-out;
		}

		.capacities-desktop th {
			font-family: 'wb', sans-serif;
			font-weight: 400;
			font-size: 0.825em;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #999;
		}

		.capacities-desktop th.align-left, .capacities-desktop td.align-left {
			text-align: left !important;
			width: 30%;
		}

		.capacities-desktop td {
			font-family: 'wb', sans-serif;
			font-weight: 300;
			font-size: 1em;
			color: #555;
			transition: all 0.2s ease-out;
		}

		.capacities-desktop tr.active > td {
			font-family: 'wb', sans-serif;
			font-weight: 500;
			transition: all 0.2s ease-out;
		}

		.capacities-desktop td.align-left {
			cursor: pointer;
			color: #555;
			transition: all 0.2s ease-out;
		}

		.capacities-desktop tr.active > td.align-left {
			color: #ac9455;
			transition: all 0.2s ease-out;
		}

		.capacities-bg {
			position: absolute;
			width: 100vw;
			height: 91%;
			overflow: hidden;
			top: 0;
			left: 0;
			background: #dbd5c7;
			z-index: 1;
		}

		.capacities-bg-img {
			position: absolute;
			display: block;
			width: 120vw;
			height: auto;
			opacity: 0;
			transform: translateX(-10%);
			transition: all 0.2s ease-out;
		}

		.capacities-bg-img.active {
			opacity: 0.1;
			transition: all 0.2s ease-out;
		}

		.capacities-featured-img {
			position: absolute;
			display: block;
			top: 0;
			right: 60px;
			margin-top: 165px;
			width: 50vw;
			height: 33.4vw;
			overflow: hidden;
			z-index: 2;
		}

		.capacities-img {
			position: absolute;
			display: block;
			width: 52vw;
			height: auto;
			opacity: 0;
			transition: all 0.2s ease-out;
		}

		.capacities-img.active {
			opacity: 1;
			transition: all 0.2s ease-out;
		}

		.capacities-img.bandshell-featured {
			width: 56vw;
			height: auto;
			transition: all 0.2s ease-out;
		}

		/*.studio-featured {
			transform: translateY(-150px);
		}*/
	/*END CAPACITIES SECTION STYLES*/

	/*START EVENTS SECTION STYLES*/
		.events-section {
			position: relative;
			width: 100vw;
			/*height: 100vh;*/
			height: 776px;
			margin-top: 100px;
			padding-top: 40px;
			background: #2b2b2b;
		}

		.events-script {
			text-align: center;
			transform: translateX(0);
		}

		.events-serif {
			text-align: center;
			color: #fff;
		}

		.events-container {
			position: relative;
			width: 100vw;
			height: 100%;
			margin-top: 10px;
			overflow: hidden;
			cursor: grab !important;
			cursor: -moz-grab !important !important;
			cursor: -webkit-grab !important;
			cursor: url('..img/icons/openhand.svg'), n-resize; /* standard */
			cursor: url('..img/icons/openhand.svg'), n-resize\9; /* IE 8 and below */
			*cursor: url('..img/icons/openhand.svg'), n-resize; /* IE 7 and below */
			_cursor: url('..img/icons/openhand.svg'), n-resize; /* IE 6 */
		}

		.events-container.grab {
			cursor: grab !important;
			cursor: -moz-grab !important !important;
			cursor: -webkit-grab !important;
			cursor: url('..img/icons/openhand.svg'), n-resize; /* standard */
			cursor: url('..img/icons/openhand.svg'), n-resize\9; /* IE 8 and below */
			*cursor: url('..img/icons/openhand.svg'), n-resize; /* IE 7 and below */
			_cursor: url('..img/icons/openhand.svg'), n-resize; /* IE 6 */
		}

		.events-container.grabbing {
			cursor: grabbing !important;
			cursor: -moz-grabbing !important;
			cursor: -webkit-grabbing !important;
			cursor: url('..img/icons/closedhand.svg'), n-resize; /* standard */
			cursor: url('..img/icons/closedhand.svg'), n-resize\9; /* IE 8 and below */
			*cursor: url('..img/icons/closedhand.svg'), n-resize; /* IE 7 and below */
			_cursor: url('..img/icons/closedhand.svg'), n-resize; /* IE 6 */
		}

		/*START EVENT ARROW STYLES*/
			.event-arrow {
				display: block;
				position: absolute;
				top: 0;
				margin-top: 290px;
				z-index: 100;
				width: 50px;
				height: auto;
				opacity: 0.65;
				cursor: pointer;
				transition: all 0.2s ease-out;
			}

			.event-arrow.disabled {
				opacity: 0;
				transition: all 0.2s ease-out;
			}

			.event-arrow:hover {
				opacity: 1;
				transition: all 0.2s ease-out;
			}

			.event-arrow.disabled:hover {
				opacity: 0;
				transition: all 0.2s ease-out;
			}

			.event-arrow.arrow-prev {
				left: 0;
				margin-left: 8vw;
			}

			.event-arrow.arrow-next {
				right: 0;
				margin-right: 8vw;
			}

			.event-arrow-circle {
				position: absolute;
				display: inline-block;
				top: 0;
				width: 50px;
				height: auto;
				opacity: 0.5;
				margin-top: 290px;
				transform-origin: center top;
				transform: scale(0) translateY(-35%);
				z-index: 90;
				transition: all 0.2s ease-out;
			}

			.event-arrow-circle.circle-prev {
					left: 0;
					margin-left: 7vw;
			}

			.event-arrow.arrow-prev:hover ~ .event-arrow-circle.circle-prev {
				transform-origin: 50% 50%;
				transform: scale(1) translateY(-35%);
				transition: all 0.2s ease-out;
			}

			.event-arrow.arrow-prev.disabled:hover ~ .event-arrow-circle.circle-prev {
				transform-origin: center top;
				transform: scale(0) translateY(-35%);
				transition: all 0.2s ease-out;
			}

			.event-arrow-circle.circle-next {
					right: 0;
					margin-right: 7vw;
			}

			.event-arrow.arrow-next:hover ~ .event-arrow-circle.circle-next {
				transform-origin: 50% 50%;
				transform: scale(1) translateY(-35%);
				transition: all 0.2s ease-out;
			}

			.event-arrow.arrow-next.disabled:hover ~ .event-arrow-circle.circle-next {
				transform-origin: center top;
				transform: scale(0) translateY(-35%);
				transition: all 0.2s ease-out;
			}
		/*END EVENT ARROW STYLES*/


		.events-slider {
			position: relative;
			width: 600vw;
			height: 100%;
			padding-top: 40px;
			/*z-index: 5;*/
			transform: translateX(0);
			transform-style: preserve-3d;
			transition: all 0.2s ease-out;
			-webkit-user-select: none !important;
			user-select: none !important;
		}

		.events-slider.position-1 {
			transform: translateX(15vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-2 {
			transform: translateX(-25vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-3 {
			transform: translateX(-65vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-4 {
			transform: translateX(-105vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-5 {
			transform: translateX(-145vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-6 {
			transform: translateX(-185vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-7 {
			transform: translateX(-225vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-8 {
			transform: translateX(-265vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-9 {
			transform: translateX(-305vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-10 {
			transform: translateX(-345vw);
			transition: all 0.2s ease-out;
		}

		.event-item {
			position: relative;
			display: inline-block;
			float: left;
			margin-right: 7.5vw;
			/*width: 65vw;*/
			/*width: 935px;*/
			width: 450px;
			height: 100%;
			z-index: 5;
			transition: all 0.2s ease-out;
		}

		.event-item.active {
			width: 65vw;
			margin-right: 15vw;
			z-index: 10;
			transition: all 0.2s ease-out;
		}

		.events-invisible {
			position: absolute;
			top: 0;
			left: 0;
			width: 450px;
			height: 500px;
			z-index: 10;
		}

		.event-image-container {
			position: relative;
			display: inline-block;
			float: left;
			margin-right: 60px;
			width: 450px;
			height: 500px;
			background: #42371c;
			z-index: 2;
			box-shadow: -10px -17.321px 58.2px 1.8px rgba(25, 31, 43, 0.3),
					    10px 17.321px 58.2px 1.8px rgba(25, 31, 43, 0.6);
		}

		.event-image-wrapper {
			position: relative;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: rgba(51,51,51,0.65);
		}

		.event-image {
			/*min-width: 450px;
			min-height: 450px;
			width: auto;*/
			width: auto;
			height: 500px;
			opacity: 0.65;
			-webkit-filter: brightness(0.5);
			filter: brightness(0.5);
			transform: translateX(-25px);
			transition: all 0.2s ease-out;
		}

		.event-image.event-image-landscape {
			height: 500px;
			width: auto;
			transform: translateX(0);
			transition: all 0.2s ease-out;
		}

		.event-image.event-image-portrait {
			height: 500px;
			width: auto;
			transition: all 0.2s ease-out;
		}

		.event-item.active > .event-image-container > .event-image-wrapper > .event-image {
			opacity: 1;
			-webkit-filter: brightness(1);
			filter: brightness(1);
			transition: all 0.2s ease-out;
		}

		.event-image.host-image {
			width: 100%;
			height: auto;
			transform: translateX(0);
		}

		.event-info-container {
			position: absolute;
			width: calc(70vw - 570px);
			right: 0;
			opacity: 0;
			text-align: left;
			transform: translateX(calc(570px - 70vw));
			transition: all 0.2s ease-out;
		}

		.event-info-container.active {
			opacity: 1;
			transform: translateX(0);
			transition: all 0.2s ease-out;
		}

		.date-line {
			position: absolute;
			top: 46px;
			left: 0;
			right: auto;
			margin: 0;
			width: 100px;
			height: 1px;
			background: #e3e3e3;
			opacity: 0.65;
			z-index: 0;
			transform: translateX(-110px);
		}

		.event-date {
			margin-top: 40px;
			font-family: 'wb-italic', sans-serif;
			font-size: 0.85em;
			color: #c0b283;
		}

		.event-name {
			position: relative;
			margin-top: 35px;
			font-family: 'wb', sans-serif;
			font-weight: 500;
			font-size: 1.65em;
			color: #fff;
		}

		.event-location {
			margin-top: 10px;
		}

		.location-icon-img {
			position: relative;
			width: 10px;
			height: auto;
		}

		.location-text {
			position: relative;
			margin-left: 3px;
			font-family: 'wb', sans-serif;
			font-weight: 400;
			font-size: 0.75em;
			text-transform: uppercase;
			letter-spacing: 0.165em;
			color: #e3e3e3;
			opacity: 0.65;
		}

		.event-description {
			position: relative;
			width: 90%;
			margin: 0;
			margin-top: 15px;
			font-family: 'wb', sans-serif;
			font-weight: 300;
			font-size: 1em;
			line-height: 1.6em;
			color: #e3e3e3;
		}

		.character-test {
			position: absolute;
			top: -100px;
			font-family: 'wb', sans-serif;
			font-weight: 300;
			font-size: 1em;
			z-index: -1;
		}

		.event-sponsors-holder {
			position: absolute;
			top: -1000px;
			z-index: -1;
		}

		.event-tags {
			position: relative;
			margin-top: 20px;
		}

		.tag-icon-img {
			position: relative;
			width: 10px;
			height: auto;
		}

		.tag-text {
			position: relative;
			margin-left: 4px;
			font-family: 'wb', sans-serif;
			font-weight: 300;
			font-size: 0.7em;
			text-transform: uppercase;
			letter-spacing: 0.15em;
			color: #e3e3e3;
		}

		.event-buttons {
			position: relative;
			width: 400px;
			margin-top: 20px;
			z-index: 2500;
		}

		.event-button {
			position: relative;
			display: inline-block;
			width: 185px;
			height: 25px;
			padding: 5px 0;
			padding-top: 15px;
			margin-left: 0;
			margin-top: 10px;
			border-radius: 0;
			box-shadow: none;
			font-family: 'wb', sans-serif;
			font-weight: 400;
			font-size: 14px;
			letter-spacing: 0.1em;
			word-spacing: 1px;
			text-transform: uppercase;
			text-align: center;
			cursor: pointer;
			z-index: 2500;
			opacity: 1;
			transition: all 0.2s ease-out;
		}

		.tickets-button {
			margin-right: 20px;
			border: 1px solid #ac9455;
			color: #fff;
			background: rgba(172,148,85,1);
			transition: all 0.2s ease-out;
		}

		.tickets-button:hover {
			color: #ac9455;
			background: rgba(172,148,85,0);
			transition: all 0.2s ease-out;
		}

		.facebook-button {
			background: rgba(200,200,200,0);
			border: 1px solid #c8c8c8;
			color: #c8c8c8;
			transition: all 0.2s ease-out;
		}

		.facebook-button:hover {
			background: rgba(200,200,200,1);
			color: #fff;
			transition: all 0.2s ease-out;
		}

		.event-sponsors-container {
			position: relative;
			width: 100%;
		}

		.event-sponsors-title {
			position: relative;
			margin-top: 40px;
			font-family: 'wb', sans-serif;
			font-weight: 400;
			font-size: 0.75em;
			text-transform: uppercase;
			letter-spacing: 0.165em;
			color: #e3e3e3;
			opacity: 0.65;
		}

		.event-sponsors {
			position: relative;
			width: 100%;
			height: 100px;
			margin-top: 15px;
		}

		.event-sponsors-wrapper {
			position: relative;
			width: 100%;
			height: 70px;
		}

		.event-sponsor {
			position: relative;
			display: inline-block;
			width: 70px;
			height: 70px;
			margin-right: 10px;
			box-shadow: -10px -17.321px 58.2px 1.8px rgba(25, 31, 43, 0.15),10px 17.321px 58.2px 1.8px rgba(25, 31, 43, 0.75);
		}

		.event-sponsor-wrapper {
			position: relative;
			width: 70px;
			height: 70px;
			overflow: hidden;
		}

		.event-sponsor-img {
			width: 70px;
			height: auto;
		}
	/*END EVENTS SECTION STYLES*/

	/*START GALLERY SECTION STYLES*/
		.gallery-section {
			position: relative;
			width: 100vw;
			height: auto;
			margin-top: 60px;
			padding-bottom: 50px;
		}

		.gallery-script {
			text-align: center;
			transform: translateX(0);
		}

		.gallery-serif {
			text-align: center;
		}

		/*START FEATURED GALLERY STYLES*/
			.gallery-container {
				position: relative;
				width: 100vw;
				height: auto;
				margin-top: 50px;
			}

			.gallery-wrapper {
				position: relative;
				width: calc(100vw - 100px);
				margin-left: 40px;
			}

			.gallery-item {
				position: relative;
				display: inline-block;
				float: left;
				margin-bottom: 30px;
				cursor: pointer;
				box-shadow: -5px -8.66px 30px 0px rgba(42, 39, 29, 0.1),0px 10px 30px 0px rgba(42, 38, 29, 0.2);
				transition: all 0.2s ease-out;
			}

			.gallery-item:hover {
				box-shadow: 0px 0px 8px 0px rgba(42, 39, 29, 0.2),0px 0px 8px 0px rgba(42, 38, 29, 0.4);
				transition: all 0.2s ease-out;
			}

			.gallery-item:first-child, .gallery-item:nth-child(4) {
				margin-left: 0;
			}

			.gallery-item:first-child {
				position: relative;
				display: inline-block;
				width: calc((100vw - 165px)/2);
				height: calc((100vw - 165px)/4);
				margin-left: 0;
			}

			.gallery-item:nth-child(2), .gallery-item:nth-child(3) {
				position: relative;
				display: inline-block;
				width: calc((100vw - 165px)/4);
				height: calc((100vw - 165px)/4);
				margin-left: 28px;
			}

			.gallery-item:nth-child(4) {
				position: relative;
				display: inline-block;
				width: calc((100vw - 135px)/3);
				height: calc((100vw - 135px)/3);
				margin-left: 0;
				margin-bottom: 60px;
			}

			.gallery-item:nth-child(5) {
				position: relative;
				display: inline-block;
				width: calc((100vw - 135px)*0.6667);
				height: calc((100vw - 135px)/3);
				margin-left: 28px;
				margin-bottom: 60px;
			}

			.gallery-item-wrapper {
				position: relative;
				width: 100%;
				height: 100%;
				overflow: hidden;
			}

			.gallery-img {
				transform: translateX(0) scale(1);
				transition: all 0.2s ease-out;
			}

			.gallery-img:hover {
				transform: translateX(0) scale(1.2);
				transition: all 0.2s ease-out;
			}

			.gallery-img.landscape {
				width: auto;
				height: 100%;
			}

			.gallery-img.portrait {
				width: 100%;
				height: auto;
			}

			.gallery-item:first-child > .gallery-item-wrapper > .gallery-img {
				width: 100%;
				height: auto;
			}

			.gallery-item:nth-child(4) > .gallery-item-wrapper > .gallery-img {
				width: auto;
				height: auto;
			}

			.gallery-item:nth-child(4) > .gallery-item-wrapper > .gallery-img.landscape {
				width: auto;
				height: 100%;
			}

			.gallery-item:nth-child(4) > .gallery-item-wrapper > .gallery-img.portrait {
				width: 100%;
				height: auto;
			}

			.gallery-item:nth-child(2) > .gallery-item-wrapper > .gallery-img.landscape {
				transform: translateX(-20%) scale(1);
				transition: all 0.2s ease-out;
			}

			.gallery-item:nth-child(2) > .gallery-item-wrapper > .gallery-img.landscape:hover {
				transform: translateX(-20%) scale(1.2);
				transition: all 0.2s ease-out;
			}

			.gallery-item:nth-child(3) > .gallery-item-wrapper > .gallery-img.landscape {
				transform: translateX(-20%) scale(1);
				transition: all 0.2s ease-out;
			}

			.gallery-item:nth-child(3) > .gallery-item-wrapper > .gallery-img.landscape:hover {
				transform: translateX(-20%) scale(1.2);
				transition: all 0.2s ease-out;
			}

			.gallery-item:nth-child(4) > .gallery-item-wrapper > .gallery-img.landscape {
				transform: translateX(-20%) scale(1);
				transition: all 0.2s ease-out;
			}

			.gallery-item:nth-child(4) > .gallery-item-wrapper > .gallery-img.landscape:hover {
				transform: translateX(-20%) scale(1.2);
				transition: all 0.2s ease-out;
			}

			.gallery-item:nth-child(5) > .gallery-item-wrapper > .gallery-img {
				width: 100%;
				height: auto;
			}
		/*END FEATURED GALLERY STYLES*/

		/*START GALLERY ALBUM STYLES*/
			.albums-container {
				position: relative;
				display: block;
				width: 100vw;
				height: calc(((100vw - 185px)/3.5) + 80px);
				margin-top: 80px;
				overflow: hidden;
			}

			.albums-wrapper {
				position: relative;
				width: calc(100vw - 100px);
				margin-left: 40px;
			}

			.album-cover:nth-child(2n+1) {
				margin-right: 0;
			}

			.album-cover {
				position: relative;
				display: inline-block;
				float: left;
				width: calc((100vw - 185px)/4);
				height: calc((100vw - 185px)/7);
				margin: 0;
				margin-right: 28px !important;
				margin-bottom: 30px;
				cursor: pointer;
				box-shadow: -5px -8.66px 30px 0px rgba(42, 39, 29, 0.1),0px 10px 30px 0px rgba(42, 38, 29, 0.2);
				transition: all 0.2s ease-out;
			}

			.album-cover:nth-child(4), .album-cover:nth-child(8) {
				margin-right: 0 !important;
			}

			.album-cover:nth-child(5), .album-cover:nth-child(6), .album-cover:nth-child(7), .album-cover:nth-child(8) {
				margin-bottom: 30px;
			}

			.album-cover:hover {
				box-shadow: 0px 0px 8px 0px rgba(42, 39, 29, 0.2),0px 0px 8px 0px rgba(42, 38, 29, 0.4);
				transition: all 0.2s ease-out;
			}

			.album-item {
				position: relative;
				width: 100%;
				height: 100%;
				cursor: pointer;
			}

			.album-item.front {
				position: relative;
				width: calc((100vw - 185px)/4);
				height: calc((100vw - 185px)/7);
				overflow: hidden !important;
			}

			.album-item.middle {
				position: absolute;
				z-index: 0;
				width: calc(((100vw - 185px)/4)*0.95);
				height: 1px;
				margin: 0;
				margin-left: calc((((100vw - 185px)/4)*0.05)/2);
			    background: #999999;
			    transform: translateY(0.3vw);
			    transition: all 0.2s ease-out;
			}

			.album-cover:hover > .album-item.middle {
				transform: translateY(-0.4vw);
			    transition: all 0.2s ease-out;;
			}

			.album-item.back {
				position: absolute;
				z-index: 0;
				width: calc(((100vw - 185px)/4)*0.9);
				height: 1px;
				margin: 0;
			    margin-left: calc((((100vw - 185px)/4)*0.1)/2);
			    background: #999999;
			    transform: translateY(0.65vw);
			    transition: all 0.2s ease-out;
			}

			.album-cover:hover > .album-item.back {
				transform: translateY(-0.15vw);
			    transition: all 0.2s ease-out;;
			}

			.album-wrapper {
				position: relative;
				width: calc((100vw - 185px)/4);
				height: calc((100vw - 185px)/7);
				overflow: hidden !important;
			}

			.album-title {
				position: relative;
				display: block;
				margin-top: 8.5vw;
				font-size: 1.1em;
			}

			.album-count {
				margin-top: 5px;
				font-size: 0.85em;
			}

			.album-img.landscape {
				position: absolute;
				top: 0;
				left: 0;
				width: 115%;
				height: auto;
				z-index: 1;
				transform: translateY(-5%) scale(1);
				transition: all 0.2s ease-out;
			}

			.album-img.portrait {
				position: absolute;
				top: 0;
				left: 0;
				width: 105%;
				height: auto;
				z-index: 1;
				transform: translateY(-20%) scale(1);
				transition: all 0.2s ease-out;
			}

			.album-img.bandshell-album.portrait {
				position: absolute;
				top: 0;
				left: 0;
				width: 105%;
				height: auto;
				z-index: 1;
				transform: translateY(-30%) scale(1);
				transition: all 0.2s ease-out;
			}

			.album-cover:hover > .album-item > .album-wrapper > .album-img.landscape {
				transform: translateY(-15%) scale(1.2);
				transition: all 0.2s ease-out;
			}

			.album-cover:hover > .album-item > .album-wrapper > .album-img.portrait {
				transform: translateY(-20%) scale(1.2);
				transition: all 0.2s ease-out;
			}

			.album-cover:hover > .album-item > .album-wrapper > .album-img.bandshell-album.portrait {
				transform: translateY(-30%) scale(1.2);
				transition: all 0.2s ease-out;
			}
		/*END GALLERY ALBUM STYLES*/
	/*END GALLERY SECTION STYLES*/

	/*START CONTACT SECTION STYLES*/
		.contact-section {
			position: relative;
			width: 100vw;
			height: 110vh;
			margin-top: 20px;
			overflow: hidden;
		}

		.contact-map {
			position: relative;
			width: 120vw;
			height: auto;
			transform: translateX(-250px) translateY(-350px);
		}

		.contact-tooltip {
			position: absolute;
			top: 0;
			left: 0;
			margin-top: 210px;
			margin-left: 80px;
			width: 280px;
			height: auto;
			z-index: 20;
			cursor: pointer;
		}

		/*START CONTACT CARD STYLES*/
			.contact-card {
				position: absolute;
				top: 0;
				right: 60px;
				margin-top: 150px;
				width: 55vw;
				padding-top: 50px;
				padding-bottom: 50px;
				background: #fff;
				box-shadow: 10px 17.321px 58.2px 1.8px rgba(42, 38, 29, 0.2);
				z-index: 100;
			}

			.contact-card-wrapper {
				position: relative;
				width: 80%;
				margin: 0 auto;
			}

			.contact-card-left {
				position: relative;
				display: inline-block;
				float: left;
				width: 49%;
			}

			.contact-info {
				font-family: 'wb', sans-serif;
				font-weight: 300;
				line-height: 1.6em;
				color: #555;
				margin-top: 20px;
				text-align: left;
			}

			.contact-detail {
				position: relative;
				margin-top: 20px;
			}

			.contact-detail-header {
				font-family: 'wb', sans-serif;
				font-weight: 400;
				font-size: 0.825em;
				text-transform: uppercase;
				letter-spacing: 1px;
				color: #999;
			}

			.contact-text-link {
				color: #555;
				text-decoration: none;
				cursor: pointer;
			}

			.social-contact {
				margin-top: 12px;
			}

			.social-link {
				position: relative;
				display: inline-block;
				cursor: pointer;
				margin-right: 25px;
				opacity: 0.5;
				transition: all 0.2s ease-out;
			}

			.social-link:hover {
				opacity: 1;
				transition: all 0.2s ease-out;
			}

			.social-icon {
				width: 15px;
				height: auto;
			}

			.contact-card-right {
				position: relative;
				display: inline-block;
				float: right;
				width: 49%;
			}

			/*START CONTACT FORM STYLES*/
				.form-container {
					position: relative;
					width: 100%;
					height: auto;
					margin-top: 30px;
					overflow: hidden;
					transition: all 0.3s ease-out;
				}

				.form-wrapper {
					position: relative;
					width: 100%;
					height: 100%;
					overflow: hidden;
					transition: all 0.2s ease-out;
				}

				.form-wrapper.sending {
					height: 0;
					transition: all 0.2s ease-out;
				}


				input[type="text"], input[type="email"], textarea {
					position: relative;
					font-family: 'wb', sans-serif;
					font-weight: 300;
					font-size: 1em;
					background: transparent;
					border: 1px solid #999;
					width: calc(98% - 18px);
					margin-top: 15px;
					padding: 9px 8px;
					padding-left: 10px;
					color: #555;
					border-radius: 0;
					transition: all 0.2s ease-out;
				}

				textarea {
					height: 85px;
				}

				::-webkit-input-placeholder {
					font-family: 'wb', sans-serif;
					font-weight: 300;
				   	color: #999;
				}

				:-moz-placeholder { /* Firefox 18- */
					font-family: 'wb', sans-serif;
					font-weight: 300;
				   	color: #999;  
				}

				::-moz-placeholder {  /* Firefox 19+ */
					font-family: 'wb', sans-serif;
					font-weight: 300;
				   	color: #999;  
				}

				:-ms-input-placeholder {  
					font-family: 'wb', sans-serif;
					font-weight: 300;
				   	color: #999;  
				}

				.form-btn {
					position: relative;
					display: inline-block;
					width: 98%;
					height: 40px;
					padding: 5px 0;
					margin-left: 0;
					margin-top: 10px;
					border-radius: 0;
					box-shadow: none;
					font-family: 'wb', sans-serif;
					font-weight: 400;
					font-size: 14px;
					letter-spacing: 0.2em;
					word-spacing: 1px;
					text-transform: uppercase;
					cursor: pointer;
					z-index: 2500;
					opacity: 1;
					transition: all 0.2s ease-out;
				}

				.form-btn.sending {
					height: 0;
					padding: 0;
					opacity: 0;
					transition: all 0.2s ease-out;
				}

				#submit {
					display: inline-block;
					margin-top: 15px;
					border: 1px solid #ac9455;
					color: #fff;
					background: rgba(172,148,85,1);
					transition: all 0.2s ease-out;
				}

				#submit:hover {
					color: #ac9455;
					background: rgba(172,148,85,0);
					transition: all 0.2s ease-out;
				}

				#reset {
					margin-left: 0;
					border: 1px solid #c8c8c8;
					color: #c8c8c8;
					background: rgba(200,200,200,0);
					transition: all 0.2s ease-out;
				}

				#reset:hover {
					color: #fff;
					background: rgba(200,200,200,1);
					transition: all 0.2s ease-out;
				}
			/*END CONTACT FORM STYLES*/

			/*START CONTACT SENDING STYLES*/
				.form-status {
					position: relative;
					top: 0;
					margin-top: 20px;
					margin-left: 10px;
					color: #777;
				}

				.status-text {
					position: relative;
					display: inline-block;
					float: left;
					font-family: 'wb', sans-serif;
					font-weight: 300;
					font-size: 1em;
					line-height: 1.6em;
					color: #555;
				}

				.load-dots {
					position: relative;
					display: inline-block;
					transform: translateX(5px);
				}

				.dot {
					position: absolute;
					display: inline-block;
					width: 2px;
					height: 2px;
					border-radius: 100%;
					background: #555;
					opacity: 0;
				}

				.dot:first-child {
					animation: loaderDots 2s infinite ease;
				}

				.dot:nth-child(2) {
					margin-left: 7px;
					animation: loaderDots 2s infinite ease;
					animation-delay: 0.3s;
				}

				.dot:nth-child(3) {
					margin-left: 14px;
					animation: loaderDots 2s infinite ease;
					animation-delay: 0.5s;
				}

				@keyframes loaderDots {
					0% {
						opacity: 0;
						transform: translateY(7px);
					}
					
					50% {
						opacity: 1;
						transform: translateY(0);
					}
					
					100% {
						opacity: 0;
						transform: translateY(3px);
					}
				}
			/*END CONTACT SENDING STYLES*/
		/*END CONTACT CARD STYLES*/
	/*END CONTACT SECTION STYLES*/

	/*START INSTAGRAM FOOTER STYLES*/
		.instagram-footer {
			position: relative;
			margin-top: 0;
			width: 100vw;
			overflow-x: hidden;
		}

		.instagram-feed {
			position: relative;
			margin-top: 0;
			width: 100vw;
			height: 10vw;
			overflow: hidden !important;
			background: #d8d8d8;
		}

		.instagram-wrapper {
			position: relative;
			width: 100%;
			height: 100%;
		}

		.instagram-link {
			position: relative;
			display: inline-block;
			width: 10vw;
			height: 10vw;
		}

		.instagram-feed-icon {
			position: absolute;
			width: 15px;
			height: auto;
			right: 8px;
			bottom: 8px;
			z-index: 50;
		}

		.instagram-img {
			position: relative;
			display: inline-block;
			width: 10vw;
			height: 10vw;
			transform: scale(1);
			transition: all 0.2s ease-out;
		}

		.instagram-img:hover {
			transition: all 0.2s ease-out;
		}
	/*END INSTAGRAM FOOTER STYLES*/

	/*START FOOTER STYLES*/

		.footer {
			position: relative;
			width: 100vw;
			height: 80px;
			background: #333;
			color: #fff;
		}

		.footer-wrapper {
			position: relative;
			margin: 0 auto;
			padding-top: 35px;
			width: 90vw;
			height: calc(100% - 35px);
		}

		.footer-copyright {
			position: relative;
			display: inline-block;
			float: right;
			font-size: 0.85em;
			letter-spacing: 0.06em;
			text-align: right;
			padding-top: 0;
		}

		a.footer-review {
			position: relative;
			display: inline-block;
			float: left;
			text-align: left;
			padding-top: 0;
			font-size: 0.85em;
			letter-spacing: 0.06em;
		}

		.review-icon {
			position: relative;
			display: inline-block;
			width: 15px;
			height: auto;
			padding-right: 3px;
			transform: translateY(-1px);
		}
	/*END FOOTER STYLES*/

	/*START MENU OVERLAY STYLES*/
		.menu-overlay {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			padding-top: 20px;
			z-index: 500;
			background: rgba(0,0,0,0.97);
			width: 100vw;
			height: 100vh;
			overflow: hidden;
			opacity: 0;
			/*-webkit-filter: blur(10px);*/
			transform-origin: center;
			transform: scale(0);
			transition: all 0.2s ease-out;
		}

		.menu-overlay.menu-open {
			opacity: 1;
			/*-webkit-filter: blur(0);*/
			transform-origin: center;
			transform: scale(1);
			transition: all 0.2s ease-out;
		}

		.overlay-logo {
			position: absolute;
			width: 75px;
			height: auto;
			top: 25px;
			left: 40px;
			opacity: 0.5;
			z-index: 550;
			cursor: pointer;
			transition: all 0.2s ease-out;
		}

		.overlay-logo:hover {
			opacity: 0.85;
			transition: all 0.2s ease-out;
		}

		.menu-items {
			position: relative;
			width: 100vw;
			margin-top: 60px;
			z-index: 510;
			text-align: center;
		}

		.menu-link {
			font-family: 'domani', serif;
			font-size: 3.6em;
			line-height: 1.65em;
			text-transform: uppercase;
			color: #fff;
			text-shadow: 1.5px 2.598px 5px rgba(42, 39, 29, 0.35);
			cursor: pointer;
			transition: all 0.2s ease-out;
		}

		.menu-link:hover {
			color: #ac9455;
			transition: all 0.2s ease-out;
		}

		.menu-link.active {
			color: #ac9455;
			transition: all 0.2s ease-out;
		}

		.menu-overlay-bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100vw;
			height: 100vh;
			overflow: hidden;
			z-index: 501;
		}

		.menu-overlay-img {
			position: relative;
			display: block;
			width: 80vw;
			height: auto;
			margin: 0 auto;
			opacity: 0.3;
			transform: translateX(0);
		}
	/*END MENU OVERLAY STYLES*/

	/*START CAPACITIES OVERLAY STYLES*/
		.capacities-overlay {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			padding-top: 20px;
			z-index: 1000;
			width: 100vw;
			min-height: 100vh;
			height: auto;
			overflow-x: hidden;
			opacity: 0;
			transform-origin: center;
			transform: scale(0);
			transition: all 0.2s ease-out;
		}

		.capacities-overlay.open {
			opacity: 1;
			transform-origin: center;
			transform: scale(1);
			transition: all 0.2s ease-out;
		}

		.overlay-logo {
			position: absolute;
			width: 75px;
			height: auto;
			top: 25px;
			left: 40px;
			opacity: 0.5;
			z-index: 550;
			cursor: pointer;
			transition: all 0.2s ease-out;
		}

		.overlay-logo:hover {
			opacity: 0.85;
			transition: all 0.2s ease-out;
		}

		.close-overlay {
			position: absolute;
			width: 30px;
			height: auto;
			right: 3vw;
			top: 2vw;
			cursor: pointer;
			z-index: 950;
		}

		.capacities-overlay-header {
			position: relative;
			margin-top: 50px;
			text-align: center;
			z-index: 510;
		}

		.capacities-overlay-script {
			color: #8a743b;
			font-size: 2.75em;
			text-transform: lowercase;
			text-align: center;
			transform: translateX(0);
		}

		.capacities-overlay-serif {
			font-size: 4.25em; 
			text-align: center;
		}

		.room-overlay-cards {
			height: auto;
		}

		/*START ROOM SPECS STYLES*/
			.room-specs-card {
				position: absolute;
				top: 0;
				left: 0;
				margin-top: 210px;
				margin-left: 40px;
				width: 56vw;
				height: 33vw;
				background: #fff;
				box-shadow: 10px 17.321px 58.2px 1.8px rgba(42, 38, 29, 0.2);
				z-index: 915;
			}

			.room-spaces-container {
				position: relative;
				width: 100%;
				overflow: hidden;
			}

			.room-specs-wrapper {
				position: relative;
				width: 87%;
				margin: 0 auto;
				padding-top: 70px;
				transition: all 0.2s ease-out;
			}

			.room-specs-wrapper.entire-boathouse {
				position: relative;
				width: 93%;
				padding-top: 10px;
				transition: all 0.2s ease-out;
			}

			.room-specs-wrapper.dining {
				width: 89%;
				padding-top: 70px;
				transition: all 0.2s ease-out;
			}

			.room-overlay-tables {
				position: relative;
				display: inline-block;
				float: left;
				width: 17vw;
				height: calc(33vw - 70px);
				margin-top: 0;
				opacity: 1;
				transition: all 0.2s ease-out;
			}

			.room-specs-wrapper.entire-boathouse .room-overlay-tables {
				width: 0;
				opacity: 0;
				transition: all 0.2s ease-out;
			}

			.room-overlay-img-container {
				position: relative;
				display: inline-block;
				float: right;
				width: 28vw;
				height: calc(33vw - 70px);
				overflow: hidden;
				transition: all 0.2s ease-out;
			}

			.room-specs-wrapper.entire-boathouse .room-overlay-img-container {
				width: 100%;
				height: calc(33vw - 10px);
				transition: all 0.2s ease-out;
			}

			.room-specs-wrapper.bar1 .room-overlay-img-container {
				width: 31vw;
				height: calc(33vw - 70px);
				transition: all 0.2s ease-out;
			}

			.room-specs-wrapper.dining .room-overlay-img-container {
				width: 32vw;
				height: calc(33vw - 70px);
				transition: all 0.2s ease-out;
			}

			.room-overlay-img {
				width: 28vw;
				height: auto;
				transition: all 0.2s ease-out;
			}

			.room-specs-wrapper.entire-boathouse .room-overlay-img {
				width: 100%;
				transition: all 0.2s ease-out;
			}

			.room-specs-wrapper.bar1 .room-overlay-img {
				width: 31vw;
				transition: all 0.2s ease-out;
			}

			.room-specs-wrapper.dining .room-overlay-img {
				width: 32vw;
				transition: all 0.2s ease-out;
			}

			.room-capacity-table {
				width: 100%;
			}

			.room-capacity-table tr {
				height: 52px;
				transition: all 0.2s ease-out;
			}

			.room-capacity-table td {
				text-align: center;
			}

			.tr-header {
				font-family: 'wb', sans-serif;
				font-weight: 400;
				font-size: 1em;
				text-transform: uppercase;
				letter-spacing: 1px;
				color: #999;
			}

			.squared {
				font-size: 0.7em;
			}
		/*END ROOM SPECS STYLES*/

		/*START ROOM DESCRIPTION STYLES*/
			.room-description-card {
				position: relative;
				float: right;
				right: 40px;
				margin-top: 70px;
				width: 56vw;
				height: 34vw;
				background: #333;
				z-index: 910;
				transform: translateY(0);
			}

			.room-description-container {
				position: relative;
				float: right;
				margin-right: 30px;
				width: 60%;
				overflow: hidden;
			}

			.room-description-wrapper {
				position: relative;
				width: 87%;
				margin: 0 auto;
				padding-top: 50px;
			}

			.room-description-text {
				color: #fff;
				line-height: 1.6em;
				text-align: left;
			}

			.room-amenities-table-mobile {
				display: none;
			}

			.room-amenities-table-desktop {
				display: table;
				width: 100%;
				text-align: center;
				margin-top: 25px;
			}

			.room-amenities-table-desktop .amenities-icon-row tr {
				height: 52px;
			}

			.room-amenities-table-desktop .amenities-icon-row td {
				vertical-align: middle;
			}

			.room-amenities-table-desktop .amenities-text-row td {
				padding-top: 8px;
				height: 35px;
				font-family: 'wb', sans-serif;
				font-weight: 400;
				font-size: 0.6em;
				text-transform: uppercase;
				letter-spacing: 0.085em;
				color: #f1f1f1;
			}

			.room-amenities-table-desktop .amenities-icon {
				width: 35px;
				height: auto;
				opacity: 1;
				visibility: visible;
				transition: all 0.2s ease-out;
			}

			.room-amenities-table-desktop .amenities-icon.hidden {
				opacity: 0;
				visibility: hidden;
				transition: all 0.2s ease-out;
			}

		/*END ROOM DESCRIPTION STYLES*/

		.room-overlay-gallery {
			position: relative;
			margin-top: 0;
			width: 100vw;
			height: 10vw;
			overflow: hidden !important;
			background: #d8d8d8;
			z-index: 915;
		}

		.room-gallery-wrapper {
			position: relative;
			width: 100%;
			height: 100%;
		}

		.room-overlay-thumb {
			position: relative;
			display: inline-block;
			width: 10vw;
			height: 10vw;
			overflow: hidden;
			cursor: pointer;
			z-index: 920;
		}

		.room-gallery-img.landscape {
			position: relative;
			display: inline-block;
			height: 10vw;
			width: auto;
		}

		.room-gallery-img.portrait {
			position: relative;
			display: inline-block;
			width: 10vw;
			height: auto;
		}

		.capacities-overlay-bg {
			position: absolute;
			width: 100vw;
			height: 100vh;
			overflow: hidden;
			top: 0;
			left: 0;
			background: #dbd5c7;
			z-index: 1;
		}

		.capacities-overlay-bg-img {
			width: 120vw;
			height: auto;
			opacity: 0.1;
			transform: translateX(-10%) translateY(-15%);
		}
	/*END CAPACITIES OVERLAY STYLES*/

	/*START ALBUM OVERLAY STYLES*/
		.album-overlay-close {
			position: absolute;
			width: 30px;
			height: auto;
			right: 5vw;
			top: 3vw;
			cursor: pointer;
			z-index: 1500;
		}

		.panel-text {
			position: absolute;
			width: 85%;
			height: 60px;
			margin: 0 auto;
			left: 25px;
			bottom: 0;
			z-index: 2035;
		}

		.album-overlay-bg-text {
			font-size: 15em;
		}
	/*END ALBUM OVERLAY STYLES*/

	/*START LIGHTBOX CONTAINER STYLES*/
		.lightbox-container {
			position: fixed;
			top: 0;
			left: 0;
			width: 100vw;
			height: 100vh;
			overflow: hidden;
			background: rgba(0,0,0,1);
			z-index: 3000;
			opacity: 0;
			transform-origin: center;
			transform: scale(0);
			transition: all 0.2s ease-out;
		}

		.lightbox-container.lightbox-open, .lightbox-container.lightbox-room-open {
			opacity: 1;
			transform-origin: center;
			transform: scale(1);
			transition: all 0.2s ease-out;
		}

		.lightbox-close {
			position: absolute;
			width: 30px;
			height: auto;
			right: 5vw;
			top: 3vw;
			cursor: pointer;
			z-index: 3500;
		}

		/*START LIGHTBOX ARROW STYLES*/
			.lightbox-arrow {
				display: block;
				position: absolute;
				top: 0;
				margin-top: 50vh;
				z-index: 3500;
				width: 50px;
				height: auto;
				opacity: 0.65;
				cursor: pointer;
				transition: all 0.2s ease-out;
			}

			.lightbox-arrow:hover {
				opacity: 1;
				transition: all 0.2s ease-out;
			}


			.lightbox-arrow.disabled {
				opacity: 0.25;
				cursor: default;
				transition: all 0.2s ease-out;
			}

			.lightbox-arrow.arrow-prev {
				left: 0;
				margin-left: 8vw;
			}

			.lightbox-arrow.arrow-next {
				right: 0;
				margin-right: 8vw;
			}

			.lightbox-arrow-circle {
				position: absolute;
				display: inline-block;
				top: 0;
				width: 50px;
				height: auto;
				opacity: 0.5;
				margin-top: 50vh;
				transform-origin: center top;
				transform: scale(0) translateY(-35%);
				z-index: 90;
				transition: all 0.2s ease-out;
			}

			.lightbox-arrow-circle.circle-prev {
					left: 0;
					margin-left: 7vw;
			}

			.lightbox-arrow.arrow-prev:hover ~ .lightbox-arrow-circle.circle-prev {
				transform-origin: 50% 50%;
				transform: scale(1) translateY(-35%);
				transition: all 0.2s ease-out;
			}

			.lightbox-arrow.disabled:hover ~ .lightbox-arrow-circle.circle-prev {
				transform-origin: 50% 50%;
				transform: scale(0) translateY(-35%);
				transition: all 0.2s ease-out;
			}

			.lightbox-arrow-circle.circle-next {
					right: 0;
					margin-right: 7vw;
			}

			.lightbox-arrow.arrow-next:hover ~ .lightbox-arrow-circle.circle-next {
				transform-origin: 50% 50%;
				transform: scale(1) translateY(-35%);
				transition: all 0.2s ease-out;
			}
		/*END LIGHTBOX ARROW STYLES*/

		.lightbox-details {
			position: absolute;
			z-index: 3020;
			color: #f1f1f1;
		}

		.lightbox-details.details-top-right {
			top: 50px;
			transition: all 0.2s ease-out;
		}

		.lightbox-details.details-bottom-left {
			position: absolute;
			bottom: 50px;
			left: 0;
			margin-left: 20vw;
			width: calc(70vw * 0.45);
			height: calc(10vh - 50px);
		}

		.lightbox-details.details-bottom-right {
			position: absolute;
			bottom: 50px;
			right: 0;
			margin-right: 20vw;
			max-width: calc(70vw * 0.35);
			width: auto;
			height: calc(10vh - 50px);
		}

		.album-text {
			font-family: 'wb', sans-serif;
			font-weight: 400;
			font-size: 0.75em;
			text-transform: uppercase;
			letter-spacing: 0.2em;
		}


		.lightbox-caption {
			position: relative;
			float: left;
			font-family: 'wb', sans-serif;
			font-weight: 300;
			font-size: 1em;
			letter-spacing: 0;
		}

		.lightbox-album {
			position: relative;
			width: 100%;
		}

		.album-icon {
			position: relative;
			display: inline-block;
			float: left;
			width: 10px;
			height: auto;
			margin-right: 8px;
			transform: translateY(-1);
		}

		.album-text {
			position: relative;
			display: inline-block;
			font-family: 'wb', sans-serif;
			font-weight: 400;
			font-size: 0.75em;
			line-height: 1.2em;
			text-transform: uppercase;
			letter-spacing: 0.125em;
			width: auto;
			max-width: 95%;
			float: right;
		}

		.lightbox-active-container {
			position: absolute;
			top: 0;
			left:0;
			width: 100vw;
			height: 100vh;
			z-index: 3100;
			cursor: grab !important;
			cursor: -moz-grab !important !important;
			cursor: -webkit-grab !important;
			cursor: url('..img/icons/cursors/openhand.svg'), n-resize; /* standard */
			cursor: url('..img/icons/cursors/openhand.svg'), n-resize\9; /* IE 8 and below */
			*cursor: url('..img/icons/cursors/openhand.svg'), n-resize; /* IE 7 and below */
			_cursor: url('..img/icons/cursors/openhand.svg'), n-resize; /* IE 6 */
		}

		.lightbox-invisible {
			position: absolute;
			width: 100vw;
			height: 100vh;
			background: transparent;
			z-index: 3006;
			cursor: grab !important;
			cursor: -moz-grab !important !important;
			cursor: -webkit-grab !important;
			cursor: url('..img/icons/cursors/openhand.svg'), n-resize; /* standard */
			cursor: url('..img/icons/cursors/openhand.svg'), n-resize\9; /* IE 8 and below */
			*cursor: url('..img/icons/cursors/openhand.svg'), n-resize; /* IE 7 and below */
			_cursor: url('..img/icons/cursors/openhand.svg'), n-resize; /* IE 6 */
		}

		.lightbox-invisible.grab {
			cursor: grab !important;
			cursor: -moz-grab !important !important;
			cursor: -webkit-grab !important;
			cursor: url('..img/icons/cursors/openhand.svg'), n-resize; /* standard */
			cursor: url('..img/icons/cursors/openhand.svg'), n-resize\9; /* IE 8 and below */
			*cursor: url('..img/icons/cursors/openhand.svg'), n-resize; /* IE 7 and below */
			_cursor: url('..img/icons/cursors/openhand.svg'), n-resize; /* IE 6 */
		}

		.lightbox-invisible.grabbing {
			cursor: grabbing !important;
			cursor: -moz-grabbing !important;
			cursor: -webkit-grabbing !important;
			cursor: url('..img/icons/cursors/closedhand.svg'), n-resize; /* standard */
			cursor: url('..img/icons/cursors/closedhand.svg'), n-resize\9; /* IE 8 and below */
			*cursor: url('..img/icons/cursors/closedhand.svg'), n-resize; /* IE 7 and below */
			_cursor: url('..img/icons/cursors/closedhand.svg'), n-resize; /* IE 6 */
		}
	/*END LIGHTBOX CONTAINER STYLES*/

	/*START LIGHTBOX ANIMATION STYLES*/
		.lightbox-img {
			position: absolute;
			display: block;
			top: 50%;
		    left: 50%;
		    max-width: 75vw;
		    max-height: 75vh;
		    width: auto;
		    height: auto;
		    z-index: 3002;
		    box-shadow: 6px 10.392px 39.9px 2.1px rgba(38, 38, 38, 0.65),-6px -10.392px 39.9px 2.1px rgba(38, 38, 38, 0.25);
		    -webkit-transform: translate(-50%,-50%);
		    transform: translate(-50%,-50%);
		    transition: all 0.3s ease-out;
		}

		.lightbox-img.next {
			z-index: 3002;
		    opacity: 0;
		    -webkit-filter: blur(5px);
		    filter: blur(5px);
		    -webkit-transform: translate(-50%,-50%) scale(0.2);
		    transform: translate(-50%,-50%) scale(0.2);
		    box-shadow: 6px 10.392px 39.9px 2.1px rgba(38, 38, 38, 0), -6px -10.392px 39.9px 2.1px rgba(38, 38, 38, 0);
		    transition: all 0.3s ease-out;
		}

		.lightbox-img.active {
		    z-index: 3005;
		    opacity: 1;
		    -webkit-filter: blur(0);
		    filter: blur(0);
		    -webkit-transform: translate(-50%,-52%) scale(1);
		    transform: translate(-50%,-52%) scale(1);
		    box-shadow: 6px 10.392px 39.9px 2.1px rgba(38, 38, 38, 0.45), -6px -10.392px 39.9px 2.1px rgba(38, 38, 38, 0.15);
		    transition: all 0.3s ease-out;
		}

		.lightbox-img.prev {
		    z-index: 3005;
		    opacity: 1;
		    -webkit-filter: blur(5px);
		    filter: blur(5px);
		    -webkit-transform: translate(-100vw,-50%) scale(1);
		    transform: translate(-100vw,-50%) scale(1);
		    box-shadow: 6px 10.392px 39.9px 2.1px rgba(38, 38, 38, 0.45), -6px -10.392px 39.9px 2.1px rgba(38, 38, 38, 0.15);
		    transition: all 0.3s ease-out;
		}

		.lightbox-img.prev {
		    z-index: 3005;
		    opacity: 0;
		    -webkit-filter: blur(5px);
		    filter: blur(5px);
		    -webkit-transform: translate(-120vw,-50%) scale(1);
		    transform: translate(-100vw,-50%) scale(1);
		    box-shadow: 6px 10.392px 39.9px 2.1px rgba(38, 38, 38, 0.45), -6px -10.392px 39.9px 2.1px rgba(38, 38, 38, 0.15);
		    transition: all 0.3s ease-out;
		}

		.lightbox-bg-img {
			position: absolute;
			display: block;
			top: 50%;
		    left: 50%;
			z-index: 3000;
			min-width: 100vw;
			min-height: 100vh;
			width: auto;
			height: auto;
			opacity: 0.15;
			-webkit-filter: blur(5px);
			filter: blur(5px);
			-webkit-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
			-webkit-user-select: none !important;
			user-select: none !important;
		}
	/*END LIGHTBOX ANIMATION STYLES*/
}