/*=========MOBILE DEFAULT STYLES============*/

/*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: 30px;
			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: 60px;
			height: auto;
			top: 20px;
			left: 15px;
			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;
		margin: 0 auto;
		left: 0;
		right: 0;
		font-family: 'wb', sans-serif;
		font-weight: 300;
		font-size: 0.65em;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 2px;
		color: #f1f1f1;
		opacity: 0.65;
		z-index: 50;
		cursor: pointer;
	}

	.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: 40vw;
	}

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

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

	.about-bg-container {
		position: relative;
		width: 100vw;
		height: auto;
		margin: 0 auto;
	}

	.about-bg {
		display: none;
	}

	.about-bg-mobile {
		position: absolute;
		display: block;
		width: 150vw;
		height: auto;
		transform: translateX(-15%);
	}

	.about-card {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 90vw;
		background: #fff;
		padding-bottom: 10px;
		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-card-img {
		position: relative;
		display: block;
		margin-top: 60px;
		width: 110vw;
		height: auto;
		transform: translateX(-10%);
	}

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

	.about-header {
		position: relative;
	}

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

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

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

	.about-buttons {
		position: relative;
		width: 90%;
		margin: 0 auto;
		margin-top: 30px;
		z-index: 2500;
		padding-bottom: 40px;
	}

	.about-button {
		position: relative;
		display: block;
		width: 100%;
		height: 20px;
		padding: 5px 0;
		padding-top: 12px;
		margin-left: 0;
		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-top: 0;
		border: 1px solid #ac9455;
		color: #fff;
		background: rgba(172,148,85,1);
		transition: all 0.2s ease-out;
	}

	.book-button {
		margin-top: 10px;
		background: rgba(200,200,200,0);
		border: 1px solid #c8c8c8;
		color: #c8c8c8;
		transition: all 0.2s ease-out;
	}
/*END ABOUT SECTION STYLES*/

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

	.capacities-header {
		position: relative;
		z-index: 10;
	}

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

	.capacities-card {
		position: relative;
		margin: 0 auto;
		margin-top: 30px;
		padding-bottom: 20px;
		width: 90vw;
		height: auto;
		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: 75%;
		margin: 0 auto;
		padding-top: 50px;
	}

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

	table.capacities-desktop {
		display: none;
	}


	.capacities-mobile {
		position: relative;
		width: 100%;
	}

	.mobile-room {
		position: relative;
		width: 100%;
		margin-bottom: 35px;
	}

	.mobile-room-title {
		position: relative;
		width: 100%;
	}

	.mobile-room-name {
		position: relative;
		display: inline-block;
		font-weight: 300;
		color: #333;
		transition: all 0.2s ease-out;
	}

	.mobile-room.active > .mobile-room-title > 	.mobile-room-name {
		font-weight: 500;
		color: #ac9455;
		transition: all 0.2s ease-out;
	}

	.mobile-room-toggle {
		position: relative;
		display: inline-block;
		float: right;
		color: #333;
	}

	.mobile-room-invisible {
		margin-top: 15px;
	}

	.mobile-room-capacity {
		position: relative;
		width: 85%;
		margin: 0 auto;
		margin-top: 10px;
	}

	.mobile-capacity-title {
		position: relative;
		display: inline-block;
	}

	.mobile-capacity-number {
		position: relative;
		display: inline-block;
		float: right;
	}

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

	.mobile-room-button {
		position: relative;
		display: block;
		width: 85%;
		height: 30px;
		margin: 0 auto;
		margin-top: 20px;
		text-align: center;
		background: #ac9455;
		border: none;
		box-shadow: none;
		border-radius: 0;
		font-family: 'wb', sans-serif;
		font-weight: 500;
		font-size: 0.7em;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #fff;
	}

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

	.capacities-bg-img {
		height: 110vh;
		width: auto;
		opacity: 0.1;
		transform: translateX(-45%);
	}

	.capacities-featured-img {
		display: none;
	}
/*END CAPACITIES SECTION STYLES*/

/*START EVENTS SECTION STYLES*/
	.events-section {
		position: relative;
		width: 100vw;
		height: auto;
		margin-top: 30px;
		padding-top: 40px;
		padding-bottom: 60px;
		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: 0;
		overflow: hidden;
	}

	/*START EVENT ARROW STYLES*/
		.event-arrow {
			display: none;
			position: absolute;
			bottom: 0;
			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.arrow-prev {
			left: 0;
			margin-left: 16vw;
		}

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

		.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;
		}
	/*END EVENT ARROW STYLES*/


	.events-slider {
		position: relative;
		width: 900vw;
		height: 100%;
		padding-top: 40px;
		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(-62.5vw);
		transition: all 0.2s ease-out;
	}

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

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

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

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

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

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

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

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

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

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

	.events-invisible {
		position: absolute;
		top: 0;
		left: 0;
		width: 70vw;
		height: 100vw;
		z-index: 10;
	}

	.event-image-container {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 70vw;
		height: 70vw;
		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 {
		width: 70vw;
		height: auto;
		opacity: 0.65;
		-webkit-filter: brightness(0.5);
		filter: brightness(0.5);
		transition: all 0.2s ease-out;
	}

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

	.event-image.event-image-portrait {
		width: 70vw;
		height: 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: 70vw;
		height: auto;
	}

	.event-info-container {
		position: relative;
		width: 68vw;
		margin: 0 auto;
		opacity: 0;
		text-align: center;
		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: -110px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 1px;
		height: 100px;
		background: #e3e3e3;
		opacity: 0.65;
		z-index: 0;
	}

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

	.event-name {
		position: relative;
		margin-top: 20px;
		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;
		margin: 0 auto;
		width: 90%;
		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: calc(68vw + 4px);
		margin-top: 20px;
		z-index: 2500;
	}

	.event-button {
		position: relative;
		display: block;
		width: 68vw;
		height: 20px;
		padding: 5px 0;
		padding-top: 12px;
		margin-left: 0;
		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-top: 35px;
		border: 1px solid #ac9455;
		color: #fff;
		background: rgba(172,148,85,1);
		transition: all 0.2s ease-out;
	}

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

	.event-sponsors-container {
		position: relative;
		display: none;
		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: 40px;
	}

	.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: 30px;
		}

		.gallery-wrapper {
			position: relative;
			width: 85vw;
			margin: 0 auto;
		}

		.gallery-item {
			position: relative;
			display: inline-block;
			margin-bottom: 15px;
			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: block;
			width: 100%;
			height: calc(42vw - 7.5px);
			margin-left: 0;
		}

		.gallery-item:nth-child(2), .gallery-item:nth-child(3) {
			position: relative;
			display: inline-block;
			width: calc(42vw - 8px);
			height: calc(42vw - 7.5px);
		}

		.gallery-item:nth-child(3) {
			margin-left: 15px;
		}

		.gallery-item:nth-child(4) {
			position: relative;
			display: block;
			width: 100%;
			height: calc(42vw - 7.5px);
			margin-left: 0;
		}

		.gallery-item:nth-child(5) {
			display: none;
		}

		.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(2) > .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 {
			transform: translateX(-20%) scale(1);
			transition: all 0.2s ease-out;
		}

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

		.gallery-item:nth-child(4) > .gallery-item-wrapper > .gallery-img.landscape {
			transform: translateX(0) scale(1);
			transition: all 0.2s ease-out;
		}
	/*END FEATURED GALLERY STYLES*/

	/*START GALLERY ALBUM STYLES*/
		.albums-container {
			position: relative;
			display: block;
			width: 100vw;
			height: calc(128vw + 60px);
			margin-top: 30px;
		}

		.albums-wrapper {
			position: relative;
			width: 85vw;
			margin: 0 auto;
		}

		.album-cover {
			position: relative;
			display: inline-block;
			width: calc(42vw - 8px);
			height: calc(32vw - 8px);
			margin-bottom: 15px;
			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(2n+1) {
			margin-right: 15px;
		}

		.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;
			overflow: hidden !important;
		}

		.album-item.front {
			position: relative;
			width: calc(42vw - 8px);
			height: calc(32vw - 8px);
			overflow: hidden !important;
		}

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

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

		.album-item.back {
			position: absolute;
			z-index: 0;
			width: calc((42vw * 0.9) - 8px);
			height: 1px;
		    margin-left: calc((42vw - (42vw * 0.9))/2);
		    background: #999999;
		    transform: translateY(1.05vw);
		    transition: all 0.3s ease-out;
		}

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

		.album-wrapper {
			position: relative;
			width: calc(42vw - 8px);
			height: calc(32vw - 8px);
			overflow: hidden !important;
		}

		.album-info {
			position: absolute;
			z-index: 10;
			width: 100%;
			height: 100%;
			font-family: 'wb', sans-serif;
			text-align: center;
			color: #fff;
		}

		.album-title {
			position: relative;
			display: block;
			margin-top: calc((32vw - 8px)/2);
			font-size: 0.85em;
			font-weight: 400;
			text-transform: uppercase;
			transform: translateY(-50%);
			text-shadow: 0 0 2px rgba(0,0,0,0.9);
		}

		.album-count {
			position: relative;
			display: none;
			margin-top: 8px;
			font-size: 0.85em;
			font-weight: 300;
			text-transform: none;
			text-shadow: 0 0 1px rgba(0,0,0,0.9);
		}

		.gradient-overlay {
			position: relative;
			display: block;
			top: 0;
			left: 0;
			height: 150%;
			width: auto;
			opacity: 0.85;
			z-index: 2;
			transform: translateY(-25%);
		}

		.album-img-overlay {
			position: absolute;
			z-index: 2;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: #555;
			opacity: 0.65;
			-webkit-mix-blend-mode: multiply;
			mix-blend-mode: multiply;
		}

		.album-img {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			transform: translateY(0);
		}

		.album-img.landscape {
			position: absolute;
			top: 0;
			left: 0;
			height: 105%;
			width: auto;
			z-index: 1;
			transform: translateY(0);
		}

		.album-img.portrait {
			position: absolute;
			top: 0;
			left: 0;
			width: 105%;
			height: auto;
			z-index: 1;
			transform: translateY(0);
		}

		.album-img.bandshell-album.portrait {
			position: absolute;
			top: 0;
			left: 0;
			width: 105%;
			height: auto;
			z-index: 1;
			transform: translateY(-20%);
		}
	/*END GALLERY ALBUM STYLES*/
/*END GALLERY SECTION STYLES*/

/*START CONTACT SECTION STYLES*/
	.contact-section {
		position: relative;
		width: 100vw;
		height: auto;
		margin-top: 40px;
		padding-bottom: 50px;
		overflow: hidden;
	}

	.contact-map {
		position: absolute;
		width: 900px;
		height: auto;
		transform: translateX(-65px) translateY(-230px);
	}

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

	/*START CONTACT CARD STYLES*/
		.contact-card {
			position: relative;
			margin: 0 auto;
			margin-top: 230px;
			width: 90vw;
			height: auto;
			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: 75%;
			height: auto;
			margin: 0 auto;
		}

		.contact-card-left {
			position: relative;
			display: block;
			width: 100%;
		}

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

		.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;
		}

		.email-symbol {
			font-family: 'lar', sans-serif;
			font-weight: 300;
			font-size: 0.9em;
		}

		.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:last-child {
			margin-right: 0;
		}

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

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

		.contact-card-right {
			position: relative;
			display: block;
			width: 100%;
			height: auto;
		}

		.rc-anchor {
			display: none !important;
		}

		/*START CONTACT FORM STYLES*/
			.form-container {
				position: relative;
				width: 100%;
				height: auto;
				margin-top: 10px;
				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 {
				text-align: center;
				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: block;
				width: 100%;
				height: 35px;
				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;
				text-align: center;
				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 {
				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: 20vw;
		overflow: hidden !important;
		background: #d8d8d8;
	}

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

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

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

	.instagram-img {
		position: relative;
		display: inline-block;
		width: 20vw;
		height: 20vw;
		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: 95px;
		background: #333;
		color: #fff;
	}

	.footer-wrapper {
		position: relative;
		margin: 0 auto;
		width: 90vw;
		height: 100%;
	}

	.footer-copyright {
		text-transform: uppercase;
		opacity: 0.65;
		font-size: 0.75em;
		letter-spacing: 0.06em;
		text-align: center;
		padding-top: 20px;
	}

	a.footer-review {
		position: relative;
		display: block;
		text-transform: uppercase;
		opacity: 0.65;
		font-size: 0.75em;
		letter-spacing: 0.06em;
		text-align: center;
		padding-top: 25px;
		color: #fff;
	}

	.review-icon {
		position: relative;
		display: inline-block;
		width: 12px;
		height: auto;
		padding-right: 3px;
	}
/*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: 60px;
		height: auto;
		top: 20px;
		left: 15px;
		opacity: 0.6;
		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: 2.65em;
		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: absolute;
		bottom: 20px;
		width: 150vw;
		height: auto;
		margin: 0 auto;
		opacity: 0.4;
		z-index: 502;
		transform: translateX(-16%);
	}
/*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;
		background: #dbd5c7;
		width: 100vw;
		min-height: 100vh;
		height: auto;
		overflow-x: hidden;
		opacity: 0;
		/*-webkit-filter: blur(10px);*/
		transform-origin: center;
		transform: scale(0);
		transition: all 0.2s ease-out;
	}

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

	.overlay-logo {
		position: absolute;
		width: 60px;
		height: auto;
		top: 20px;
		left: 15px;
		opacity: 0.6;
		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: 20px;
		top: 20px;
		cursor: pointer;
		z-index: 950;
	}

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

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

	.capacities-overlay-serif {
		font-size: 3.25em; 
	}

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

	/*START ROOM SPECS STYLES*/
		.room-specs-card {
			position: relative;
			margin: 0 auto;
			margin-top: 30px;
			width: 80vw;
			height: auto;
			background: #fff;
			padding-bottom: 10px;
			box-shadow: 10px 17.321px 58.2px 1.8px rgba(42, 38, 29, 0.2);
			z-index: 915;
		}

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

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

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

		.room-overlay-tables {
			position: relative;
			display: block;
			margin-top: 63vw;
			width: 100%;
			height: auto;
			opacity: 1;
			transition: all 0.2s ease-out;
		}

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

		.room-overlay-img-container {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			margin: 0 auto;
			margin-top: 30px;
			width: 100%;
			height: auto;
			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-overlay-img {
			position: absolute;
			display: block;
			width: 100%;
			height: auto;
			opacity: 0;
			transition: all 0.2s ease-out;
		}

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

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

		.room-capacity-table {
			position: relative;
			width: 100%;
			margin: 0 auto;
		}

		.room-capacity-table th {
			width: 50%;
			font-family: 'wb', sans-serif;
			font-weight: 400;
			font-size: 0.8em;
			text-transform: uppercase;
			text-align: center;
			letter-spacing: 1px;
			color: #999;
		}

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

		.room-capacity-table tr.tr-spacer {
			height: 20px;
		}

		.room-capacity-table td {
			width: 50%;
			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;
			display: block;
			margin: 0 auto;
			width: 90vw;
			height: auto;
			padding-bottom: 20px;
			background: #333;
			z-index: 910;
			transform: translateY(-150px);
		}

		.room-description-container {
			position: relative;
			margin: 0 auto;
			width: 85%;
		}

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

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

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

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

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

		.room-amenities-table-mobile .amenities-icon-row.hidden tr {
			height: 0;
		}

		.room-amenities-table-mobile .amenities-text-row.hidden tr {
			height: 0;
		}

		.room-amenities-table-mobile .amenities-icon-row td {
			width: 50%;
			vertical-align: middle;
		}

		.room-amenities-table-mobile .amenities-text-row td {
			padding-top: 8px;
			width: 50%;
			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-mobile .amenities-icon {
			width: 35px;
			height: auto;
			opacity: 1;
			visibility: visible;
			transition: all 0.2s ease-out;
		}

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

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

	/*END ROOM DESCRIPTION STYLES*/

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

	.room-gallery-wrapper {
		position: relative;
		width: 100vw;
		height: 100%;
		background: #c0b283;
	}

	.room-overlay-thumb {
		position: relative;
		display: inline-block;
		float: left;
		width: 20vw;
		height: 20vw;
		overflow: hidden;
		cursor: pointer;
		z-index: 920;
		background: #c0b283;
	}

	.room-gallery-img {
		opacity: 1;
		transition: all 0.2s ease-out;
	}

	.room-gallery-img.loading {
		opacity: 0;
		transition: all 0.2s ease-out;
	}

	.room-gallery-img.landscape {
		position: relative;
		display: inline-block;
		height: 20vw;
		width: auto;
		opacity: 1;
		transition: all 0.2s ease-out;
	}

	.room-gallery-img.landscape.loading {
		opacity: 0;
		transition: all 0.2s ease-out;
	}

	.room-gallery-img.portrait {
		position: relative;
		display: inline-block;
		width: 20vw;
		height: auto;
		opacity: 1;
		transition: all 0.2s ease-out;
	}

	.room-gallery-img.portrait.loading {
		opacity: 0;
		transition: all 0.2s ease-out;
	}

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

	.capacities-overlay-bg-img {
		height: 100%;
		width: auto;
		opacity: 0.1;
		transform: translateX(-25%);
	}
/*END CAPACITIES OVERLAY STYLES*/

/*START ALBUM OVERLAY STYLES*/
	.album-overlay-container {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding-top: 20px;
		z-index: 1000;
		background: rgba(51,51,51,1);
		width: 100vw;
		min-height: 100vh;
		height: auto;
		overflow-x: hidden;
		opacity: 0;
		/*-webkit-filter: blur(10px);*/
		transform-origin: center;
		-webkit-transform: translateZ(0) scale(0);
		transform: translateZ(0) scale(0);
		transition: all 0.2s ease-out;
		-webkit-overflow-scrolling: touch;
	}

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

	.album-overlay-close {
		position: absolute;
		width: 30px;
		height: auto;
		right: 20px;
		top: 20px;
		cursor: pointer;
		z-index: 1050;
	}

	.album-overlay-bg-text {
		position: absolute;
		width: 150vw;
		top: 0;
		left: 0;
		margin-top: 15px;
		font-family: 'domani', serif;
		font-size: 7em;
		text-transform: uppercase;
		color: #cec8b5;
		opacity: 0.05;
		z-index: 1002;
	}

	.album-overlay-bg-img {
		position: absolute;
		display: block;
		width: 100vw;
		height: auto;
		top: 0;
		left: 0;
		opacity: 0.025;
		z-index: 1001;
	}

	.album-overlay-wrapper {
		position: relative;
		margin: 0 auto;
		padding-bottom: 40px;
		z-index: 1005;
	}

	.album-label {
		position: absolute;
		width: 100%;
		margin: 0;
		top: 0;
		left: 0;
		margin-top: 60px;
		margin-left: calc(5vw + 5px);
		color: #fff;
		z-index: 1005;
	}

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

	.album-overlay-scroll {
		position: relative;
		width: 100vw;
		height: 50px;
		padding-bottom: 40px;
		text-align: center;
		font-family: 'wb', sans-serif;
		font-weight: 400;
		font-size: 0.75em;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		color: #fff;
		cursor: pointer;
		z-index: 1030;
	}

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

	.album-load-dots > .dot {
		background: #fff;
	}

	.masonry-container {
		position: relative;
		width: 90vw;
		min-height: calc(100vh - 80px);
		/*height: calc((((80vw - 60px)/3)*10) + 180px);*/
		position: relative;
		margin: 0 auto;
		margin-top: 80px;
		z-index: 1025;
		/*padding-bottom: 80px;*/
	}

	.panel {
		position: relative;
		display: inline-block;
		width: calc((90vw - 10px)/2);
		height: calc((90vw - 10px)/2);
		margin-left: 10px;
		margin-bottom: 10px;
		cursor: pointer;
		box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.5);
		opacity: 1;
		transform: translateY(0) scale(1);
		transition: all 0.2s ease-out;
	}

	.panel.hidden {
		opacity: 0;
		transform: translateY(0) scale(1);
		transition: all 0.2s ease-out;
	}

	.panel:hover {
		box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.65);
		transition: all 0.2s ease-out;
	}

	.panel:nth-child(3n+1) {
		margin-left: 0;
	}

	.panel:nth-child(3n+3) {
		margin-left: 0;
		width: 90vw;
		height: calc((90vw - 10px)/2);
	}

	/*.panel:nth-child(5n+4) {
		margin-left: 0;
		width: 90vw;
		height: 90vw;
	}

	.panel:nth-child(5n+5) {
		margin-left: 0;
		width: 90vw;
		height: calc((90vw - 10px)/2);
	}*/

	.panel-wrapper {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 100%;
		overflow: hidden !important;
	}

	.panel-overlay {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		opacity: 0;
		transition: all 0.3s ease-out;
	}

	.panel-overlay:hover {
		opacity: 1;
		transition: all 0.3s ease-out;
	}

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

	.panel-title {
		font-size: 1em;
		font-weight: 300;
		line-height: 1.2em;
		letter-spacing: 0;
		color: #fff;
	}

	.panel-gradient {
		position: absolute;
		width: 105%;
		height: 65%;
		left: -1px;
		bottom: -1px;
		opacity: 0.65;
		z-index: 2030;
	}

	.panel-vingette {
		position: relative;
		top: 0;
		left: -1px;
		width: 102%;
		height: 102%;
		z-index: 5;
		opacity: 0.5;
	}

	.panel-img {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		margin: 0 auto;
	}

	.panel-img.landscape {
		height: 110%;
		width: auto;
		transform: translateX(-15%) translateY(-5%);
	}

	.panel:nth-child(3n+3) > .panel-wrapper > .panel-img.landscape {
		width: 105%;
		height: auto;
		transform: translateY(-5%);
	}

	.panel-img.portrait {
		width: 110%;
		height: auto;
	}
/*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;
		/*-webkit-filter: blur(10px);*/
		transform-origin: center;
		transform: scale(0);
		transition: all 0.2s ease-out;
	}

	.lightbox-container.lightbox-open, .lightbox-container.lightbox-room-open, .lightbox-container.lightbox-album-open {
		opacity: 1;
		/*-webkit-filter: blur(0);*/
		transform-origin: center;
		transform: scale(1);
		transition: all 0.2s ease-out;
	}

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

	/*START LIGHTBOX ARROW STYLES*/
		.lightbox-arrow {
			display: none;
			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 {
		position: absolute;
		top: 80px;
		right: 0;
		margin-right: 20vw;
		width: 30vw;
		text-align: right;
		opacity: 1;
		transition: all 0.2s ease-out;
	}

	.lightbox-details.details-top-right.hidden {
		opacity: 0;
		transition: all 0.2s ease-out;
	}

	.lightbox-counter {
		position: relative;
		font-family: 'wb', sans-serif;
		font-weight: 300;
		font-size: 0.85em;
		letter-spacing: 0;
	}

	.lightbox-count-slash {
		letter-spacing: 2px;
	}

	.lightbox-details.details-bottom-left {
		position: absolute;
		bottom: 80px;
		left: 0;
		margin-left: 20vw;
		width: 60vw;
	}

	.lightbox-details.details-bottom-right {
		position: absolute;
		bottom: 50px;
		left: 0;
		margin-left: 20vw;
		width: 60vw;
	}

	.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%;
	}

	.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.active.loading {
	    opacity: 0;
	    box-shadow: none;
	    transition: all 0.3s ease-out;
	}

	.lightbox-img.temp.max-width {
		width: 75vw;
		height: auto;
		max-width: none;
		max-height: none;
	    z-index: 3004;
	    opacity: 1;
	    -webkit-filter: blur(5px);
	    filter: blur(5px);
	    -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.temp.max-height {
		height: 75vh;
		width: auto;
		max-width: none;
		max-height: none;
	    z-index: 3004;
	    opacity: 1;
	    -webkit-filter: blur(5px);
	    filter: blur(5px);
	    -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.temp.loaded {
	    opacity: 0;
	    box-shadow: none;
	    transition: all 0.3s ease-out;
	}

	.lightbox-img.temp.max-width.loaded {
	    opacity: 0;
	    box-shadow: none;
	    transition: all 0.3s ease-out;
	}

	.lightbox-img.temp.max-height.loaded {
	    opacity: 0;
	    box-shadow: none;
	    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);
	    /*filter: url(#f1);*/
	    -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);
		/*filter: url(#f1);*/
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		-webkit-user-select: none !important;
		user-select: none !important;
	}
/*END LIGHTBOX ANIMATION STYLES*/