html {
	margin: 0 !important;
	padding: 0 !important;
	overflow-y: scroll !important;
}

html.with-overlay {
	/*overflow-y: auto !important;*/
}

body {
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	color: #000000;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
}

body.init {
	opacity: 0;
}

p {
	margin: 0;
	padding: 0 0 1em 0;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-size: inherit;
}

.no-click a, a.no-click {
	pointer-events: none;
	cursor: default;
}

ul, .details ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a img {
	border: none;
}


a {
	color: inherit;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.space-out {
	letter-spacing: 0.3em;
}
.grey {
	color: #A8A8A4;
}

.infinite-index {
	position: relative;
}
.newload {
	position: absolute;
	top: 0;
	left: -100000px;
	width: 100%;
}
.displace, .hide, .blank {
	position: absolute;
	left: -10000px;
	top: -10000px;
}
.new-page-load {
	display: none;
}
.fake-table {
	display: table;
	width: 100%;
	height: 100%;
}

.fake-cell {
	display: table-cell;
	vertical-align: middle;
}
.fake-cell-bottom {
	display: table-cell;
	vertical-align: bottom;
}

.table {
	display: table;
}

.background-video {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.background-video.vertical {
	height: 100%;
	width: auto;
	opacity: 1;
	left: 50%;

}
.background-video.horizontal {
	width: 100%;
	height: auto;

	opacity: 1;
	top: 50%;
}

.alt-only,
.mobile-only,
.tablet-only,
.alt-only-inline {
	display: none !important;
}


/*************************************
	FORMS
**************************************/

input, select, button, textarea {
	background: none;
	-webkit-appearance: none;
	border: none;
	border-radius: 0;
	outline: none;
	font-family: "Akkurat-Regular", Arial, Helvetica;
}



input, select, textarea, a.btn {
	margin: 0px 0px 18px 0px;
	background:none;
	border-radius: 0;
	display: block;
	text-decoration: none;
	 -webkit-appearance: none;
	 width: 412px;
	 border-bottom: 2px solid #131318;
	 line-height: 46px;
	 line-height: 2.55555555555556em;
	 outline: none;
	 /*padding: 0 12px 0 0;
	 padding-bottom: 0.2em;*/
	 padding: 0;
	 color: #131318;
}
/*
body.ie input {
	height: 45px;
}
*/
textarea {
	line-height: 1.25em;
	padding-top: 12px;
}


input.btn, a.btn {
	/*line-height: 2.1em;*/
	border: 2px solid #131318;
	text-align: center;
	cursor: pointer;
	text-transform: none;
	line-height: 50px;
}


body.ie input.btn {
	height: 2.1em;
}


input::-moz-placeholder {
	color: #131318;
	opacity: 1;
}
input::-webkit-input-placeholder {
	color: #131318;
}

textarea::-moz-placeholder {
	color: #131318;
	opacity: 1;
}
textarea::-webkit-input-placeholder {
	color: #131318;
}

input:focus::-webkit-input-placeholder
{
    color: transparent;
    opacity: 0;
}

input:focus::-moz-placeholder
{
    color: transparent;
    opacity: 0;
}

textarea::focus::-webkit-input-placeholder
{
    color: transparent;
    opacity: 0;
}

textarea::focus::-moz-placeholder
{
    color: transparent;
    opacity: 0;
}


input.input-error, textarea.input-error {
	border-color: red;
	color: red;
}

input.input-error::-moz-placeholder {
   	 color: red;
}
input.input-error::-webkit-input-placeholder {
	 color: red;
}

textarea.input-error::-moz-placeholder {
   	 color: red;
}
textarea.input-error::-webkit-input-placeholder {
	 color: red;
}



input[type="radio"],
input[type="checkbox"],
body.ie input[type="radio"],
body.ie input[type="checkbox"]{
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 12px 0 0;
  display: inline-block;
  cursor: pointer;

}

input[type="radio"]:checked,
input[type="checkbox"]:checked {
	background: url("images/close-black@2x.png") no-repeat center center;
	background-size: 14px auto;
}


select {
	background: url("images/select-arrow-down.png") no-repeat center right;
	background-size: auto 10px;
	width: 100%;
}

.firefox select {
	background-image: none;
}

.field-group {
	position: relative;
	padding-bottom: 21px;
}
.field-group:last-child {
	padding-bottom: 0;
}

.content-box .field-group .btn {
	margin-top: 44px;
	margin-bottom: 27px;
}


.error-msg span {
	display: block;
}


#customer-account .content-box-interior:first-child {
	padding-bottom: 1.4em;
	/*border-bottom: 2px solid #000000;*/
}

.mobile-logout {
	display: none;
}








/*************************************
	OVERLAY
**************************************/

.overlay {
	z-index: 999;
}

.full-overlay {
  /*
	top: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	position: fixed;
	z-index: 100001;
  */
  position: relative;
  background: #FFFFFF;

}
::-webkit-scrollbar {
   /* -webkit-appearance: none;*/
    width: 7px;
		background-color: rgba(255, 255, 255, 0);
}

::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.search-container::-webkit-scrollbar-track {
	background-color: rgba(255, 255, 255, 0.15);
}
.search-container::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.5);
}

.newload-overlay.full-overlay {
	background: none;
}



.overlay-interior {
	position: relative;
  background: #FFF;
	z-index: 2;
}
.overlay-title {
	top: 0;
	left: 0;
}
.overlay-title {
	padding: 30px;
	position: fixed;
}
.overlay-content {
	margin: 0 auto;
	position: relative;
	/*color: #FFF;*/
	/*background-color: #f8f8f8;*/
}
.overlay-interior {
	position: relative;
}


.overlay-bg,
.overlay-click{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	/*background: #EDEDE7;*/
	z-index: 0;
	pointer-events: none;
}

.overlay-click {
	opacity: 0;
}

body.ie .overlay-bg,
body.ie .overlay-bg {
	left: -20px;
}


.overlay.hide .overlay-bg {
	top: -10000px;
	left: -10000px;
}

.overlay-tint {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0;
	z-index: 0;
}






.transit-rotate,
.homepage-split-col .homepage-split-panel-bg {
-webkit-transition: transform 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: transform 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: transform 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: transform 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

.work-index-grid .grid-image {
/*-webkit-transition: transform 100ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: transform 100ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: transform 100ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: transform 100ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

.transit-fast,
.about-text a {
-webkit-transition: all 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.transit {
-webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.transit-slow {
-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.transit-super-slow {
-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.transit-opacity {
-webkit-transition: opacity 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: opacity 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: opacity 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: opacity 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.transit-opacity-slow {
-webkit-transition: opacity 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: opacity 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: opacity 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: opacity 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}





/*********
CONTAINER LAYOUT
*************/

#content {
-webkit-transition: height 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: height 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: height 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: height 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.container-interior {
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
#content.top-stacked {
	padding-top: 0;
}
#container {
	overflow: hidden;
	width: 100%;
}
#container.fixed {
	overflow: hidden;
	position: fixed;
	left: 0;
}
.container-wrapper {
  -webkit-transition: opacity 0.2s;
     -moz-transition: opacity 0.2s;
      -ms-transition: opacity 0.2s;
       -o-transition: opacity 0.2s;
          transition: opacity 0.2s;
}

#container.reverse {
	background: #000;
}

#container.goodbye .container-wrapper {
	opacity: 0.2;
}

#content-interior.inactive {
	display: none;
	opacity: 0;
}

#pinit-btn a {
	width: 33px !important;
	height: 33px !important;
	opacity: 0;
}

.pinit-btn {
	position: fixed;
	top: 0px;
	left: -10000px;
	width: 33px;
	height: 33px;
	overflow: hidden;
}

.pinit-btn.active  {
	position: absolute;
	top: 0;
	z-index: 500000;
}


/*************************************
		TYPE
**************************************/

/*
.Canela-Light-Web,
body,
input.btn, a.btn,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
select,
textarea,
.altview .nav-main.typeB,
.mc4wp-response {
  font-family: 'Canela Web';
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

.Canela-LightItalic-Web,
.titleB,
.titleD {
  font-family: 'Canela Web';
  font-weight:  300;
  font-style:   italic;
  font-stretch: normal;
  text-transform: none;
  	letter-spacing: -0.008em;
}

.Canela-ThinItalic-Web,
.titleA,
.titleC,
.titleE {
  font-family: 'Canela Web';
  font-weight:  100;
  font-style:   italic;
  font-stretch: normal;
  	letter-spacing: -0.03em;
}

.typeB,
.cta,
.page-type-content h3,
.page-type-content h4,
.mc4wp-response {
	font-family: 'Atlas Grotesk Web';
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 0.04em;
}
*/

/*
.titleA {
	font-size: 94px;
	line-height: 92px;

}
.titleB {
	font-size: 35px;
	line-height: 38px;
}
.titleC {
	font-size: 60px;
	line-height: 100px;
}
.titleD {
	font-size: 28px;
	line-height: 30px;

}
.titleE {
	font-size: 125px;
	line-height: 125px;
}
.typeA,
#mc4wp_email {
	font-size: 25px;
	line-height: 35px;
}
.typeAi,
.typeA em,
.typeA i,
#mc4wp_email {
	font-style: italic;
}
.typeB,
.cta,
.page-type-content h3,
.page-type-content h4,
.mc4wp-response {
	font-size: 11px;
	line-height: 14px;
}
.typeC {
	font-size: 20px;
	line-height: 35px;
	font-style: italic;
}
input.btn, a.btn,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
select,
textarea {

}
*/

@media only screen and (max-width: 1365px) {

  /*
	.titleA {
		font-size: 57px;
		line-height: 50px;
	}
	.titleB {
		font-size: 30px;
		line-height: 33px;
	}
	.titleC {
		font-size: 40px;
		line-height: 56px;
	}
	.titleD {
		font-size: 22px;
		line-height: 24px;
	}
	.tileE {
		font-size: 100px;
		line-height: 100px;
	}
	.typeA,
	#mc4wp_email {
		font-size: 18px;
		line-height: 27px;
	}
	.typeB,
	.cta,
	.page-type-content h3,
	.page-type-content h4,
	.mc4wp-response {
		font-size: 9px;
		line-height: 12px;
	}
	.typeC {
		font-size: 15px;
		line-height:27px;
		font-style: italic;
	}
	input.btn, a.btn,
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="tel"],
	select,
	textarea {

	}
  */
}

@media only screen and (max-width: 1279px) {


}


.class .classA {}
.class.classA {}

.full-col {
	width: 100%;
}
.half-col {
	width: 50%;
}
.third-col {
	width: 33.333333%;
}
.two-third-col {
	width: 66.6666666666%;
}
.fourth-col {
	width: 25%;
}
.three-quarter-col {
	width: 75%;
}

.col-left {
	padding-right: 22px;
}
.col-right {
	padding-left: 23px;
}

/*************************************
	SLIDESHOW
**************************************/




.slide-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;

}

.slide-container {
	overflow: hidden;
}

.slide-title, .slide-date {
	color: #FFF;
}

.slide-title {
	width:40%;
	margin: 0 auto;
	padding-bottom: 40px;
}

.slides {
	height: 100%;
	/*height: 666px;*/
	position: relative;
}

.fading .slides {
	width: 100%;
}

.fading .slide {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	opacity: 0;
	z-index: 0;
	display: block;
	background-size: cover;
	background-position: top center;
}


.slide {
	display: block;
	background-size: cover;
	background-position: top center;
	position: relative;
}


.slide.active {

	z-index: 100;
}

.slide-graphic-text {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.slide-wrapper {
	position: relative;
}
.arrow-nav-left {
	cursor: pointer;
  background: url("css/images/arrow-left.png") no-repeat center center;
}
.arrow-nav-right {
	cursor: pointer;
  background: url("css/images/arrow-right.png") no-repeat center center;
}
.arrow-nav {
    width: 54px;
    height: 40px;
    cursor: pointer;
    background-size: contain;
    opacity: 1;
}

.arrow-nav.disabled {
	opacity: 0.3;
}

.slide-wrapper .arrow-nav, .about-gallery-interior .arrow-nav {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 101;

}

.slide-wrapper .arrow-nav-left,  .about-gallery-interior .arrow-nav-left {
    left: 0px;
    background-position: center right;
}

.slide-wrapper .arrow-nav-right,  .about-gallery-interior .arrow-nav-right {
    right: 0px;
     background-position: center left;
}

.about-gallery-interior .arrow-nav-left {
    left: -90px;
}

 .about-gallery-interior .arrow-nav-right {
    right: -90px;
}

.slide-nav-wrapper {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 81px;
	text-align: center;
	z-index: 100;
}

.slide-nav {
	display: inline-block;
}

.slide-nav-btn {
	width: 15px;
	height: 30px;
	padding: 10px 0 0 0;
	display: inline-block;
	cursor: pointer;

}

.slide-nav-bit {
	background-color: #FFF;
	height: 8px;
	opacity: 0.5;
	width: 8px;
	border-radius: 50%;
}

.slide-nav-btn.active .slide-nav-bit {
	opacity: 1;
}




.arrow-nav-left {
    background: url("images/arrow-left.png") no-repeat center center;
}
.arrow-nav-right {
    background: url("images/arrow-right.png") no-repeat center center;
}
.arrow-nav {
    width: 52px;
    height: 40px;
    cursor: pointer;
    background-size: 16px auto;
    opacity: 1;
}

.arrow-nav.disabled {
	opacity: 0.1;
}

.slide-wrapper .arrow-nav {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 101;
    opacity: 0.4;

}

.slide-wrapper .arrow-nav-left {
    left: -52px;
    background-position: center left;
}

.slide-wrapper .arrow-nav-right {
    right: -52px;
    background-position: center right;
}



.dummy-slide {
	position: absolute;
	top: 0;
	left: -33.33%;
}


.dummy-slide:last-child {
	left: auto !important;
	right: -33.33%;
}

.notfound-content {
	text-align: center;
}



/*********************************
	GRIDS
**************************************/

.grids {
	margin: 0 auto;
}

.grid {
  padding: 0;
}

.infinite-index {
	padding-left: 25px;
	padding-right: 25px;
}
.grid {
  /*padding: 1.875% 3.75% 1.875% 0;*/
	/*padding: 50px;*/
	padding: 25px;
}
.grid.text-box {
	padding:5%;
	line-height: 1.6em;
	text-align: center;
}
.grid.text-box p {
	padding-top: 1em;
}
.grid.text-box a {
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	font-style: italic;
}

.grid-info {
	padding-top: 21px;
}

.grid-image {
  display: block;
}


.grid-image img {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.grids.use-masonry .grid-interior,
.grids:not(.use-masonry) .grid.init .grid-interior {
	opacity: 0;

-webkit-transition: opacity 10ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: opacity 10ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: opacity 10ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: opacity 10ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

.grids.use-masonry.masonried .grid-interior,
.grids:not(.use-masonry) .grid:not(.init) .grid-interior {
	opacity: 1;
}


/*.grids.use-masonry .grid .grid-image .img,
.grids.use-masonry .grid .grid-image .video-container {*/
.grids.use-masonry .grid .grid-image,
.grids:not(.use-masonry) .grid:not(.init) .grid-image,
.grids:not(.use-masonry) .grid:not(.init) .icon-image {
	/*margin-top: 0px;*/
	opacity: 1;

}

.grids.use-masonry .grid.init .grid-image,
.grids:not(.use-masonry) .grid.init .grid-image,
.grids:not(.use-masonry) .grid.init .icon-image {
	/*margin-top: 7.659574468085106%;*/
	opacity: 0;
}

.grids.use-masonry .grid.init,
.grids:not(.use-masonry) .grid.init {
	/*padding-bottom: 0;*/
}
.grids.use-masonry .grid:not(.init) ,
.grids:not(.use-masonry) .grid:not(.init)  {
  /*padding-bottom: 1.875%;*/
}


/****** SELECTS *******/
.select-menu {
    overflow: hidden;
    height: 35px;
    height: 26px;
    position: relative;
    cursor: pointer;
    color: #FFF;
    line-height: 32px;
    line-height: 22px;
    text-align: left;


}



.select {
    padding-bottom: 0px;
    height: 35px;
    height: 26px;
    border: 1px solid #FFF;
    background: url("images/select-arrow.png") no-repeat center right;
    background-size: auto 9px;
}

.select {
	padding: 0 8px;
}

.select-menu.expanded .select, .select-menu.expanded .select-option {
	padding: 0 9px;	/* to account for no border */
}



.select-menu a {
   text-decoration: none;
}

.select-menu.expanded {
    overflow: visible;
    line-height: 34px;
    line-height: 25px;
}

.select-menu.expanded .select {
	background-image: url("images/select-arrow-down.png");
}

.select-menu.expanded .select {
    border: none;
    height: 37px;
    height: 29px;
    background-color: #c8c9d4;
}

.select .option-extra-info {
    display: none;
}
.select-options {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 100%;
    z-index: 1000;

    background-color: #c8c9d4;
}

.select-option.form-field {
    /*border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;*/
    border-bottom: none;
    padding-bottom: 0px;
    height: 35px;
    height: 26px;
    display: block;
}

.select-option.form-field.out-of-stock {

}

.select-option:hover {
	background-color: #fb3c4a;
}

.content-container {
	padding: 54px 0 0 54px;
}


/**************
	HEADER
	******************/

.header, .overlay-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 50%;
  z-index: 1000;
	padding-top: 50px;
	max-width: 500px;
}

.logo {
	width: 300px;
  margin-left: 50px;
	z-index: 1000;
  /*line-height: 100px;*/
}

.logo a p {
  padding: 0;
  margin: 0;
}

.logo.type-image a {
  /*margin-top: 48px;*/
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
  background-position: top left;
	z-index: 1000;
}
.logo.type-image .site-name {
	display: none;
}

.nav .menu-item a,
.logo a {
  color: #000;
  text-decoration: none;
}
.nav .menu-item.active a {
  border-bottom: 1px solid #000;
}

.nav-main-container {
  position: fixed;
  right: 80px;
  top: 0;
	padding-top: 50px;
  /*line-height: 100px;*/
  /*opacity: 0;*/
	z-index: 1001;

}

.header.frozen .hamburger,
.header.frozen .hamburger a {
	display: none;
}

.hamburger a,
.overlay-close,
.fake-close {
  background: url("images/grid-b@2x.png") no-repeat;
	background-position: 0 50px;
  background-size: 30px auto;
  width: 30px;
  position: fixed;
  top: 0;
  right: 50px;
  display: block;
	cursor: pointer;
	z-index: 1000;
}

.overlay-close,
.fake-close {
	z-index: 1002;
}

.overlay-close.full-close {
	display: none;
}

#overlay-story-box .overlay-close.full-close {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1;
	background: none;
	cursor: default;
}

.header,
.logo a.type-image,
.hamburger a,
.overlay-close,
.fake-close,
.nav-main-container  {
	height: 100px;
}

.header.active .hamburger a,
.overlay-close,
.fake-close {
  background-image: url("images/close-b@2x.png");
}

.overlay-close-about-close,
.page-template-page-about .fake-close {
	background-image: url("images/close-w@2x.png");
}


/*
.nav-main-container.active  {
  right: 80px;
  opacity: 1;
}
*/

.nav-main-container .menu-item {
  display: inline-block;
  padding-right: 42px;
}

#container.reverse .menu-item a,
#container.reverse .logo a,
.header.reverse .logo a {
  color: #FFF;
  border-color: #FFF;
}

#container.reverse .hamburger a,
.header.reverse .hamburger a {
  background-image: url("images/grid-w@2x.png");
}

#container.reverse .header.active .hamburger a,
#container.reverse .fake-close,
.alt-filter-menu-close {
  background-image: url("images/close-w@2x.png");
}




.content-interior {
	position: relative;
	max-width: 1920px;
  margin: 0 auto;
}
.content-interior.alt-b {
	padding-left: 100px;
	padding-right: 100px;
}
.content-top {
	padding-top: 54px;
}
.page:not(.page-template) {
	padding-bottom: 160px;
}



/**************
	FOOTER
	******************/
.footer {
	/*background: #131318;
	position: relative;
	z-index: 1001;
	*/
	position: fixed;
	bottom: 0px;
	left: 50px;
	padding-bottom: 50px;
	padding-top: 10px;
	line-height: 1.5em;
	z-index: 1000;
}

.footer-nav .menu-item a {
	display: block;
	text-decoration: none;
	width: 100%;
	padding: 0 5px 5px 5px;
}

.footer-nav .sub-menu {
	padding-right: 20px;
}

.footer-nav .menu-no-link {
	cursor: default;
}

.footer-nav .sub-menu-open {
	color: #d6d6d6 !important;
}

/*************************************
	MAILCHIMP
**************************************/

/*
.subscribe-input,
.subscribe-btn {
	width: 100%;
}
*/

.newsletter-container form {
	position: relative;
}
.email-container {
	/*opacity: 0.4;*/
	border-bottom: 1px solid #131318;
}
input#mc4wp_email {
	border: none;
	margin: 0;
	max-width: 70%;
}
.subscribe-btn {
	width: 70px;
	position: absolute;
	right: 0;
	bottom: 10px;
	text-align: right;
	height: 1em;
	line-height: 1em;
	margin: 0;
	border: none;
}

.mc4wp-response {
	padding: 12px 0;
}

.mc4wp-response .mc4wp-alert {
	display: none;
}

.mc4wp-response .mc4wp-alert:first-child {
	display: block;

}

.mc4wp-ajax-loader {
	background: none !important;
	visibility: hidden !important;
	display: none !important;
}


.newsletter-intro {
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 75px;
	max-width: 318px;
	margin: 0 auto;
}

.newsletter-title {
	/*line-height: 1em;
	text-align: center;
	padding-bottom: 66px;*/
}

.newsletter-content {
	padding: 36px;
	position: relative;
	height: 100%;
}

.newsletter-form {
	position: relative;
	/*width: 374px;*/
	margin: 0 auto;
}




/**************
	MODULES
	******************/

.module:not(.look) {
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 50px 0;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
.module:not(.look):last-child {
	padding-bottom: 0;
}
.modules {
	padding-bottom: 100px;
}
.use-burger .modules.modules-backstage {
	padding-bottom: 0;
}
.module-image {
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 100%;
}
.module.image-format-variable_height .module-image {
	position: relative;
	/*padding-top: 50%;*/
}
.module.image-format-variable_height .module-image > .fake-table {
	height: 50%;
	position: absolute;
	top: 50%;
	left: 0;
}

.module-text-content {
	padding: 90px 21px;
	position: relative;
}
.module-cta {
	position: absolute;
	top: 45px;
	text-align: center;
	left: 0;
	width: 100%;
}
.module-text-content.text-style-big_feature .module-cta {
	top: auto;
	bottom: 45px;
}
.module-title {
	max-width: 12em;
	margin: 0 auto;
}
.module-overlay-content iframe {
	width: 100%;
	margin: 0 auto;
	display: block;
}


video {
	width: 100%;
	height: auto;
}
.video-container {
	position: relative;
	overflow: hidden;
}
.video-embed-thumb {
	position: relative;
}
.video-embed-thumb:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("images/play-white_2x.png") no-repeat center center;
	background-size: 20% auto;
	top: 0;
	left: 0;
}
.video-embed-thumb.play-reverse:after {
	background-image: url("images/play-black_2x.png");
}
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.cta {
	text-decoration: none;
	display: block;
}
.cta span {
	line-height: 21px;
	border-bottom: 1px solid #131318;
	display: inline-block;
}
.cta.greyed {
	opacity: 0.3;
}
.cta.greyed:hover {
	opacity: 0.6;
}

.page-next.clicked {
	/*display: none;*/
	opacity: 0;
}

.news .text-loader {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

/**************
	CONTENT STYLES
	******************/

.text-cols,
.lead-asset {
	margin: 0 auto;
}
.text-cols.single {
	width: 50%;
}
.text-cols.double,
.lead-asset.vertical {
	width: 87%;
}
.text-col-a, .text-col-b {
	padding: 45px;
}
.lead-asset,
.block-image {
	padding: 45px;
}
.lead-asset {
	padding-top: 54px;
}
.text-label {
	padding-bottom: 25px;
}
.text-cols.single .text-col-a {
	width: 100%;
}
.text-cols.double .text-col-a {
	width: 54%;
}
.text-cols.double .text-col-b {
	width: 46%;
}
.lead-asset {
	position: relative;
}
/*
.lead-asset.horizontal,
.block-asset.horizontal {
	padding-left: 0;
	padding-right: 0;
}
*/
.about-text a {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
.about-text a.app-btn-link {
	border: none;
	display: block;
	max-width: 150px;
}

.about-text a.app-btn-link img {
	max-width: 100%;
	height: auto;

}

.about-text a:hover {
	border-color: #000;
}
.lead-asset img,
.block-asset img,
.lead-asset iframe,
.block-asset iframe,
.pair-block img {
	width: 100%;
	height: auto;
	display: block;
}

.block-row,
.block-image-pair {
	margin-left: -25px;
}
.block-row .column,
.block-image-pair .pair-block {
	padding-left: 50px;
}
.block-wrapper {
	padding-top: 25px;
	padding-bottom: 25px;
}
blockquote {
	padding: 0;
	margin: 0;
	text-align: center;
}


/* for containers that can handle assets of varying widths */
.var-asset img {
	height: auto;
	display: block;
	margin: 0 auto;
}
.var-asset.ratio-10 img {
	width: 10%;
}
.var-asset.ratio-20 img {
	width: 20%;
}
.var-asset.ratio-30 img {
	width: 30%;
}
.var-asset.ratio-40 img {
	width: 40%;
}
.var-asset.ratio-50 img {
	width: 50%;
}
.var-asset.ratio-60 img {
	width: 60%;
}
.var-asset.ratio-70 img {
	width: 70%;
}
.var-asset.ratio-80 img {
	width: 80%;
}
.var-asset.ratio-90 img {
	width: 90%;
}
.var-asset.ratio-100 img {
	width: 100%;
}



/**************
	HOME
	******************/

.hero {
	opacity: 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #FFF;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.hero.init {
	opacity: 0;
}
.hero-info {

}
.hero-info .cta {
	margin-top: 9px;
}
.hero-info .cta span {
	border-color: #FFF;
	color: #FFF;
}

.news.page {
	padding-top: 79px;
	padding-bottom: 0;
}
.news-grids {
	margin-left: -45px;
}
.news-grid {
	width: 50%;
	padding-left: 45px;
}
.news-grid .grid-image,
.news-grid .grid-info {
	display: block;
	text-decoration: none;
}
.news-grid.indent:not(.left-grid-col) .grid-interior {
	padding-left: 20%;
}
.news-grid.indent.left-grid-col .grid-interior {
	padding-right: 20%;
}
.news-grid .grid-image img {
	width: 100%;
	height: auto;
}
.news-grid .grid-info {
	max-width: 25em;
	/*padding-bottom: 88px;*/
	/*padding-top: 30px;*/
}
.news-grid .grid-info .grid-title {
	padding-bottom: 1em;
}
.news-grid .grid-info p {
	margin: 0;
	padding: 0;
}
.news-grid .icon-image {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	padding-top: 45px;
	padding-bottom: 90px;
}
.news-grid .icon-image img {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto;
}

.featured-container {
	padding-bottom: 116px;
}
.featured-display {
	padding-right: 45px;

}
.featured-display-assets {
	position: relative;
	/*
	height: 526px;
	height: 498px;*/
}
.featured-display-asset {
	height: 100%;
	background-size: cover;
	background-position: center center;
	display: block;
	position: relative;

-webkit-transition: clip 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: clip 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: clip 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: clip 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.featured-display-asset iframe {
	width: 100%;
	/*height: 100%;*/
}
.featured-display-asset.featured-display-asset-new {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*clip: rect(0, 868px, 526px, 860px);*/

}
.featured-display-asset.featured-display-asset-active,
.featured-display-asset.featured-display-asset-new.featured-display-asset-active {
	/*clip: rect(0, 868px, 526px, 0);*/

}
.featured-thumb {
	height: 145px;
	height: 136px;
	margin-top: 45px;
	background-size: cover;
	background-position: center center;
	cursor: pointer;
}
.featured-thumb:first-child {
	margin-top: 0;
}
.featured-thumb .featured-title {
	display: none;
}
.featured-display-asset .featured-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #FFF;
	padding: 40px 45px;
	/*pointer-events: none;*/
}
.featured-display-asset .featured-title a {
	text-decoration: none;
}

.instagram-container,
.featured-container {
	background: #E7E7E1;
}
.home-section-title {
	padding-top: 66px;
	padding-bottom: 50px;
	text-align: center;
}
.insta-grids,
.home-about-row {
	margin-left: -45px;
}
.insta-grid,
.home-about-col {
	padding-left: 45px;
}
.insta-grid .grid-interior a {
	display: block;
}
.insta-grid .grid-interior img {
	display: block;
	width: 100%;
	height: auto;
}
.insta-grid .grid-interior p {
	padding: 0;
	margin: 0;
}
.insta-grid.init {
	opacity: 0;
}
.insta-grid .grid-image p,
.insta-grid .grid-image a {
	display: block;
	width: 100%;
	height: 100%;
}
.insta-grid .grid-image a {
	background-size: cover;
	background-position: center center;
}
.home-section-outro {
	padding-top: 62px;
	padding-bottom: 66px;
	text-align: center;
}

.home-about {
	padding-top: 92px;
	padding-bottom: 92px;
}
.home-contact-title {
	padding-bottom: 12px;
}
.home-newsletter {
	padding-bottom: 30px;
}
.home-contact-text a {
	text-decoration: none;
}

/**************
	HOMEPAGE
	******************/

.homepage-split {
  padding: 0 2%;
  position: relative;
}
.homepage-split:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: rgba(0,0,0,0.1);
  top: 0;
  left: 50%;
}
.homepage-split-col {
    padding: 100px 2%; /* 100px reflects the space needed to avoid overlapping header */
}
.homepage-split-panel {
  display: block;
  text-align: center;
  text-decoration: none;
  width: 100%;
  height: 100%;
  position: relative;
}
.homepage-split-panel-bg {
  display: block;
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
	pointer-events: none;
}

.homepage-split-panel-bg img {
	width: 100%;
	display: block;
}

.homepage-split-panel-title-wrapper {
	height: 100%;
	width: 100%;
	/*pointer-events: none;*/
	display: block;
}
.homepage-split-panel-title {
	padding: 3em;
}
.homepage-split-panel-title span {
  border-bottom: 1px solid #FFF;
  color: #FFF;
  display: inline-block;
  position: relative;
  line-height: 1.6em;
}

.home .logo {
	display: none;
}

.homepage-logo {
	display: block;
	position: absolute;
	padding: 80px;
	top: calc(48vh - 24vw);
	left: 0;
	width: 100%;
	z-index: 2;
}

/*.home.header .logo {
	display: block;
	position: absolute;
	top: 30%;
	width: 90vw;
	height: 300px;
}

.home.header .logo a {
	display: block;
	position: absolute;
	top: 30%;
	width: 100%;
	height: 600px;
}*/


/**************
	WORK
	******************/

.alt-filter-menu {
	text-decoration: none;
}
.alt-filter-menu-close {
	display: none;
}
.page-template-page-work-index .hamburger a,
.tax-work_type .hamburger a {
	display: none;
}

.page-template-page-work-index .fake-close,
.tax-work_type .fake-close {
	z-index: 1002;
}
  .work-index.page {
    padding-top: 200px;
  }



.work-index-grid .grid-image img {
	display: block;
	width: 100%;
	height: auto;
}

.work-index-grid .grid-image,
.work-index-grid .grid-info,
.search-grid .grid-info,
.search-grid .grid-image {
	display: block;
	text-decoration: none;
}
.search-grid .grid-info {
	max-width: 25em;
}



/**************
	WORK DETAIL
	******************/
.work-detail-asset-container {
	position: relative;
	/*height: 100%;
	min-width: 1024px;*/
}

.work-detail-asset {
	position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.work-detail-asset-container.framed.padding-narrow {
  padding: 5%;
}
.work-detail-asset-container.framed.padding-medium {
  padding: 10%;
}
.work-detail-asset-container.framed.padding-wide {
  padding: 15%;
}
.page-template-page-home .work-detail-asset-container.framed.padding-wide {
  padding: 5%;
}

.work-detail-image {
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
}
.work-detail-asset-container.contained .work-detail-image,
.work-detail-asset-container.framed .work-detail-image {
  background-size: contain;
}
.work-detail-asset-container.cover .work-detail-image {
  background-size: cover;
}
.work-detail-asset iframe {
  width: 100%;
}

.work-detail-info {
  position: absolute;
  left: 50px;
  bottom: 50px;
	line-height: 1.5em;
	right: auto;
	text-align: left;
}
.work-detail-read-story {
	text-transform: uppercase;
	font-size: 15px;
}
.work-detail-info p {
  padding: 0;
  margin: 0;
}
.work-detail-info a {
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 1px solid #000;
}
.work-detail-info a.reverse {
	border-bottom: 1px solid #FFF;
}
.style-stacked .swiper-slide:not(.swiper-slide-active) .work-detail-info a.reverse {
	border-bottom: 1px solid #000;
}

#container.reverse .work-detail,
#container.reverse .footer-nav a {
  color: #FFF;
}

#container.reverse .work-detail-info a {
	border-color: #FFF;
}

.work-detail-asset-container.dir-prev.init,
.work-detail-asset-container.dir-next.init {
  position: fixed;
  top: 0;
}

.work-detail-asset-container.dir-prev.init {
  left: -100%;
}
.work-detail-asset-container.dir-next.init {
  right: -100%;
}

/*
.work-index-detail-asset img {
	display: block;
	margin: 0 auto;
}
.work-index-detail-asset iframe {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1218px;
}

.work-index-detail .work-index-detail-asset-container > .content-interior,
.work-index-detail .work-index-detail-info-container {
	opacity: 1;
-webkit-transition: opacity 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: opacity 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: opacity 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: opacity 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.work-index-detail.loading .work-index-detail-asset-container > .content-interior,
.work-index-detail.loading .work-index-detail-info-container {
	opacity: 0.1;
}

.work-index-detail-share {
	position: absolute;
	right: 0;
	top: 54px;
}
.work-index-detail-share .share-option {
	display: block;
	margin-bottom: 6px;
	opacity: 0.6;
}
*/

.arrow-nav {
	width: 50%;
  height: 100%;
  position: fixed;
  top: 100px;
  z-index: 10;
}
.arrow-nav.cursor-previous,
.arrow-nav.loop-previous {
  left: 0;
}
.arrow-nav.cursor-next,
.arrow-nav.loop-next {
  right: 0;
}
.arrow-nav.swiper-button-disabled {
	pointer-events: none;
}

.arrow-navs.video-mode .arrow-nav {
	width: 150px;
}

.work-id {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 60px;
}

.single-work #content-interior {
	overflow-y: hidden;
}

.style-fullscreen .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-next):not(.swiper-slide-active) .work-detail-asset {
	display: none;
}
.swiper-slide.unloaded .work-detail-asset {
	opacity: 0;
}
.swiper-slide.unloaded.swiper-slide-active:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url("images/loader-b.gif") no-repeat center center;
	background-size: 90px auto;
}

#container.reverse .swiper-slide.unloaded.swiper-slide-active:after {
	background-image: url("images/loader-w.gif");
}

.style-stacked .work-detail-asset-container,
.style-stacked .swiper-slide {
	width: auto;
	height: 100%;
}
.style-stacked .swiper-slide:not(.swiper-slide-active) .work-detail-info {
	opacity: 0;
}

.device .style-stacked .swiper-slide:not(.swiper-slide-active) .work-detail-info {
	opacity: 1;
}



/**************
	STORIES
	******************/

.stories.page {
	position:relative;
	padding-bottom: 0;
}
.stories-icon {
	position: fixed;
	position: absolute;
}
.stories-icon img {
	width: 100%;
	display: block;
	height: auto;
}
.stories-icon-1 {
	top: 0;
	left: 42%;
	width: 36.875%;
	max-width: 749px;
}
.stories-icon-2 {
	bottom: 0;
	left: 62%;
	width: 22.135416666667%;
	max-width: 487px;
}
.stories-list {
	text-align: center;
	margin: 0 auto;
	padding-top: 128px;
	padding-bottom: 128px;
	position: relative;
}
.stories-list-item {
	text-decoration: none;
	display: inline-block;
	padding: 0 22px;
	white-space: nowrap;
}

.stories-outro {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
}



/**************
	STORY SINGLE
	******************/

.story.page {
	/*padding-top: 438px;*/
	/*margin-top: 36%;*/
}
.story-interior {
	position: relative;
	/*padding-top: 36%;*/
}
.story .lead-asset {
	padding-top: 0;
}

.story-projecttype {
	padding: 70px 0 25px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
}

.story-title {
	font-family: titling-gothic-fb-wide, sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 49px;
	padding: 25px 10% 25px 10%;
	font-size: 44px;
	text-align: center;
	text-transform: uppercase;
}

.story-location {
	padding: 25px 0 50px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

.story .content-blocks {
	margin-left: auto;
	margin-right: auto;
	/*max-width: 1300px;*/
}

/*@media screen and (max-width: 768px) {
	.story .content-blocks {
		margin-left: initial;
	}
}*/

.story .table {
	width: 100%;
}
.block-image-grid {
	margin-left: -90px;
}
.story .table .block-asset {
	padding-left: 90px;
}
.story .table .block-asset.block-image-grid-1,
.story .table .block-asset.block-image-grid-2 {
	padding-right: 10px;
}
.story .table .block-asset.block-image-grid-2 {
	padding-top: 90px;
	padding-left: 180px;
}
.content-block.format-quote {
	text-align: center;
}

.content-block.format-image_text_left {
	padding: 0px 90px;
}

.content-block.format-image_text_right {
	padding: 0px 90px;
}

.content-block.format-image_pair {
	padding: 0px 90px;
}

.content-block.format-image_full {
	padding: 0px 90px;
}

.content-block.format-text_full {
	padding-top: 65px;
  padding-right: 90px;
  padding-bottom: 65px;
  padding-left: 90px;
	max-width: 800px;
}
.story .device-full {
	width: 100%;
}

.story .mobile-full.text-full {
	width: 100%;
}

.quote-block {
	margin: 0 auto;
}

.left-story-col {
	width: 60%;
}

.right-story-col {
	width: 40%;
}

.story .left-story-image-col {
	position: relative;
	width: 60%;
}

.story .right-story-text-col {
	position: absolute;
	top: 0;
	height: 100%;
	left: 60%;
	padding-right: 125px;
}

.story .left-story-text-col {
	position: absolute;
	top: 0;
	height: 100%;
	right: 40%;
	padding-left: 125px;
	padding-right: 75px;
	max-width: 690px;
}

.story .right-story-image-col {
	position: relative;
	float: right;
	width: 40%;
	max-width: 690px;
}

.story .text-cols {
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

.format-image_pair .left {
	padding-right: 25px;
}

.format-image_pair .right {
	padding-left: 25px;
}

/**************
	ABOUT PAGE
	******************/

.about-page {
}

.about-page a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

.about-page a:after {
	content: "";
  position: absolute;
  width: 100%;
  left: 0;
  border-top: 2px solid white;
  bottom: -3px;
}

.info.page {
	padding-top: 250px;
	padding-bottom: 90px;
}

/*
.with-overlay .page-template-page-home .logo,
.with-overlay .page-template-page-home.header {
	width: 93vw;
	height: 100vh;
	background: #FFF;
}

.with-overlay .page-template-page-home .logo a {
	width: 100%;
	height: 100%;
}*/

.page-template-page-about.header .hamburger {
	display: none;
}

.page-template-page-about.header {
	display: none;
}

.page-template-page-about .footer {
	display: none;
}

.about-page .text-cols {
	color: white;
	font-size: 30px;
	padding-top: 0.5em;
	line-height: 1.3;
}

@media screen and (min-width: 1500px) {
	.about-page .text-cols {
		font-size: 36px;
	}
}

/* colors .content-interior */
.info.page.content-interior {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 90px;
	padding-bottom: 90px;
}

#overlay-about-box {
	background: none;
}

#overlay-about-box .overlay-bg {
	/*background-color: rgba(29, 0, 255, 0.8);*/
	background-color: rgba(255,255,255,0.9);
}

#overlay-about-box .overlay-interior {
	background: none;
	height: 100vh;
}

/*
.story .image-left {
	position: relative;
}

.story .text-cols-right {
	position: absolute;
	left: 50%;
	top: 0;
	text-align: center;
	height: 100%;
	padding: 30px;
}*/


/**************
	WORK INDEX
	******************/

	.work-index .grid-image-wrap {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.work-index .grid-image-wrap:hover {
		background-color: rgba(255,0,150,0.3);
	}

	.grid-hover {
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  	background-color: rgba(255,69,83,0.9);
    color: #FFF;
    text-align: center;
	}

	.grid-interior:hover {
    z-index: 2000;
	}

	.grid-interior:hover .grid-hover {
    opacity: 1;
	}

	.grid-text {

	}

	.grid-text a {
		text-decoration: none;
	}

	.split-table {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
	}

	.split-table-tophalf {
		position: absolute;
		height: 50%;
		width: 100%;
		top: 0;
	}

	.split-table-bottomhalf {
		position: absolute;
		height: 50%;
		width: 100%;
		top: 50%;
	}

	.work-index-hover-title {
		font-family: titling-gothic-fb-wide, sans-serif;
		font-size: 18px;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0px 10% 0 10%;
		display: block;
	}

	.grid-interior.vertical .work-index-hover-title {
		padding: 0px 2% 0px 2%;
	}

	.work-index-hover-category {
		font-size: 12px;
		text-transform: uppercase;
		z-index: 2;
		position: relative;
		top: -45px;
		left: 0;
		width: 100%;
		text-align: center;
		letter-spacing: .5px;
	}

	.work-index-hover-read {
		font-size: 12px;
		text-transform: uppercase;
		z-index: 2;
		position: relative;
		bottom: -45px;
		left: 0;
		width: 100%;
		text-align: center;
		letter-spacing: .5px;
	}

	.work-index-hover-read a {
		text-decoration: none;
	}

	.work-index-hover-read:after {
		content: "";
    position: absolute;
    width: 64px;
    left: calc(50% - (32px));
    top: 18px;
    border-bottom: 1px solid white;
	}

	.work-index-hover-read.hide:after {
		border-bottom: none;
	}

	.grid-interior {
		z-index: 1;
	}

	.grid-interior img {
		left: 0px;
	}

	.grid-interior.horizontal img {
			width: 100%;
			height: auto;
	}

	.grid-interior.vertical {
		/*display: block;*/
		display: inline-block;
		float: left;
		/*height: 100%;*/
		width: auto;
	}

	.grid-interior.horizontal {
		height: auto;
	}

	.grid-interior.vertical img {
		height: 100%;
		width: auto;
	}

	#overlay-story-box {
		top: 50px;
		margin-left: 50px;
		margin-right: 50px;
		margin-bottom: 50px;
	}

	#overlay-story-box .overlay-bg {
		background: black;
		opacity: 0.3;
	}

	#overlay-story-box .overlay-close {
		position: absolute;
	}

	.siteby {
		position: fixed;
		left: 50px;
		bottom: 50px;
		z-index: 0;
	}


/**************
	RESPONSIVE
	******************/




/*.spinner {
	width: 600px;
	height: 600px;
	border-radius: 100%;
	background: #131318;
	z-index: 3000000;
	overflow: hidden;
	-webkit-animation:grow 2s infinite;
	-moz-animation:grow 2s infinite;
	-o-animation:grow 2s infinite;
	animation: grow 2s infinite;

}*/

/*

.spinner.inactive {
	-webkit-animation: load8out 2s 1 ease-out;
	animation: load8out 2s 1 ease-out;
	animation-play-state: paused;
}

.spinner.test1 {
    -webkit-transform: scale( 0.1 );
    -moz-transform: scale( 0.1 );
    -o-transform: scale( 0.1 );
    -ms-transform: scale( 0.1 );
    transform: scale( 0.1 )
}
.spinner.test2 {
    -webkit-transform: scale( 1 );
    -moz-transform: scale( 1 );
    -o-transform: scale( 1 );
    -ms-transform: scale( 1 );
    transform: scale( 1 )
}

*/


/*.circle:hover {
  background: #070338;
}
*/



@-webkit-keyframes grow {
 0% {
-webkit-transform: scale( 0 );-moz-transform: scale( 0 );-o-transform: scale( 0 );-ms-transform: scale( 0 );transform: scale( 0 );
  }

  50% {
  -webkit-transform: scale( 1 );-moz-transform: scale( 1 );-o-transform: scale( 1 );-ms-transform: scale(1 );transform: scale(1 );
  }

  100% {
  -webkit-transform: scale( 0 );-moz-transform: scale( 0 );-o-transform: scale( 0 );-ms-transform: scale( 0 );transform: scale( 0 );
  }
}

@-moz-keyframes grow {
 0% {
-webkit-transform: scale( 0 );-moz-transform: scale( 0 );-o-transform: scale( 0 );-ms-transform: scale( 0 );transform: scale( 0 );
  }

  50% {
  -webkit-transform: scale( 1 );-moz-transform: scale( 1 );-o-transform: scale( 1 );-ms-transform: scale(1 );transform: scale(1 );
  }

  100% {
  -webkit-transform: scale( 0 );-moz-transform: scale( 0 );-o-transform: scale( 0 );-ms-transform: scale( 0 );transform: scale( 0 );
  }
}
@-o-keyframes grow {
 0% {
-webkit-transform: scale( 0 );-moz-transform: scale( 0 );-o-transform: scale( 0 );-ms-transform: scale( 0 );transform: scale( 0 );
  }

  50% {
  -webkit-transform: scale( 1 );-moz-transform: scale( 1 );-o-transform: scale( 1 );-ms-transform: scale(1 );transform: scale(1 );
  }

  100% {
  -webkit-transform: scale( 0 );-moz-transform: scale( 0 );-o-transform: scale( 0 );-ms-transform: scale( 0 );transform: scale( 0 );
  }
}
@keyframes grow {
 0% {
-webkit-transform: scale( 0 );-moz-transform: scale( 0 );-o-transform: scale( 0 );-ms-transform: scale( 0 );transform: scale( 0 );
  }

  50% {
  -webkit-transform: scale( 1 );-moz-transform: scale( 1 );-o-transform: scale( 1 );-ms-transform: scale(1 );transform: scale(1 );
  }

  100% {
  -webkit-transform: scale( 0 );-moz-transform: scale( 0 );-o-transform: scale( 0 );-ms-transform: scale( 0 );transform: scale( 0 );
  }
}



.spinner-wrapper {
	height: 30px;
}

.spinner-absolute {
	opacity: 1;
}
.spinner-absolute.inactive {
	opacity: 0;
}
.spinner-absolute .spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 300px;
	margin-left: -150px;
	margin-top: -150px;
}

.spinner, .loader-preload {
	background: url("images/loader-b.gif") no-repeat center center;
	/*width: 100%;
	height: 100%;*/
	background-size: 90px auto;
}

.spinner.reverse {
	background-image: url("images/loader-w.gif");
}

#container.reverse .spinner {
	background-image: url("images/loader-w.gif");
}


.text-loader  {
	width: 60px;
	height: 150px;
	margin: 0 auto;
	text-align: center;
	background-size: auto 15px;
}

#device-detector {
	width: 1024px;
}

@media only screen and (max-device-width: 767px) {
	#device-detector {
		width: 320px;
	}
}

@media only screen and (max-device-width: 768px) {
	#device-detector {
		width: 481px;
	}
}

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

}

@media only screen and (min-width: 1025px) and (max-width: 1365px) {


}


@media only screen and (max-width: 1365px) {
	.stories-list {
		max-width: 50em;
	}

	.work-index-hover-category {
		top: -25px;
	}

	.work-index-hover-read {
		bottom: -25px;
	}
}

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

	.story .left-story-text-col {
		right: 50%;
	}

}

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

	.format-image_text_left + .format-image_text_right {
		margin-top: -100px;
	}

	.format-image_text_right + .format-image_text_left {
		margin-top: -100px;
	}

}


#admin_bar_iframe {
	display: none !important;
}

@media only screen and (max-width: 1300px) {
	.work-index-hover-title {
		font-size: 13px;
	}
}

@media only screen and (max-width: 1000px) {
	.story-interior .mobile-full.column,
	.story-interior .mobile-full.half-col {
		width: 100% !important;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.story-interior .mobile-full.column.col-left {
		padding-right: 0;
	}
	.story-interior .mobile-full.column.col-right {
		padding-left: 0;
	}

	.story .block-asset {
    padding-bottom: 65px;
	}

	.story .right-story-text-col {
    position: relative;
    top: initial;
    height: initial;
    left: initial;
    padding-left: 25px;
    padding-right: initial;
	}

	.story .left-story-text-col {
    position: relative;
    top: initial;
    height: initial;
    right: initial;
    padding-left: 25px;
    padding-right: initial;
	}

	.content-block.format-image_text_right {
    padding: 0px 20px;
	}

	.format-image_full + .format-image_text_left {
		margin-top: -45px;
	}

	.format-image_full + .format-image_text_right {
		margin-top: -45px;
	}

	.format-image_full + .format-image_full {
		margin-top: -45px;
	}

	.format-image_pair .right {
		padding-left: 25px;
	}

	.content-block.format-image_text_left {
		padding: 0px 30px;
	}

	.content-block.format-image_text_right {
		padding: 0px 30px;
	}

	.content-block.format-image_pair {
		padding: 0px 30px;
	}

	.content-block.format-image_full {
		padding: 0px 30px;
	}

	.content-block.format-text_full {
		padding-top: 0px;
	  padding-right: 30px;
	  padding-bottom: 20px;
	  padding-left: 30px;
		max-width: 500px;
	}

	.content-block.format-text_full p {
	  padding-bottom: 40px;
	}

	.content-block.format-text_full p:last-of-type {
	  padding-bottom: 1em;
	}

	.block-row .column, .block-image-pair .pair-block {
	    padding-left: 25px;
	}

	.story .right-story-image-col {
    max-width: 100%;
	}

	.story .right-story-image-col {
    max-width: 100%;
	}

	.story .format-image_pair .left {
    padding-right: 0px;
	}
}



/* OVERWRITES */

.logo.type-image a {
	width: 200px;
	height: 92px;
}
.swiper-container  {
	background-color: #FFF;
}
.footer {
	right: 45px;
	padding-bottom: 50px;
	left: auto;
	text-align: right;
	opacity: 1;
	-webkit-transition: opacity 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	   -moz-transition: opacity 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	     -o-transition: opacity 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	        transition: opacity 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.header, .logo {
	z-index: 500;
}
.page-template-page-work-index .logo,
.page-template-page-work-index.header {
	z-index: 2;
	width: 10px;
}
/*.page-template-page-work-index.header .logo {
	display: block;
	position: absolute;
	top: 30%;
	width: 90vw;
	height: 300px;
}*/

.page-template-page-work-index.header .logo {
	display: none;
}

.work-index-logo {
	position: fixed;
	padding: 80px;
	top: calc(48vh - 24vw);
	left: 0;
	width: 100%;
	z-index: 0;
}

.page-template-page-work-index.header .logo a {
	display: block;
	position: absolute;
	top: 30%;
	width: 100%;
	height: 600px;
}
.nav-main-container {
	left: 20%;
	right: auto;
	width: 60%;
	text-align: center;
}
.work-index.page {
	padding-top: 0;
	padding-bottom: 0;
}
.work-index .grid-info {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
.work-index-grid,
.infinite-index {
	padding: 0;
}

/* Type additions */

/*.work-index-grid-4 .work-index-hover-title {font-size: 36px;}
.work-index-grid-3 .work-index-hover-title {font-size: 24px;}
.work-index-grid-2 .work-index-hover-title {font-size: 18px;}
.work-index-grid-1 .work-index-hover-title {font-size: 18px;}*/

.work-index-grid.work-index-grid-1 {
	padding-left: 6.5625%;
	padding-top: 10.5%;
}
.work-index-grid.work-index-grid-2 {
	padding-left: 7.239583333333333%;

}
.work-index-grid.work-index-grid-3.fourth-col {
	padding-left: 13.145833%;
	padding-right: 12.447916666666667%;
}

.work-index-grid.work-index-grid-4.fourth-col {
	padding-left:7.1875%;
	padding-top: 3.229166666666667%;
}

.work-index-grid.work-index-grid-5 {
	padding-left: 6.302083%;
	padding-top: 6.979166666666667%;
	padding-bottom: 3.59375%;
}
.work-index-grid.work-index-grid-6 {
	padding-left: 3.25417%;
	padding-top: 2.458333333333333%;
}

.work-index-grid.work-index-grid-7 {
	padding-left: 9.479166666666667%;
	padding-top: 3.802083333333333%;
}

.work-index-grid.work-index-grid-8 {
	padding-top: 8.958333333333333%;
	/*padding-left: 7.135416666666667%;*/
	padding-bottom: 6.458333333333333%;
}
.work-index-grid.work-index-grid-9 {
	padding-top: 8.958333333333333%;
	padding-left: 7.729166666666667%;
}
.work-index-grid.work-index-grid-10 {
	padding-top: 5.3125%;
	padding-left: 5%;
	padding-bottom: 2%;
}
.work-index-grid.work-index-grid-11 {
	padding-top: 5.3125%;
	padding-left: 6.258333333333333%;
}
.work-index-grid.work-index-grid-12 {
	padding-top: 6.354166666666667%;
	padding-left: 4.583333333333333%;
}
.work-index-grid.work-index-grid-13 {
	padding-top: 3.020833333333333%;
	padding-left: 8.958333333333333%;
}
.work-index-grid.work-index-grid-13 {
	padding-top: 3.020833333333333%;
	padding-left: 8.958333333333333%;
	padding-bottom: 5.46875%;
}
.work-index-grid.work-index-grid-14 {
	padding-top: 6.458333333333333%;
	padding-bottom: 3.322917%;
	padding-left: 5.572916666666667%;
}
.work-index-grid.work-index-grid-15 {
	padding-top: 8.645833333333333%;
	padding-bottom: 7.145833%;
}
.work-index-grid.work-index-grid-16 {
	padding-top: 6.458333333333333%;
	padding-left: 10.78125%;
}

.work-index-grid.work-index-grid-3.fourth-col,
.work-index-grid.work-index-grid-4.fourth-col,
.work-index-grid.work-index-grid-7.fourth-col,
.work-index-grid.work-index-grid-13.fourth-col {
	width: 50%;
}
.grid-image, .grid-interior {
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	/*background-size: cover;*/
	background-position: top right;
}

.work-index-grid.work-index-grid-1 .grid-image {

}
.work-index-grid.work-index-grid-3 .grid-image,
.work-index-grid.work-index-grid-15 .grid-image {
	background-position: center center;
}