/* ====================== */
/* === General styles === */
/* ====================== */

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

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

body {
	font-family: "Knockout 32 A", "Knockout 32 B";
	font-style: normal;
	font-weight: 400;
    font-size: 12px;
	color: #444444;
	-webkit-font-smoothing: antialiased;
}

#page-nav {
	opacity: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Knockout 52 A", "Knockout 52 B";
	font-style: normal;
	font-weight: 400;
}

.bold {
	font-family: "Knockout 52 A", "Knockout 52 B";
	font-style: normal;
	font-weight: 400;
}

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

a:link, a:visited {

}

.no-touchevents a:hover, .no-touchevents a:active {
    color: #252525;
    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-top 		{ display: inline-block; *display: inline; zoom: 1; vertical-align: top; 	}
.v-bottom 	{ display: inline-block; *display: inline; zoom: 1; vertical-align: bottom; }
.v-baseline { display: inline-block; *display: inline; zoom: 1; vertical-align: baseline; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.bgcover {
	background-size: cover;
	background-position: 50% 50%;
}

.mobileOnly {
	display: none;
}

.hidden {
	display: none;
}

#wrapper {
	width: 100%;
	min-height: 100%;
	margin-bottom: -85px;
	padding-top: 0px;

	transition: padding-top .3s ease-in-out;
}

#wrapper:after {
	content: '';
	display: block;
}

/*.fadeOn #wrapper {
	opacity: 0;
}*/

/* ============== */
/* === Header === */
/* ============== */

header {
	width: 100%;
	height: 53px;
	text-align: center;
	position: fixed;
	background-color: rgba(25,25,25,1);
	box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
	z-index: 290;
	cursor: default;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

	header .logo {
		width: 246px;
		height: 17px;
		position: absolute;
		top: 50%;
		left: 9.275%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

		header .logo img {
			width: 100%;
			height: 100%;
		}

	header ul.nav {
		list-style-type: none;
		position: absolute;
		top: 50%;
		right: 9.275%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		line-height: 1;
		text-transform: uppercase;
	}

		header ul.nav li {
    		margin-left: 22px;
    		vertical-align: baseline;
		}

			header ul.nav > li > a {
			    letter-spacing: .05em;
			    color: #fff;

			    font-family: "Knockout 52 A", "Knockout 52 B";
			    font-style: normal;
			    font-weight: 400;
			    font-size: 13px;

			    transition: color .15s;
			}

			.no-touchevents header ul.nav > li > a:hover,
			header ul.nav > li > a.pageOn {
				color: #777575;
				transition: color .15s;
			}
			
			.no-touchevents header ul.nav > li > a.hasSub:hover,
			header ul.nav > li > a.hasSub.pageOn  {
				color: #fff;
			}


				header ul.nav > li > a.hasSub:before {
					content: '';
					display: inline-block; *display: inline; zoom: 1;
					width: 0px;
					height: 0px;
					border-left: 5px solid #fff;
				}

				header ul.nav > li > a.hasSub:before {
					content: '';
					display: inline-block; *display: inline; zoom: 1;
					width: 0px;
					height: 0px;
					margin-right: 5px;
				    border-left: 6px solid #fff;
				    border-top: 4px solid transparent;
				    border-bottom: 4px solid transparent;
					-webkit-transform: rotate(0deg);
						-ms-transform: rotate(0deg);
							transform: rotate(0deg);
					transition: transform .15s;
					-webkit-transition: -webkit-transform .15s;
					-ms-transition: -ms-transform .15s;
				}

				.subOpen.portfolios header ul.nav > li > a.hasSub:before {
					-webkit-transform: rotate(90deg);
						-ms-transform: rotate(90deg);
							transform: rotate(90deg);

					transition: transform .15s;
					-webkit-transition: -webkit-transform .15s;
					-ms-transition: -ms-transform .15s;
				}


.subHolder {
    text-align: center;
    background-color: #fff;
    padding: 0px 9.275% 50px;
    width: 81.45%;
    z-index: 280;
    position: fixed;
    top: 53px;
    left: 0px;
    box-shadow: 0px 2px 54px 0px rgba(0,0,0,0);

	-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
			transform: translateY(-100%);

	transition-property: transform, box-shadow;
	transition-duration: .3s, .3s;
	transition-timing-function: ease-in-out, ease-in-out;

	-webkit-transition-property: -webkit-transform, box-shadow;
	-webkit-transition-duration: .3s, .3s;
	-webkit-transition-timing-function: ease-in-out, ease-in-out;

	-ms-transition-property: -ms-transform, box-shadow;
	-ms-transition-duration: .3s, .3s;
	-ms-transition-timing-function: ease-in-out, ease-in-out;

}

.subOpen .subHolder {
	box-shadow: 0px 2px 54px 0px rgba(0,0,0,.7);

	-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
			transform: translateY(0%);

	transition-property: transform, box-shadow;
	transition-duration: .3s, .3s;
	transition-timing-function: ease-in-out, ease-in-out;

	-webkit-transition-property: -webkit-transform, box-shadow;
	-webkit-transition-duration: .3s, .3s;
	-webkit-transition-timing-function: ease-in-out, ease-in-out;

	-ms-transition-property: -ms-transform, box-shadow;
	-ms-transition-duration: .3s, .3s;
	-ms-transition-timing-function: ease-in-out, ease-in-out;

}

	.subHolder ul.sub {
	    list-style-type: none;
	    padding-top: 66px;
	    padding-bottom: 46px;
	    max-width: 800px;
	    margin: auto;
	}

		.subHolder ul.sub .col {
			display: inline-block; *display: inline; zoom: 1;
			margin-right: 105px;
		}

			.subHolder ul.sub li {
				display: inline-block; *display: inline; zoom: 1;
				line-height: 1.6;
				border-right: 1px solid #e5e5e5;
				padding: 0px 22px;
				margin-right: -4px;
			}

			.subHolder ul.sub li:last-child {
				border-right: none;
			}

				.subHolder .sub li a {
				    font-size: 22px;
				    letter-spacing: .05em;
				    font-family: "Knockout 52 A", "Knockout 52 B";
				    font-style: normal;
				    font-weight: 400;
				    color: #333333;
				    transition: color .15s;
				}

				.no-touchevents .subHolder .sub li a:hover,
				.subHolder .sub li a.pageOn {
					color: #9C9C9C;
					transition: color .15s;
				}

	.subHolder h2 {
	    font-size: 12px;
	    letter-spacing: .15em;
	    color: #333333;
	    border-bottom: none;
	    padding-bottom: 12px;
	    line-height: 1;
	}

	.subHolder ul.tags {
		list-style-type: none;
		max-width: 1075px;
		margin: auto;
	}

		.subHolder ul.tags li {
			display: inline-block; *display: inline; zoom: 1;
		    margin-right: 10px;
		    margin-bottom: 1.2em;
		    padding-right: 10px;
		    border-right: 1px solid #d8d8d8;
		    line-height: 1;
		}

		.subHolder ul.tags li:last-child {
			padding-right: 0px;
			margin-right: 0px;
			border-right: none;
		}

			.subHolder ul.tags li a {
				text-transform: uppercase;
				color: #757575;
		        letter-spacing: 0.13em;
			    transition: color .15s;
			}

			.no-touchevents .subHolder ul.tags li a:hover,
			.subHolder ul.tags li a.pageOn {
				color: #333;
			    transition: color .15s;
			}

	.subHolder .close {
		width: 11px;
		height: 11px;
		display: block;
	    margin: 47px auto 0px;
		position: relative;
		cursor: pointer;
		opacity: 1;

		transition: opacity .15s;
	}

	.no-touchevents .subHolder .close:hover {
		opacity: .5;

		transition: opacity .15s;
	}

		.subHolder .close span:first-child {
			width: 15px;
			height: 1px;
			display: block;
			position: absolute;
			top: 5px;
			left: -2px;
			background-color: #000;
			transform: rotate(-45deg);
		}

		.subHolder .close span:last-child {
			width: 15px;
			height: 1px;
			display: block;
			position: absolute;
			top: 5px;
			left: -2px;
			background-color: #000;

			transform: rotate(45deg);
		}


/* ============== */
/* === Footer === */
/* ============== */

footer {
	width: 100%;
	background-color: rgb(255,255,255);
	color: rgb(144,144,144);
	font-size: 10px;
    letter-spacing: .08em;
	cursor: default;
}

footer, #wrapper:after {
	height: 85px;
}

	footer .inner {
		width: 81.45%;
		height: 100%;
	    margin: 0% auto;
	    position: relative;
	}

		footer .links {
			position: absolute;
			top: 50%;
			right: 0%;

			-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
					transform: translateY(-50%);
		}

			footer .links {
				list-style-type: none;
			}

				footer .links li {
					margin-left: 5px;
					padding-left: 5px;
					border-left: 1px solid #ccc;
					line-height: 1;
				}

				footer .links li:first-child {
					border: none;
				}

		footer .credit {
			position: absolute;
			top: 50%;
			left: 0%;

			-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
					transform: translateY(-50%);
		}

			.no-touchevents footer p a:hover,
			.no-touchevents footer p a:active {
				border-color: rgb(202,202,202);
			}




/*===\\=======================//===*/
/*====\\==== SPLASH PAGE ====//====*/
/*=====\\===================//=====*/

.home #wrapper {

}

	.home #splash {
	    z-index: 300;
	    position: relative;
	    overflow: hidden;
	    background-color: #000;
	}

		#splash .introLogo {
			position: absolute;
			z-index: 5;
			top: 50%;
			left: 50%;
			width: 86%;
			text-align: center;
			-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
		}

			.introLogo img {
				width: 100%;
				max-width: 757px;
				cursor: pointer;
			    opacity: 0;
			    -webkit-transform: scale(.9,.9);
			    	-ms-transform: scale(.9,.9);
			    		transform: scale(.9,.9);
			}

			.ready .introLogo img {
				animation: logoIn .3s ease-out 1.2s 1 normal forwards;
			}

			@keyframes logoIn {
				0% { 
				    -webkit-transform: scale(.9,.9);
				    	-ms-transform: scale(.9,.9);
				    		transform: scale(.9,.9);
		    		opacity: 0;
				}

				100% { 
				    -webkit-transform: scale(1,1);
				    	-ms-transform: scale(1,1);
				    		transform: scale(1,1);
		    		opacity: 1;
				}
			}

			.introLogo .downArrow {
				width: 37px;
				height: 37px;
				border-radius: 50%;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
				border: 2px solid #ffffff;
				position: relative;
				display: block;
				margin: 40px auto 0px;
				cursor: pointer;
				opacity: 0;
				-webkit-transform: scale(.4,.4);
					-ms-transform: scale(.4,.4);
						transform: scale(.4,.4);
			}

			.ready .introLogo .downArrow {
				animation: popIn .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.45s 1 normal forwards;
			}

				.introLogo .downArrow:after {
					content: '';
					display: block;
					width: 13px;
					height: 13px;
					position: absolute;
					top: 10px;
					left: 12px;
					box-sizing: border-box;
					border-bottom: 2px solid #fff;
					border-left: 2px solid #fff;

					-webkit-transform: rotate(-45deg);
						-ms-transform: rotate(-45deg);
							transform: rotate(-45deg);

					-webkit-transform-origin: 50% 50%;
						-ms-transform-origin: 50% 50%;
							transform-origin: 50% 50%;
				}

			@keyframes popIn {
				0% {
					-webkit-transform: scale(.4,.4);
						-ms-transform: scale(.4,.4);
							transform: scale(.4,.4);
					opacity: 0;
				}
				
				100% {
					-webkit-transform: scale(1,1);
						-ms-transform: scale(1,1);
							transform: scale(1,1);
					opacity: 1;
				}
			}

		#splash .shape {
			position: absolute;
			z-index: 2;
			top: 50%;
			left: 50%;

			backface-visibility: hidden;
			-webkit-backface-visibility: hidden;

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

			-webkit-transform-origin: 0% 0%;
				-ms-transform-origin: 0% 0%;
					transform-origin: 0% 0%;
		}

			#splash .shape .shapeInner {
				position: absolute;
				width: 100%;
				height: 0%;
				top: 50%;
				left: 0%;
				animation: rotateMe 1s ease-in-out 1s 1 normal both;

				-webkit-transform-origin: 50% 50%;
					-ms-transform-origin: 50% 50%;
						transform-origin: 50% 50%;
			}

			@keyframes rotateMe {
				0% {
					height: 0%;
					top: 50%;
					-webkit-transform: rotate(0deg);
						-ms-transform: rotate(0deg);
							transform: rotate(0deg);
				}

				50% {
					height: 0%;
					top: 50%;
					-webkit-transform: rotate(-45deg);
						-ms-transform: rotate(-45deg);
							transform: rotate(-45deg);
				}

				100% {
					height: 100%;
					top: 0%;
					-webkit-transform: rotate(-45deg);
						-ms-transform: rotate(-45deg);
							transform: rotate(-45deg);
				}
			}

				#splash .shapeInner span:first-child {
					height: 1px;
					width: 0%;
					background-color: #fff;
					position: absolute;
				    top: 0px;
				    right: 50%;
				    -webkit-transform: translateX(50%);
				    	-ms-transform: translateX(50%);
				    		transform: translateX(50%);
				}

				.ready #splash .shapeInner span:first-child {
					animation: lineAnim .8s ease-in-out 0s 1 normal forwards;
				}

				#splash .shapeInner span:last-child {
					height: 1px;
					width: 0%;
					background-color: #fff;
					position: absolute;
					bottom: 0%;
					left: 50%;
				    -webkit-transform: translateX(-50%);
				    	-ms-transform: translateX(-50%);
				    		transform: translateX(-50%);
				}

				.ready #splash .shapeInner span:last-child {
					animation: lineAnim .8s ease-in-out 0s 1 normal forwards;
				}

				@keyframes lineAnim {
					0% { 
						width: 0%;
					}

					100% { 
						width: 100%;
					}
				}

		#splash .cycle-slideshow {
			position: relative;
			height: 100%;
			z-index: 1;
		}

			#splash .cycle-slideshow .cell {
				width: 100%;
				height: 100%;
				background-size: cover;
				background-position: 50% 50%;
			}

				#splash .cycle-slideshow .cell video {
				    position: absolute;
				    top: 50%;
				    left: 50%;
				    width: auto;
				    height: auto;
				    min-width: 100%;
				    min-height: 100%;
				    -webkit-transform: translate(-50%, -50%);
				    -moz-transform: translate(-50%, -50%);
				    -ms-transform: translate(-50%, -50%);
				    transform: translate(-50%, -50%);
				}

	.home header {
		position: relative;
	}

	.fixedhead header {
		position: fixed;
		top: 0px;
		left: 0px;
	}

	.home .spacer {
		height: 59px;
	}

	.home #grid {
		margin-top: 0px;
	}

	.fixedhead.home #grid {
		top: 53px;
	}


/*===\\========================================//===*/
/*====\\==== MASONRY GRIDS: general rules ====//====*/
/*=====\\====================================//=====*/

#grid {
	list-style-type: none;
	width: 81.45%;
	margin: 0px auto 50px;
    z-index: 250;
}

.spacer {
	height: 112px;
	width: 100%;
}

	#grid > li {
		display: block;
		float: left;
		opacity: 0;
		/*overflow: hidden;*/
		color: #fff;
	}
	
	.videos #grid > li {
		opacity: 1;
	}

	.grid-sizer, #grid > li, #instafeed > li {
		width: 31.62%;
	}

	.gutter-sizer {
		width: 2.57%;
	}

	.storyOverview #grid {
		width: 84.7%;
    	max-width: 1263px;
	}

		.storyOverview #grid > li,
		.storyOverview .grid-sizer {
			width: 47.86%;
			text-align: center;
		}

		.storyOverview .gutter-sizer {
			width: 4.28%;
		}

			.storyOverview .cell .title {
			    font-size: 13px;
		        padding: 13px 15% 12px;
			    width: 70%;
			    letter-spacing: .1em;
			}

	#grid.instagram li {
		opacity: 1 !important;
	}

    #grid > li.shown,
    .no-js #grid > li,
    .no-cssanimations #grid > li {
    	opacity: 1;
    }

    #grid > li a,
    #grid > li img,
	#instafeed > li img,
	#instafeed > li a {
      	outline: none;
      	border: none;
      	display: block;
      	width: 100%;
      }

	  #grid > li img.photo {
		  opacity: 0;
	  }


	/* Effect 1: opacity */
	.grid.effect-1 li.animate {
		-webkit-animation: fadeIn 0.65s ease forwards;
		animation: fadeIn 0.65s ease forwards;
	}

	@-webkit-keyframes fadeIn {
		0% { }
		100% { opacity: 1; }
	}

	@keyframes fadeIn {
		0% { }
		100% { opacity: 1; }
	}




/*===\\==========================//===*/
/*====\\==== GRID ROLLOVERS ====//====*/
/*=====\\======================//=====*/

#instafeed {
	opacity: 0;
}

#grid > li {
	/*overflow: visible;*/
}

	#grid .lb-icon {
		position: absolute;
		bottom: 0px;
		left: 0px;
		z-index: 3;
		width: 12px;
		height: 12px;
		opacity: 0;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		cursor: pointer;

		transition: opacity .15s 0s;
	}

	.grid.videos #grid .lb-icon {
		display: none;
	}

	.no-touchevents #grid > li:hover .lb-icon {
		opacity: 1;

		transition: opacity .15s .15s;
	}

		#grid .lb-icon:before {
			content: '';
			display: block;
			position: absolute;
			top: 5px;
			left: 0px;
			width: 12px;
			height: 2px;
			background-color: #fff;
			-webkit-transform: rotate(-90deg);
				-ms-transform: rotate(-90deg);
					transform: rotate(-90deg);

			transition: transform .25s 0s;
		}

			#grid > li.added .lb-icon:before {
				-webkit-transform: rotate(0deg);
					-ms-transform: rotate(0deg);
						transform: rotate(0deg);

				transition: transform .25s 0s;
			}

		#grid .lb-icon:after {
			content: '';
			display: block;
			position: absolute;
			top: 5px;
			left: 0px;
			width: 12px;
			height: 2px;
			background-color: #fff;
		}

	.grid .cell .lb-notify {
		position: absolute;
		width: 0%;
		height: 0%;
		top: 0px;
		left: 0px;	
		z-index: 2;
		text-align: center;

		transition-property: width, height;
		transition-duration: 0s, 0s;
		transition-delay: .3s, .3s;
	}

	.cell.notify-off .lb-notify {
		width: 0%;
		height: 0%;

		transition-property: width, height;
		transition-duration: 0s, 0s;
		transition-delay: .3s, .3s;
	}

	.cell.notify-on .lb-notify {
		width: 100%;
		height: 100%;

		transition-property: width, height;
		transition-duration: 0s, 0s;
		transition-delay: 0s, 0s;
	}

		.lb-notify span {
			display: block;
			opacity: 0;
			width: 80%;
			margin: 0% 10%;
			position: absolute;
			top: 50%;
			left: 0%;
		    font-size: 20px;

			opacity: 0;

			transition-property: opacity;
			transition-duration: .3s;
			transition-delay: 0s;
		}

		.cell.notify-off .lb-notify span {
			opacity: 0;

			transition-property: opacity;
			transition-duration: .3s;
			transition-delay: 0s;
		}

		.cell.notify-on .lb-notify span {
			opacity: 1;

			transition-property: opacity;
			transition-duration: 1s;
			transition-delay: .1s;
		}



	#grid > li a.bigLink, #instafeed > li a.bigLink {
		position: relative;
		z-index: 1;

		box-shadow: 11px 15px 39px 0px rgba(0,0,0,.18);

		-webkit-transform: scale(1, 1);
			-ms-transform: scale(1, 1);
				transform: scale(1, 1);

		-webkit-transform-origin: 50% 50%;
			-ms-transform-origin: 50% 50%;
				transform-origin: 50% 50%;

		-webkit-transition-property: box-shadow, transform;
		-webkit-transition-duration: .15s, .15s;
		-webkit-transition-timing-function: ease-in-out;
		-webkit-transition-delay: 0s;

		-ms-transition-property: box-shadow, transform;
		-ms-transition-duration: .15s, .15s;
		-ms-transition-timing-function: ease-in-out;
		-ms-transition-delay: 0s;

		transition-property: box-shadow, transform;
		transition-duration: .15s, .15s;
		transition-timing-function: ease-in-out;
		transition-delay: 0s;
	}

	.no-touchevents #grid > li:hover a.bigLink, .no-touchevents #instafeed > li:hover a.bigLink {
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); 
		-webkit-transform: scale(.95, .95);
			-ms-transform: scale(.95, .95);
				transform: scale(.95, .95);
	}

		#grid > li .overlay, #instafeed > li .overlay {
			width: 100%;
			height: 100%;
			position: absolute;
			z-index: 1;
			top: 0px;
			left: 0px;
			background-color: rgba(0,0,0,0);
			transition: background-color .15s;
		}

		.no-touchevents #grid > li:hover .overlay, .no-touchevents #instafeed > li:hover .overlay {
			background-color: rgba(0,0,0,.3);
		}

			#grid > li .overlay .inner, #instafeed > li .overlay .inner {
				position: absolute;
				top: 50%;
				left: 0%;
				width: 100%;
				-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
						transform: translateY(-50%);
				opacity: 0;

				transition: .15s opacity 0s;
			}

			.no-touchevents #grid > li:hover .overlay .inner, .no-touchevents #instafeed > li:hover .overlay .inner, #grid li.gridvideo .inner {
				opacity: 1;

				transition: .15s opacity .15s;
			}

			#grid > li .overlay svg {
				width: 70px;
				position: relative;
				display: block;
				margin: auto;
			}

				#grid > li .overlay svg path {
					fill: #fff;
				}

			#grid > li .overlay p {
			    width: 80%;
			    margin: 10px 10% 0%;
			    text-align: center;
			    color: #fff;
			    font-size: 20px;
			}

	.grid > li .caption, #instafeed > li .caption {
	    position: absolute;
	    z-index: 3;
		/*set bottom value in JS*/
		right: 0px;
		max-width: 64%;
	    text-align: right;
	    display: inline-block; *display: inline; zoom: 1;
	    opacity: 0;

	    transition: opacity .15s 0s;
	}

	.no-touchevents .grid > li:hover .caption, .no-touchevents #instafeed > li:hover .caption {
		opacity: 1;

		transition: opacity .15s .15s;
	}

	.no-touchevents .grid > li.notify-on:hover .caption {
		opacity: 0;

		transition: opacity .15s 0s;
	}

	.no-touchevents .grid > li.notify-off:hover .caption {
		opacity: 1;

		transition: opacity .15s .15s;
	}

		.grid .caption > p, #instafeed .caption > p {
    		font-size: 20px;
		}

		@media all and (max-width: 1630px) {
			.grid .caption > p a, #instafeed .caption > p a {
	    		color: #fff;
			}
		}

			.grid .caption > p a, #instafeed .caption > p a {
	    		color: #fff;
			}


		#grid li .caption .tags, #instafeed li .caption .tags {
			display: inline-block; *display: inline; zoom: 1;
			margin-top: 12px;
		}

		#grid li .caption .tags ul {
			list-style-type: none;
		}

			#grid li .caption .tags ul li {
				margin: 0px 0px 0px 3px !important;
				cursor: pointer;
			}

				#grid li .caption .tags ul li:after {
					content: ',';
				}

			#grid li .caption .tags ul li:last-child {

			}

				#grid li .caption .tags ul li:last-child:after {
					display: none;
				}
				
			#grid li .caption .tags ul li a {
				display: inline-block;
				*display: inline;
				zoom: 1;
				margin-right: 0px;
				width: auto;
			}
			
.grid .tagcontent {
	width: 95%;
	max-width: 822px;
	margin: 60px auto 100px auto;
	text-align: center;
}

	.grid .tagcontent h1 {
		width: 80%;
		margin: auto;
		font-size: 200%;
		margin-bottom: 20px;
		font-family: "Knockout 32 A", "Knockout 32 B";
	}
	
	.grid .tagcontent p {
		margin-bottom: 40px;
		font-size: 130%;
		font-weight: 300;
		line-height: 1.5;
		color: #8d8d8d;
	}



/*===\\==========================//===*/
/*====\\==== INSTAGRAM GRID ====//====*/
/*=====\\======================//=====*/

#grid.instagram li {
	margin-right: 2.02%;
	margin-bottom: 30px;
}

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



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

body.grid.lightbox .spacer {
	height: 153px;
}

body.grid.lightbox .grid .cell .lb-notify {
	display: none;
}

.lbTools {
    height: 40px;
    width: 81.45%;
    border-bottom: 1px solid #e1e1e1;
    position: fixed;
    top: 53px;
    background-color: #fff;
    z-index: 251;
    font-size: 11px;
    letter-spacing: .05em;
    line-height: 1;
    text-align: center;
    padding: 0% 9.275%;
}

	.lbTools li {
	    display: inline-block; *display: inline; zoom: 1;
        margin: 0px 10px;
        cursor: pointer;
	}

		.lbTools li img {
		    display: inline-block; *display: inline; zoom: 1;
		    height: 15px;
		    width: auto;
		    vertical-align: middle;
		    margin-right: 7px;
	        opacity: 0.4;

	        transition: opacity .15s;
		}

		.lbTools li span {
		    vertical-align: middle;
			color: #b0b0b0;

			transition: color .15s;
		}

		.no-touchevents .lbTools li:hover img {
			opacity: 1;
		}

		.no-touchevents .lbTools li:hover span {
			color: #252525;
		}

.lightbox .message h1 {
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    letter-spacing: .03em;
}

.loghtbox .message p {
	width: 88%;
	max-width: 500px;
	text-align: center;
	line-height: 1.6;
	color: #808080;
	letter-spacing: .03em;
	font-size: 0.8rem;
	margin: 40px auto 0px;
	border-top: 1px solid #eaeaea;
	padding-top: 30px;
}

			
/* PDF SELECTOR */

  .pdf_select, .pdfOverlay {
    position: fixed;
    z-index: -500;
    opacity: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background-color: rgba(255,255,255,.93);

    transition-property: opacity, z-index;
    transition-duration: .4s, 0s;
    transition-delay: 0s, .4s;
    -webkit-transition-property: opacity, z-index;
    -webkit-transition-duration: .4s, 0s;
    -webkit-transition-delay: 0s, .4s;
    -moz-transition-property: opacity, z-index;
    -moz-transition-duration: .4s, 0s;
    -moz-transition-delay: 0s, .4s;
    -o-transition-property: opacity, z-index;
    -o-transition-duration: .4s, 0s;
    -o-transition-delay: 0s, .4s;
  }

  .pdf_select.on, .pdfOverlay.on, .pdfOpen .pdf_select, .linkOpen .pdf_link {
    z-index: 500;
    opacity: 1;

    transition-property: opacity, z-index;
    transition-duration: .4s, 0s;
    transition-delay: 0s, 0s;
    -webkit-transition-property: opacity, z-index;
    -webkit-transition-duration: .4s, 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-property: opacity, z-index;
    -moz-transition-duration: .4s, 0s;
    -moz-transition-delay: 0s, 0s;
    -o-transition-property: opacity, z-index;
    -o-transition-duration: .4s, 0s;
    -o-transition-delay: 0s, 0s;
  }

    .pdf_select article, .pdfOverlay article {
      position: relative;
      z-index: 3;
      color: #000;
      background-color: #fff;
      padding: 40px 50px;
      box-shadow: 0px 10px 30px 0px rgba(0,0,0,.12);
      -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,.12);
      -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,.12);
    }

      .pdf_select article img.closeLB, .pdfOverlay article img.closeLB {
        display: block;
        width: 14px;
        height: auto;
        position: absolute;
        top: 11px;
        right: 12px;
        cursor: pointer;
      }

      .pdf_select article h1, .pdfOverlay article h1 {
		font-weight: normal;
		letter-spacing: .05em;
		font-size: 20px;
		padding-bottom: 13px;
		line-height: 1em;
      }

      .pdf_select article p, .pdfOverlay article p {
		letter-spacing: .03em;
	    color: #929292;
		line-height: 2;
      }

		.pdfOverlay article p.theLink {
		    color: #888888;
		}

	  .pdfOverlay .linkHolder {
	    font-size: 14px;
	    padding: 30px 20px;
	  }

		.pdfOverlay .linkHolder span {
		    font-size: 80%;
		    display: block;
		    color: #929292;
		    margin: 20px 0px 0px;
		}

      .pdf_select article ul {
        list-style-type: none;
        padding: 30px 0px;
      }

        .pdf_select article ul li {
          border: 1px solid #cecece;
          background-color: #ffffff;
          cursor: pointer;
          margin-right: 20px;
          padding: 24px 9px;

          transition-property: border, background-color;
          transition-duration: 200ms;
          -webkit-transition-property: border, background-color;
          -webkit-transition-duration: 200ms;
          -moz-transition-property: border, background-color;
          -moz-transition-duration: 200ms;
          -o-transition-property: border, background-color;
          -o-transition-duration: 200ms;
        }

        .pdf_select article ul li:last-child {
        	margin-right: 0px;
        }

        .no-touch .pdf_select article ul li:hover {
          border: 1px solid #eeeeee;
          background-color: #EFEFEF;
        }

        .pdf_select article ul li.selected {
          background-color: #DADADA !important;
        }

          .pdf_select article ul li img {
            display: block;
            border: 1px solid #e0e0e0;
            width: 170px;
            height: auto;

            transition-property: border, background-color;
            transition-duration: 200ms;
            -webkit-transition-property: border, background-color;
            -webkit-transition-duration: 200ms;
            -moz-transition-property: border, background-color;
            -moz-transition-duration: 200ms;
            -o-transition-property: border, background-color;
            -o-transition-duration: 200ms;
          }

          .no-touchevents .pdf_select article ul li:hover img,
          .pdf_select article ul li.selected img {
            border: 1px solid #909090;
          }

          .pdf_select article ul li h2 {
		    font-weight: normal;
		    letter-spacing: .03em;
		    font-size: 12px;
		    line-height: 1;
		    padding: 19px 0px 0px;
          }

      .pdf_select article a.downloadPDF {
	    background-color: #313131;
	    color: #FFFFFF;
	    font-size: 16px;
	    letter-spacing: .03em;
	    padding: 16px 57px;
	    line-height: 1;
        display: inline-block; *display: inline; zoom: 1;

        transition: background-color .15s;
      }

      .no-touchevents .pdf_select article a.downloadPDF:hover,
      .pdf_select article a.downloadPDF:active {
  		background-color: #000;
  		transition: background-color .15s;
      }

    .pdf_select .closeBG, .pdf_link .closeBG {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 1;
    }




/*===\\=====================//===*/
/*====\\==== SLIDESHOW ====//====*/
/*=====\\=================//=====*/

body.slideshow {
	overflow: hidden;
}

	.slideshow .spacer {
		display: none;
	}

	.slideshow #wrapper {
		margin-bottom: 0px;
		position: relative;
		top: 81px;
		height: auto;
		min-height: 0px;
	}

		.slideshow #wrapper:after {
			display: none;
		}

		.closeX {
		    width: 15px;
		    height: 15px;
		    display: block;
		    position: fixed;
		    top: 82px;
		    right: 40px;
		    cursor: pointer;
			z-index: 900;
		}

			.closeX svg {
				width: 100%;
				height: 100%;
			}

				.closeX svg * {
					fill: #000;
				}

		.slideshow #wrapper #slider {
			text-align: center;
		}

			#slider figure {
			    width: 100%;
			}

				#slider figure .inner {
					/*set height with jQuery*/
				}

					#slider figure .inner:before {
						margin-right: -4px;
					}

					#slider figure .inner .holdem  {
					    width: auto;
					    height: auto;
					    max-width: 90%;
					    max-height: 100%;
					    margin-right: -4px;
					    position: relative;
					}

						#slider figure .share-overlay {
							opacity: 0;
							position: absolute;
							top: 50%;
							left: 0px;
							width: 100%;
							height: 100%;
							z-index: 1;

							background-color: rgba(37,37,37,.9);

							transition-property: opacity, z-index;
							transition-duration: .4s, 0s;
							transition-delay: 0s, .5s;
						}

						#slider figure.shareON .share-overlay {
							opacity: 1;
							z-index: 3;

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

							.share-overlay ul {
								list-style-type: none;
								position: absolute;
								top: 50%;
								left: 10%;
								margin-top: -20px;
								width: 80%;
								text-align: center;
							}

								.share-overlay ul li {
									margin-right: 25px;
								}

								.share-overlay ul li:last-child {
									margin-right: 0px;
								}

									.share-overlay	ul li a svg path {
										fill: #fff;
									}

						#slider figure .photo {
							opacity: 0;
							position: relative;
							width: auto;
							height: auto;
							max-width: 90%;
							max-height: 100%;
							z-index: 2;
						}

						#slider figure iframe {
							display: inline-block; *display: inline; zoom: 1;
							vertical-align: middle;
							max-width: 90%;
							max-height: 100%;
						}
						
						#slider figure video {
							display: inline-block; *display: inline; zoom: 1;
							vertical-align: middle;
							max-width: 90%;
							max-height: 100%;
							height: auto;
						}
						
					.slideshow figure .holder {
					    padding-top: 10px;
						letter-spacing: .1em;
						opacity: 0;
						font-size: 10px;
						max-width: 750px;
						margin: auto;
						width: 88%;
					    color: #7B7B7B;
					}

					.slideshow.videos figure .holder {
						opacity: 1;
					}

						.slideshow figure .holder .caption {
						    line-height: 1;
						    margin: 0px 0px 7px 0px;
						}


						.slideshow .holder .lbox {
						    cursor: pointer;
						    padding-right: 10px;
						    margin-right: -4px;
						    border-right: 1px solid #ccc;
						    line-height: 1;
						}

						.slideshow.videos .holder .lbox {
						    display: none;
						}

						.slideshow .holder .share {
							cursor: pointer;
							padding-left: 10px;
						}

						.slideshow.videos .holder .share {
							display: none;
						}

						.slideshow .holder div {
							line-height: 1;
						}

							.slideshow .holder div * {
								transition: color .15s;
							}

							.no-touchevents .slideshow .holder div *:hover {
								color: #252525;
								transition: color .15s;
							}

			.slideshow #prev {
				position: absolute;
				top: 50%;
				left: 0px;
				z-index: 200;
				padding: 40px 2% 40px 40px;
				cursor: pointer;
				-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
						transform: translateY(-50%);
			}
				
				.slideshow #prev:before {
					content: '';
					display: block;
					width: 0px;
					height: 0px;
					border-right: 10px solid #d7d7d7;
					border-top: 7px solid transparent;
					border-bottom: 7px solid transparent;
					transition: border .3s;
				}


				.no-touchevents .slideshow #prev:hover:before {
					border-right: 10px solid #252525;
					transition: border .15s;
				}

			.slideshow #next {
				position: absolute;
				top: 50%;
				right: 0px;
				z-index: 200;
				padding: 40px 40px 40px 2%;
				cursor: pointer;
				-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
						transform: translateY(-50%);
			}

				.slideshow #next:before {
					content: '';
					display: block;
					width: 0px;
					height: 0px;
					border-left: 10px solid #d7d7d7;
					border-top: 7px solid transparent;
					border-bottom: 7px solid transparent;
					transition: border .3s;
				}

				.no-touchevents .slideshow #next:hover:before {
					border-left: 10px solid #252525;
					transition: border .15s;
				}





/*===\\============================//===*/
/*====\\==== TEXT PAGE STYLES ====//====*/
/*=====\\========================//=====*/

.textStyles h1 {
    color: #252525;
    font-size: 22px;
    letter-spacing: .04em;
    margin: 9px 0px 2px;
}

.textStyles h2 {
    display: inline-block; *display: inline; zoom: 1;
    font-size: 12px;
    letter-spacing: .15em;
    color: #000;
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
    margin-bottom: 16px;
}

.textStyles p {
    color: #777575;
    letter-spacing: .05em;
    line-height: 1.6;
    padding-bottom: 1.5em;
}







/*===\\===================//===*/
/*====\\==== CLIENTS ====//====*/
/*=====\\===============//=====*/

.clients {overflow-y: scroll;}

	.clients .spacer,
	.info .spacer {
		display: none;
	}

	.clients #wrapper {
		margin: 0px auto -66px;
		width: 81.45%;
	}

	.clients footer,
	.clients #wrapper:after {
		height: 66px;
	}

		.clients #wrapper section {
			padding-top: 0px;
			position: relative;
		}

			.clients #wrapper article {
				width: 70%;
				position: relative;
				left: 0%;
				/* set 'top' value with JS */
				z-index: 2;

				-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
						transform: translateY(-50%);
			}

				.clients #wrapper p {
				    text-transform: uppercase;
				    color: #8C8C8C;
				    font-size: 14px;
				    letter-spacing: .13em;
				    line-height: 2.3;
			        padding-bottom: 0px;
				}

			.clients .photo-count {
				display: block;
				text-align: right;
			    position: absolute;
			    top: 50%;
			    right: -5%;
			    transform: translateY(-50%);
			    font-size: 690px;
			    color: #f5f5f5;
			    z-index: 1;
			}



/*===\\=====================//===*/
/*====\\==== BLOG GRID ====//====*/
/*=====\\=================//=====*/

.blog main#wrapper {
	position: relative;
}

main#wrapper p.archive {
    right: 9.275%;
    top: -19px;
    position: relative;
    color: #B5B5B5;
    text-align: right;
    margin-bottom: 10px;
}

	main#wrapper p.archive a {
	    border: 1px solid #e5e5e5;
	    padding: 10px 20px;
	}

.postInfo {
    padding: 17px 22px;
    background-color: #fff;
    transition: background-color .15s;
}

.no-touchevents .blog.grid .cell:hover .postInfo {
	background-color: #000;
	transition: background-color .15s;
}


	.postInfo h2 {
	    color: #252525;
	    font-size: 16px;
	    letter-spacing: .07em;
	    margin-bottom: 3px;
	    transition: color .15s;
	}

	.no-touchevents .blog.grid .cell:hover .postInfo h2 {
		color: #fff;
		transition: color .15s;
	}

	.postInfo .date {
		color: #6a6969;
	    letter-spacing: .05em;
	}




/*===\\=====================//===*/
/*====\\==== BLOG POST ====//====*/
/*=====\\=================//=====*/

.post {}

	.post .blogNav {
		height: 40px;
		width: 100%;
		border-bottom: 1px solid #e1e1e1;
		position: fixed;
		top: 53px;
		left: 0px;
		background-color: #fff;
		z-index: 250;
		color: #b0b0b0;
	    font-size: 11px;
	    letter-spacing: .05em;
	    line-height: 1;
	}

		.blogNav .prevPost {
			display: block;
			position: absolute;
			top: 50%;
			left: 9.275%;
			text-align: left;

			-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
					transform: translateY(-50%);
		}

			.blogNav .prevPost:before {
				content: '';
				display: inline-block; *display: inline; zoom: 1;
				vertical-align: middle;
				width: 0px;
				height: 0px;
				border-right: 6px solid #c2c2c2;
				border-top: 4px solid transparent;
				border-bottom: 4px solid transparent;
				margin-right: 8px;
				transition: border-right .15s;
			}

		.blogNav .back2grid {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 18px;

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

			.blogNav .back2grid span {
				width: 4px;
				height: 4px;
				display: block;
				float: left;
				margin: 1px;
				background-color: #c2c2c2;
				transition: background-color .15s;
			}

				.no-touchevents .blogNav .back2grid:hover span {
					background-color: #252525;
					transition: background-color .15s;
				}

		.blogNav .nextPost {
			display: block;
			position: absolute;
			top: 50%;
			right: 9.275%;
			text-align: right;

			-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
					transform: translateY(-50%);
		}

			.blogNav .nextPost:after {
				content: '';
				display: inline-block; *display: inline; zoom: 1;
				vertical-align: middle;
				width: 0px;
				height: 0px;
				border-left: 6px solid #c2c2c2;
				border-top: 4px solid transparent;
				border-bottom: 4px solid transparent;
				margin-left: 8px;
				transition: border-left .15s;
			}

			.no-touchevents .blogNav .prevPost:hover:before {
				border-right: 6px solid #252525;
				transition: border-right .15s;
			}

			.no-touchevents .blogNav .nextPost:hover:after {
				border-left: 6px solid #252525;
				transition: border-left .15s;
			}

	.post #wrapper {

	}

		.post #wrapper article {
			padding-top: 70px;
		}

			.post #wrapper article div.title {
				width: 56%;
				max-width: 800px;
				margin: 0px auto 33px;
			}

				.title p.date,
				.title p.caption {
					padding-bottom: 0px;
				}

				.title p.caption {
					color: #252525;
					font-size: 14px;
				}



			/*rules for no-name modules. don't do these though!!*/
			.post .module {
				width: 100%;
				margin: 0px auto 80px;
			}

				/* the image(s) */
				.module img {
					display: block;
					width: 100%;
					height: auto;
				}


			/* module: text */
			/* ============ */
			.post .module.text {
				width: 56%;
				max-width: 800px;
				margin: 80px auto 80px;
			}

				.post .module.text p:last-child {
					padding-bottom: 0px;
				}

				/* rules based on surrounding elements */
				.post div.title + .module.text {
					margin: 0px auto 80px;
				}

				.post .module.images-medium + .module.text,
				.post .module.images-grid + .module.text {
					margin: 45px auto 80px;
				}

				.post .module.images-large + .module.text {
					margin: 0px auto 80px;
				}




			/* module: images-large */
			/* ==================== */
			.post .module.images-large {
				width: 100%;
				margin: 0px auto 80px;
			}

				/* rules based on surrounding elements */
				.post div.title + .module.images-large {
					margin: 80px auto 80px;
				}

				.post .module.images-grid + .module.images-large,
				.post .module.images-medium + .module.images-large {
					margin: 45px auto 80px;
				}

				.post .module.text + .module.images-large {
					margin: 13px auto 80px;
				}

				/* the image(s) */
				.module.images-large img {
					display: block;
					width: 100%;
					height: auto;
				}


			/* module: images-medium */
			/* ===================== */
			.post .module.images-medium {
				width: 56%;
				max-width: 800px;
				margin: 0px auto;
			}

				/* NO RULES based on surrounding elements */

				/* the image(s) */
				.module.images-medium img {
					display: block;
					width: 100%;
					height: auto;
					/* margins set by JS */ 
				}


			/* module: images-grid */
			/* =================== */
			.post .module.images-grid {
				width: 56%;
				max-width: 800px;
				margin: 0px auto;
			}

				/* NO RULES based on surrounding elements */

				/* grid stuff */
				.module.images-grid .grid-sizer {
					width: 47.75%;
				}

				.module.images-grid .gutter-sizer {
					width: 4.5%;
				}

				/*the image(s)*/
				.module.images-grid img {
					display: block;
					width: 47.75%;
					height: auto;
					/* margins set by JS */ 
				}

		.post .back2top {
			text-align: center;
    		margin-bottom: 22px;
		}

			.post .back2top span {
				display: inline-block;
				*display: inline;
				zoom: 1;
				cursor: pointer;
				color: #252525;
			}

				.post .back2top span:before {
					content: '';
				    display: block;
				    width: 0px;
				    height: 0px;
				    border-bottom: 9px solid #252525;
				    border-left: 6px solid transparent;
				    border-right: 6px solid transparent;
				    margin: 0px auto 8px;
				}



/*===\\===================//===*/
/*====\\==== CONTACT ====//====*/
/*=====\\===============//=====*/

.info {}

	.info #wrapper {
		margin: 0px auto -66px;
		width: 81.45%;
	}

	.info footer,
	.info #wrapper:after {
		height: 66px;
	}

		.info #wrapper section {
			padding-top: 53px;
			position: relative;
		}

			.info #wrapper section:before {
				margin-right: -4px;
			}

			.info section .col:first-child {
				width: 23%;
				min-width: 339px;
				margin-right: 80px;
			}

			.info section .col:last-child {
				width: 36%;
				min-width: 521px;
			}

				.info #wrapper p {
				    line-height: 2;
				    padding-bottom: 2em;
				}

				.info #wrapper h2 {
					margin-top: 20px;
					letter-spacing: .1em;
				}

				.info #wrapper h2:first-child {
					margin-top: 0px;
				}

					.info #wrapper p a {
						font-family: "Knockout 52 A", "Knockout 52 B";
						font-style: normal;
						font-weight: 400;
						color: #252525;
						border-bottom: 1px solid transparent;

						transition: border-bottom .15s;
					}

					.no-touchevents .info #wrapper p a:hover {
						border-bottom: 1px solid #6b6b6b;
						transition: border-bottom .15s;
					}

				.info #wrapper section ul.social {
					list-style-type: none;
					margin-left: 23px;
				}

					.info #wrapper .social li {
						float: left;
						margin-right: 18px;
					}

						.info #wrapper .social li path {
							fill: #ccc;
							transition: fill .15s;
						}

						.no-touchevents .info #wrapper .social li a:hover path {
							fill: #252525;
							transition: fill .15s;
						}

				.info form {
					margin-top: 15px;
				}

					.info form h2 {
						border: none;
						margin: 0px;
						padding: 0px;
						display: block;
    					padding-bottom: 8px;
					}

					.info form input[type="email"] {
						border: 1px solid #ccc;
						color: #777575;
						-webkit-appearance: none;
						appearance: none;
						border-radius: 0px;
						background-color: #fff;
						display: block;
						float: left;
						margin-right: -1px;
						height: 33px;
						width: 183px;
						padding: 0px 14px;
						box-sizing: border-box;
					}

					.info form input[type="submit"] {
						border: 1px solid #ccc;
						color: #777575;
						-webkit-appearance: none;
						appearance: none;
						border-radius: 0px;
						background-color: #fff;
						display: block;
						float: left;
						height: 33px;
						padding: 0px 14px;
						box-sizing: border-box;
						cursor: pointer;

						transition-property: color, background-color;
						transition-duration: .15s, .15s;
					}

					.no-touchevents .info form input[type="submit"]:hover,
					.info form input[type="submit"]:active,
					.info form input[type="submit"]:focus {
						color: #fff;
						background-color: #252525;

						transition-property: color, background-color;
						transition-duration: 0s, 0s;
					}


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

	.info #wrapper section {
		height: auto !important;
		padding-top: 13%;
	}

		.info #wrapper section:before {
			display: none;
		}

		.info #wrapper .col {
			display: block;
			margin-bottom: 55px;
		}

}