/* FONTS */
@font-face {
  font-family: 'Gotham Rounded Book';
  src: url('../_fonts/gothamrounded-book.otf') format('opentype');
}

@font-face {
  font-family: 'Gotham Rounded Bold';
  src: url('../_fonts/gothamrounded-bold.otf') format('opentype');
}

@font-face {
  font-family: 'Compressor Slab Serif';
  src: url('../_fonts/compressor-slabserif.otf') format('opentype');
}

@font-face {
  font-family: 'Avenir Next Condensed Backup';
  src: url('../_fonts/avenir-next-condensed.ttf') format('truetype');
}

/* OVERALL STYLES */
/*hide restrict site search*/
#global-search.in {
  display: block;
}

#global-search label {
  display: none;
}

body {
  max-width: 2000px;
}

.section-grid a img {
  transition: .5s all;
  width: 100%;
}

.section-grid a:hover img {
  transform: scale(1.05);
}

.section-grid .grid-image-wrapper {
  overflow: hidden;
}

#print a {
  display: block;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

#print {
  background-color: #fff9d9;
  text-align: center;
  font-size: 1.25rem;
  padding: 0;
}

#print .col-auto, #print .container {
  padding: 0 1rem;
}

@media (max-width:500px) {
  #print {
    font-size: 1.125rem;
  }
}

/* full-width features */
#uproot .col-auto,
#mobile-uproot .col-auto,
#public-art .col-auto,
#mobile-public-art .col-auto,
#food-for-all .col-auto,
#mobile-food-for-all .col-auto,
#smart-cement .col-auto,
#mobile-smart-cement .col-auto,
#mariachi-cover .col-auto,
#mobile-mariachi-cover .col-auto,
#mariachi-feature .col-auto,
#dj-screw .col-auto,
#mobile-dj-screw .col-auto,
#lizzo .col-auto,
#mobile-lizzo .col-auto,
#here-we-go .col-auto,
#mobile-here-we-go .col-auto {
  padding-left: 0;
  padding-right: 0;
}

#uproot .row,
#mobile-uproot .row,
#public-art .row,
#mobile-public-art .row,
#food-for-all .row,
#mobile-food-for-all .row,
#smart-cement .row,
#mobile-smart-cement .row,
#mariachi-cover .row,
#mobile-mariachi-cover .row,
#mariachi-feature .row,
#dj-screw .row,
#mobile-dj-screw .row,
#lizzo .row,
#mobile-lizzo .row,
#here-we-go .row,
#mobile-here-we-go .row {
  margin-left: 0;
  margin-right: 0;
}

#uproot .container,
#mobile-uproot .container,
#public-art .container,
#mobile-public-art .container,
#food-for-all .container,
#mobile-food-for-all .container,
#smart-cement .container,
#mobile-smart-cement .container,
#mariachi-cover .container,
#mobile-mariachi-cover .container,
#mariachi-feature .container,
#dj-screw .container,
#mobile-dj-screw .container,
#lizzo .container,
#mobile-lizzo .container,
#here-we-go .container,
#mobile-here-we-go .container {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#uproot,
#mobile-uproot,
#public-art,
#mobile-public-art,
#food-for-all,
#mobile-food-for-all,
#smart-cement,
#mobile-smart-cement,
#mariachi-cover,
#mobile-mariachi-cover,
#mariachi-feature,
#dj-screw,
#mobile-dj-screw,
#lizzo,
#mobile-lizzo,
#here-we-go,
#mobile-here-we-go {
  padding-top: 0;
  padding-bottom: 0;
}

#uproot .cover-feature,
#mobile-uproot .cover-feature,
#public-art .cover-feature,
#mobile-public-art .cover-feature,
#mariachi-cover .cover-feature,
#mobile-mariachi-cover .cover-feature,
#mariachi-feature .cover-feature,
#dj-screw .cover-feature,
#mobile-dj-screw .cover-feature,
#lizzo .cover-feature,
#mobile-lizzo .cover-feature,
#here-we-go .cover-feature,
#mobile-here-we-go .cover-feature,
#food-for-all .cover-feature,
#mobile-food-for-all .cover-feature,
#smart-cement .cover-feature,
#mobile-smart-cement .cover-feature {
  position: relative;
  width: 100vw;
  max-width: 2000px;
}

/* masthead */
#masthead p.title {
  margin-top: 0;
}

#masthead p.name {
  margin-bottom: 0;
  margin-top: 0;
}

#masthead h3.role {
  margin-bottom: 0;
  text-transform: uppercase;
}

/* ******************** MOBILE FEATURE SECTIONS ******************** */
@media (min-width:767px) {
  #mariachi-cover,
  #food-for-all,
  #public-art,
  #dj-screw,
  #smart-cement,
  #uproot,
  #lizzo,
  #here-we-go {
    display: block;
  }

  #mobile-mariachi-cover,
  #mobile-food-for-all,
  #mobile-public-art,
  #mobile-dj-screw,
  #mobile-smart-cement,
  #mobile-uproot,
  #mobile-lizzo,
  #mobile-here-we-go {
    display: none;
  }
}

@media (max-width:767px) {
  #mariachi-cover,
  #food-for-all,
  #public-art,
  #dj-screw,
  #smart-cement,
  #uproot,
  #lizzo,
  #here-we-go {
    display: none;
  }

  #mobile-mariachi-cover,
  #mobile-food-for-all,
  #mobile-public-art,
  #mobile-smart-cement,
  #mobile-uproot,
  #mobile-lizzo,
  #mobile-here-we-go {
    display: block;
    min-height: 100vh;
  }

  #mobile-mariachi-cover .cover-feature img,
  #mobile-food-for-all .cover-feature>img,
  #mobile-public-art .cover-feature img,
  #mobile-smart-cement .cover-feature img,
  #mobile-uproot .cover-feature img,
  #mobile-lizzo .cover-feature img,
  #mobile-here-we-go .cover-feature img {
    min-height: 100vh;
  }

  #mobile-mariachi-cover .overlay-title p {
    position: absolute;
    top: 0;
    left: 2%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    margin-top: 0;
  }

  #mobile-mariachi-cover .overlay-title h1 {
    position: absolute;
    top: 5%;
    left: 5%;
    font-size: 3.5rem;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
  }

  #mobile-mariachi-cover .overlay-title h1 a {
    color: #fff;
  }

  #mobile-food-for-all .overlay-title h1 a {
    font-family: 'Gotham Rounded Bold';
    font-size: 15vw;
    color: #46ad52;
    display: block;
    padding: 1rem;
  }

  #mobile-food-for-all .overlay-title h1 {
    text-align: center;
    padding: 0;
    width: 80%;
    margin: 1rem auto;
    transform: rotate(-8deg);
    background-color: rgba(255, 255, 255, 0.9);
  }

  #mobile-food-for-all .overlay-title {
    position: absolute;
    top: 5%;
    width: 100%;
  }

  #mobile-food-for-all .cover-feature .overlay img.animation-element.in-view {
    animation-name: crawl-mobile;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-delay: 1s;
    animation-duration: 4s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    max-width: 325px;
  }

  @media (max-height: 670px) {
    #mobile-food-for-all .cover-feature .overlay img.animation-element.in-view,
    #mobile-food-for-all .cover-feature .overlay img.animation-element,
    #mobile-food-for-all .cover-feature .overlay img {
      max-width: 250px;
    }
  }

  @keyframes crawl-mobile {
    0% {
      transform: translate(0rem);
    }

    15% {
      transform: translate(-2rem);
    }

    30% {
      transform: translate(0rem);
    }

    45% {
      transform: translate(2rem);
    }

    70% {
      transform: translate(50rem);
    }

    70.1% {
      transform: translate(-50rem);
    }

    100% {
      transform: translate(0rem);
    }
  }

  #mobile-dj-screw {
    display: block;
  }

  #mobile-dj-screw .mag-video-container {
    background-color: #68446e;
  }

  #mobile-dj-screw .mag-cover-video {
    width: 100vw;
    max-height: 178vw;
  }

  #mobile-smart-cement .overlay-title {
    position: absolute;
    top: 20%;
    text-align: center;
    width: 100%;
  }

  @media (max-height: 600px) {
    #mobile-smart-cement .overlay-title {
      top: 10%;
    }
  }

  #mobile-smart-cement .overlay h1 {
    font-family: 'Compressor Slab Serif';
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0;
    margin-top: 0;
  }

  @media (max-width: 350px) {
    #mobile-smart-cement .overlay h1 {
      font-size: 3.5rem;
    }
  }

  #mobile-smart-cement .overlay-title span {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  #mobile-smart-cement .overlay a {
    color: #000;
  }

  #mobile-smart-cement #title1 {
    border-top: 1rem solid #3c84a9;
    width: 75%;
  }

  #mobile-smart-cement #title4 {
    border-bottom: 1rem solid #3c84a9;
    width: 75%;
  }

  /* #mobile-lizzo .cover-feature.animation-element.in-view {
		 opacity: 0;
		 transition-delay: 1s;
		 transition-duration: .15s;
		 transition-timing-function: ease-in;
		 transition-property: all;
	}
	 */
  #mobile-here-we-go .overlay-img img {
    min-height: 100vh;
  }

  #mobile-here-we-go .overlay-img {
    position: absolute;
    top: 0;
  }

  #mobile-here-we-go .overlay {
    position: absolute;
    top: 25%;
    left: 5%;
    padding: 0;
  }

  #mobile-here-we-go h2 {
    font-size: 12vw;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  #mobile-here-we-go h1 a {
    color: #fff;
  }

  #mobile-here-we-go h2 a {
    color: #f6be00;
  }

  #mobile-here-we-go h1 {
    font-size: 20vw;
  }

  #mobile-here-we-go #arrow {
    width: 10vw;
    height: 10vw;
    background-color: #c8102e;
    position: relative;
  }

  #mobile-here-we-go #arrow:after {
    content: '';
    position: absolute;
    top: -50%;
    left: 10vw;
    width: 0;
    height: 0;
    border: 10vw solid transparent;
    border-left: 10vw solid #c8102e;
  }

  #mobile-here-we-go #arrow:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 20vw;
    width: 0;
    height: 0;
  }

  #mobile-here-we-go .cover-feature.animation-element.in-view #arrow {
    animation-name: mobile-arrow;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-delay: 1s;
  }

  @keyframes mobile-arrow {
    0% {
      width: 5vw;
    }

    100% {
      width: 50vw;
    }
  }

  #mobile-here-we-go .cover-feature.animation-element.in-view #arrow:after {
    animation-name: mobile-arrow-point;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-delay: 1s;
  }

  @keyframes mobile-arrow-point {
    0% {
      left: 5vw;
    }

    100% {
      left: 50vw;
    }
  }
}

/* ******************** COVER - mariachi-cover ******************** */
#mariachi-cover .overlay-title h1 {
  position: absolute;
  top: 5%;
  left: 64%;
  font-size: 8vw;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
}

#mariachi-cover .overlay-title h1 a, #mariachi-cover .overlay-text h2 a {
  color: #fff;
}

#mariachi-cover .overlay-text h2 {
  position: absolute;
  top: 20%;
  left: 63%;
  color: #fff;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
  font-size: 3.5vw;
}

#mariachi-cover .overlay-title p {
  position: absolute;
  top: 0;
  left: 2%;
  color: #fff;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  #mariachi-cover .overlay-title h1 {
    left: 62%
  }

  #mariachi-cover .overlay-text h2 {
    top: 21%;
    left: 61%;
  }
}

@media (max-width: 640px) {
  #mariachi-cover .overlay-title h1 {
    font-size: 9vw;
    left: 59%
  }

  #mariachi-cover .overlay-text h2 {
    font-size: 4vw;
    top: 22%;
    left: 57%;
  }
}

@media (min-width:2000px) {
  #mariachi-cover .overlay-title h1 {
    font-size: 10rem;
  }

  #mariachi-cover .overlay-text h2 {
    font-size: 4rem;
  }
}

/* ******************** COVER - beauty shot ******************** */
#beauty-shot {
  min-height: 100vh;
}

#beauty-shot>.container {
  margin-left: 0;
}

.beauty-shot-caption {
  width: 300px;
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.7);
}

.beauty-shot-caption h3 {
  font-family: 'Milo';
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: .5rem;
}

.beauty-shot-caption p {
  font-size: 1rem;
  line-height: 1.25;
}

@media (max-width: 450px) {
  #beauty-shot .col-auto {
    padding: 0;
  }

  .beauty-shot-caption {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ******************** COVER - Khator welcomes new leadership ******************** */
@media (min-width: 768px) {
  #khator {
      min-height: 100vh;
      background-position: center top;
  }
  #khator img {
    display: none;
  }
  #khator #president-message {
      width: 45%;
      position: relative;
      left: 55%;
      top: 40%;
      color: #c8102e;
      font-size: 2vw;
      line-height: 1.2;
      margin-left: 1rem;
  }
}
@media (min-width: 768px) and (max-width:1000px) {
  #khator #president-message {
    font-size: 2.5vw;
    top: 35%;
  }
}
@media (max-width: 767px) {
  #khator {
    background-image: none !important;
    padding-bottom: 0;
  }
  #khator img {
    display: block;
  }
  #khator #president-message {
      width: 100%;
      position: inherit;
      left: inherit;
      top: inherit;
      color: #c8102e;
      text-align: center;
      font-size: 1.25rem;
      line-height: 1.2;
      margin-left: 0;
  }
}
@media (min-width: 2000px) {
  #khator #president-message {
    font-size: 2.5rem;
  }
}
@media (min-height: 1000px) {
  #khator #president-message {
      font-size: 3vw;
  }
}
@media (max-height: 450px) {
  #khator #president-message {
      top: 5%;
  }
}
#khator #president-message a:hover {
    text-decoration: none;
}
#khator #president-message a {
    text-decoration: underline;
    font-weight: bold;
}
/* ******************** COVER - food for all ******************** */
#food-for-all .overlay-title h1 {
  font-family: 'Gotham Rounded Bold';
  font-size: 4.25vw;
  text-align: center;
  margin-bottom: 0;
  color: #46ad52;
}

#food-for-all .overlay-text h2 {
  font-family: 'Gotham Rounded Book';
  font-size: 1.5vw;
  line-height: 1.5;
  text-align: center;
  margin-top: 0;
  color: #000;
}

@media (min-width:2000px) {
  #food-for-all .overlay-title h1 {
    font-size: 5.25rem;
  }

  #food-for-all .overlay-text h2 {
    font-size: 1.9rem;
  }
}

#food-for-all .overlay {
  position: absolute;
  top: 12%;
  left: 63%;
  transform: rotate(-5deg);
}

#food-for-all .overlay-title, #food-for-all .overlay-text {
  width: 70%;
}

#food-for-all .overlay-img {
  position: absolute;
  top: 0;
}

#food-for-all .cover-feature:hover .overlay-img {
  animation-name: crawl;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-duration: 3s;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes crawl {
  0% {
    transform: translate(0rem);
  }

  25% {
    transform: translate(-4rem);
  }

  50% {
    transform: translate(0rem);
  }

  75% {
    transform: translate(4rem);
  }

  100% {
    transform: translate(100rem);
  }
}

/* ******************** COVER - public art ******************** */
#public-art, #mobile-public-art {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

#public-art .title h1 {
  position: absolute;
  top: 10%;
  left: 5%;
  font-family: 'Avenir Next Condensed', 'Avenir Next Condensed Backup', 'Arial Narrow';
  font-weight: 100;
  font-size: 7vw;
  z-index: 1;
}

#public-art .title h1 span {
  display: block;
  font-size: 31vw;
  font-weight: bold;
}

@media (min-width: 1900px) {
  #public-art .title h1 {
    font-size: 6vw;
  }

  #public-art .title h1 span {
    font-size: 26vw;
  }
}

#public-art a {
  color: #000;
}

#public-art .box {
  border-radius: 50%;
  margin-right: 30px;
  z-index: 0;
}

@media (min-width: 767px) {
  #public-art:hover .box {
    animation: bubble 2s ease-in-out;
    animation-iteration-count: 2;
  }
}

#public-art .one {
  position: absolute;
  top: -8%;
  left: 25%;
  width: 20vw;
  height: 20vw;
  background-color: #c05849;
  animation-delay: 0.2s;
}

#public-art .two {
  position: absolute;
  top: -2%;
  left: 75%;
  width: 13vw;
  height: 13vw;
  background-color: #f1aa3d;
  animation-delay: 0.4s;
}

#public-art .three {
  position: absolute;
  top: 53%;
  left: -3%;
  width: 22vw;
  height: 22vw;
  background-color: #a3d7df;
  animation-delay: 0.6s;
}

#public-art .four {
  position: absolute;
  top: 75%;
  left: 35%;
  width: 13vw;
  height: 13vw;
  background-color: #87c8b9;
  animation-delay: 0.8s;
}

#public-art .five {
  position: absolute;
  top: 75%;
  left: 85%;
  width: 25vw;
  height: 25vw;
  background-color: #cb3b75;
  animation-delay: 1s;
}

@keyframes bubble {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }

  50% {
    transform: scale(1.5);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 0.8;
  }
}

/* ******************** COVER - uproot ******************** */
#uproot .cover-feature.animation-element.in-view img {
  filter: none;
  transition: all 2s ease-in;
}

#uproot .cover-feature img {
  filter: grayscale(1);
}

#uproot .overlay-title h1 {
  font-size: 11vw;
  font-family: 'Crimson';
  padding-left: 15%;
  transition-duration: 1.5s;
}

#uproot .overlay-title h1 a, #uproot .overlay-text #provost a {
  color: #bec098;
  display: block;
}

#uproot .title-shadow h1 a {
  color: #888b8d;
}

#uproot .title-shadow h1 {
  font-size: 11vw;
  font-family: 'Crimson';
  opacity: .4;
  position: absolute;
  padding-left: 15%;
  top: 10%;
  transition-duration: .5s;
}

#uproot .overlay-text #provost {
  font-size: 2.5vw;
  font-family: 'Milo';
}

#uproot .overlay-text #provost span {
  line-height: 1;
}

#uproot:hover .overlay {
  opacity: 1;
}

#uproot .overlay {
  position: absolute;
  top: 100%;
  left: 0;
  transition: all 1s ease-in;
  opacity: 0;
  width: 100%;
  height: 100%;
}

#uproot:hover .overlay .overlay-title h1 {
  transform: translateY(-45vw);
}

#uproot:hover .title-shadow h1 {
  opacity: 0;
}

#uproot .overlay-text {
  padding-left: 55%;
}

#uproot .overlay-text {
  transition-delay: .5s;
  transition-duration: 1s;
}

#uproot:hover .overlay .overlay-text {
  transform: translateY(-32vw);
}

#uproot td#laurel {
  width: 8vw;
  padding-right: 1rem;
}

#uproot td#laurel svg {
  z-index: 0;
  fill: #bec098;
}

@media (min-width:1600px) and (max-width:1899px) {
  #uproot .overlay-text #provost {
    font-size: 2.5rem;
  }
}

/* ******************** COVER - dj screw ******************** */
#dj-screw .mag-video-container {
  max-height: 57vw;
  background-color: #68446e;
}

#dj-screw .mag-cover-video {
  width: 100vw;
  max-height: 57vw;
  max-width: 2000px;
}

/* ******************** COVER - lizzo ******************** */
#lizzo img#lizzo-no-glow {
  position: absolute;
}

#lizzo .cover-feature.animation-element.in-view img#lizzo-no-glow {
  opacity: 0;
  transition-delay: 1s;
  transition-duration: .15s;
  transition-timing-function: ease-in;
  transition-property: all;
}

/* ******************** COVER - smart cement ******************** */
#smart-cement .overlay-text {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: 7px;
}

#smart-cement .overlay-title {
  position: absolute;
  top: 5%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#smart-cement .overlay-title a {
  color: #000;
}

#smart-cement .overlay-text a {
  color: #fff;
  display: block;
  width: 100%;
}

#smart-cement .overlay h1 {
  font-family: 'Compressor Slab Serif';
  text-transform: uppercase;
  font-size: 6vw;
  letter-spacing: 2px;
  margin-bottom: 0;
  margin-top: 0;
}

#smart-cement .overlay-text span {
  font-family: 'Helvetica';
  text-transform: uppercase;
  font-size: 2vw;
  line-height: 1.1;
  color: #fff;
  width: 35%;
  background-color: #3c84a9;
  padding: 2px 0;
  margin: 7px auto;
}

#smart-cement .overlay-title span,
#smart-cement .overlay-text span {
  display: block;
  width: 35%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1600px) {
  #smart-cement .overlay h1 {
    font-size: 7rem;
  }

  #smart-cement .overlay-text p {
    font-size: 2.5rem;
  }
}

@media (max-width: 915px) {
  #smart-cement #title1 {
    border-top: 5px solid #000;
  }

  #smart-cement #title4 {
    border-bottom: 5px solid #000;
  }
}

@media (min-width: 916px) {
  #smart-cement #title1 {
    border-top: 10px solid #000;
  }

  #smart-cement #title4 {
    border-bottom: 10px solid #000;
  }
}

@media (min-width: 768px) {

  #smart-cement .cover-feature:hover .overlay-text span,
  #smart-cement .cover-feature:hover .overlay-title span {
    animation-name: lines;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-duration: 2s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-delay: 0s;
  }

  @keyframes lines {
    0% {
      width: 35%;
    }

    50% {
      width: 100%;
    }

    100% {
      width: 35%;
    }
  }
}

/* ******************** COVER - here we go ******************** */
#here-we-go .overlay-text h3 {
  font-family: 'Milo';
  padding-top: 1rem;
  font-weight: bold;
  color: #fff;
  max-width: 75%;
  font-size: 3vw;
}

@media (max-width:768px) {
  #here-we-go .overlay-text h3 {
    display: none;
  }
}

#here-we-go .overlay-text h2 {
  color: #f6be00;
  font-size: 5vw;
  padding-bottom: 2vw;
}

#here-we-go .overlay-text {
  position: absolute;
  top: 25%;
  left: 20%;
}

#here-we-go .overlay-title h1 {
  font-size: 7vw;
  color: #fff;
}

#here-we-go .overlay-title {
  position: absolute;
  top: 5%;
  left: 11%;
}

#here-we-go #arrow {
  width: 5vw;
  height: 5vw;
  background-color: #c8102e;
  position: relative;
}

#here-we-go #arrow:after {
  content: '';
  position: absolute;
  top: -50%;
  left: 5vw;
  width: 0;
  height: 0;
  border: 5vw solid transparent;
  border-left: 5vw solid #c8102e;
}

#here-we-go #arrow:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 129px;
  width: 0;
  height: 0;
}

#here-we-go #here-we-go-stripes {
  position: absolute;
  top: -100%;
}

#here-we-go #here-we-go-stripes2 {
  position: absolute;
  top: 100%;
}

#here-we-go .cover-feature.animation-element.in-view #arrow {
  animation-name: arrow;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

@keyframes arrow {
  0% {
    width: 5vw;
  }

  100% {
    width: 50vw;
  }
}

#here-we-go .cover-feature.animation-element.in-view #arrow:after {
  animation-name: arrow-point;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

@keyframes arrow-point {
  0% {
    left: 5vw;
  }

  100% {
    left: 50vw;
  }
}

#here-we-go .cover-feature.animation-element.in-view #here-we-go-stripes {
  animation-name: stripes1;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

@keyframes stripes1 {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

#here-we-go .cover-feature.animation-element.in-view #here-we-go-stripes2 {
  animation-name: stripes2;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

@keyframes stripes2 {
  0% {
    top: 100%;
  }

  100% {
    top: 0;
  }
}

/* ******************** COVER - last look ******************** */
#last-look {
  padding-bottom: 0;
}

#last-look img {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, .1);
}

#last-look h3 {
  text-transform: uppercase;
  text-align: center;
}

@media (min-width: 992px) {
  #last-look h3 {
    font-size: 4.5rem;
  }
}

#last-look .last-look-text {
  padding: 1.5rem 0;
  height: auto;
  display: flex;
}

#last-look .last-look-text .col-md-3 {
  margin-top: auto;
  margin-bottom: auto;
}

#last-look .col-md-9 {
  border-left: 1px solid #000;
}

@media (max-width:991px) {
  #last-look .col-md-9 {
    text-align: left;
  }

  #last-look .last-look-text {
    display: block;
    padding-top: 0;
  }

  #last-look h3 {
    text-align: left;
  }

  #last-look .col-md-9 {
    border-left: 0;
  }

  .last-look-text h3 {
    margin-bottom: 0;
  }

  .last-look-text p {
    margin-top: 0;
  }
}