@charset "UTF-8";

/*  RESET
---------------------------------------------------*/

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

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, 
em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav,
object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var, a img {
  background:transparent;
  border:0 none;
  outline:none;
  vertical-align:baseline;
  padding:0;
  margin:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;   
}

p:last-child {
  margin:0;
}

.clearer { 
  clear:both;
}

#wpadminbar {
  display:none;
}


/* General */

#load {
  background: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  animation: load 0.4s ease-out forwards 0.4s;
}

@keyframes load { 
  0% {
    opacity: 1;
    z-index: 998;
  }
    99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    z-index: -999;
  }
}

html {
  margin-top:0 !important;
}

html, body {
  position:relative;
  overflow-x:hidden;
}

body:after {
  content: "";
  /*background:url(../images/pattern-blocks.svg) bottom left -923px repeat-y;
  background-size:1250px;*/
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  z-index: -1;
  opacity: 0.1;
}

body.blog:after,
body.single:after {
  content: "";
  /*background:url(../images/pattern-blocks.svg) bottom right -923px repeat-y;
  background-size:1250px;*/
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  right:0;
  z-index: -1;
  opacity: 0.1;
}

h1 {
  font:bold 75px/80px "neue-haas-grotesk-display", arial, sans-serif;
  color:#fff;
}

h2 {
  font:700 50px/55px "neue-haas-grotesk-display", arial, sans-serif;
  color:#636466;
  margin:0 0 30px 0;
}

h2 span,
h2 span.highlight {
  color:#f17130;
}

h3 {
  font:700 42px/42px "Rift", arial, sans-serif;
  text-transform:uppercase;
  color:#636466;
  margin:0 0 30px 0;
}

h3 span {
  color:#f17130;
}

h4 {
  font:700 35px/40px "neue-haas-grotesk-display", arial, sans-serif;
  color:#636466;
  margin:0 0 20px 0;
  position:relative;
}

h4 span {
  font-weight:700;
  color:#f17130;
}

h5 {
  font:600 20px/26px "neue-haas-grotesk-display", arial, sans-serif;
  color:#919295;
  margin:0 0 10px 0;
  position:relative;
}

h6 {
  font:500 23px/28px "neue-haas-grotesk-display", arial, sans-serif;
  color:#888888;
  margin:-15px 0 30px 0;
}

p {
  font:300 18px/26px "neue-haas-grotesk-text", arial, sans-serif;
  color:#636466;
  margin:0 0 30px 0;
}

a {
  color:#f17130;
}

hr {
  width:100%;
  height:1px;
  display:block;
  background:none;
  border:0;
  margin:50px 0;
}

hr.divider {
  height:2px;
  background:#f1f1f1;
  margin:70px 0;
}

.wp-block-separator {
  border-color:#f1f1f1;
}

.button {
  font:500 18px/18px "neue-haas-grotesk-display", arial, sans-serif;
  text-decoration:none;
  color:#f17130;
  display:inline-block;
  border:3px solid #f17130;
  /*border-radius:30px;*/
  padding:15px 25px 15px 25px;
  margin-top:10px;
  margin-right:15px;
  transition:all 0.3s ease;
}

.button a {
  color:#f17130;
  text-decoration:none;
}

.button:after {
  content:"";
  width:7px;
  height:11px;
  background:url("../images/arrow-orange.svg") no-repeat center center;
  display:inline-block;
  margin-left:10px;
  position:relative;
  right:0;
  top:0;
  transition:all 0.3s ease;
}

.button:hover {
  color:#fff;
  background:#f17130;
}

.button:hover:after {
  background:url("../images/arrow-white.svg") no-repeat center center;
  right:-5px;
}

.link {
  font:500 18px/18px "neue-haas-grotesk-display", arial, sans-serif;
  letter-spacing:0.03em;
  text-decoration:none;
  color:#f17130;
  display:inline-block;
  cursor:pointer;
  padding:0;
}

.link:after {
  content:"";
  width:7px;
  height:11px;
  background:url("../images/arrow-orange.svg") no-repeat center center;
  display:inline-block;
  margin-left:10px;
  position:relative;
  right:0;
  top:0;
  -webkit-transition: .1s ease-out;
  -moz-transition: .1s ease-out;
  -o-transition: .1s ease-out;
  transition: .1s ease-out;
}

.link:hover:after {
  right:-5px;
}

blockquote {
  position:relative;
  padding-left:50px;
  margin-bottom:30px;
}

blockquote:before {
  content:"“";
  width:30px;
  font:bold 75px/80px "neue-haas-grotesk-display", arial, sans-serif;
  color:#f17130;
  position:absolute;
  top:-16px;
  left:0;
}

blockquote p {
  font-size:22px;
  line-height:28px;
  font-weight:600;
  font-style:italic;
}

blockquote p.byline {
  font-size:18px;
  line-height:26px;
  font-weight:500;
  font-style:normal;
  position:relative;
  padding:0 0 0 28px;
}

blockquote p.byline:before {
  content:"—";
  position:absolute;
  top:0;
  left:0;
}

.container {
  width:1400px;
  position:relative;
  padding:80px 0;
  margin:0 auto;
}

.container-centered {
  width:100%;
  max-width:1080px;
  position:relative;
  padding:80px 40px;
  margin:0 auto;
}


.flex {
  display:flex;
}

.grid {
  display:grid;
}

.align-self {
  align-self:center;
}

.centered {
  align-items:center;
}

.two-columns {
  display:flex;
}

.two-columns .col {
  width:50%;
}

.two-columns .col .content {
  padding:0 40px 60px 40px;
}

.two-columns .col .photo-content {
  height:350px;
  display:block;
  overflow:hidden;
  padding:0;
  position:relative;
  border-radius:15px;
  margin:0 0 20px;
}

.two-columns .col .photo-content img {
  border-radius:15px;
  object-fit:cover;
  object-position:center center;
  width:101%;
  height:101%;
  transition:transform 0.8s cubic-bezier(.215, .61, .355, 1);
}

.two-columns .col .photo-content:hover img {
  transform: scale(1.1);
  transition-delay: 0s;
}

.two-columns .col .photo {
  overflow:hidden;
  padding:0 40px 0 40px;
  position:relative;
}

.two-columns .col .photo img {
  border-radius:15px;
}

.two-columns .col:nth-child(odd) .content {
  padding-left:0;
  padding-bottom:0;
}

.two-columns .col:nth-child(even) .content {
  padding-right:0;
  padding-bottom:0;
}

.two-columns .col:nth-child(odd) .photo {
  padding-left:0;
}

.two-columns .col:nth-child(even) .photo {
  padding-right:0;
}

hr.spacer {
  width:100%;
  height:2px;
  background:#f1f1f1;
  border:0;
  padding:0;
  margin:60px 0;
}

hr.spacer.mobile {
  width:100%;
  height:2px;
  background:#f1f1f1;
  border:0;
  padding:0;
  margin:60px 0;
  display:none;
}

.three-columns {
  display:grid;
  grid-template-columns:433px 433px 433px;
  column-gap:50px;
  row-gap:70px;
}

.four-columns {
  display:grid;
  grid-template-columns:327px 327px 327px 327px;
  column-gap:30px;
  row-gap:70px;
}


/* TWO COLUMNS PHOTO LEFT */

.two-columns-photo-left .col {
  flex:1;
  padding:0;
}

.two-columns-photo-left.grey h4,
.two-columns-photo-left.grey p,
.two-columns-photo-left.grey ul li {
  color:#fff;
}

.two-columns-photo-left .col .content {
  width:700px;
  padding:110px 100px;
}

.two-columns-photo-left .col:nth-child(2) .content {
  float:left;
  padding-right:50px;
}

.two-columns-photo-left .col:nth-child(1) .content {
  float:right;
  padding-left:0;
}

.two-columns-photo-left .col:nth-child(1) {
  background:#2b2b2b;
  text-align:center;
  display:flex;
  align-items:center;
}

.two-columns-photo-left .col:nth-child(2) {
  background:#2b2b2b;
  /*background:#2b2b2b url(../images/pattern-blocks.svg) top right -923px repeat-y;
  background-size:1250px;*/
  display:flex;
  align-items:center;
}


/* TWO COLUMNS PHOTO RIGHT */

.two-columns-photo-right.white,
.two-columns-photo-right.white .col:nth-child(1) {
  background:#fff;
  position:relative;
}

.two-columns-photo-right.white .col:nth-child(1):after {
  content: "";
  /*background:url(../images/pattern-blocks.svg) top left -923px repeat-y;
  background-size:1250px;*/
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  opacity: 0.1;
}

.two-columns-photo-right.white .col:nth-child(1) .content h2,
.two-columns-photo-right.white .col:nth-child(1) .content p {
  color:#636466;
}


.two-columns-photo-right .col {
  flex:1;
  padding:0;
}

.two-columns-photo-right .col:nth-child(1) .content {
  width:700px;
  float:right;
  padding:120px 100px 120px 50px;
}

.two-columns-photo-right .col:nth-child(1) .content h2,
.two-columns-photo-right .col:nth-child(1) .content p {
  color:#fff;
}

.two-columns-photo-right .col:nth-child(2) .content {
  float:left;
  padding-left:0;
}

.two-columns-photo-right .col:nth-child(1) {
  background:#2b2b2b;
  /*background:#2b2b2b url(../images/pattern-blocks.svg) top left -923px repeat-y;
  background-size:1250px;*/
}

.two-columns-photo-right .col:nth-child(2) {
  background:#2b2b2b;
}


/* TWO COLUMNS FULL WIDTH */

.two-columns-full-width {
  display:flex;
}

.two-columns-full-width .col {
  flex:1;
  width:50%;
  padding:0;
}

.two-columns-full-width .col .content {
  width:700px;
  padding:110px 100px;
}

.two-columns-full-width .col:nth-child(1) {
  background:#e3edf8;
}

.two-columns-full-width .col:nth-child(2) {
  background:#f1f1f1;
}

.two-columns-full-width .col:nth-child(1) .content {
  float:right;
  padding-left:0;
}

.two-columns-full-width .col:nth-child(2) .content {
  float:left;
  padding-right:0;
}

.centered {
  align-items:center;
}

.no-padding-bottom {
  padding-bottom:0 !important;
}

.no-padding-top {
  padding-top:0 !important;
}

.small-padding-top {
  padding-top:40px !important;
}

.no-margin-bottom {
  margin-bottom:0 !important;
}

.list {
  list-style:none;
  margin:0 0 30px 0;
}

.list:last-child {
  margin-bottom:0;
}

.list li {
  font:300 18px/26px "neue-haas-grotesk-text", arial, sans-serif;
  color:#636466;
  position:relative;
  padding-left:16px;
  margin:0 0 15px 0;
}

.list li:before {
  /*content:"";
  width:11px;
  height:12px;
  display:block;
  background:url("../images/bullet-point.svg") no-repeat 0 0 / 11px 12px;
  position:absolute;
  top:9px;
  left:0;*/
  content:"";
  width:7px;
  height:11px;
  background:url(../images/arrow-orange.svg) no-repeat center center;
  display:block;
  position:absolute;
  top:7px;
  left:0;
}

strong {
  font-weight:600;
}

.light-grey {
  background:#F3F6F7;
}

.grey {
  background:#eeeeee;
  background:rgb(47,48,49);
  background:linear-gradient(0deg, rgba(47,48,49,1) 0%, rgba(73,74,76,1) 100%);
}

.grey p {
  color:#fff;
}

.orange {
  color:#f17130;
}

.heading {
  display:flex;
  align-items:center;
  margin:0 0 30px 0;
}

.heading span.divider {
  margin:0 15px 0 10px;
}

.heading h4,
.heading h5 {
  margin:0;
}

.heading h4 {
  font-size:43px;
}

.heading h4 span {
  font-weight:600;
}

/* QUOTES */

#quote {
  background:#2b2b2b;
  /*background:#2b2b2b url(../images/pattern-blocks.svg) top right -923px repeat-y;
  background-size:1250px;*/
}

#quote .container {
  position:relative;
  padding-top:120px;
}

#quote h4,
#quote p {
  color:#fff;
}

#quote span {
  font:bold 120px/120px "neue-haas-grotesk-display", arial, sans-serif;
  color:#fff;
  position:absolute;
  top:88px;
  left:0;
}

#quote span img { 
  width:75px;
  display:block;
}

#quote .two-columns .col .photo {
  padding-left:0;
}


#quote .two-columns .col:nth-child(odd) .content {
  padding-left:100px;
}


/* Nav */

#logo {
  width:280px;
  height:111px;
  background:url("../images/logo-background.svg") no-repeat -50px 0;
  display:block;
  position:absolute;
  top:0;
  left:0;
}

#logo img {
  width:200px;
  position:absolute;
  top:15px;
  left:0;
}

#logo-mobile {
  width:160px;
  position:absolute;
  top:15px;
  left:20px;
  z-index:999;
}

.sub-logo {
  display:none;
}

nav {
  width:100%;
  height:111px;
  background:url("../images/nav-background.svg") no-repeat top center / 3506px 111px;
  position:fixed;
  top:0;
  z-index:999;
}

nav .container {
  width:1400px;
  padding:0;
  margin:0 auto;
}

nav ul {
  width:100%;
  height:100px;
  display:flex;
  justify-content:center;
  align-items:center;
  list-style:none;
  text-align:center;
  padding:0 0;
}

nav ul li {
  display:block;
  position:relative;
}

nav ul li a {
  font:500 19px/20px "neue-haas-grotesk-display", arial, sans-serif;
  letter-spacing:0em;
  text-decoration:none;
  color:#636466;
  display:block;
  padding:40px 30px;
}

nav ul li.menu-item-has-children a {
  padding-right:20px;
}

nav .button {
  background:#f17130;
  color:#fff;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:0;
  margin:0;
}

nav .button:after {
  background:url("../images/arrow-white.svg") no-repeat center center;
}


/* Sub Nav */

nav ul li.menu-item-has-children a:after {
  content:"";
  background:url(../images/dropdown-arrow.svg) no-repeat;
  width:10px;
  height:13px;
  display:inline-block;
  margin-left:7px;
  position:relative;
  top:5px;
}

nav ul ul {
  width:280px;
  height:auto;
  background:#f17130;
  display:none;
  text-align:left;
  position:absolute;
  top:100px;
  left:5px;
  padding:0;
  margin:0;
  z-index:2;
}

nav ul ul li {
  border-bottom:1px solid rgba(255, 255, 255, 0.3);
  display:block;
  padding:0;
  margin:0;
}

nav ul ul a {
  font:500 18px/24px "neue-haas-grotesk-display", arial, sans-serif;
  letter-spacing:0.03em;
  color:#fff;
  display:block;
  padding:20px 25px 20px 20px;
}

nav ul ul a:after {
  display:none !important;
}

nav ul ul li:last-child {
  border-bottom:0;
}

nav ul li:hover > ul {
  display:block;
  z-index:999;
}

/* Home */


.home header {
  width:100%;
  background:#2b2b2b url(../images/home-header.jpg) no-repeat center center / cover;
}

.home header .container {
  width:1400px;
  height:700px;
  position:relative;
  display:flex;
  align-items:flex-end;
}

/*
.home header .overlay {
    width:100%;
    height:100%;
    background:url(../images/home-overlay2.png) repeat-x 0 0;
    position:absolute;
    bottom:0;
    left:0;
}

.home header .overlay:before {
  display: none;
}*/

.home header .video {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  overflow:hidden;
  display:none;
}

.home header .video iframe {
  width:100vw;
  height:56.25vw;
  min-height:100vh;
  min-width:177.77vh;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  opacity:0;
  animation: videoload 1.4s ease-out forwards 0.8s;
}

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

.home header h1 {
  font-size:100px;
  line-height:95px;
}

.home header p {
  margin:0 0 30px 0;
}


header {
  background:#2b2b2b;
  width:100%;
  min-height:550px;
  position:relative;
  margin-top:100px;
}

/*
header .overlay {
  background-image: linear-gradient(to left, rgba(43, 43, 43, 1), rgba(43, 43, 43, 0) 1123px);
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
}*/

header .overlay:before {
  content: "";
  /*background:url(../images/pattern-blocks.svg) top right -923px repeat-y;
  background-size:1250px;*/
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  right:0;
}

header .container {
  width:1400px;
  height:550px;
  position:relative;
  display:flex;
  align-items:flex-end;
}

header .video {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  overflow:hidden;
}

header .video iframe {
  width:100vw;
  height:56.25vw;
  min-height:100vh;
  min-width:177.77vh;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  animation: videoload 1.5s ease-out forwards 1s;
}

header h1 {
  font-size:80px;
  line-height:80px;
  color:#fff;
  margin:0 0 20px 0;
}

header p {
  font-size:22px;
  line-height:28px;
  margin:0 0 0 0;
}

header .two-columns {
  display:flex;
  position:relative;
  padding:80px 0 0 0;
}

header .two-columns .col:nth-child(1) {
  width:820px;
  display:flex;
  align-items:center;
}

header .two-columns .col:nth-child(2) {
  width:-webkit-calc(100% - 820px);
  width:-moz-calc(100% - 820px);
  width:calc(100% - 820px);
  align-self: flex-end;
  padding-bottom:22px;
}

header p {
  color:#fff;
  margin:0 0 40px 0;
}

header h4 {
  font:500 18px / 18px "neue-haas-grotesk-display", arial, sans-serif;
  letter-spacing:0.03em;
  color:#f17130;
}

/*
header .video {
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
}

header .video iframe {
  width:150%;
  height:150%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}*/

#header-full-width .video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}

#header-full-width .video iframe {
    width: 150vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: videoload 1.5s ease-out forwards 1s;
}


/* Homepage */


#home-video {
  margin-top:0;
  padding-bottom:0;
}

#home-video .container {
  height:700px;
}

#home-video .video {
  width:100%;
  height:100%;
  background:#000;
  border-radius:15px;
  position:absolute;
  top:0;
  right:0;
  overflow:hidden;
}

#home-video .video:after {
  content:"";
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.2);
  position:absolute;
  top:0;
  left:0;
}

#home-video .video iframe {
  width:100vw;
  height:56.25vw;
  min-height:100vh;
  min-width:177.77vh;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  animation: videoload 1.5s ease-out forwards 1s;
}

#home-video .play-button {
  width:100px;
  height:100px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  z-index:2;
}

#home-video .play-button .play {
  fill:#fff;
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
}

#home-video .play-button:hover .play {
  fill:#f17130;
}

.play-button {
  width:100px;
  height:100px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  z-index:2;
}

.play-button .play {
  fill:#fff;
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
}

.play-button:hover .play {
  fill:#f17130;
}

.intro {
  display:flex;
  position:relative;
  margin:0 0 30px 0;
}



.intro h3 {
  margin:0 50px 0 0;
}

.intro p,
.intro h5 {
  align-self: flex-end;
  margin:0;
}

.intro .button {
  position:absolute;
  top:-29px;
  right:0;
}

#home-case-studies {
  background:#f1f1f1;
}

#home-case-studies .intro {
  border-bottom:3px solid #d9d9d9;
  padding-bottom:10px;
}

#home-case-studies .container {
  padding-bottom:100px;
}



/* ACCORDION */

#home-accordion .col-md:last-child {
  padding-top: 50px;
  padding-bottom: 50px;
}

#home-accordion .col-md:first-child {
  padding-top: 50px;
  padding-bottom: 50px;
  transition: all 0.3s ease;
}

#home-accordion .col-md:first-child .container {
  min-height: 750px;
}

#home-accordion .two-columns {
  display:flex;
}

#home-accordion .two-columns .col {
  background:#f1f1f1;
  padding:0;
  margin:0;
}

#home-accordion .two-columns .col:nth-child(1) {
  width:-webkit-calc(100% - 400px);
  width:-moz-calc(100% - 400px);
  width:calc(100% - 400px);
  position:relative;
  background:#f1f1f1;
}

#home-accordion .two-columns .col:nth-child(1) .link {
  position:absolute;
  top:67px;
  right:25px;
  color:#fff;
}

#home-accordion .two-columns .col:nth-child(1) .link:after {
  background:url("../images/arrow-white.svg") no-repeat center center;
}

#home-accordion .two-columns .col:nth-child(2) {
  width:400px;
  background:#f17130;
  position:relative;
  overflow:hidden;
}

#home-accordion .two-columns .col:nth-child(2) img {
  width:200px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}



#home-accordion .photo-underclassmen,
#home-accordion .photo-athletics,
#home-accordion .photo-band,
#home-accordion .photo-dance {
  display: none;
}

#home-accordion ul {
  list-style: none;
}

#home-accordion ul li {
  border-bottom:3px solid #fff;
  position:relative;
  padding:30px 200px 30px 50px;
}

#home-accordion ul li.active {
  background:#f17130;
}

#home-accordion ul li:last-child {
  border:0;
}

#home-accordion ul li h4 {
  cursor:pointer;
  transition:all 0.2s ease;
  position:relative;
  padding:0;
  margin:0;
}

#home-accordion ul li img {
  width:50px;
  position:absolute;
  top:57px;
  right:60px;
}
/*
#home-accordion ul li h3:before {
  content: "+";
  font-size:45px;
  line-height:45px;
  font-weight:300;
  color: #f37568;
  width:50px;
  height:50px;
  border:3px solid #737fbc;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  position: absolute;
  top:0;
  right: 0;
  transition: all 0.2s ease;
}

#home-accordion ul li.active h3:before {
  content: "–";

}*/

#home-accordion ul li h4 {
  color:#545859;
  margin:0;
}

#home-accordion ul li.active h4 {
  color:#fff;
}

#home-accordion ul li p {
  color:#fff;
}

#home-accordion ul li article {
  display:none;
  padding:20px 50px 0 0;
}


/*
.bx-wrapper {
  width:100%;
  position: relative;
  margin-bottom: 0;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  border:0;
  background:none;
  padding-top:15px;
}

.active-slide {
  transform: scale(1.1);
}

.slider .slick-center img {
    transform: scale(1.1);
}
*/

:root {
  --swiper-image-ratio: 33.3%; /* ratio 16:9 = 56.25% */

  --swiper-width: 50%;
  --swiper-inactive-scale: .85; /* makes the other slide smaller */
  
  /* responsive settings */
  --swiper-mobile-width: 90%;
  --swiper-mobile-inactive-scale: .95;
}

.home .swiper {
    position: relative;
    width: 100%;
    /*height: calc(var(--swiper-width) * var(--swiper-image-ratio) / 100%);*/
    /*height:530px;*/
    overflow:visible;
    padding-top:10px;
}

.home .swiper-slide {
  position:relative;
  width:var(--swiper-width);
  opacity:1;
  transform:scale(.7);
  transition:all .3s ease-in-out;
  overflow:hidden;
  border-radius:0;
}

.home .swiper-backface-hidden .swiper-slide {
  transform:scale(.7) translateZ(0);
}
        
.home .swiper-slide.swiper-slide-active {  
  transform:scale(1) !important;
  opacity:1 !important;
}

.home .swiper-backface-hidden .swiper-slide.swiper-slide-active {
  transform:scale(1) translateZ(0) !important;
}

.home .swiper-image {
  position:relative;
  width:100%;
  /*padding-top:var(--swiper-image-ratio);*/
}
    
.home .swiper-image .image {
  width:100%;
  height:400px;
  overflow:hidden;
  position:relative;
}

.home .swiper-image .image img {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  object-fit:cover;
  object-position:top left;
  width:101%;
  height:101%;

}

.home .swiper .description {
  border:2px solid #d9d9d9;
  position:relative;
  height:60px;
  display:flex;
  align-items:center;
  opacity:0;
}

.home .swiper .description p {
  position:relative;
  height:100%;
  display:flex;
  align-items:center;
  padding:0 15px;
  margin:0;
}

.home .swiper .description .link {
  height:100%;
  border-left:2px solid #d9d9d9;
  display:flex;
  align-items:center;
  position:absolute;
  top:0;
  right:0;
  padding:0 20px;
}

.home .swiper-slide-active .description {
  opacity:1;
}

.home .swiper-button-next,
.home .swiper-button-prev {
  width:35px;
  height:56px;
  background:url("../images/arrow-orange.svg") no-repeat center center;
  display:inline-block;
  margin:0;
  padding:0;
}

.home .swiper-button-next svg,
.home .swiper-button-prev svg {
  display:none !important;
}


.home .swiper-button-next {
  margin-right:-55px;
  margin-top:-20px;
}

.home .swiper-button-prev {
  transform: scaleX(-1) !important;
  margin-left:-65px;
  margin-top:-48px;
}

.home .swiper-button-next::after,
.home .swiper-button-prev::after {
  display:none;
}

.home .swiper-button-next {
  transform: translate(50%, -50%);
  right: calc((100% - var(--swiper-width)) / 2);
}

.home .swiper-button-prev {
  transform: translate(-50%, -50%);
  left: calc((100% - var(--swiper-width)) / 2);
}

.home .swiper-pagination,
.home .swiper-horizontal>.swiper-pagination-bullets,
.home .swiper-pagination-bullets.swiper-pagination-horizontal,
.home .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom:-60px;
  z-index:999;
}

@media only screen and (max-width: 768px) {
  .home .swiper {
    height: calc(var(--swiper-mobile-width) * var(--swiper-image-ratio) / 100%);
  }

  .home .swiper-slide {
    width: var(--swiper-mobile-width);
    transform: scale(var(--swiper-mobile-inactive-scale));
  }
  
  .home .swiper-backface-hidden .swiper-slide.swiper-slide {
    transform: scale(var(--swiper-mobile-inactive-scale)) translateZ(0);
  }

  .home .swiper-button-next {
    right: calc((100% - var(--swiper-mobile-width)) / 2);
  }

  .home .swiper-button-prev {
    left: calc((100% - var(--swiper-mobile-width)) / 2);
  }
}

#why-choose-dynamic .swiper-slide {
  transform:scale(1);
}

#linkedin-feed {
  /*padding-top:50px;*/
}

#why-choose-dynamic #linkedin-feed .isyUtV {
  background: #fff !important;
}

#dynamic-difference .two-columns-photo-left .col .content {
  padding-bottom:150px;
}

#dynamic-difference .two-columns-photo-left .col:nth-child(1) {
  background:url("../images/dynamic-difference-photo.jpg") no-repeat top center / cover;
}

#dynamic-difference .two-columns-photo-left .col:nth-child(2) {\
  background:#2b2b2b;
  /*background:#2b2b2b url(../images/pattern-blocks.svg) top right -923px repeat-y;
  background-size:1250px;*/
}

#dynamic-difference .two-columns-photo-left .col:nth-child(2) h2,
#dynamic-difference .two-columns-photo-left .col:nth-child(2) p {
  color:#fff;
}



#cta .two-columns-photo-left .col .content {
  padding-bottom:150px;
}

#cta .two-columns-photo-left .col:nth-child(1) {
  background:#2b2b2b
}

#cta .two-columns-photo-left .col:nth-child(1) .photo {
  width:100%;
  height:100%;
  overflow:hidden;
  position:relative;
}

#cta .two-columns-photo-left .col:nth-child(1) .photo img {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  object-fit:cover;
  object-position:top left;
  width:101%;
  height:101%;
}

#cta .two-columns-photo-left .col:nth-child(2) {
  background:#2b2b2b;
  /*background:#2b2b2b url(../images/pattern-blocks.svg) top right -923px repeat-y;
  background-size:1250px;*/
}

#cta .two-columns-photo-left .col:nth-child(2) h2,
#cta .two-columns-photo-left .col:nth-child(2) p {
  color:#fff;
}

/* Subpages */


#intro p {
  font-size:22px;
  line-height:30px;
  font-weight:500;
}

#people .portrait {
  background: #e3edf8;
  width:100%;
  height:400px;
  border-radius:15px;
  overflow:hidden;
  position:relative;
  margin:0 0 30px;
}

#people .portrait img {
  object-fit:cover;
  width:100%;
  height:100%;
  cursor:pointer;
}

#people h4 {
  margin:0 0 5px 0;
}

#people .title {
  margin:0 0 20px 0;
}

#people .four-columns {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  column-gap:0;
  row-gap:0;
}

#people .four-columns .col {
  width:350px;
  padding:0 25px;
  margin:0 0 50px;
}

#people .three-columns {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  column-gap:0;
  row-gap:0;
}

#people .three-columns .col {
  width:300px;
  padding:0 25px;
  margin:0 0 50px;
}

#people .three-columns .portrait {
  height:330px;
}

#mission-values-vision .two-columns {
  border-bottom:2px solid #fff;
}

#mission-values-vision .two-columns .col {
  padding-top:60px;
  padding-bottom:0;
}

#mission-values-vision .two-columns:nth-child(1) .col {
  padding-top:0;
}

#mission-values-vision .two-columns:nth-child(2) .col {
  padding-bottom:0;
}

#mission-values-vision .two-columns:nth-child(2) {
  border:0;
}

#mission-values-vision img {
  width:75px;
  display:block;
  float:left;
  margin:0 0 15px 0;
}

#mission-values-vision .icon {
  width:100px;
}

#mission-values-vision .copy {
   width:-webkit-calc(100% - 100px);
  width:-moz-calc(100% - 100px);
  width:calc(100% - 100px);
  padding-top:23px;

}

#mission-values-vision .content:last-child .copy {
  border:0;
  margin-bottom:0;
}

#mission-values-vision h4 {
  font-size:40px;
}


#our-impact .two-columns-photo-right .col:nth-child(2) {
  background:#222223 url("../images/our-impact-photo.jpg") no-repeat center center / cover;
}

#resiliency .two-columns-photo-right .col:nth-child(2) {
  background:#222223 url("../images/resiliency-mitigation-photo2.jpg") no-repeat center center / cover;
}

#steps-two-columns .grid {
  grid-template-columns:50% 50%;
}

#steps-two-columns .col .step {
  width:100%;
  position:relative;
  margin-bottom:100px;
}

#steps-two-columns .col:nth-child(odd) .step {
  padding-left:0;
  padding-right:40px;
}

#steps-two-columns .col:nth-child(even) .step {
  padding-right:0;
  padding-left:40px;
}

#steps-two-columns .photo {
  position:relative;
  display:block;
  margin:0 0 20px 0;
}

#steps-two-columns .col .photo:before {
  content:"";
  width:57px;
  height:66px;
  position:absolute;
  top:-19px;
  left:-29px;
}

#steps-two-columns .col:nth-child(1) .photo:before {
  background:url("../images/one.svg") no-repeat 0 0;
}

#steps-two-columns .col:nth-child(2) .photo:before {
  background:url("../images/two.svg") no-repeat 0 0;
}

#steps-two-columns .col:nth-child(3) .photo:before {
  background:url("../images/three.svg") no-repeat 0 0;
}

#steps-two-columns .col:nth-child(4) .photo:before {
  background:url("../images/four.svg") no-repeat 0 0;
}

#steps-two-columns .photo img {
  width:100%;
  display:block;
}

#steps-two-columns .photo h4 {
  font:500 34px/34px "neue-haas-grotesk-display", arial, sans-serif;
  letter-spacing:0.03em;
  color:#fff;
  position:absolute;
  bottom:25px;
  left:30px;
  margin:0;
}

#steps-two-columns p {
  margin:0 0 25px 0;
}

.page-template-markets #steps-two-columns .photo h3 {
  font:600 35px/40px "neue-haas-grotesk-display", arial, sans-serif;
}

#why-dynamic {
  margin:0 0 90px;
}

#why-dynamic .container {
  background:#fff;
  border:5px solid #f17130;
  padding:40px 60px 40px;
}

#map img {
  margin:0 0 30px;
}

/* Markets */

#markets-header {
  height:auto;
}

#markets-header h3 {
  font-size:55px;
  line-height:58px;
}

#markets-header h3,
#markets-header p {
  color:#fff;
}

#markets-header .two-columns-photo-right .col {
  background:rgb(47,48,49);
  background:linear-gradient(0deg, rgba(47,48,49,1) 0%, rgba(73,74,76,1) 100%);
}


/* Contact Dynamic */

#contact-dynamic {
  background:#f17130;
  text-align:center;
}

#contact-dynamic .container {
  padding-top:70px;
  padding-bottom:70px;
}

#contact-dynamic h3,
#contact-dynamic h4,
#contact-dynamic p {
  color:#fff;
}

#contact-dynamic h3 {
  margin-bottom:10px;
}

#contact-dynamic h5 {
  color:#636466;
}

#contact-info .three-columns .col {
  border-right:2px solid #f1f1f1;
  padding:0 60px;
}

#contact-info .three-columns .col:last-child {
  border:0;
}

#contact-dynamic .button-outlined {
  border:2px solid #fff;
}

#contact-dynamic .button-outlined:after {
  background:url("../images/arrow-white.svg") no-repeat center center;
}

#subcontractor {
  background:#f17130;
  text-align:center;
}

#subcontractor .container {
  padding:50px 0;
}

#subcontractor h3 {
  color:#fff;
  margin:0 0 20px 0;
}

#subcontractor .button-outlined {
  border:2px solid #636466;
}

#subcontractor .button-outlined:after {
  background:url(../images/arrow-white.svg) no-repeat center center;
}

#subcontractor .button-outlined:hover {
  background:#636466;
}


/* PROJECTS */


#categories .container {
  display:flex;
  align-items:center;
  padding-top:30px;
  padding-bottom:30px;
}

#categories h3 {
  font-size:30px;
  line-height:34px;
  margin:0;
}

#categories p {
  margin:0;
}

#category-nav {
  display:flex;
  list-style:none;
  padding-left:20px;
}

#category-nav li {
  display:block;
}

#category-nav li:last-child {
  border-right:0;
}

#category-nav li a {
  font:500 17px/17px "neue-haas-grotesk-display", arial, sans-serif;
  letter-spacing:0.03em;
  text-decoration:none;
  color:#636466;
  display:inline-block;
  border:3px solid #DBE2E5;
  background:#DBE2E5;
  border-radius:30px;
  padding:10px 20px;
  margin-right:15px;
  transition:all 0.3s ease;
}

#category-nav li a:hover {
  color:#fff;
  background:#f17130;
  border-color:#f17130;
}

#category-nav li a.active {
  color:#fff;
  background:#f17130;
  border-color:#f17130;
}

.page-template-projects header .two-columns .col:nth-child(2) {
  background:url("../images/projects-header.jpg") no-repeat top center / cover;
}

#latest-projects .three-columns {
  display:grid;
  grid-template-columns: 440px 440px 440px;
  column-gap:40px;
  row-gap:50px;
}

#latest-projects .three-columns .col:nth-child(3n) {
  margin-right:0;
}

#latest-projects .three-columns .col .photo {
  height:275px;
  background:#F3F6F7 url("../images/placeholder-image.jpg") center center / cover;
  border-radius:15px;
  position:relative;
  overflow:hidden;
  margin:0 0 30px 0;
}

#latest-projects .three-columns .col .photo img {
  object-fit:cover;
  width:100%;
  height:100%;
  transform:scale(1);
  transition:transform 0.8s cubic-bezier(.215, .61, .355, 1);
}

#latest-projects .three-columns .col .photo:hover img {
  transform: scale(1.1);
  transition-delay: 0s;
}

#latest-projects a {
  text-decoration:none;
}

#latest-projects h4 {
  font-size:30px;
  line-height:34px;
  margin-bottom:15px;
}

#latest-projects .client-location {
  font-size:15px;
  line-height:17px;
  color:#8f9093;
  margin:0 0 10px 0;
}

#latest-projects .client-location .divider {
  height:12px;
  margin:0 8px;
}

#latest-projects .three-columns .col .photo .category {
  font-size:14px;
  line-height:16px;
  color: #636466;
  background:#DBE2E5;
  display:inline-block;
  border-radius:30px;
  padding:7px 15px;
  margin:0 0 0 0;
  position:absolute;
  bottom:15px;
  right:15px;
}

#latest-projects .three-columns .col h3 {
  font-size:45px;
  line-height:45px;
  margin:0 0 10px 0;
}

#latest-projects .three-columns .col p {
  margin-bottom:15px;
}

.two-columns .col .divider,
.three-columns .col .divider {
  width:2px;
  height:15px;
  background:#919295;
  display:inline-block;
  margin:0 10px;
}



#featured-projects .photo:hover:after,
#latest-projects .photo:hover:after {
  content:"";
  width:100%;
  height:100%;
  /*background:rgba(0, 0, 0, 0.2);*/
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}

#latest-projects .photo .button {
  background:#f17130;
  color:#fff;
  display:inline-block;
  opacity:0;
  position:absolute;
  bottom:0;
  right:25px;
  transition:all 0.5s ease;
  z-index:2;
  margin:0;
}

#latest-projects .photo .button:after {
  background:url("../images/arrow-white.svg") no-repeat center center;
}

#latest-projects .photo:hover .button {
  bottom:25px;
  opacity:1;
}




/* OLD PROJECT STUFF */

.inner-columns {
  display:flex;
  flex-wrap:wrap;
  margin:0 0 30px 0;
}

.inner-columns .inner-col:nth-child(1) {
  width:60%;
}

.inner-columns .inner-col:nth-child(2) {
  width:40%;
  text-align:right;
}

.inner-columns h6 {
  font-size:18px;
  line-height:26px;
  margin:0;
}

.inner-columns .category {
  font-size:16px;
  line-height:18px;
  color: #636466;
  background:#DBE2E5;
  display:inline-block;
  border-radius:30px;
  padding:10px 20px;
  margin:-7px 0 15px 0;
}

#blog-list .two-columns {
  margin-top: -60px;
  padding-top: 80px;
  position: relative;
  z-index: 2;
}

.page-template-projects #blog-list ul {
  display:flex;
  flex-wrap:wrap;
}

.page-template-projects #blog-list ul li {
  width:50%;
  padding:0 0 50px 0;
}

.page-template-projects #blog-list ul li:nth-child(odd) {
  padding-right:40px;
}

.page-template-projects #blog-list ul li:nth-child(even) {
  padding-left:40px;
}

.page-template-projects #blog-list .photo {
  width:100%;
  height:300px;
  min-height:250px;
  background:url("../images/default-project.jpg") no-repeat center center / cover;
  margin:0 0 20px 0;
}

.page-template-projects #blog-list .photo .thumbnail {
  width:100%;
  height:100%;
  display:block;
  position:relative;
}

.page-template-projects #blog-list .photo img {
  width:100%;
  display:block;
  margin:0 0 20px 0;
}

.page-template-projects #blog-list .content {
  width:100%
}

/* News */

.single header .container {
  display:block;
}

.single #blog-list .container {
  padding-top:60px;
}

#blog-list .two-columns .col:nth-child(odd),
#blog-list .two-columns .col:nth-child(even) {
  flex:0 1 auto;
}

#blog-list .col:nth-child(1) {
  width:72%;
  border-right:2px solid #f1f1f1;
  padding-right:0;
}

#blog-list .col:nth-child(2) {
  width:28%;
  padding-left:0;
}

#blog-list ul {
  list-style:none;
}

#blog-list ul li {
  border-bottom:2px solid #f1f1f1;
  padding:60px 60px 60px 0;
}

#blog-list ul li:last-child {
  border:0;
  padding-bottom:0;
}

#blog-list ul li:nth-child(1) {
  padding-top:0;
}

#blog-list ul li h4 {
  font:600 40px/44px "neue-haas-grotesk-display", arial, sans-serif;
  margin:0 0 10px 0;
}

#blog-list ul li h6 {
  margin-top:0;
}

#blog-list ul li h5 {
  color:#919295;
  margin:0 0 20px 0;
}

#blog-list ul li h4 a {
  text-decoration:none;
  color:#636466;
}

#blog-list .col:nth-child(2) ul li {
  border:0;
}

#blog-list .widget:nth-child(1) {
  padding-top:0;
}

#blog-list .widget {
  border-bottom:2px solid #f1f1f1;
  padding:30px 0 30px 50px;
  margin:0;
}

#blog-list .widget:last-child {
  border:0;
  padding-bottom:0;
}

#blog-list .widget ul li {
  font:400 18px/22px "neue-haas-grotesk-display", arial, sans-serif;
  letter-spacing:0.03em;
  text-decoration:none;
  color:#f17130;
  padding:0;
  margin:0 0 10px 0;
}

#blog-list .widget ul li a {
  text-decoration:none;
}

#blog-list .widget h4 {
  font:700 30px/30px "Rift", arial, sans-serif;
text-transform:uppercase;
color:#636466;
  margin-bottom:20px;
}

#blog-list label {
  display:none;
}

.wp-block-search__input {
  min-width:280px;
  font:400 18px/26px "neue-haas-grotesk-display", arial, sans-serif;
  color:#636466;
  border:2px solid #f1f1f1;
  padding:12px 15px;
}

.wp-block-search__button {
  width:60px;
  background:#f17130 url("../images/search.svg") no-repeat center center / 18px 18px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  text-indent:-999999px;
  border:0;
  padding:10px 15px;
  margin-left:0;
}

/* Single */

.single header,
.archive header,
.search header,
.error404 header,
.page-template-company-overview-form header,
.page-template-company-overview header {
  height:auto;
  min-height:auto;
  background:rgb(47,48,49);
  background:linear-gradient(0deg, rgba(47,48,49,1) 0%, rgba(73,74,76,1) 100%);
  background: #2b2b2b;
  /*background: #2b2b2b url(../images/header-cube-pattern.svg) top center / 3000px 1500px;*/
  display:flex;
  align-items: center;
}

.single header .container,
.archive header .container,
.search header .container,
.error404 header .container,
.page-template-company-overview-form header .container,
.page-template-company-overview header .container {
  padding-top:70px;
  padding-bottom:70px;
}

.page-template-company-overview-form header .container,
.page-template-company-overview header .container {
  text-align:center;
}

.single .video {
  width:100%;
  height:400px;
  position:relative;
  overflow:hidden;
}

.single .video iframe {
  width:150%;
  height:150%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

/*
.home header .overlay {
  width:100%;
  height:100%;
  background:url("../images/home-overlay.png") repeat-x 0 0;
  position:absolute;
  top:0;
  left:0;
}

.single header .overlay,
.archive header .overlay,
.search header .overlay,
.page-template-company-overview-form header .overlay,
.page-template-company-overview header .overlay {
  width:100%;
  height:100%;
  background:url("../images/overlay.png") repeat-x 0 0;
  position:absolute;
  top:0;
  left:0;
}*/

.single header h1,
.archive header h1,
.search header h1,
.error404 header h1,
.page-template-company-overview-form header h1,
.page-template-company-overview header h1 {
  font-size:50px;
  line-height:55px;
  position:relative;
  bottom:auto;
  left:auto;
  margin:0;
}

#blog-list h1 {
  font: 600 40px / 45px "neue-haas-grotesk-display", arial, sans-serif;
  color:#636466;
    margin: 0 0 20px 0;
}

.single h2 {
  font:600 40px/45px "neue-haas-grotesk-display", arial, sans-serif;
  margin:0 0 20px 0;
}

.single header h6,
.archive header h6,
.search header h6 {
  font-size:20px;
  line-height:24px;
  color:#b5b5b5;
  position:relative;
  bottom:auto;
  left:auto;
  margin:0 0 15px 0;
}

.single header .divider {
  width:2px;
  height:15px;
  background:#b5b5b5;
  display:inline-block;
  margin:0 10px;
}

.page-title span,
.search h1 span,
.page-template-company-overview header h1 span {
  color:#f17130;
}

#blog-content {
  padding-right:60px;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#blog-content .photo {
  width:100%;
  height:350px;
  border-radius:15px;
  position:relative;
  margin-bottom:20px;
}

#blog-content .photo .category {
  position:absolute;
  bottom:15px;
  right:15px;

  font-size:15px;
  line-height:18px;
  color: #636466;
  background:#DBE2E5;
  display:inline-block;
  border-radius:30px;
  padding:8px 16px;
  margin:0;
}

.share {
  display:flex;
  align-items:center;
  margin-bottom:30px;
  border-bottom: 2px solid #f1f1f1;
  padding-bottom:20px;
}

.share h5 {
  font:400 18px/26px "neue-haas-grotesk-display", arial, sans-serif;
  color:#8f9093;
  margin:0 15px 0 0;
}

.shared-counts-wrap {
  margin:0 !important;
}

#blog-content .list {
  list-style:none;
  margin:0 0 40px 0;
}

#blog-content .list li {
  font:300 18px/26px "neue-haas-grotesk-text", arial, sans-serif;
  color:#636466;
  position:relative;
  border:0;
  padding:0 0 0 20px;
  margin:0 0 20px 0;
}

#blog-content ul {
  list-style:none;
  margin:0 0 40px 0;
}

#blog-content ul li {
  font:300 18px/26px "neue-haas-grotesk-text", arial, sans-serif;
  color:#636466;
  position:relative;
  padding:0;
  padding-left:16px;
  margin:0 0 15px 0;
  border-bottom:0;
}




#blog-content ul li:before {
  content:"";
  width:7px;
  height:11px;
  background:url(../images/arrow-orange.svg) no-repeat center center;
  display:block;
  position:absolute;
  top:8px;
  left:0;
}

/* Photo Gallery */

#project-gallery {
  padding-top:50px;
  margin-top:50px;
  border-top:2px solid #f1f1f1;
}

#project-gallery .container {
  padding-bottom:0;
}

#project-gallery .flex {
  flex-wrap:wrap;
}

#project-gallery .photo {
  width:285px;
  height:auto;
  display:block;
  position:relative;
  overflow:hidden;
  padding:0;
  margin:0 30px 30px 0;
}

#project-gallery .photo a {
  width:285px;
  height:200px;
  display:block;
  overflow:hidden;
  margin:0;
}

#project-gallery .photo a img {
  object-fit:cover;
  width:101%;
  height:101%;
  border-radius:10px;
  transform:scale(1);
  transition:transform 0.8s cubic-bezier(.215, .61, .355, 1);
}

#project-gallery a:nth-child(4n+4) {
  margin:0;
}

#project-gallery .photo img {
  display:block;
  width:100%;
  height:auto;
}

.fancybox-active{
  height: 100% !important;
  overflow:none !important;
}


/* PROJECT GALLERY SIDEBAR */

#blog-list .col:nth-child(2) #project-gallery {
  padding: 25px 0 25px 35px;
}

#blog-list .col:nth-child(2) #project-gallery h3 {
  font:700 30px / 30px "Rift", arial, sans-serif;
  text-transform:uppercase;
  color:#636466;
  margin-bottom:20px;
}


/* Pagination */

.pagination {
  margin-top:60px;
}

.pagination .button {
  padding:0;
}

.pagination .button a {
  padding:15px 25px 15px 25px;
  display:inline-block;
  transition:all 0.3s ease;
}

.pagination .button a:hover {
  color:#fff;
}

.pagination .button:after {
  display: none;
}


/* Video Password Page */

.page-template-video header {
  height:auto;
  background:rgb(47,48,49);
  background:linear-gradient(0deg, rgba(47,48,49,1) 0%, rgba(73,74,76,1) 100%);
}

.page-template-video header .container {
  padding-top:70px;
  padding-bottom:70px;
}

.page-template-video header .overlay {
  width:100%;
  height:100%;
  background:url("../images/overlay.png") repeat-x 0 0;
  position:absolute;
  top:0;
  left:0;
}

.page-template-video header h1 {
  font-size:50px;
  line-height:50px;
  position:relative;
  bottom:auto;
  left:auto;
}

.page-template-video header h6 {
  font-size:28px;
  line-height:30px;
  color:#b5b5b5;
  position:relative;
  bottom:auto;
  left:auto;
  margin:10px 0 0 0;
}

.post-password-form {
  text-align:center;
}

.post-password-form p {
  font:500 20px/20px "neue-haas-grotesk-display", arial, sans-serif;
  letter-spacing:0.02em;
  text-transform:uppercase;
  color:#636466;
  display:block;
  margin:0 0 20px 0;
}

.post-password-form {
  width:700px;
  margin:120px auto 60px auto;
  display:inline-block;
}

.post-password-form input[type=password] {
  font:300 18px/27px "neue-haas-grotesk-display", arial, sans-serif;
  color: #636466;
  border: 2px solid #f1f1f1;
  padding: 12px 15px;
  margin-left:10px;
  margin-right:0 !important;
}


.post-password-form input[type=submit] {
  background:#f17130;
  font:500 20px/20px "neue-haas-grotesk-display", arial, sans-serif !important;
  letter-spacing:0.05em !important;
  text-transform:uppercase !important;
  color:#fff !important;
  display:inline-block !important;
  border: 0;
  padding: 17px 25px !important;
  border:0 !important;
  margin-left: 0 !important;
}


.ppwp-wrong-pw-error {
  font:300 20px/28px "neue-haas-grotesk-display", arial, sans-serif;
  margin-top:10px;
}

.wp-block-embed__wrapper {
  width:100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* WHAT WE DO */

#what-we-do-content .two-columns {
  margin-bottom:40px;
}

#subpage-header {
  height:auto;
  min-height:auto;
  background:rgb(47,48,49);
  background:linear-gradient(0deg, rgba(47,48,49,1) 0%, rgba(73,74,76,1) 100%);
  background: #2b2b2b;
  /*background: #2b2b2b url(../images/header-cube-pattern.svg) top center / 3000px 1500px;*/
  display:flex;
  align-items: center;
}

#subpage-header .container {
  display:block;
  padding-top:70px;
  padding-bottom:70px;
}

#subpage-header h1 {
  font-size:60px;
  line-height:65px;
  position:relative;
  bottom:auto;
  left:auto;

}


/* TERTIARY PAGE */

#tertiary-page header {
  height:auto;
  min-height:auto;
  background:#2b2b2b;
  /*background:#2b2b2b url(../images/pattern-blocks.svg) top right -923px repeat-y;*/
  background-size:1250px;
  display:flex;
  align-items: center;
}

#tertiary-page header .container {
  height:auto;
  display:block;
  padding-top:70px;
  padding-bottom:70px;
}


/* CONTACT US */

#contact-info img {
  width:80px;
  display:block;
  margin:0 0 15px 0;
}

#contact-info a {
  font:400 20px/26px "neue-haas-grotesk-display", arial, sans-serif;
  letter-spacing:0.03em;
  text-decoration:none;
  color:#919295;
  display:block;
}

.page-template-contact-us #contact-info h4 {
  margin-bottom:10px;
}

/* Accordion 

.accordion {
  text-align:left;
  margin:0 0 40px 0;
}

.accordion-button {
  border:2px solid #f1f1f1;
  margin-bottom:10px;
}

.accordion h4 {
  margin:0;
}

.accordion-header {
  height:90px;
  background:url("../images/accordion-background.svg") no-repeat -10px center / 130px 100px;
  display:flex;
  align-items:center;
  cursor:pointer;
  position:relative;
  padding:0 30px 0 150px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.accordion-header h4 {
  font-size:43px;
}

.accordion-header span {
  width:25px;
  height:25px;
  display:block;
  position:absolute;
  top:50%;
  left:44px;
  margin:-12px 0 0 0;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}

.active.accordion-header span {
  -webkit-transform:rotate(135deg);
  -moz-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  -o-transform:rotate(135deg);
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.accordion-content {
  display:none;
}

.accordion-content.active {
  display:block;
}

.accordion-content .content {
  padding:0 30px 50px 140px;
}*/

/* COMPANY OVERVIEW */

.flex-control-nav {
    display:none;
}

.flex-direction-nav {
    width:100%;
    height:70px;
    position:absolute;
    top:50%;
    margin-top:-35px;
    z-index:999;
}

.flex-prev {
    background:url("../images/previous.svg") no-repeat center center;
    text-indent:-999999px;
    width:70px;
    height:70px;
    position:absolute;
    left:-35px;
    top:0;
}

.flex-next {
    background:url("../images/next.svg") no-repeat center center;
    text-indent:-999999px;
    width:70px;
    height:70px;
    position:absolute;
    right:-37px;
    top:0;
}

/* FORM */

div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea {
    font:400 18px/26px "neue-haas-grotesk-display", arial, sans-serif !important;
    color:#636466 !important;
    border-radius:0 !important;
}

.wpforms-field-label {
  font:600 20px / 20px "neue-haas-grotesk-display", arial, sans-serif !important;
  letter-spacing:0.03em !important;
  text-transform:uppercase !important;
  text-decoration:none;
  color:#636466 !important;
}

.wpforms-field-sublabel {
    font:400 18px/26px "neue-haas-grotesk-display", arial, sans-serif !important;
    color:#636466 !important;
}

div.wpforms-container-full input[type=submit],
div.wpforms-container-full button[type=submit] {
    height:auto !important;
    background:#f17130 !important;
    border-radius:0 !important;
    font:500 18px / 18px "neue-haas-grotesk-display", arial, sans-serif !important;
    text-decoration:none !important;
    color:#fff !important;
    display:inline-block !important;
    padding:15px 25px 15px 25px !important;
    transition:all 0.3s ease !important;
}

div.wpforms-container-full button[type=submit]:after {
  content:"" !important;
  width:7px !important;
  height:11px !important;
  background:url("../images/arrow-white.svg") no-repeat center center !important;
  display:inline-block !important;
  margin-left:10px !important;
  position:relative !important;
  right:0 !important;
  top:0 !important;
  transition:all 0.3s ease !important;
}

div.wpforms-container-full button[type=submit]:hover:after {
  right:-5px !important;
}

.wpforms-required-label {
  color: #f17130 !important;
}


/* POPUP */

.popup {
  width:1200px;
  display:none;
}

.popup h2 {
  margin:0 0 5px 0;
}

.popup .title {
  margin:0 0 5px 0;
}

.popup .email {
  font:500 18px / 18px "neue-haas-grotesk-display", arial, sans-serif;
  letter-spacing:0.03em;
  text-decoration:none;
  color:#f17130;
  display:inline-block;
  padding:0;
  margin:0 0 40px 0;
}

.popup .linkedin {
  width:42px;
  display:inline-block;
}

.fancybox-button svg path {
  fill:#f17130;
}


/* Footer */

footer {
  background:#fff;
  padding-top:35px;
  position:relative;
}

footer:after {
  content: "";
  /*background:url(../images/pattern-blocks.svg) bottom left -923px repeat-y;
  background-size:1250px;*/
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  opacity: 0.1;
}

footer .container {
  width:1400px;
  border-top:3px solid #d9d9d9;
  padding:15px 0 50px 0;
  position:relative;
  z-index:2;
}

.footer-icon {
  width:185px;
  position:absolute;
  top:-85px;
  left:50%;
  transform:translateX(-50%);
}

footer .grid {
  display:grid;
  grid-template-columns:350px 350px 700px;
  /*border-top:3px solid #d9d9d9;*/
  padding-top:20px;
}

footer p,
footer p a {
  color:#636466;
  text-decoration:none;
}

footer .col:nth-child(3) {
  float:right;
  text-align:right;
}

footer .col:nth-child(3) .social {
  margin:0;
}

footer .col:nth-child(3) p {
  font-size:16px;
  line-height:22px;
}

footer .col:nth-child(2) img {
  width:42px;
  display:inline-block;
  margin-left:0;
}

footer .col:nth-child(3) img {
  width:160px;
  margin-top:-20px;
}


/* FONTS */

@font-face {
    font-family: 'neue-haas-grotesk-display';
    src: url('../fonts/PPNeueMontreal-Medium.woff2') format('woff2'),
        url('../fonts/PPNeueMontreal-Medium.woff') format('woff'),
        url('../fonts/PPNeueMontreal-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'neue-haas-grotesk-display Book';
    src: url('../fonts/PPNeueMontreal-Book.woff2') format('woff2'),
        url('../fonts/PPNeueMontreal-Book.woff') format('woff'),
        url('../fonts/PPNeueMontreal-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'neue-haas-grotesk-display';
    src: url('../fonts/PPNeueMontreal-Thin.woff2') format('woff2'),
        url('../fonts/PPNeueMontreal-Thin.woff') format('woff'),
        url('../fonts/PPNeueMontreal-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'neue-haas-grotesk-display';
    src: url('../fonts/PPNeueMontreal-Italic.woff2') format('woff2'),
        url('../fonts/PPNeueMontreal-Italic.woff') format('woff'),
        url('../fonts/PPNeueMontreal-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'neue-haas-grotesk-display';
    src: url('../fonts/PPNeueMontreal-SemiBolditalic.woff2') format('woff2'),
        url('../fonts/PPNeueMontreal-SemiBolditalic.woff') format('woff'),
        url('../fonts/PPNeueMontreal-SemiBolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'neue-haas-grotesk-display';
    src: url('../fonts/PPNeueMontreal-Bold.woff2') format('woff2'),
        url('../fonts/PPNeueMontreal-Bold.woff') format('woff'),
        url('../fonts/PPNeueMontreal-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}