@charset "UTF-8";
/* CSS Document */
body, html {
	height: 100%;
}

#main {
	overflow-x: hidden;
}

body {
	width: 100%;
	overflow-x: hidden;
	padding: 0;
	margin: 0;
	position: relative;
	font-family: "museo-sans", sans-serif;
	color: #000000;
	font-size: 13px;
	line-height: 1.42858em;
	background-color: #ffffff;
	text-rendering: optimizeLegibility;
	-webkit-font-variant-ligatures: common-ligatures;
	        font-variant-ligatures: common-ligatures;
	-webkit-font-feature-settings: "kern";
	        font-feature-settings: "kern";
	-webkit-font-kerning: normal;
	        font-kerning: normal;
			-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
}
ul, ol {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	list-style: none;
}
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
}
.noScroll {
	overflow: hidden!important;
}

.noMargin{
	margin: 0!important;
}
		
/* typography */ 
h1, h2, h3, p, a {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none;
}
a:hover, a:active, a:focus, a:visited {
	outline: 0 !important;
	text-decoration: none;
	cursor: pointer;
	color: #000000;
}
p {
	font-family: "museo-sans", sans-serif;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: .5em 0;
	font-weight: 300;
	width:100%;
}
p.hg {
	font-weight: 300;
	font-size: 2vw;
	line-height: 2.7vw;
	margin-bottom: 3vh;
}
h1 {
	font-family: "museo-sans", sans-serif;
	font-size: 2em;
	font-weight: 600;
	text-align: left;
	line-height: 1.4;

}
h1.hg {
	font-size: 3.5vw;
	line-height: 1;
	font-weight: 300;
	letter-spacing: 0;
	margin-bottom: 0;
}
h1.hg::after, h1::after {
	content: "";
	position: relative;
	width: 2vw;
	height: 1px;
	background: #fa4e5a;
	bottom: 0;
	left: -2vw;
	display: block;
}
h2 {
	font-family: "museo-sans", sans-serif;
	font-size: 1.4em;
	font-weight: 900;
	margin: 0 0 5px 0;
}

.label {
	position: absolute;
	width: 100%;
	height: auto;
	top: 36px;
	left: 40px;
	font-size: .75em;
	font-weight: 900;
	text-align: left;
	display: block;
	text-transform: uppercase;
}

.white{
	color:#ffffff;
}

.black{
	color:#000000;
}
/* spacing, images, video */ 

.img, img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}
.vid-container {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background: #1a282e;
}
.vid-container img {
	opacity: .07;
}
/***************** page layout *********************/ 

*, *::after, *::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.wrap:before, .wrap:after, .wrap-inner:before, .wrap-inner:after {
	content: " ";
	display: table;
}
.wrap {
	height: auto;
	width: 100%;
	display: block;
	position: relative;
	float: left;
	background: transparent;
	z-index: 1;
}
.wrap-inner {
	width: 100%;
	max-width: 96%;
	margin-right: auto;
	margin-left: auto;
	z-index: 1;
	background: rgba(255,255,255,.9);
}
.row::after {
	clear: both;
}
.row::after, .row::before {
	content: '';
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}
[class*='col-'] {
	float: left;
}
.row.pad [class*='col-'] {
	padding-left: 8%;
	padding-right: 8%;
}
.col-1 {
	width: 8.33%
}
.col-2 {
	width: 16.66%
}
.col-3 {
	width: 25%
}
.col-4 {
	width: 33.33333333%
}
.col-5 {
	width: 41.66%
}
.col-6 {
	width: 50%
}
.col-7 {
	width: 58.33%
}
.col-8 {
	width: 66.66666667%
}
.col-9 {
	width: 75%
}
.col-10 {
	width: 83.33%
}
.col-11 {
	width: 91.66%
}
.col-12 {
	width: 100%
}
/***************** flex *********************/
.f-parent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: auto;
	min-height: 10vh;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	position: relative;
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-color: transparent;

}
.f-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 50%;
	width: 100%;
}
/* flex center*/
.fc.f-parent {
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.fc.f-parent .f-child {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 4vw;
}
/* flex top left*/
.ftl.f-parent {
	-ms-flex-line-pack: start;
	    align-content: start;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.ftl.f-parent .f-child {
	margin: 8vh 4vw 4vw 20vw;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
}
/* flex middle left*/
.fml.f-parent {
	-ms-flex-line-pack: start;
	    align-content: flex-start;
}
.fml.f-parent .f-child {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	margin: 0 0 0 20vw;
}

/* flex middle right*/
.fmr.f-parent {
	-ms-flex-line-pack: end;
	    align-content: flex-end;
}
.fmr.f-parent .f-child {
	-webkit-box-pack:end;
	    -ms-flex-pack:end;
	        justify-content:flex-end;
	margin: 0 20vw 0 0;
}

/* flex bottom left*/
.fbl.f-parent {
	-ms-flex-line-pack: start;
	    align-content: start;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.fbl.f-parent .f-child {
	margin: 4vw 4vw 30vh 20vw;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
}

/* flex bottom center*/
.fbc.f-parent {
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.fbc.f-parent .f-child {
	margin: 4vw 4vw 8vh 4vw;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: end;
}

/* flex top center*/
.ftc.f-parent {
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.ftc.f-parent .f-child {
	margin: 0 0 10vh 0;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
}
/* flex height*/
.vh-100 {
	min-height: 100vh;
}
.vh-75 {
	min-height: 75vh;
}
.vh-50 {
	min-height: 50vh;
}
.vh-25 {
	min-height: 25vh;
}

.vh-10 {
	min-height: 10vh;
}

/* flex width*/
.mw-100 {
	max-width: 100%;
}
.mw-75 {
	max-width: 75%;
}
.mw-50 {
	max-width: 50%;
}
.mw-25 {
	max-width: 25%;
}
/* flex images*/
.f-child img {
	margin: 0 auto;
}
.f-child img.full {
	margin: 0 auto;
}
/***************** hero *********************/

#hero-wrap {
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;
	background-color: #000000;
}

.global #hero-wrap {
	position: relative;
}

.case #hero-wrap {
	position: fixed;
}


.head {
	right: 0;
	bottom: 0;
	min-width: 100vw;
	min-height: 100vh;
	width: auto;
	height: auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 0px;
	background-color: transparent;
	z-index: -1;
}
.hero-copy-wrap {
	width: 100%;
	height: auto;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	bottom: 0;
	left: 0;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack: center;
	    align-content: center;
	right: 0;
	top: 0;
}

.hero-copy-wrap .headline {
	font-weight: 100;
	font-size: calc(1em + 2vw);
	color: white;
	line-height: .9;
	text-align: center;
}
/***************** navigation *********************/ 

header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100vw;
	height: auto;
	z-index: 10;
	opacity: 1;
	visibility: visible;
}
.logo {
position: absolute;
width: 300px;
height: auto;
top: 36px;
left: 40px;
opacity: 1;
}

.logo span {
	font-size:2vw;
	color:#ffffff;
}


svg:not(:root) {
	overflow: visible;
}

.pe-menu {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 9;
		opacity: 0;
		top: 0;
		left: 0;
		background-color: #fff;
		visibility: hidden;
		-webkit-transition: opacity .5s .68s cubic-bezier(.48, 0, .12, 1), visibility .5s .68s;
		-o-transition: opacity .5s .68s cubic-bezier(.48, 0, .12, 1), visibility .5s .68s;
		transition: opacity .5s .68s cubic-bezier(.48, 0, .12, 1), visibility .5s .68s;
	}
	
	.pe-menu.isOpen {
		opacity: 1;
		-webkit-transition: opacity .5s 0s cubic-bezier(.48, 0, .12, 1), visibility .0s;
		-o-transition: opacity .5s 0s cubic-bezier(.48, 0, .12, 1), visibility .0s;
		transition: opacity .5s 0s cubic-bezier(.48, 0, .12, 1), visibility .0s;
		visibility: visible;
	}

	
.pe-menu li a {
		float: left;
		width: auto;
		padding: 2vw;
		text-align: center;
		color: black;
		font-size: calc(2vw + 2vh);
		font-weight: 300;
		will-change: transform;
		opacity: 0;
		-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: opacity .5s .35s cubic-bezier(.48, 0, .12, 1), -webkit-transform .5s .35s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity .5s .35s cubic-bezier(.48, 0, .12, 1), -webkit-transform .5s .35s cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: opacity .5s .35s cubic-bezier(.48, 0, .12, 1), transform .5s .35s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-perspective: 1000px;	
		      perspective: 1000px;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
	  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	-webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);


	}
	
	/*animate menu items on load*/
	.pe-menu.isOpen li a {
		opacity:1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
		-webkit-transition: opacity .5s cubic-bezier(.48,0,.12,1), color .25s 0s linear, -webkit-transform .5s .0s cubic-bezier(.48,0,.12,1);
		transition: opacity .5s cubic-bezier(.48,0,.12,1), color .25s 0s linear, -webkit-transform .5s .0s cubic-bezier(.48,0,.12,1);
		-o-transition: transform .5s .0s cubic-bezier(.48,0,.12,1), opacity .5s cubic-bezier(.48,0,.12,1), color .25s 0s linear;
		
		    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
	  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	}
	
	/*stagger menu item animation*/
	.pe-menu li a:nth-child(1){-webkit-transition-delay:.15s!important;-o-transition-delay:.15s!important;transition-delay:.15s!important}
	.pe-menu li a:nth-child(2){-webkit-transition-delay:.20s!important;-o-transition-delay:.20s!important;transition-delay:.20s!important}
	.pe-menu li a:nth-child(3){-webkit-transition-delay:.25s!important;-o-transition-delay:.25s!important;transition-delay:.25s!important}
	.pe-menu li a:nth-child(4){-webkit-transition-delay:.30s!important;-o-transition-delay:.30s!important;transition-delay:.30s!important}
	.pe-menu li a:nth-child(5){-webkit-transition-delay:.35s!important;-o-transition-delay:.35s!important;transition-delay:.35s!important}

	.pe-menu li a:hover {
			color:#fa4e5a;
			-webkit-transition-delay: .0s!important;
			     -o-transition-delay: .0s!important;
			        transition-delay: .0s!important;
		}
	
	/*underscore*/
	.pe-menu li a:before {
		content: "";
		position: absolute;
		width: 0%;
		height: 1px;
		display: block;
		background: black;
		left: 0%;
		bottom: 25%;
		-webkit-transition: all .5s .25s cubic-bezier(.48, 0, .12, 1);
		-o-transition: all .5s .25s cubic-bezier(.48, 0, .12, 1);
		transition: all .5s .25s cubic-bezier(.48, 0, .12, 1);
	}
	
	/*animate underscore on menu load*/
	.pe-menu.isOpen li a:before {
		width: 10%;
		-webkit-transition: all .5s .4s cubic-bezier(.48, 0, .12, 1);
		-o-transition: all .5s .4s cubic-bezier(.48, 0, .12, 1);
		transition: all .5s .4s cubic-bezier(.48, 0, .12, 1);
	}
	

.menu-icon {
	position: absolute;
	top: 30px;
	right: 40px;
	padding: 17px 13px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	opacity: 1;
	visibility: visible;
}
.menu-icon::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #000;
}
.menu-icon_drawer {
	position: absolute;
	top: 0;
	right: 2px;
	overflow: hidden;
	display: block;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	    transform: translateX(0%);
	white-space: nowrap;
	border-radius: 45px;
	z-index: -1;
}
.menu-icon_drawer_inner {
	background: rgba(0, 0, 0, .22);
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	    transform: translateX(100%);
	border-radius: 45px;
	padding: 0 75px 0 25px;
	color: #fbf9f6;
	font-weight: 700;
	font-size: 1em;
	line-height: 3.54em;
	-webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1), margin .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1s cubic-bezier(.19, 1, .22, 1), margin .6s cubic-bezier(.19, 1, .22, 1);
	transition: all 1s cubic-bezier(.19, 1, .22, 1), margin .6s cubic-bezier(.19, 1, .22, 1);
}
.menu-icon #hamburger {
	-webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1), margin .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1s cubic-bezier(.19, 1, .22, 1), margin .6s cubic-bezier(.19, 1, .22, 1);
	transition: all 1s cubic-bezier(.19, 1, .22, 1), margin .6s cubic-bezier(.19, 1, .22, 1);
}
.menu-icon #hamburger > div {
	position: relative;
	display: block;
	width: 100%;
	height: 2px;
	margin-bottom: 3px;
	overflow: hidden;
	background: #ffffff;
	-webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	transition: all 1s cubic-bezier(.19, 1, .22, 1);
}

.menu-icon.isClosed #hamburger > div:nth-child(1) {
	-webkit-transform: translate3d(0, 5px, 0) rotate3d(0, 0, 1, -45deg);
	        transform: translate3d(0, 5px, 0) rotate3d(0, 0, 1, -45deg);
}
.menu-icon.isClosed #hamburger > div:nth-child(2) {
	opacity: 0;
}
.menu-icon.isClosed #hamburger > div:nth-child(3) {
	-webkit-transform: translate3d(0, -5px, 0) rotate3d(0, 0, 1, 45deg);
	        transform: translate3d(0, -5px, 0) rotate3d(0, 0, 1, 45deg);
}
/*menu-icon animations*/
.menu-icon:hover #hamburger {
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.menu-icon:hover .menu-icon_drawer_inner {
	background: rgba(0, 0, 0, .22);
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	    transform: translateX(0%);
}
/*round*/
.round {
	position: fixed;
	top: 0;
	right: 0;
	padding: 17px 13px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	-webkit-transition: all .8s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .8s cubic-bezier(.19, 1, .22, 1);
	transition: all .8s cubic-bezier(.19, 1, .22, 1);
	z-index: 8;
}
.round::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: black;
	opacity: 1;
	-webkit-transition: opacity 3s cubic-bezier(.19, 1, .22, 1);
	-o-transition: opacity 3s cubic-bezier(.19, 1, .22, 1);
	transition: opacity 3s cubic-bezier(.19, 1, .22, 1);
}
.round_drawer {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	    transform: translateX(0%);
	white-space: nowrap;
	border-radius: 45px;
	z-index: -1;
}
.round_drawer_inner {
	font-size: 1em;
	padding: 0 75px 0 25px;
	height: 45px;
	line-height: 3.54em;
	border-radius: 45px;
	color: #fbf9f6;
	font-weight: 700;
	display: block;
	background: rgba(0, 0, 0, .22);
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	    transform: translateX(100%);
	-webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1), margin 3s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1s cubic-bezier(.19, 1, .22, 1), margin 3s cubic-bezier(.19, 1, .22, 1);
	transition: all 1s cubic-bezier(.19, 1, .22, 1), margin 3s cubic-bezier(.19, 1, .22, 1);
}
.round .icon {
	position: absolute;
	width: 20px;
	height: 22px;
	font-size: 20px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	color: #ffffff;
	z-index: 1;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
	transition: -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
	-o-transition: transform .5s cubic-bezier(.19, 1, .22, 1);
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}
.round.next {
	top: 85px;
	right: 40px;
	left: auto;
  bottom: auto;
}

.round.down {
    bottom: 40px;
    right: 40px;
    left: auto;
    top: auto;
}

.round.back {
	top: 140px;
	right: 40px;
	left: auto;
  bottom: auto;
}
/* round animations*/
.round:hover .round_drawer_inner {
	background: rgba(0, 0, 0, .22);
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	    transform: translateX(0%);
}
.round:hover.round::before {
	opacity: 1;
	-webkit-transition: opacity 3s cubic-bezier(.19, 1, .22, 1);
	-o-transition: opacity 3s cubic-bezier(.19, 1, .22, 1);
	transition: opacity 3s cubic-bezier(.19, 1, .22, 1);
}
.round.prev .round_drawer {
	right: auto;
	left: 0;
}
.round.prev .round_drawer_inner {
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
	padding: 0 25px 0 75px;
}
.round.prev:hover .round_drawer_inner {
	-webkit-transform: translateX(0%);
	    -ms-transform: translateX(0%);
	        transform: translateX(0%);
}


/***************** Case Descriptions *********************/ 

.meta-wrap {
	width: 100%;
	height: auto;
	font-family: "museo-sans", serif;
}
.meta-item {
	margin-bottom: calc(1rem + 2vh) ;
	width: 100%;
	float: left;
}
.meta-label, .meta-details {
	width: 100%;
	float: left;
}
.meta-label {
	font-size: .8em;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: .5em;
	color:#ef4035;
}
	
.meta-details {
	font-size: 1.25em;
	font-weight: 700;
	
}

/***************** tiles *********************/ 
.tile-wrap {
	position: relative;
	width: 50%;
	float: left;
	overflow: hidden;
	background-color: transparent;
}

.tile-wrap::before {
	content: '' !important;
	display: block;
	padding-top: 50%;
}


.tile-wrap.portrait {
	margin: 1%;
	width: calc(100% - 2%);
}
.tile-wrap.landscape {
	margin: 1%;
	width: calc(100% - 2%);
}

.tile-wrap.landscape.single {
	margin: .5% .5%;
	width: calc(100% - 1%);
}

.portrait.tile-wrap::before {
	padding-top: calc(125% + 2%);
}
.landscape.tile-wrap::before {
	padding-top: 62.5%;
}

.landscape.single.tile-wrap::before {
	padding-top: 31.333%;
}

/*TILES NO PADDING*/
.noPad.featured.wrap{
	max-width: 100%;
	width: 100%;
}

.noPad .tile-wrap.portrait {
	margin: 0;
	width: 100%;
}
.noPad .tile-wrap.landscape {
	margin: 0;
	width: 100%;
}

.noPad .tile-wrap.landscape.single {
	margin: 0;
	width: 100%;
}

.noPad .portrait.tile-wrap::before {
	padding-top: 125%;
}
.noPad .landscape.tile-wrap::before {
	padding-top: 62.5%;
}

.noPad .landscape.single.tile-wrap::before {
	padding-top: 31.333%;
}

.tile-wrap-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	pointer-events: none;
	background: black;
}
.tile-image-wrap {
	width: 50%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	z-index: 9;
}

.portrait .tile-image-wrap, .landscape .tile-image-wrap {
	width: 100%;
}

.tile-wrap:hover .tile-copy {
	opacity: 1;
}

.tile-wrap:hover .tile-image {
	opacity: .125;
}


.tile-image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	-webkit-transition: opacity .5s 0s cubic-bezier(.48,0,.12,1);
	-o-transition: opacity .5s 0s cubic-bezier(.48,0,.12,1);
	transition: opacity .5s 0s cubic-bezier(.48,0,.12,1);

}
.tile-copy {
	width: 100%;
	height: 100%;
	padding: 15% 10%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	-webkit-box-pack:start;
	    -ms-flex-pack: start;
	        justify-content: start;
	z-index: 9;
	opacity: 0;
	-webkit-transition: opacity .5s .1s cubic-bezier(.48,0,.12,1);
	-o-transition: opacity .5s .1s cubic-bezier(.48,0,.12,1);
	transition: opacity .5s .1s cubic-bezier(.48,0,.12,1);
}
.tile-copy .headline {
	width: 100%;
	font-weight: 600;
	font-size: 1em;
	line-height: 1;
	letter-spacing: 0;
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	color:#fff;
	display: block;
}
.tile-copy .eyebrow {
	width: 100%;
	font-weight: 600;
	font-size: 2em;
	text-transform: none;
	line-height: 1;
	letter-spacing: normal;
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	color: #ffffff;
	margin-bottom: .5em;
}

/*featured tiles*/
.featured.wrap {
	width: 96%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background: transparent;

}
.featured a{
	margin-bottom:25vh;
	display: block;
}

.featured .text-wrap{
	width:50%;
}

.featured .left .f-child{
	margin: 0 10vw 0 0;
}

.featured .right .f-child{
	margin: 0 0 0 10vw;
}

.featured .left h1, .left p{
	text-align: right;
}
				
.featured h1.headline {
	font-size: 1em;
	margin-bottom: 3vh;
	color: #878787;
	width: 100%;
	text-transform: uppercase;
}
							
.featured h1.headline:after {
	width: 7vw;
	left: -8vw;
	background: #878787;
}

.featured .left h1.headline:after {
	position: absolute;
	width: 7vw;
	right: 1.5vw;
	left: auto;
	top: auto;
	bottom: auto;
}

/***************** video *********************/ 
#pe-video, #pe-audio {
	width: 100%;
	height: auto;
	cursor: pointer;
}

#pe-audio {
width: 100vw;
height: 50vh;
background: black;
display: block;
}

.control-wrap{
display: block;
width: 8em;
height: 8em;
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
}

#play-video, #play-audio  {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(249,78,90,.5);
    border-radius: 50%;
		cursor: pointer;
}

.inner-play {
    margin-top: 13%;
    margin-left: 13%;
    position: absolute;
    width: 75%;
    height: 75%;
    background-color: #f94e5a;
    border-radius: 50%;
}

.inner-play span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	font-size:1.5em;
	color:#ffffff;
}

#play-video, #play-audio {
	transition: opacity .5s .5s cubic-bezier(.48,0,.12,1), visibility 0s 0s;
}

#play-video.isClosed, #play-audio.isClosed{
opacity: 0;
visibility: hidden;
transition: opacity .5s .0s cubic-bezier(.48,0,.12,1), visibility 0s .5s;
}


/* Footer  */
.footer .wrap {
	background: black;
}
	
.footer .icon-pe-logo {
	color: white;
	font-size:2.5em;
}

.footer ul li {
	width: 100%;
	height: 1.5em;
	float: left;
	position: relative;
}

.footer ul li a {
	color: white;
	ont-size: 1em;
	line-height: normal;
	transition:  color .25s 0s linear;
}

.footer ul li a:hover {
	color:#fa4e5a;
}
	
	.footer ul li:last-of-type{
		color: #848484;
		font-size: 1em;
		margin-top: 2em;
		font-weight: 600;
	}


/* Device Slideshow  */
.btn-slideshow {
	position: absolute;
	width: auto;
	height: auto;
	right: 90px;
	top: calc(50% - 45px);
}

.btn-slideshow .round{
	position: absolute;

}

.btn-slideshow .round.prev, .btn-slideshow .round.next {
	cursor: pointer;
	right: 40px;
}

.btn-slideshow .round.prev{
top:60px;
}

.btn-slideshow .round.next {
top:0px;
}


.btn-slideshow .round::before {
	background: #838383;
	-webkit-transition: background .25s 0s cubic-bezier(.48,0,.12,1);
	-o-transition: background .25s 0s cubic-bezier(.48,0,.12,1);
	transition: background .25s 0s cubic-bezier(.48,0,.12,1);
}

.btn-slideshow .prev:hover.round::before, .btn-slideshow .next:hover.round::before{
	background: #777;
	-webkit-transition: background .25s 0s cubic-bezier(.48,0,.12,1);
	-o-transition: background .25s 0s cubic-bezier(.48,0,.12,1);
	transition: background .25s 0s cubic-bezier(.48,0,.12,1);
}

._slides {
	position: absolute;
	-webkit-transition: opacity .65s cubic-bezier(.48, 0, .12, 1);
	-o-transition: opacity .65s cubic-bezier(.48, 0, .12, 1);
	transition: opacity .65s cubic-bezier(.48, 0, .12, 1)
}

/***************** mobile *********************/ 

 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 600px) {

/* Global Layout */
[class*='col-']{width: 100%}
.vh-50{min-height: 25vh}
.vh-75{min-height: 25vh}
.head {background-attachment: scroll; background-position-y: 0px; background-position-x: 0px;}
	
/* Typography */
h1{font-size: 1.5em}
h1.hg{font-size: 5vh}
h1.hg::after, h1::after{width: 6vw;left: -6vw}
p.hg{font-size: 3vh;line-height: 4.7vh}
.label{top: 5px;left: 5px;font-size: .5em;}


/* Flex */
.fbl.f-parent .f-child{margin: 1vw 1vw 15vh 15vw}
.fml.f-parent .f-child{margin: 0 0 0 14vw}
.mw-50{max-width: 75%}
	
/* Flex Case Studies */
.case .vh-100 {min-height: 50vh}
	
/* Tiles */
.portrait.tile-wrap::before, .landscape.tile-wrap::before{padding-top: 50%}
.tile-wrap.landscape, .tile-wrap.portrait{margin: 5px 0;width: 100%}
.featured a{margin-bottom: 5px}
.tile-copy .eyebrow{font-size: 1em;}
.tile-copy .headline {display: none;}
	
/* Global Menu */
.menu-icon{top:15px; right: 15px;padding: 9px 8px;width: 30px;height: 30px}
.menu-icon::before{width: 30px;height: 30px}
.menu-icon_drawer{display: none;border-radius: 30px}
.menu-icon_drawer_inner{border-radius: 30px;padding: 0 40px 0 25px;font-size: 10px;line-height: 30px}
.pe-menu li a{text-align: center;font-size: 5vh;width:100%;padding: 3.7vw 0}
.pe-menu li a::before{display:none}
.logo span {font-size: 5vw;}
.logo {width: 100px;top: 25px;left: 20px;}

/* Case Navigation */
.round {padding: 9px 8px;width: 30px;height: 30px}
.round::before {width: 30px;height: 30px;}
.round .icon {width: 14px;height: 16px; font-size:14px}
.round_drawer {border-radius: 30px;}
.round_drawer_inner{height: 30px; border-radius: 30px;padding: 0 40px 0 25px;font-size: 10px;line-height: 30px; display: block;}
.round.next {top: 50px; right: 15px;}
.round.back {top: 85px; right: 15px;}
	
/* Case Descriptions */
.case-desc .ftl.f-parent .f-child {margin: 0vh 0vw 0vh 8vw;}
.case-desc .fml.f-parent .f-child{margin: 0 0 0 8vw;}
.meta-label {font-size: .5em; margin-bottom: .15em;}
.meta-details {font-size: .75em;}
	
/* Slideshows */
.btn-slideshow .round.prev, .btn-slideshow .round.next {right:15px}
.btn-slideshow {right: 0; top: calc(50% - 30px);}
.btn-slideshow .round.next {top: 0px;}
.btn-slideshow .round.prev {top: 36px;}
	
/* Footer */
.footer ul li {height: 1em;}
.footer ul li a {font-size: .75em;}
.footer ul li:last-of-type {font-size: .5em;margin-top: 1em;}
.footer .icon-pe-logo {font-size:1.5em;}

/* END 414 */
}


/* Ipad mini (landscape) ----------- */
@media only screen
and (max-width : 1024px) {
	.head {background-attachment: scroll; background-position-y: 0px; background-position-x: 0px;}
}

/* Ipad mini (portrait) ----------- */
@media only screen
and (max-width : 768px) {
	.head {background-attachment: scroll; background-position-y: 0px; background-position-x: 0px;}
}