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

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

body {
  font-family: "Abel", sans-serif;
  font-size: 12px;
  width: 100%;
  height: 100%;
}

.mobileOnly {
  display: block !important;
}

.desktopOnly {
  display: none !important;
}

.hidden {
  display: none;
}

/* 2021 ADDITION OF HOMEPAGE SLIDESHOW */

#slideshow {
  position: relative;
  width: 100%;
  height: 50vh;
  opacity: 0;
  transition: opacity 0.3s;
  margin-bottom: 25px;
}

#slideshow.ready {
  opacity: 1;
}

#slideshow .cell {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

#slideshow .cell img.logo {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
}

#slideshow .cell img.photo,
#slideshow .cell video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cropped-grid {
  position: relative;
  width: 100%;
  margin: 75px auto 0 auto !important;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.cropped-grid .cell {
  position: relative;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  opacity: 0;
  transition: opacity 0.3s;
}

.cropped-grid.ready .cell {
  opacity: 1;
}

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

.cropped-grid .cell:nth-child(2n) {
  margin-right: 0;
}

.cropped-grid .cell .mediawrap {
  position: relative;
  width: 100%;
}

.cropped-grid .cell .mediawrap img,
.cropped-grid .cell .mediawrap video,
.cropped-grid .cell .mediawrap .vidhold {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  object-fit: cover;
}

.cropped-grid .cell .mediawrap video {
  opacity: 0;
  z-index: 4;
  transition: opacity 0.3s;
}

.cropped-grid .cell.playing .mediawrap video {
  opacity: 1;
}

.cropped-grid .cell .caption {
  margin: 5px 0 0 0;
  text-align: left;
  width: 100%;
  color: #9e9e9e;
  font-family: "futura-pt", sans-serif;
  font-size: 100%;
  text-transform: uppercase;
}

.single-view {
  margin-top: 75px !important;
}

.single-view iframe {
  margin-top: 15px;
}

/* FONTS * FORMS */

a {
  color: #8f0a0a;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* GENERIC DIV DEFINITIONS */

.inline {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  vertical-align: top;
}

.inline:before {
  content: "";
  width: 0px;
  height: 100%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  vertical-align: middle;
}

.centerMe {
  display: inline-block !important;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  vertical-align: middle;
}

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

#wrapper {
  width: 100%;
  min-height: 100%;
}

#content {
  width: 95%;
  margin: 0px auto 0px auto;
  position: relative;
  min-height: 3000px;
}

#content.hasFilter {
  margin-top: 0px;
}

.breadcrumb {
  width: 95%;
  margin: 50px auto 5px auto;
  position: relative;
  height: 25px;
  border: 0px solid red;
  overflow: hidden;
}

/* HEADER */

#header {
  width: 100%;
  margin: 0px auto 0px auto;
  height: 50px;
  background-color: #fff;
  text-align: center;
  position: fixed;
  overflow: hidden;
  top: 0px;
  left: 0px;
  z-index: 30;
}

.menuOpen #header {
  height: auto;
}

#header .inner {
  width: 94%;
  height: 100%;
  margin: auto;
  position: relative;
}

#header .logo {
  height: 50px;
  width: auto;
  float: left;
}

#header .nav {
  width: 100%;
  list-style-type: none;
  text-align: center;
  height: auto;
  margin-right: 0px;
  background-color: #fff;
  padding-top: 20px;
}

#header .nav:before {
  display: none;
}

#header .nav li {
  width: 100%;
  text-align: center;
  margin: 0px auto;
  color: #9e9e9e;
  border-bottom: 1px solid #ededed;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  #header .nav li {
    width: 48%;
    margin-right: 1%;
  }
}

#header .nav li:hover {
  color: #000;
}

#header .nav li.pageOn {
  color: #000;
}

#header .nav li a {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 15px 0px;
}

#header .inner .trigger {
  height: 50px;
  width: 30px;
  position: absolute;
  top: 0px;
  right: 0% !important;
  z-index: 10;
  cursor: pointer;
}

#header .inner .trigger:before {
  content: "";
  width: 0px;
  height: 100%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  vertical-align: middle;
}

#header .inner .trigger .menuButton {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 30px;
}

#header .inner .trigger .menuButton .line {
  position: relative;
  top: 0px;
  right: 0px;
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 6px;
  background-color: rgba(0, 0, 0, 1);

  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}

#header .inner .trigger .menuButton .line:last-child {
  margin-bottom: 0px;
}

/*3 lines --> X animation*/
.menuOpen #header .menuButton .line:first-child {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  top: 7px;
}

.menuOpen #header .menuButton .line:nth-child(2) {
  opacity: 0;
}

.menuOpen #header .menuButton .line:last-child {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  top: -7px;
}

/* FOOTER */

#footer {
  width: 100%;
  height: 87px;
  background-color: #252525;
  color: #fff;
  font-family: "futura-pt", sans-serif;
  text-align: center;
}

#footer .inner {
  width: 95%;
  margin: auto;
}

#footer .inner .left {
  width: 100%;
  text-align: center;
}

#footer .inner .left ul {
  margin-left: 20px;
}

#footer .inner .left li {
  margin-right: 0px;
  margin-left: 10px;
  color: #000;
}

#footer .inner a {
  color: inherit;
}

#footer .inner .right {
  text-align: center;
  width: 100%;
  color: #a2a2a2;
  text-transform: uppercase;
}

#wrapper .leftNav {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 140px;
  min-height: 100%;
  background-color: transparent;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 20px;
  vertical-align: top;
  z-index: 101;

  transition-property: width, background-color;
  transition-duration: 0.2s, 0.15s;
  transition-delay: 0s, 0s;
  transition-timing-function: ease-out;

  -webkit-transition-property: width, background-color;
  -webkit-transition-duration: 0.2s, 0.15s;
  -webkit-transition-delay: 0s, 0s;
  -webkit-transition-timing-function: ease-out;

  -moz-transition-property: width, background-color;
  -moz-transition-duration: 0.2s, 0.15s;
  -moz-transition-delay: 0s, 0s;
  -moz-transition-timing-function: ease-out;

  -o-transition-property: width, background-color;
  -o-transition-duration: 0.2s, 0.15s;
  -o-transition-delay: 0s, 0s;
  -o-transition-timing-function: ease-out;
}

.menuOpen #wrapper .leftNav {
  width: 300px;
  background-color: rgb(0, 0, 0);
  z-index: 250;
}

#wrapper .leftNav .mobileMenu {
  width: 22px;
  position: fixed;
  top: 40px;
  left: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  z-index: 22;
}

#wrapper .leftNav .mobileMenu .menuButton {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  vertical-align: middle;
  width: 100%;
  cursor: pointer;
}

#wrapper .leftNav .mobileMenu .menuButton .line {
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: 5px;
  background-color: rgba(255, 255, 255, 1);

  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.menuOpen #wrapper .leftNav .mobileMenu .menuButton .line {
  background-color: rgba(0, 0, 0, 1);
}

#wrapper .leftNav .mobileMenu .menuButton .line:last-child {
  margin-bottom: 0px;
}

/*3 lines --> X animation*/
.menuOpen .leftNav .mobileMenu .menuButton .line:first-child {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  top: 7px;
}

.menuOpen .leftNav .mobileMenu .menuButton .line:nth-child(2) {
  opacity: 0;
}

.menuOpen .leftNav .mobileMenu .menuButton .line:last-child {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  top: -7px;
}

#wrapper .leftNav .logoHolder {
  width: 82px;
  top: 33px;
  left: 58px;
  text-align: center;
  color: #d4232f;
  font-size: 120%;
  letter-spacing: 1px;
  position: fixed;
  cursor: pointer;
  z-index: 10;
}

#wrapper .leftNav .logoHolder .logo {
  width: 100%;
  margin-bottom: 10px;
}

#wrapper .leftNav .logoHolder .logo.white {
  display: block;
}

#wrapper .leftNav .logoHolder .logo.black {
  display: none;
}

.menuOpen #wrapper .leftNav .logoHolder .logo.white {
  display: none;
}

.menuOpen #wrapper .leftNav .logoHolder .logo.black {
  display: block;
}

#wrapper .leftNav .menu {
  display: none;
  opacity: 0;
  position: fixed;
  background-color: #fff;
  color: #000;
  width: 50%;
  height: 100%;
}

#wrapper .leftNav .menu ul {
  list-style-type: none;
  padding: 145px 0px 0px 40px;
}

#wrapper .leftNav .menu li {
  font-size: 400%;
  letter-spacing: 1px;
  padding-bottom: 15px;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.08em;
}

#wrapper .leftNav .menu li:hover {
  text-decoration: underline;
}

#wrapper .leftNav .menu li.pageOn {
  text-decoration: underline;
}

#wrapper .leftNav .menu li a {
  color: inherit;
  text-decoration: none;
}

#wrapper .leftNav .menu li.spacer {
  margin-top: 25px;
}

#wrapper .leftNav .menu li.subNav {
  font-size: 135%;
}

.menuOpen #wrapper .leftNav .menu {
  display: block;
  opacity: 1;
}

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

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

.loader {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100% !important;
  background-color: rgba(255, 255, 255, 1);
  z-index: 9999;
  opacity: 1;

  transition-property: z-index, opacity;
  transition-duration: 0s, 0.3s;
  transition-delay: 0s, 0s;
  transition-timing-function: linear;
  -webkit-transition-property: z-index, opacity;
  -webkit-transition-duration: 0s, 0.3s;
  -webkit-transition-delay: 0s, 0s;
  -webkit-transition-timing-function: linear;
  -moz-transition-property: z-index, opacity;
  -moz-transition-duration: 0s, 0.3s;
  -moz-transition-delay: 0s, 0s;
  -moz-transition-timing-function: linear;
  -o-transition-property: z-index, opacity;
  -o-transition-duration: 0s, 0.3s;
  -o-transition-delay: 0s, 0s;
  -o-transition-timing-function: linear;
}

.loadNeeded .loader {
  display: block;
}

.loader.OFF {
  opacity: 0;
  z-index: -9999;

  transition-property: opacity, z-index;
  transition-duration: 0.3s, 0s;
  transition-delay: 0s, 0.3s;
  transition-timing-function: linear;
  -webkit-transition-property: opacity, z-index;
  -webkit-transition-duration: 0.3s, 0s;
  -webkit-transition-delay: 0s, 0.3s;
  -webkit-transition-timing-function: linear;
  -moz-transition-property: opacity, z-index;
  -moz-transition-duration: 0.3s, 0s;
  -moz-transition-delay: 0s, 0.3s;
  -moz-transition-timing-function: linear;
  -o-transition-property: opacity, z-index;
  -o-transition-duration: 0.3s, 0s;
  -o-transition-delay: 0s, 0.3s;
  -o-transition-timing-function: linear;
}

.loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

/* SPLASH PAGE */

.home #wrapper {
  height: 100%;
}

.home #wrapper .imgix-fluid-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.home #splash {
  width: 100%;
  height: 100%;
  text-align: center;
}

.home #splash a {
  width: 100%;
  text-align: center;
  margin-right: 0px;
  position: relative;
  z-index: 10;
}

.home #splash .logo {
  width: 100%;
  margin: auto;
}

/* GRID PAGE */

body.grid {
  overflow-x: hidden;
}

.filterBtn {
  position: absolute;
  right: 0px;
  top: 0px;
  border: 1px solid #c2c2c2;
  padding: 3px 12px;
  color: #c2c2c2;
  cursor: pointer;
  width: 68px;
  text-align: center;
}

.filterTrigger:hover {
  color: #8e8e8e;
}

.filterTrigger span.label {
  display: inline-block;
  *display: inline;
  zoom: 1;

  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0s;
}

.filterTrigger span.label.rotate {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#filter {
  background-color: #f2f2f2;
  position: relative;
  width: 100%;
  font-family: "futura-pt", sans-serif;
  color: #9a9a9a;
  margin-top: 25px;
}

#filter .inner {
  padding: 25px;
  height: auto;
  position: relative;
  text-align: center;
}

#filter .title {
  text-align: left;
  text-decoration: underline;
  font-size: 125%;
  display: block;
  margin-bottom: 15px;
}

#filter .close {
  position: absolute;
  top: 15px;
  right: 43px;
  font-size: 125%;
  color: #9a9a9a;
  cursor: pointer;
}

#filter .filters {
  display: block;
  list-style-type: none;
  font-size: 125%;
  padding-bottom: 25px;
}

#filter .splitCol {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  width: 100%;
  vertical-align: top;
  text-align: left;
  color: #9a9a9a;
}

#filter .splitCol li {
  padding-bottom: 5px;
}

#filter .btn {
  border: 1px solid #c2c2c2;
  padding: 5px 30px 5px 30px;
  color: #8e8e8e;
  cursor: pointer;
  font-size: 150%;
  margin: 25px auto 15px auto;
  display: block;
  background-color: transparent;
  font-weight: 300;
  font-family: "futura-pt", sans-serif;
}

#filter .styledCheckbox {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 7px;
  position: relative;
  top: 4px;
}

.gridHolder .cell {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  margin-left: 1%;
  width: 48% !important;
  margin-right: 0px;
  margin-bottom: 33px;
  cursor: pointer;
}

.detailgrid .gridHolder .cell {
  margin-bottom: 4px;
}

.gridHolder .cell .imgHolder {
  width: 100% !important;
  height: 100% !important;
}

.essays .gridHolder .cell {
  margin-bottom: 33px;
}

.searchResults .gridHolder .cell {
  width: 100%;
}

.gridHolder .cell:nth-child(2n) {
  margin-right: 0px;
}

/*
	.detailgrid .gridHolder .cell, .searchResults .gridHolder .cell {
		width: 100% !important;
		height: auto !important;
		margin-right: -4px;
		margin-left: 0%;
		margin-bottom: 10px;
	}
	*/

.detailgrid .gridHolder .cell img,
.searchResults .gridHolder .cell img {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .gridHolder .cell .imgHolder {
    width: 100% !important;
  }
}

.gridHolder .cell .imgHolder div {
  height: 100%;
}

.gridHolder.cell:hover .imgHolder {
  opacity: 0.7;
}

.gridHolder .cell .caption {
  width: 100%;
  margin: 5px auto;
  text-align: center;
  color: #9e9e9e;
  font-family: "futura-pt", sans-serif;
  font-size: 100%;
}

.gridHolder .cell .caption a {
  color: inherit;
  text-decoration: none;
  min-height: 21px;
  display: block;
}

/* ESSAYS GRID PAGE */

.grid.essays .gridHolder .cell {
  margin-right: 0px;
}

.grid.essays .gridHolder .cell.five:nth-child(5n) {
  margin-right: 0px;
}

.grid.essays .gridHolder .cell.eight:nth-child(8n) {
  margin-right: 0px;
}

.grid.essays .gridHolder .cell.ten:nth-child(10n) {
  margin-right: 0px;
}

/* SCROLL PAGE */

.scroll.essays .gridHolder {
  margin: 0% 0% 0% 2.5%;
}

.scroll.essays .gridHolder .cell {
  float: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 10px;
}

.scroll.essays .gridHolder .cell .caption {
  font-size: 120%;
  margin: 5px auto;
}

body.scroll {
  overflow-y: hidden;
}

.scroll .scrollHolder {
  margin-top: 138px !important;
}

.scroll .scrollHolder .scrollMe td img.photo {
  margin-right: 10px;
}

/* VIDEO GRID */

.videos .videoHolder {
  text-align: center;
}

.videos .topVideo {
  display: none;
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 10px auto 25px auto;
}

.videos .cell iframe {
  width: 100%;
}

.videos .arrows .left {
  position: absolute;
  top: 49%;
  left: -30px;
  width: 14px;
  cursor: pointer;
}

.videos .arrows .right {
  position: absolute;
  top: 49%;
  right: -30px;
  width: 14px;
  cursor: pointer;
}

.videos .topVideo .play {
  width: 66px;
}

.videos .topVideo .title {
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
  text-align: center;
  margin: 0px auto 10px auto;
}

.videos .topVideo .title h1 {
  color: #cacaca;
  font-size: 125%;
  font-weight: 300;
  padding: 5px 0px 15px 0px;
}

.videos .caption {
  text-align: center;
  width: 100%;
  color: #cacaca;
  font-size: 135%;
  margin: 15px auto;
}

.videos .topVideo .imgHolder {
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  cursor: pointer;
}

.videos .videoGrid {
  border-top: 0px solid #d4d4d4;
  margin: 0px auto 0px auto;
  padding-top: 0px;
  width: 100%;
  text-align: left;
}

.videos .videoGrid .cell {
  margin: 0px 0px 27px 0px;
  position: relative;
  width: 100% !important;
  height: auto !important;
  text-align: center;
}

.videos .videoGrid .cell iframe {
  width: 100%;
}

/* INFO PAGE */

.info #content {
  font-size: 115%;
  line-height: 170%;
}

.info #content .leftColumn {
  width: 100%;
  margin-right: 0%;
  text-align: left;
}

.info #content .leftColumn p {
  margin-bottom: 20px;
}

.info #content .rightColumn {
  width: 100%;
  text-align: left;
}

.info #content .rightColumn p {
  margin-bottom: 20px;
}

/* CLIENT LIST */

ul.clients {
  list-style-type: none;
  font-size: 125%;
  color: #747474;
}

ul.clients li {
  margin-bottom: 10px;
}

ul.clients li a {
  text-decoration: none;
  color: inherit;
}

ul.clients li .number {
  opacity: 0;
  font-size: 80%;
}

ul.clients li:hover .number {
  opacity: 1;
}

ul.clients li:hover a {
  text-decoration: underline;
}

.info .splitCol {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  width: 100%;
  vertical-align: top;
}

/* CONTACT PAGE - FULL SCREEN IMAGE WITH TEXT OVERLAY */

body.blog {
  overflow-x: hidden;
}

.blog .logoHolder {
  display: none;
}

.blog .fullWidth {
  width: 100%;
  margin-right: -2px;
}

.blog .theText {
  font-size: 150%;
  line-height: 150%;
  margin-top: 45px;
}
.blog .theText .instagram {
  width: 15px;
  position: relative;
  top: 3px;
  left: -5px;
}

.blog .theText p {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: -4px;
  width: 100%;
  vertical-align: top;
  text-align: center;
  color: #000;
  margin-bottom: 15px;
}

.blog .theText p a {
  color: inherit;
}

#overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;

  -webkit-transition: z-index 0.5s step-end, opacity 0.5s linear;
  -moz-transition: z-index 0.5s step-end, opacity 0.5s linear;
  -o-transition: z-index 0.5s step-end, opacity 0.5s linear;
  transition: z-index 0.5s step-end, opacity 0.5s linear;
}

#overlay.ON {
  z-index: 900;
  opacity: 1;

  -webkit-transition: z-index 0.5s step-start, opacity 0.5s linear;
  -moz-transition: z-index 0.5s step-start, opacity 0.5s linear;
  -o-transition: z-index 0.5s step-start, opacity 0.5s linear;
  transition: z-index 0.5s step-start, opacity 0.5s linear;
}

#overlay .inner {
  width: 30%;
  padding: 3% 5%;
  background-color: #f6f6f6;
  color: #000;
  margin: auto;
  text-align: center;
  position: relative;
}

#overlay .inner .closelb {
  width: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

#overlay .inner h1 {
  font-size: 130%;
  text-decoration: underline;
  font-weight: 300;
  margin-bottom: 20px;
}

#overlay .inner p {
  line-height: 250%;
}

.grid .gridHolder .cell.desktopgrid img.mobileOnly {
  display: none !important;
}

/* SCROLL PAGE */

body.scroll {
  overflow-y: scroll;
}

.scroll .scrollHolder {
  margin-top: 69px !important;
}

.scroll #wrapper #content .scrollMe {
  width: 100% !important;
}

.scroll #wrapper #content .scrollMe .cell {
  width: 100% !important;
  margin-bottom: 10px;
}

.scroll #wrapper #content .scrollMe .cell .mediawrap {
  position: relative;
  width: 100%;
  height: 0;
}

.scroll #wrapper #content .scrollMe .cell img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}

.scroll #wrapper #content .scrollMe .cell iframe {
  width: 100% !important;
  height: 179px !important;
}

.scroll #wrapper #content .scrollMe .gridHolder {
  display: none !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #wrapper .leftNav {
    position: absolute !important;
  }

  .detailgrid .gridHolder .cell {
    width: 100%;
    height: auto;
  }

  .detailgrid .gridHolder .cell .imgHolder {
    width: 100% !important;
    height: 100% !important;
  }

  .detailgrid .gridHolder .cell.desktopgrid img.mobileOnly {
    display: block !important;
  }

  .scroll #wrapper #content .scrollMe .cell iframe {
    width: 100% !important;
    height: 406px !important;
  }
}

/* MASONRY GRID */

.masongrid {
  width: 100%;
  list-style-type: none;
  min-height: 100%;
  margin: 0px auto;
}

.masongrid .cell {
  display: block;
  float: left;
  /*opacity: 0;*/
  overflow: hidden;
  text-align: left;
  margin-right: auto;
  padding-bottom: 0px;
}

.masongrid .cell .mediawrap {
  position: relative;
  width: 100%;
  height: 0;
}

.masongrid .cell .caption {
  width: 100%;
  margin: 5px auto;
  text-align: center;
  color: #9e9e9e;
  font-family: "futura-pt", sans-serif;
  font-size: 90%;
}

.masongrid .cell .mediawrap img,
.masongrid .cell .mediawrap .vidhold,
.masongrid .cell .mediawrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid-sizer,
.masongrid .cell {
  width: 48%;
  height: auto;
}

.gutter-sizer {
  width: 4%;
}

.masongrid .shown,
.no-js .masongrid figure,
.no-cssanimations .masongrid figure {
  opacity: 1;
}

.masongrid figure a,
.masongrid figure img {
  outline: none;
  border: none;
  width: 100%;
  display: block;
  text-decoration: none;
}

/* Effect 1: opacity */

.masongrid.effect-1 figure.animate {
  animation: fadeIn 0.65s ease forwards;
  -webkit-animation: fadeIn 0.65s ease forwards;
  -moz-animation: fadeIn 0.65s ease forwards;
  -o-animation: fadeIn 0.65s ease forwards;
}

/* Effect 2: Move Up */
.masongrid.effect-2 figure.animate {
  opacity: 1;
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-animation: moveUp 0.65s ease forwards;
  animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
  0% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

@keyframes moveUp {
  0% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

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

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