* {
	border: 0px;
	margin: 0px;
	padding: 0px;
	outline: 0px;
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	font-family: "futura-pt",sans-serif;
	font-weight: 400;
	color: #6e6e6e;
	font-size: 100%;
    -webkit-font-smoothing: antialiased;
	‑webkit‑text‑size‑adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-osx-font-smoothing: grayscale;
}

.wf-loading p, .wf-loading h1, .wf-loading h2, .wf-loading a, .wf-loading li {
	opacity: 0;

    transition: opacity .3s;
}

.wf-active p, .wf-active h1, .wf-active h2, .wf-active a, .wf-active li {
	opacity: 1;
}

.hidden {
	display: none !important;
}

h1, h2 {
	font-weight: 400;
	color: #000;
	letter-spacing: 0.03em;
}

h3 {
	color: #6e6e6e;
	font-weight: 700;
	font-size: .9rem;
	letter-spacing: 0.03em;
}

p {
	font-size: .9rem;
    line-height: 1.5;
}

a {
	color: inherit;
	text-decoration: none;
	transition: color .25s;
}

.no-touchevents a:hover {
	text-decoration: underline;
	transition: color .15s;
}


.addb4:before {
	width: 0px;
	height: 100%;
	content: '';
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}
	
	.v-middle {
		display: inline-block; *display: inline; zoom: 1;
		vertical-align: middle;
	}

	.v-bottom {
		display: inline-block; *display: inline; zoom: 1;
		vertical-align: bottom;
	}

	.v-top {
		display: inline-block; *display: inline; zoom: 1;
		vertical-align: top;
	}
	
.mobileOnly {
	display: none;
}

.desktopOnly {
	display: block;
}

.hidden {
	display: none;
}

#wrapper {
	min-height: 100%;
	/* margin-bottom: -504px; */ /* necessary for sticky footer. this is total height of footer */
}

	/* #wrapper:after {
		content: '';
		display: block;
		height: 504px; /* necessary for sticky footer. this is total height of footer */
	} */

.loadNeeded #content {
	opacity: 0;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

/*===\\==================//===*/
/*====\\==== LOADER ====//====*/
/*=====\\==============//=====*/

.home .loader, .gallery .loader {
	height: 100% !important;
	top: 0px !important;
	left: 0px !important;
}

    .loader {
        display: none;
        position: fixed;
        top: 130px;
        left: 0px;
        width: 100%;
        height: 100% !important;
        background-color: rgba(255,255,255,1);
        z-index: 9999;
        opacity: 1;
	
	transition-property: z-index, opacity;
	transition-duration: 0s, .3s;
	transition-delay: 0s, 0s;
	transition-timing-function: linear;
	-webkit-transition-property: z-index, opacity;
	-webkit-transition-duration: 0s, .3s;
	-webkit-transition-delay: 0s, 0s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: z-index, opacity;
	-moz-transition-duration: 0s, .3s;
	-moz-transition-delay: 0s, 0s;
	-moz-transition-timing-function: linear;
	-o-transition-property: z-index, opacity;
	-o-transition-duration: 0s, .3s;
	-o-transition-delay: 0s, 0s;
	-o-transition-timing-function: linear;
    }
	
	.scroll .loader {
		top: 85px;
	}
	
	.showSub .loader {
		top: 150px;
	}
	
	.loadNeeded .loader {
		display: block;
	}
    
    .loader.OFF {
        opacity: 0;
        z-index: -9999;
	
	transition-property: opacity, z-index;
	transition-duration: .3s, 0s;
	transition-delay: 0s, .3s;
	transition-timing-function: linear;
	-webkit-transition-property: opacity, z-index;
	-webkit-transition-duration: .3s, 0s;
	-webkit-transition-delay: 0s, .3s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: opacity, z-index;
	-moz-transition-duration: .3s, 0s;
	-moz-transition-delay: 0s, .3s;
	-moz-transition-timing-function: linear;
	-o-transition-property: opacity, z-index;
	-o-transition-duration: .3s, 0s;
	-o-transition-delay: 0s, .3s;
	-o-transition-timing-function: linear;
    }
    
    .loader img {
		position: absolute;
		top: 37%;
		left: 50%;
		margin-left: -25px;
		margin-top: -25px;
    }
	
	.home .loader img {
		top: 50%;
	}



/*===\\==================//===*/
/*====\\==== HEADER ====//====*/
/*=====\\==============//=====*/

header {
	position: fixed;
	z-index: 150;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 70px;
	background-color: #fff;
	border-bottom: 1px solid #e1e1e1;
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.05);
}

.home header {
	position: relative;
}

.home.fixedHeader header {
	position: fixed;
}

	header .inner {
		height: 100%;
		position: relative;
	}

		header .logo {
			display: block;
			line-height: 1;
			position: absolute;
			top: 50%;
			left: 4%;
			-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
					transform: translateY(-50%);
		}

			header .logo img {
				display: block;
				width: 151px;
				height: auto;
			}

	header .nav {
		list-style-type: none;
		position: absolute;
		top: 50%;
		right: 4%;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}

		.nav li {
			float: left;
			display: block;
			margin-left: 22px;
			color: #1c1c1c;
			line-height: 1;
		}

			.nav li a {
				text-transform: uppercase;
				font-size: 0.85rem;
				letter-spacing: .05em;
			}

			.no-touchevents .nav li a:hover,
			.nav li a.pageOn {
				color: #ad9446;
				text-decoration: none;
			}


/*===\\==================//===*/
/*====\\==== FOOTER ====//====*/
/*=====\\==============//=====*/

footer {
	padding-top: 84px;
	height: 420px;
	text-align: center;
}

	footer .logo {
		display: block;
		margin: 0px auto 40px;
		width: 110px;
		height: auto;
	}

	footer p {
		color: #000;
		font-size: 1rem;
	}

		footer p a {

		}

footer #mc_embed_signup p {
    padding-top: 1.7em;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    padding-bottom: 0.7em;
}

	footer #mc_embed_signup label {
	    display: none;
	}

	footer input#mce-EMAIL {
		-webkit-appearance: none;
		-moz-appearance:    none;
		appearance:         none;
	    border: 1px solid #c1c1c1;
	    display: inline-block;
	    vertical-align: middle;
	    padding: 0 0.6em;
	    font-size: inherit;
	    font-family: inherit;
	    border-radius: 0;
	    background: #fff;
	    max-width: 88%;
	    width: 220px;
	    height: 29px;
	    text-align: center;
	}

	footer input#mc-embedded-subscribe {
		-webkit-appearance: none;
		-moz-appearance:    none;
		appearance:         none;
	    border-radius: 0;
	    border: 1px solid #000;
	    background: #000;
	    color: #fff;
	    font-size: inherit;
	    font-family: inherit;
	    padding: 0em 1em;
	    height: 29px;
	    margin: 10px 0px 20px;
	}








/*===\\====================//===*/
/*====\\==== HOMEPAGE ====//====*/
/*=====\\================//=====*/

.home {

}

	.home #splash {
		position: relative;
	}

		#splash h1 {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			font-size: 7vw;
			left: 5%;
			width: 90%;
			text-align: center;
			z-index: 10;
			color: #fff;
		}

		@media all and (max-width: 896px) and (orientation: portrait) {
			#splash h1 {
				font-size: 12vw;
			}
		}

		#splash svg {
			cursor: pointer;
			width: 34px;
			height: auto;
			position: absolute;
			bottom: 91px;
			left: 50%;
			-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
					transform: translateX(-50%);
		}

			#splash svg path {
				fill: #fff;
			}

		#splash .logo {
			width: 60%;
			max-width: 270px;
			height: auto;
			margin-top: -45px;
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
		}

	.home section#content {
		margin: 142px auto 0px;
		width: 92%;
	    max-width: 1440px;
	}

	.home.fixedHeader section#content {
		margin-top: 213px; /* we're adding the height of the header (71px) here, to get rid of the JUMP */
	}

		.home .writeup {
			width: 40%;
			min-width: 520px;
		}

			.home .writeup:after {
				content: '';
				display: block;
				width: 44px;
				height: 2px;
				background-color: #000;
				margin-top: 27px;
			}

			.home .writeup h2 + p {
				padding-top: 1.1em;
			}

		.home .featured {
			margin: 0px auto 210px;
		}

			.home .featured img {
				width: 60%;
				margin-right: -4px;
			}

			.home .featured .writeup {
				width: 29%;
				min-width: 0px;
				padding-left: 7%;
				padding-right: 4%;
			}

				.home .featured .writeup p {;
					font-size: 1.1rem !important;
					font-style: italic;
					color: #848484;
					line-height: 1.6;
				}

				.home .featured .writeup:after {
					margin-top: 32px;
				}

		.home .products .grid {
			margin: 48px auto 129px;
		}

			.home .products .grid .cell {
				width: 31.7%;
				margin-right: 2.45%;
				float: left;
				cursor: pointer;
			}

			.home .products .grid .cell:nth-child(3n) {
				margin-right: 0%;
			}

		.home .tri-box {
			margin: 0px auto 120px;
			padding-bottom: 60px;
		}

			.home .tri-box .box {
				width: 31.7%;
				margin-right: 2.45%;
				float: left;
				border: 1px solid #cccccc;
				box-sizing: border-box;
				min-height: 550px;
			}

			.home .tri-box .box:nth-child(3n) {
				margin-right: 0%;
			}

				.home .tri-box .box .inner {
					width: 80%;
					position: relative;
					padding: 23% 10% 0%;
				}

				@media all and (min-width: 1600px) {
					.home .tri-box .box .inner {
						padding: 16% 10% 0%;
					}
				}


					.box h2 {
					    padding-bottom: 1.4em;
					}

					.box h3 {
						text-transform: uppercase;
					    padding-bottom: 0.8em;
					}

					.entry {
					    margin-bottom: 28px;
					}

						.entry a.readMore {
    						letter-spacing: .2em;
						    color: #000;
						    font-size: 0.7rem;
						    line-height: 1;
						    padding-top: 15px;
						    padding-bottom: 4px;
						    display: block;
						}

					.tri-box .box .inner > a {
						display: inline-block; *display: inline; zoom: 1;
						letter-spacing: .2em;
						color: #000;
						border-top: 1px solid #e1e1e1;
						font-size: 0.7rem;
						padding-top: 7px;
						padding-right: 15px;
					    margin-top: 15px;
						position: relative;
					}

						.tri-box .box .inner > a:after {
						    content: '';
						    display: block;
						    width: 0px;
						    height: 0px;
						    position: absolute;
						    top: 10px;
						    right: 0px;
						    border-left: 6px solid #000;
						    border-top: 4px solid transparent;
						    border-bottom: 4px solid transparent;
						}

						.no-touchevents .tri-box .box .inner > a:hover {
							text-decoration: none;
						}

				.box #mc_embed_signup {
				    padding-bottom: 40px;
				}

					.box form {
    					margin-top: 26px;
					}


						.box form input {
							-webkit-appearance: none;
							border-radius: 0px;
							background-color: transparent;
						}

						.box form input[type="email"] {
						    color: #000;
						    border-bottom: 1px solid #000;
						    border-radius: 0px;
						    background-color: #fff;
						    -webkit-appearance: none;
						    appearance: none;
						    padding: 0px 7px;
						    font-family: 'futura-pt';
						    font-weight: 400;
						    font-size: .9rem;
						    height: 34px;
						    width: 50%;
						    width: calc(100% - 110px);
						    margin-right: 8px;
						}

						.box form input[type="submit"] {
							font-family: 'futura-pt', sans-serif;
							font-weight: 700;
							color: #fff;
							background-color: #000;
							text-align: center;
							height: 34px;
							width: 84px;
						}

						::-webkit-input-placeholder { /* Chrome/Opera/Safari */
					  		color: #6e6e6e;
						}
						::-moz-placeholder { /* Firefox 19+ */
					  		color: #6e6e6e;
						}
						:-ms-input-placeholder { /* IE 10+ */
						  	color: #6e6e6e;
						}
						:-moz-placeholder { /* Firefox 18- */
						  	color: #6e6e6e;
						}


				a.social-wrap {
				    text-decoration: none !important;
				}

				.box svg {
				    width: 22px;
				    height: 22px;
				    display: inline-block;
				    vertical-align: middle;
				    margin-top: 5px;
				}

				.box p svg + span {
				    display: inline-block;
				    vertical-align: middle;
				    color: #000;
				    padding=-left:;
				    padding-left: 7px;
				    margin-top: 5px;
				}


	@media all and (min-width: 1500px) {

		.home h2 {
		    font-size: 1.6vw;
		}

		.home h3 {
			font-size: 1;
		}

		.home p {
			font-size: 1vw;
		}

	}

	@media all and (min-width: 1900px) {

		.home h2 {
	       font-size: 1.9rem;
		}

		.home h3 {
			font-size: 1.1em;
		}

		.home p {
		    font-size: 1.2rem;
		}

	}



/*===\\===============//===*/
/*====\\==== MAP ====//====*/
/*=====\\===========//=====*/

#map {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

	#map h4 {
	    font-size: 0.9rem;
	    padding-bottom: 9px;
	    font-family: 'futura-pt', sans-serif;
	    font-weight: 700;
	    text-transform: uppercase;
	}

	#map p {
	    font-size: 0.9rem;
	    font-family: 'futura-pt', sans-serif;
	    font-weight: 400;
	    color: #636363;
	}

	#map p a {
	    font-weight: 700;
	    color: #000;
	}




/*===\\==============================//===*/
/*====\\==== SERVICES, PRODUCTS ====//====*/
/*=====\\==========================//=====*/

.grid {}

	.grid #wrapper:before {
		content: '';
		display: block;
		height: 71px;
		width: 100%;
	}

		.grid #hero {
			position: relative;
			margin-bottom: 134px;
			overflow: hidden;
		}

			.grid h1 {
				position: absolute;
				top: 50%; 
				left: 50%;
				z-index: 2;
				display: inline-block; *display: inline; zoom: 1;
				text-align: center;
				color: #fff;
				font-size: 4.4rem;
				font-weight: 300;
				line-height: 1;
				text-transform: uppercase;
				border: 1px solid #fff;
				padding: 10px 55px;
				-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);
			}

			.grid #hero .bg {
				position: absolute;
				z-index: 1;
				top: 50%;
				left: 50%;
				width: 103%;
				height: 103%;

				-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);
			}

		.grid .writeup {
		    width: 50vw;
			text-align: left;
			padding: 0% 12%;
			margin-bottom: 200px;
		}


			.grid .writeup p {
		        font-size: 1.8vw;
			    font-weight: 300;
			    line-height: 1.4;
			    letter-spacing: .02em;
			    padding-bottom: 1.1em;
			}

		@media all and (max-width: 1440px) {

			.grid .writeup {
				width: 76%;
				max-width: 720px;
			}

			.grid .writeup p {
				font-size: 1.6rem;
			}

		}

			.grid .writeup:after {
				content: '';
				display: block;
				width: 66px;
				height: 5px;
				background-color: #000;
			}

		.grid ul#grid {
			list-style-type: none;
			width: 92%;
			margin: auto;
		}

			#grid li {
				border: 1px solid #ccc;
				box-sizing: border-box;
				text-align: center;
				width: 31.7%;
				margin-right: 2.45%;
				min-height: 200px;
				float: left;
				cursor: pointer;
				position: relative;

				transition: border .25s;
			}

			#grid li:before {
				content: '';
				display: inline-block;
				width: 0;
				height: 100%;
				vertical-align: middle;
			}

			#grid li img.photo {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				max-width: 90%;
				max-height: 70%;
				height: auto;
				width: auto;
			}

			.products #grid li {
				min-height: 0px;
				border: 0px !important;
			}

			#grid li:nth-child(3n) {
				margin-right: 0%;
			}

			.no-touchevents #grid li:hover {
				border: 1px solid #000;

				transition: border .15s;
			}

				#grid li .inner {
					width: 80%;
				}

					#grid li h2 {
						font-family: 'futura-pt-condensed', sans-serif;
						font-weight: 400;
						line-height: 1;
						padding-bottom: 0.4em;
						color: #6e6e6e;
						text-transform: uppercase;

						transition: color .25s;
					}

					.no-touchevents #grid li:hover h2 {
						color: #3a3a3a;

						transition: color .15s;
					}

					#grid li p {

					}

				#grid li a {
					text-decoration: none;
				}

				#grid li .descr {
					text-align: left;
					position: relative;
					top: -11px;
				}

					#grid li .descr p {
					    padding-bottom: 0.8em;
					    color: inherit;
					}

					.no-touchevents #grid li a:hover {
						color: #000;
					}

			#grid li.project .inner {
				position: absolute;
				top: 87%;
				left: 10%;
				text-align: center;
			}

			#grid li.project .inner h2 {
				margin-bottom: 0;
				padding-bottom: 0;
				line-height: 1;
			}

			#grid li.project .inner p {
				line-height: 1;
			}

		.igCallout {
			text-align: center;
		}

			.igCallout a {
				display: inline-block; *display: inline; zoom: 1;
				border: 1px solid #e1e1e1;
				padding: 28px 41px;
			    margin: 40px auto 50px;
				text-decoration: none !important;
				transition: border .2s, color .2s;
			}

			.no-touchevents .igCallout a:hover {
				border: 1px solid #000;
				color: #000;

				transition: border .2s, color .2s;
			}

				.igCallout a img {
					width: 33px;
					height: auto;
				}

				.igCallout p {
				    font-size: 1rem;
				    padding: 7px 0px 0px;
				    letter-spacing: .03em;
				    color: inherit;
				}


		@media all and (min-width: 1500px) {

			#grid .inner h2 {
				font-size: 1.6vw;
			}

			#grid .inner p,
			.products .descr p,
			.igCallout p {
				font-size: 1vw;
			}

		}

		@media all and (min-width: 1900px) {

			#grid .inner h2 {
			    font-size: 1.9rem;
			}

			.products .descr p,
			.igCallout p {
				font-size: 1.2em;
			}

		}






/*===\\=========================//===*/
/*====\\==== EVENTS, PRESS ====//====*/
/*=====\\=====================//=====*/

.blog {}

	.blog #wrapper {
		width: 88%;
		max-width: 1000px;
		margin: 0px auto -329px;
	}

	.blog #wrapper:before {
		content: '';
		display: block;
		height: 100px;
		width: 100%;
	}
	
		.blog .entry {
		    margin-top: 150px;
		    position: relative;
		}

			.blog .entry a {
				padding: 20px 12px 50px 8px;
				text-decoration: none;
				display: block;
			}

				.blog .entry h2 {
				    font-weight: 300;
				    color: #6e6e6e;
				    letter-spacing: 0em;
				    font-size: 2.4rem;
				    padding-bottom: 0.1em;
				    padding-left: 0px;

				    transition: color .2s 0s, padding-left .2s 0s ease-in-out;
				}

				.no-touchevents .blog .entry:hover h2 {
					color: #1f1e1e;
					padding-left: 50px;

					transition: color .2s 0s, padding-left .2s 0s ease-in-out;
				}

				.blog .entry p {
				    font-size: 0.95rem;
				    padding-left: 2px;
				    max-width: 470px;
				    width: 88%;

				    transition: padding-left .2s .05s ease-in-out;
				}

				.no-touchevents .blog .entry:hover p {
					padding-left: 52px;

					transition: padding-left .2s .05s ease-in-out;
				}

				.blog .entry .viewMore {
				    position: absolute;
				    bottom: 14px;
				    right: 12px;
				    display: inline-block;
				    zoom: 1;
				    letter-spacing: .2em;
				    color: #000;
				    font-size: 0.7rem;
				    padding-top: 7px;
				    padding-right: 15px;
				}

					.blog .entry .viewMore span {
						opacity: 0;

						transition: opacity .2s;
					}

					.no-touchevents .blog .entry:hover .viewMore span {
						opacity: 1;
					}

					.blog .entry .viewMore:after {
					    content: '';
					    display: block;
					    width: 0px;
					    height: 0px;
					    position: absolute;
					    top: 10px;
					    right: 0px;
					    border-left: 6px solid #000;
					    border-top: 4px solid transparent;
					    border-bottom: 4px solid transparent;
					}

				.blog .entry:before {
					content: '';
					display: block;
					position: absolute;
					bottom: 0px;
					left: 0px;
					z-index: 1;
					width: 100%;
					height: 1px;
					background-color: #e9e9e9;
				}

				.blog .entry:after {
					content: '';
					display: block;
					position: absolute;
					bottom: 0px;
					left: 0px;
					z-index: 2;
					width: 0%;
					height: 1px;
					background-color: #a8a8a8;

					transition: width .2s ease-in-out;
				}

				.no-touchevents .blog .entry:hover:after {
					width: 100%;

					transition: width .4s ease-in-out;
				}

		@media all and (min-width: 1500px) {

			.blog .entry h2 {
    			font-size: 2.6vw;	
			}

			.blog .entry p {
				font-size: 1vw;
			}

		}

		@media all and (min-width: 1900px) {

			.blog .entry h2 {
			    font-size: 3.1rem;
			}

			.blog .entry p {
				font-size: 1.2em;
			}

		}





/*===\\===========================//===*/
/*====\\==== ABOUT + CONTACT ====//====*/
/*=====\\=======================//=====*/

.info {}

	.info .writeup {
		width: 88%;
		margin: 0px auto 0px;
		max-width: 800px;
	    padding-top: 195px;
	}

		.info h1 {
	    	line-height: 1.3;
	    	padding-bottom: 1.3em;	
		}

			.info h1:before {
				content: '';
				display: block;
				width: 44px;
				height: 2px;
				background-color: #000;
				margin-bottom: 21px;
			}

		.info h2 {
		    padding-bottom: 1.3em;
		}

		.info .writeup p + h2 {
		    padding-top: 1.7em;
		}

		.info .writeup p {
		    padding-bottom: 1.5em;
		    line-height: 1.6;
		}

			.info .writeup a {
				font-weight: 700;
				color: #000;
			}

			.info .writeup img {
			    width: 50%;
			    height: auto;
			    display: block;
			}

				.info .writeup p img.portrait {
				    width: 34%;
				}

			.info #map {
				margin-top: 80px;
			}


	@media all and (min-width: 1500px) {

		.info .writeup h1,
		.info .writeup h2 {
		    font-size: 1.6vw;
		}

		.info .writeup p {
			font-size: 1vw;
		}

	}

	@media all and (min-width: 1900px) {

		.info .writeup h1,
		.info .writeup h2 {
	       font-size: 1.9rem;
		}

		.info .writeup p {
		    font-size: 1.2rem;
		}

	}



/*===\\==========================//===*/
/*====\\==== LIGHTBOX POPUP ====//====*/
/*=====\\======================//=====*/

.lightbox {
    position: fixed;
    opacity: 0;
    z-index: -99;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.9);

    transition: opacity .4s 0s, z-index 0s .4s;
}

.overlayON .lightbox {
	opacity: 1;
	z-index: 300;

	transition: opacity .4s 0s, z-index 0s 0s;
}

	.lightbox .inner {
	    position: absolute;
	    text-align: center;
	    z-index: 2;
	    top: 50%;
	    left: 50%;
	    max-width: 80%;
	    height: 80%;

		-webkit-transform: translate(-50%,-53%);
			-ms-transform: translate(-50%,-53%);
				transform: translate(-50%,-53%);
	}

		.lightbox .inner .slickslideshow {
			position: relative;
			height: 60vh;
			width: 100%;
			overflow: hidden;
			margin: 20px auto 0 auto;
			text-align: center;
		}

		.lightbox .inner .slickslideshow .cell {
			position: relative;
			height: 100%;
			width: 100%;
			margin: 0px auto;
		}

		.lightbox .inner .slickslideshow .cell img.photo {
			display: block;
			width: auto;
			height: 60vh;
			margin: 0px auto;
		}

		.lightbox .inner img.pic {
			opacity: 0;
			height: auto;
			width: auto;
			max-width: 100%;
			max-height: 100%;
		}

		.lightbox .inner:before {
		    margin-right: -4px;
		}

		.lightbox .inner .info {
			margin-right: -4px;
			position: relative;
			width: 100%;
			height: auto;
		}

			.lightbox .inner .info h2 {
				padding-bottom: .7em;
			}

			.lightbox .inner .info .theDetails {
				position: relative;
				width: 100%;
			}

			.lightbox .inner .info .theDetails p {
				max-width: 900px;
				margin: 0px auto;
			}

		.lightbox .close.small {
		    display: block;
		    position: absolute;
		    width: 19px;
		    height: 19px;
		    bottom: -40px;
		    left: 50%;
		    cursor: pointer;
		    -webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		    transform: translateX(-50%);
		}

	.lightbox .close.overlay {
		position: absolute;
		z-index: 1;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}