.video {
  width: 100vw;
  height: 100vh;
  margin-top: -10;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}

.header-content {
    z-index: 9;
}

.white {
    background-color: white
}

.no-padding {
  padding: 0 !important
}

.flex-direction-column {
  flex-direction: column !important;
}

.reel {
  height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: url("../../images/thumbnail.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.reel-play {
  width: 100%;
  text-align: center;
  padding: 40px;
}

.icon-container {
  height: 80px;
  width: 100%;
}

.reel-title {
  color: white;
}

.padding-less {
  padding: 4rem 7rem 3rem 7rem !important;
}

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

  .padding-less {
    padding: 5rem 5rem 3rem 5rem !important;
  }

}

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

  .padding-less {
    padding: 4rem 4rem 2rem 4rem !important;
  }

}

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

  .padding-less {
    padding: 3.75rem 3rem 1.75rem 3rem !important;
  }

}

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

  .padding-less {
    padding: 2.5rem 2rem 0.5rem 2rem !important;
  }

}

.image-fade-in {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}

.full-width {
  min-width: 100vw !important;
}

.margin-bottom {
  margin-bottom: 60px;
}

.get-in-touch {
  padding: 0 !important;
  position: relative;
}

.translucent-white {
  background-color: rgba(255,255,255,0.7);
}

.black-text {
  color: black !important;
}

a {
  text-decoration: none;
}

a:hover {
  color: #F20519 !important;
}

.icon.style2:hover:before {
    box-shadow: inset 0 0 0 1px #F20519 !important;
    color: #F20519 !important;
}


.button.primary:hover {
  background-color: #F20519 !important;
  color: white !important;
}

.button:hover {
  color: #F20519 !important;
  box-shadow: inset 0 0 0 1px #F20519 !important;
}

.padding {
  padding: 3em 0;
}

.contact {
  margin: 10px;
}

.icon-play.major:before {
  font-size: 80px !important;
  color: white;
}

.icon-play.major:hover:before {
  color: #F20519 !important;
  cursor: pointer;
}

.visible {
  opacity: 1 !important;
  background-color: rgba(0,0,0,0.1) !important;
}

.product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (min-width: 736px) {
  .product-offerings {
    padding: 0px 200px;
  }

  .inner.services {
    padding: 7rem 0rem 3rem 0rem !important;
  }

  .items.style3.big.service > * {
    width: 25% !important;
  }
}

.product {
  margin: 10px;
}

.product.primary.button:hover {
  background-color: black !important;
  cursor: auto;
  box-shadow: none !important;
}

@media screen and (max-width: 480px) {
  .product {
    width: max-content !important;
    margin: 0px 10px;
  }
  .products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .items.style3.big.service > * {
    width: 50% !important;
  }
  .items.style3.big > :first-child {
    padding-top: 1.3125rem;
  }
  .reel {
    height: 60vh;
  }
  .contact-container {
    display: flex;
    justify-content: center;
    margin-right: 100px !important;
  }
  .contact-image {
    height: 200px;
    width: auto !important;
    margin-right: 100px;
  }
}

.medium {
  color: black !important;
}

.us-image {
  width: 100%;
}

.contact-image {
  width: 100%;
}

.us-container {
  height: auto;
  background-color: white !important;
  line-height: 0;
}

.contact-container {
  height: auto;
  background-color: white !important;
  line-height: 0;
}

.endorsements {
  height: 250px;
  min-height: 30vh;
}

.endorsement14 {
  color: white;
  background: rgba(0,0,0,0.35) !important;
  height: 250px;
}


.endorsement18 {
  color: white;
  background: rgba(0,0,0,0.37) !important;
  height: 250px;
}

.contact-us {
  position: absolute;
  top: 0;
  width: 100% !important;
  height: 100%;
  background-color: transparent;
}