/*@import url(d:\kuba\wamp64\www\bizibot\css\fonts\fonts.css);*/
html {
  font-size: 20px;
  scroll-behavior: smooth;
  background: #000;
}

html,
body {
  min-height: 100vh;
}

body {
  background: #000;
  color: #fff;
  font-family: "obviously-wide";
  letter-spacing: 0.05em;
}

path,
circle,
rect {
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}

p {
  font-size: 0.9rem;
}

p,
input {
  font-family: "DM Sans", sans-serif;
}

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1000000000000000000000000000000000000000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.preloader .animation {
  height: 75%;
  width: auto;
}

.container-fluid {
  padding: 0 6.5rem;
}

.container-fluid .row {
  padding: 0 5rem;
}

.container {
  max-width: 1450px;
}

.heading {
  font-size: 4.5rem;
}

.heading .gray {
  opacity: 0.5;
}

.heading-small {
  font-size: 2rem;
  text-transform: uppercase;
}

.heading,
.heading-small {
  font-weight: 300;
}

.background-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

.body-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 10000000000000000000000000000;
  -webkit-animation: fade-overlay-out 1s ease-in-out forwards;
          animation: fade-overlay-out 1s ease-in-out forwards;
}

/* @keyframes fade-overlay-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
} */
[data-aos="scale-slider"] {
  -webkit-transform: scale(1.75);
          transform: scale(1.75);
  -webkit-transition-duration: 1.4s !important;
          transition-duration: 1.4s !important;
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  z-index: 1000000000000000;
}

[data-aos="scale-slider"].aos-animate {
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 1;
}

.nav {
  padding: 0 5.525rem;
  padding-top: 1.5rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000000;
}

.nav .navbar-brand {
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nav .navbar-brand:hover {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}

.nav .navbar-brand .text {
  width: 132px;
  margin-left: 7px;
}

.nav .navbar-brand .lottie-animation {
  width: 4.7rem;
  height: 4.7rem;
}

.nav .navbar-toggler {
  position: relative;
  color: #fff;
  font-size: 0.7rem;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  padding-right: 0;
}

.nav .navbar-toggler .text {
  margin-right: 1rem;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}

.nav .navbar-toggler span {
  height: 23px;
  width: 5px;
  display: inline-block;
  background: #fff;
  margin: 0 3px;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}

.nav .navbar-toggler span:nth-child(3) {
  margin-top: 8px;
}

.nav .navbar-toggler span:nth-child(4) {
  margin-top: 4px;
}

.nav .navbar-toggler:hover:not(.active) .text {
  margin-right: 0.5rem;
  letter-spacing: 0;
}

.nav .navbar-toggler:hover:not(.active) span {
  margin: 0 3px !important;
}

.nav .navbar-toggler.active {
  overflow: hidden;
}

.nav .navbar-toggler.active .text {
  margin-right: 0.1rem;
  opacity: 0;
}

.nav .navbar-toggler.active span:nth-child(2) {
  -webkit-transform: translateX(11px) rotate(45deg);
          transform: translateX(11px) rotate(45deg);
}

.nav .navbar-toggler.active span:nth-child(3) {
  margin-top: -70px;
}

.nav .navbar-toggler.active span:nth-child(4) {
  margin-top: 0;
  -webkit-transform: translateX(-11px) rotate(-45deg);
          transform: translateX(-11px) rotate(-45deg);
}

.nav .navbar-toggler.active:hover span {
  height: 29px;
}

.nav .collapsible {
  padding: 4.5rem 3.25rem;
  position: fixed;
  right: -400px;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1;
}

.nav .collapsible.active {
  right: 0;
}

.nav .nav-links a {
  color: #fff;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  display: block;
}

.nav .nav-links a:hover {
  opacity: 0.6;
  -webkit-transform: translateX(8px);
          transform: translateX(8px);
  text-decoration: none;
}

.nav .nav-links li {
  text-transform: uppercase;
  margin-bottom: 2.5rem;
}

.nav .social-media {
  margin-top: 5rem;
}

.nav .single-social a {
  margin: 0 3px;
}

.single-social a:not(.unstyled),
.single-social .style-this {
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  overflow: hidden;
}

.single-social a:not(.unstyled)::after,
.single-social .style-this::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  z-index: -1;
  background: #fff;
  top: 100%;
}

.single-social a:not(.unstyled):hover:not(.unstyled),
.single-social .style-this:hover:not(.unstyled) {
  opacity: 1;
}

.single-social a:not(.unstyled):hover:not(.unstyled)::after,
.single-social .style-this:hover:not(.unstyled)::after {
  top: 0;
}

.single-social a:not(.unstyled):hover:not(.unstyled) path,
.single-social .style-this:hover:not(.unstyled) path {
  fill: #000;
}

.single-social svg {
  overflow: visible;
  position: absolute;
}

.home-hero-slider {
  width: 100%;
  height: 100%;
}

.home-hero-slider .slick-list {
  padding: 0 6.5rem;
  margin: -6.5rem;
}

.home-hero-slider .slick-list,
.home-hero-slider .slick-track {
  height: 100%;
}

.home-hero-slider .single-slide {
  /*opacity: 0.5; */
  padding: 0 10px;
}

.home-hero-slider .single-slide img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

section.hero {
  position: relative;
  min-height: 900px;
  height: 100vh;
  z-index: 1;
}

section.hero.about::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  z-index: -1;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

section.hero.about .container-fluid {
  position: relative;
  z-index: 1;
}

section.home-page.hero {
  min-height: 930px;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

section.home-page.hero .content {
  position: relative;
  width: 100%;
  z-index: 10;
  color: #fff;
  margin-top: -60px;
}

section.home-page.hero .content p {
  font-size: 0.9rem;
  max-width: 16.5rem;
}

section.home-page.hero .arrows {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  pointer-events: none;
}

section.home-page.hero .arrows .slick-arrow {
  pointer-events: all;
  -webkit-transform: translate(0, 60px);
          transform: translate(0, 60px);
}

section.home-page.hero .arrows .slick-arrow img {
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}

section.home-page.hero .arrows .slick-arrow:hover {
  cursor: pointer;
}

section.home-page.hero .arrows .arrow-prev:hover img {
  -webkit-transform: rotate(180deg) translateX(7px);
          transform: rotate(180deg) translateX(7px);
}

section.home-page.hero .arrows .arrow-next:hover img {
  -webkit-transform: translateX(7px);
          transform: translateX(7px);
}

section.home-page.hero .arrow-prev img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

section.home-page.hero .controls {
  font-size: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
  margin-right: -6.5rem;
}

section.home-page.hero .controls .control {
  margin-left: 2rem;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}

section.home-page.hero .controls .control:hover {
  letter-spacing: 3px;
  cursor: pointer;
}

section.home-page.hero .controls .circle {
  top: -2.5px;
  left: -2.5px;
  position: absolute;
  width: calc(100% + 5px);
  height: calc(100% + 5px);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

section.home-page.hero .controls .circle circle {
  -webkit-transition: none;
  transition: none;
  stroke-dasharray: 439.822971502571;
}

section.home-page.hero .controls .circle circle .transitioning {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

section.home-page.hero .controls .prev {
  width: 3rem;
}

section.home-page.hero .controls .next {
  width: 7rem;
  height: 7rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}

section.home-page.hero .controls .next:hover {
  cursor: pointer;
}

section.client-logos {
  padding: 8rem 0;
}

section.client-logos .heading-small {
  margin-bottom: 1.5em;
}

section.client-logos .client-logo {
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
  width: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

section.client-logos.white {
  color: #000;
  background: #fff;
}

section.client-logos.white .client-logo {
  background: #fff;
}

section.client-logos.white .client-logo img {
  mix-blend-mode: difference;
}

section.client-logos.white + section.what-we-do {
  padding-top: 8rem;
  padding-bottom: 7rem;
}

section.what-we-do {
  padding-bottom: 9rem;
  color: #fff;
  overflow: hidden;
}

section.what-we-do .heading,
section.what-we-do .start-text {
  text-transform: uppercase;
}

section.what-we-do a {
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  color: #fff;
}

section.what-we-do a:hover {
  text-decoration: none;
  opacity: 0.6 !important;
}

section.what-we-do .heading {
  position: relative;
  z-index: 5;
  line-height: 1.15;
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
  -webkit-transition-property: opacity, margin-left, -webkit-transform;
  transition-property: opacity, margin-left, -webkit-transform;
  transition-property: opacity, transform, margin-left;
  transition-property: opacity, transform, margin-left, -webkit-transform;
}

section.what-we-do .heading:hover {
  cursor: pointer;
}

section.what-we-do .start-text {
  font-size: 0.7rem;
}

section.what-we-do .asset-container {
  position: relative;
  height: 540px;
  -webkit-transition: background-image 0.4s ease-in-out;
  transition: background-image 0.4s ease-in-out;
  background-size: cover;
}

section.what-we-do .asset-container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  z-index: -1;
  background: rgba(0, 0, 0, 0.15);
}

section.what-we-do svg {
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}

section.what-we-do #portfolio-asset {
  position: absolute;
  -webkit-transition: all ease-in-out 1s;
  transition: all ease-in-out 1s;
  width: calc(100% + 2.75rem);
  height: 100%;
  right: 0;
  top: 0;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
}

section.what-we-do #portfolio-asset.redirecting {
  width: 105vw;
  height: 100vh;
  right: -240px;
  top: -200px;
}

section.what-we-do .play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 5rem;
  font-size: 0.6rem;
  text-transform: uppercase;
  z-index: 1000;
}

section.what-we-do .play path {
  fill: #fff;
  stroke: #fff;
}

section.what-we-do .play .text {
  max-width: 6rem;
  font-weight: 600;
  text-align: right;
}

section.what-we-do .play:hover {
  cursor: pointer;
}

section.what-we-do .play:hover svg {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}

section.what-we-do .play:hover path {
  fill: transparent;
}

section.contact-form {
  padding: 7.5rem 0;
}

section.contact-form:not(.contact-page-form) {
  background: #fff;
  color: #000;
}

section.contact-form .heading-small {
  margin-bottom: 1.1em;
}

section.contact-form .heading-small + p {
  line-height: 1.5rem;
}

section.contact-form .contact-info {
  margin-top: 4rem;
}

section.contact-form .contact-info ul:not(.social-media) li:first-child {
  margin-bottom: 1rem;
}

section.contact-form .contact-info ul:not(.social-media) a {
  font-weight: bold;
  color: #000;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  font-size: 0.9rem;
  font-family: "DM Sans", sans-serif;
}

section.contact-form .contact-info ul:not(.social-media) a:hover {
  text-decoration: none;
  opacity: 0.65;
}

section.contact-form .single-social:first-child a {
  border-bottom: none;
}

section.contact-form .single-social a:not(.unstyled),
section.contact-form .single-social .style-this {
  border-color: #000;
}

section.contact-form .single-social a:not(.unstyled)::after,
section.contact-form .single-social .style-this::after {
  background: #000;
}

section.contact-form .single-social a:not(.unstyled) path {
  fill: #000;
}

section.contact-form .single-social:hover a:not(.unstyled) path {
  fill: #fff;
}

section.contact-form .contact-form {
  width: 100%;
  font-size: 0.6rem;
  padding-left: 4.5rem;
}

section.contact-form .custom-input {
  position: relative;
}

section.contact-form .custom-input label {
  text-transform: uppercase;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  position: absolute;
  left: 1rem;
}

section.contact-form .custom-input input ~ label {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

section.contact-form .custom-input textarea ~ label {
  top: 1rem;
}

section.contact-form input,
section.contact-form textarea {
  width: 100%;
  border: none;
  padding: 0.75rem;
  border-top: 1px solid #000;
  resize: none;
  font-size: 0.9rem;
  text-align: right;
}

section.contact-form input:focus, section.contact-form input:focus-visible,
section.contact-form textarea:focus,
section.contact-form textarea:focus-visible {
  outline: none;
}

section.contact-form input:focus + label, section.contact-form input:focus-visible + label,
section.contact-form textarea:focus + label,
section.contact-form textarea:focus-visible + label {
  left: -5px;
  opacity: 0;
}

section.contact-form input::-webkit-input-placeholder,
section.contact-form textarea::-webkit-input-placeholder {
  opacity: 1;
  font-size: 0.6rem;
}

section.contact-form input:-ms-input-placeholder,
section.contact-form textarea:-ms-input-placeholder {
  opacity: 1;
  font-size: 0.6rem;
}

section.contact-form input::-ms-input-placeholder,
section.contact-form textarea::-ms-input-placeholder {
  opacity: 1;
  font-size: 0.6rem;
}

section.contact-form input::placeholder,
section.contact-form textarea::placeholder {
  opacity: 1;
  font-size: 0.6rem;
}

section.contact-form textarea {
  min-height: 11rem;
}

section.contact-form .submit {
  width: 100%;
  text-transform: uppercase;
  border: 1px solid #000;
  background: transparent;
  padding: 1rem 0;
  font-size: 0.6rem;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

section.contact-form .submit span {
  position: absolute;
  width: 25%;
  height: 100%;
  background-color: #000;
  -webkit-transform: translateY(150%);
          transform: translateY(150%);
  border-radius: 50%;
  left: calc((var(--n) - 1) * 25%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: calc((var(--n) - 1) * 0.1s);
          transition-delay: calc((var(--n) - 1) * 0.1s);
  z-index: -1;
}

section.contact-form .submit span:nth-child(1) {
  --n: 1;
}

section.contact-form .submit span:nth-child(2) {
  --n: 2;
}

section.contact-form .submit span:nth-child(3) {
  --n: 3;
}

section.contact-form .submit span:nth-child(4) {
  --n: 4;
}

section.contact-form .submit:hover {
  color: #fff;
  letter-spacing: 3px;
}

section.contact-form .submit:hover span {
  -webkit-transform: translateY(0) scale(2);
          transform: translateY(0) scale(2);
}

section.contact-form.contact-page-form input,
section.contact-form.contact-page-form textarea {
  border-top-color: #fff;
  background: transparent;
}

section.contact-form.contact-page-form a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

section.contact-form.contact-page-form .submit {
  border-color: #fff;
  color: #fff;
}

section.contact-form.contact-page-form .submit:hover {
  color: #000;
}

section.contact-form.contact-page-form .submit span {
  background: #fff;
}

section.contact-form.contact-page-form .single-social {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  margin-bottom: 1rem;
}

section.contact-form.contact-page-form .single-social:nth-child(3) {
  margin-bottom: 3.75rem;
}

section.contact-form.contact-page-form .single-social .icon {
  margin-left: 1rem;
}

section.contact-form.contact-page-form .style-this {
  margin-right: 1rem;
  border-color: #fff;
}

section.contact-form.contact-page-form .style-this .icon {
  margin: 0;
}

section.contact-form.contact-page-form .unstyled {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

section.contact-form.contact-page-form .unstyled:hover {
  text-decoration: none;
}

section.contact-form .form-p-left-none {
  padding-left: 0;
}

footer {
  position: relative;
  text-transform: uppercase;
  padding: 6rem 0;
  font-size: 0.5rem;
}

footer a {
  position: relative;
  color: #fff;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}

footer a:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.65;
}

footer .logo {
  width: 210px;
  display: block;
}

footer .logo img {
  width: 100%;
}

footer .logo:hover {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}

footer .back-to-top {
  width: 6rem;
  height: 6rem;
  padding: 2rem;
}

footer .container-internal {
  width: 25%;
}

footer .copyright {
  position: absolute;
  bottom: 2rem;
  left: 0;
  opacity: 0.5;
  font-size: 0.7rem;
  font-family: "DM Sans";
  text-transform: none;
}

footer .copyright p {
  margin: 0 8px;
  font-size: 0.7rem;
  text-align: center;
}

.button-rounded-animated {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  z-index: 1;
}

.button-rounded-animated::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  z-index: -1;
  background: #fff;
  top: 100%;
  left: 100%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-rounded-animated .circle {
  position: absolute;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  top: -1px;
  left: -1px;
}

.button-rounded-animated .circle circle {
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  stroke-dasharray: 439.822971502571;
  stroke-dashoffset: 439.822971502571;
}

.button-rounded-animated:hover {
  cursor: pointer;
  color: #000;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  letter-spacing: 3px;
}

.button-rounded-animated:hover circle {
  stroke-dashoffset: 0;
}

.button-rounded-animated:hover::after {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  left: 0;
  top: 0;
}

section.hero.about .heading {
  margin-bottom: 1.25rem;
}

section.hero.about p {
  max-width: 50%;
}

section.meet-the-team .team-text-col {
  margin: 9rem 0;
}

section.meet-the-team p {
  font-size: 1.4rem;
}

section.meet-the-team .slider-col {
  margin-top: 2.5rem;
}

section.meet-the-team .team-slider {
  margin-bottom: -5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: (250px)[3];
      grid-template-rows: repeat(3, 250px);
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

section.meet-the-team .team-slider img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

section.meet-the-team .team-slider .single-slide:nth-child(1), section.meet-the-team .team-slider .single-slide:nth-child(2), section.meet-the-team .team-slider .single-slide:nth-child(3) {
  -ms-grid-row: 1;
  grid-row: 1;
}

section.meet-the-team .team-slider .single-slide:nth-child(1) {
  -ms-grid-column: 1;
  grid-column: 1;
}

section.meet-the-team .team-slider .single-slide:nth-child(2) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2 / 4;
}

section.meet-the-team .team-slider .single-slide:nth-child(3) {
  -ms-grid-column: 4;
  grid-column: 4;
}

section.meet-the-team .team-slider .single-slide:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  grid-row: 2 / 4;
  -ms-grid-column: 1;
  grid-column: 1;
}

section.meet-the-team .team-slider .single-slide:nth-child(5) {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 2;
  grid-column: 2;
}

section.meet-the-team .team-slider .single-slide:nth-child(6) {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 3;
  grid-column: 3;
}

section.meet-the-team .team-slider .single-slide:nth-child(7) {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 4;
  grid-column: 4;
}

section.meet-the-team .team-slider .single-slide:nth-child(8) {
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column: 2;
  grid-column: 2;
}

section.meet-the-team .team-slider .single-slide:nth-child(9) {
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3/5;
}

section.meet-the-team + section.client-logos {
  padding-top: 12rem;
}

section.page-heading {
  padding-top: 9rem;
  padding-bottom: 5rem;
}

section.page-heading .heading {
  font-weight: 300;
  white-space: nowrap;
  text-transform: uppercase;
}

section.page-heading p {
  max-width: 50%;
  text-align: right;
}

section.shows-grid a {
  text-decoration: none !important;
}

section.shows-grid .single-grid-item {
  z-index: 1;
  position: relative;
  margin-bottom: 6rem;
}

section.shows-grid .single-grid-item:hover::before,
section.shows-grid .single-grid-item:hover .image-container::before {
  opacity: 1;
}

section.shows-grid .single-grid-item:hover .view-button {
  opacity: 1;
}

section.shows-grid .single-grid-item:hover {
  cursor: pointer;
}

section.shows-grid .show-image {
  width: 100%;
  height: 19rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 2.25rem;
}

section.shows-grid .item-full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 27rem;
  padding: 0 4.5rem;
}

section.shows-grid .item-full::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  z-index: -1;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
}

section.shows-grid .item-full:hover .event-name,
section.shows-grid .item-full:hover .small-text {
  opacity: 0.5;
}

section.shows-grid .item-full::after {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  opacity: 0.5;
  background: black;
  background: -webkit-gradient(linear, left top, right top, from(black), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

section.shows-grid .item-full.right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

section.shows-grid .item-full.right::after {
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

section.shows-grid .item-full:not(.right) {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

section.shows-grid .item-full:not(.right)::after {
  left: 0;
}

section.shows-grid .small-text {
  font-size: 0.7rem;
  margin-left: 1.5rem;
  text-transform: uppercase;
}

section.shows-grid .event-name {
  font-size: 1.2rem;
  font-weight: 300;
  margin-top: 0.5rem;
}

section.shows-grid .event-name,
section.shows-grid .small-text {
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}

section.shows-grid .item-half .small-text {
  opacity: 0.7;
}

section.shows-grid .image-container {
  position: relative;
  z-index: 1;
}

section.shows-grid .image-container::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  z-index: -1;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

section.shows-grid .image-container img {
  position: relative;
  z-index: 0;
}

section.shows-grid .view-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #fff;
  color: #000;
  font-size: 0.6rem;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  z-index: 10;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  height: 5rem;
  width: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

section.shows-grid .view-button.d-mobile {
  display: none;
}

section.shows-grid .button-rounded-animated {
  width: 7.5rem;
  height: 7.5rem;
  font-size: 0.6rem;
  text-transform: uppercase;
  pointer-events: none;
}

section.shows-grid .button-rounded-animated .circle circle {
  -webkit-transition: none;
  transition: none;
}

section.shows-grid .button-rounded-animated::after {
  content: unset;
}

.text-small {
  font-size: 14px;
  text-transform: uppercase;
}

section.single-project-hero {
  padding-top: 10rem;
  padding-bottom: 7rem;
  min-height: 100vh;
}

section.single-project-hero .single-project-slider {
  height: 610px;
}

section.single-project-hero .heading-small {
  text-transform: uppercase;
}

section.single-project-hero .single-slide {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}

section.single-project-hero .single-slide::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  z-index: -1;
  /* background: rgba(0, 0, 0, 0.5);  */
}

section.single-project-hero .slick-track,
section.single-project-hero .slick-list {
  height: 100%;
}

section.single-project-hero .arrow {
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  width: 5rem;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

section.single-project-hero .arrow:hover {
  cursor: pointer;
}

section.single-project-hero .arrow-prev {
  left: -6rem;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

section.single-project-hero .arrow-prev img {
  margin-left: -10px;
}

section.single-project-hero .arrow-next {
  right: -6rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

section.single-project-hero .arrow-next img {
  margin-left: -10px;
}

section.single-project-hero .button-rounded-animated::after {
  background: transparent;
}

section.brief {
  background: #fff;
  color: #000;
  overflow: hidden;
}

section.brief .heading-small {
  margin-top: 1rem;
  margin-bottom: 0.75em;
}

section.brief .container-fluid,
section.brief .image-col {
  padding-right: 0;
}

section.brief .text-col {
  padding: 2rem 0;
  padding-right: 8rem;
}

section.brief .brief-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

section.brief .text-small {
  opacity: 0.5;
}

section.brief .details {
  width: 85%;
  margin-top: 3.75rem;
}

section.brief .details .show-details {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
}

section.brief .title {
  font-size: 12px;
  text-transform: uppercase;
  opacity: 0.5;
}

section.brief .detail {
  font-size: 18px;
  font-family: "DM Sans", sans-serif;
}

section.images-grid {
  padding: 7rem 0;
  overflow: hidden;
}

section.images-grid .image-col {
  margin-bottom: 4rem;
  overflow: hidden;
}

section.images-grid .grid-image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}

section.images-grid .grid-image:hover {
/*   cursor: pointer; */
  /* opacity: 0.8;  */
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}

section.images-grid .image-full {
  height: 680px;
}

section.images-grid .image-half {
  height: 390px;
}

section.images-grid .p-left {
  padding-left: 2rem;
}

section.images-grid .p-right {
  padding-right: 2rem;
}

section.projects-links a {
  color: #fff;
  display: block;
}

section.projects-links a:hover {
  text-decoration: none;
}

section.projects-links a:hover .arrow {
  opacity: 1;
}

section.projects-links .heading-small {
  position: relative;
  font-weight: 300;
  margin-bottom: 1em;
}

section.projects-links .prev {
  padding-right: 3rem;
}

section.projects-links .prev .arrow {
  left: -2rem;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  -webkit-animation: animate-arrow-left ease-in-out 1.5s infinite;
          animation: animate-arrow-left ease-in-out 1.5s infinite;
}

section.projects-links .arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0;
}

section.projects-links .next {
  padding-left: 3rem;
  text-align: right;
}

section.projects-links .next .arrow {
  right: -2rem;
  -webkit-animation: animate-arrow-right ease-in-out 1.5s infinite;
          animation: animate-arrow-right ease-in-out 1.5s infinite;
}

@-webkit-keyframes animate-arrow-left {
  0% {
    left: -2.25rem;
  }
  50% {
    left: -3.5rem;
  }
  100% {
    left: -2.25rem;
  }
}

@keyframes animate-arrow-left {
  0% {
    left: -2.25rem;
  }
  50% {
    left: -3.5rem;
  }
  100% {
    left: -2.25rem;
  }
}

@-webkit-keyframes animate-arrow-right {
  0% {
    right: -2.25rem;
  }
  50% {
    right: -3.5rem;
  }
  100% {
    right: -2.25rem;
  }
}

@keyframes animate-arrow-right {
  0% {
    right: -2.25rem;
  }
  50% {
    right: -3.5rem;
  }
  100% {
    right: -2.25rem;
  }
}

section.image-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 100000000000000000;
  padding: 6rem 0;
  display: none;
}

section.image-overlay .close {
  position: absolute;
  top: 5%;
  right: 5%;
  opacity: 1;
}

section.image-overlay .close:hover {
  cursor: pointer;
}

section.image-overlay .image-main {
  height: 100%;
}

section.image-overlay img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

section.image-overlay .single-slide {
  margin-bottom: 0.5rem;
}

section.image-overlay .single-slide:last-child {
  margin-bottom: 0;
}

section.image-overlay .single-slide img {
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}

section.image-overlay .single-slide img:hover {
  cursor: pointer;
  opacity: 0.7;
}

section.image-overlay .single-slide:not(.two-cols) {
  height: 210px;
}

section.image-overlay .single-slide.two-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 125px;
}

section.image-overlay .single-slide.two-cols .single-image {
  width: 48%;
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  height: 100%;
}

section.contact-hero {
  position: relative;
  z-index: 1;
}

section.contact-hero .contact-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 6rem;
}

section.contact-hero .background-image {
  opacity: 0.35;
}

section.contact-hero .single-contact {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.9rem;
  font-weight: bold;
  border: 1px solid #fff;
  color: #fff;
  padding: 1.6rem 2.5rem;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  font-family: "DM Sans", sans-serif;
  white-space: nowrap;
  margin-bottom: 10px;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  /*    &::after {
            content: "";
            position: absolute;
            background: #fff;
            top: 100%;
            left: 100%;
            width: 100%;
            height: 90%;
            transform: rotate(65deg);
            transition: $transition;
            z-index: -1;
        } */
}

section.contact-hero .single-contact:not(:last-child) {
  border-right: 0;
}

section.contact-hero .single-contact:hover, section.contact-hero .single-contact:focus {
  -webkit-box-shadow: 0 0.5em 0.5em -0.4em rgba(255, 255, 255, 0.4);
          box-shadow: 0 0.5em 0.5em -0.4em rgba(255, 255, 255, 0.4);
  -webkit-transform: translateY(-0.25em);
          transform: translateY(-0.25em);
}

section.contact-hero .single-contact:hover {
  text-decoration: none;
}

section.contact-hero .contact-image {
  width: 100%;
  height: 27rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 3rem;
}

@media screen and (max-height: 850px) {
  section.image-overlay {
    overflow-y: scroll;
  }
}

@media screen and (max-height: 800px) {
  section.home-page.hero {
    min-height: 700px;
  }
  .nav .nav-links li {
    margin-bottom: 1.5rem;
  }
  .nav .social-media {
    margin-top: 3rem;
  }
}

@media screen and (max-width: 1700px) {
  section.contact-hero .single-contact {
    padding: 1.6rem 2rem;
  }
}

@media screen and (max-width: 1550px) {
  .container-fluid,
  .nav {
    padding-left: 5.525rem;
    padding-right: 5.525rem;
  }
  .container-fluid .row {
    padding: 0 4rem;
  }
  .container {
    max-width: 1140px;
  }
  .nav .navbar-brand .lottie-animation {
    width: 4rem;
    height: 4rem;
  }
  .nav .navbar-brand .text {
    width: 110px;
  }
  section.home-page.hero .controls {
    margin-right: -4.55rem;
  }
  section.client-logos .client-logo {
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
    width: 15%;
    margin: 10px 0;
  }
  section.what-we-do .row {
    padding: 0 2rem;
  }
  footer .logo {
    width: 190px;
  }
  footer li {
    margin: 0 8px;
    text-align: center;
  }
  footer .container-internal {
    width: 35%;
  }
  section.meet-the-team .team-slider {
    margin-bottom: -8rem;
  }
  section.client-logos.white + section.what-we-do {
    padding: 7rem 0;
  }
  section.meet-the-team + section.client-logos {
    padding-top: 7rem;
  }
  section.page-heading p {
    max-width: 70%;
  }
  section.shows-grid .single-grid-item {
    margin-bottom: 5.5rem;
  }
  section.shows-grid .image-container img {
    margin-bottom: 2rem;
  }
  section.single-project-hero .row {
    padding: 0 3rem;
  }
  section.single-project-hero .arrow {
    width: 4.5rem;
    height: 4.5rem;
  }
  section.single-project-hero .arrow-prev {
    left: -5rem;
  }
  section.single-project-hero .arrow-next {
    right: -5rem;
  }
  section.single-project-hero .single-project-slider {
    height: 550px;
  }
  section.brief .text-col {
    padding: 2rem 0;
    padding-right: 4rem;
  }
  section.brief .details {
    width: 90%;
  }
  section.images-grid {
    padding: 6rem 0;
  }
  section.images-grid .image-half {
    height: 350px;
  }
  section.images-grid .image-col {
    margin-bottom: 3rem;
  }
  section.images-grid .image-full {
    height: 580px;
  }
  section.contact-hero .heading {
    font-size: 3.75rem;
    white-space: normal;
  }
  section.contact-hero .single-contact {
    padding: 1.5rem 1rem;
  }
  section.contact-hero .icon {
    margin-bottom: 0.7rem;
  }
  section.contact-hero .text-col {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  section.contact-hero .contact-image {
    height: 23rem;
  }
  section.contact-form.contact-page-form {
    padding: 6rem 0;
  }
}

@media screen and (max-width: 1350px) {
  section.contact-hero .contact-info-wrapper {
    margin-left: -5rem;
  }
}

@media screen and (max-width: 1200px) {
  .container-fluid,
  .nav {
    padding-left: 4.225rem;
    padding-right: 4.225rem;
  }
  .container-fluid .row {
    padding: 0 3rem;
  }
  .nav .navbar-brand .lottie-animation {
    width: 3.5rem;
    height: 3.5rem;
  }
  .nav .navbar-brand .text {
    width: 90px;
  }
  section.home-page.hero .controls {
    margin-right: -2.5rem;
  }
  section.client-logos {
    padding: 6rem 0;
  }
  section.client-logos .client-logo {
    -ms-flex-preferred-size: 18%;
        flex-basis: 18%;
    width: 18%;
  }
  section.what-we-do .heading {
    margin-bottom: -1.25rem;
  }
  section.what-we-do .row {
    padding: 0;
  }
  section.contact-form {
    padding: 6rem 0;
  }
  section.contact-form .contact-form {
    margin-top: 2rem;
    padding-left: 0;
  }
  section.contact-form textarea {
    min-height: 9rem;
  }
  footer .container-internal {
    width: 45%;
  }
  section.meet-the-team .team-text-col {
    margin: 7rem 0;
  }
  section.meet-the-team .row {
    margin: 0;
    padding: 0 15px;
  }
  section.client-logos.white + section.what-we-do {
    padding-top: 5rem;
    padding-bottom: 2rem;
  }
  section.page-heading p {
    max-width: 90%;
  }
  section.page-heading .heading {
    font-size: 3.75rem;
  }
  section.shows-grid .single-grid-item {
    margin-bottom: 4.5rem;
  }
  section.shows-grid .item-full::after {
    width: 70%;
  }
  section.shows-grid .event-name {
    font-size: 1.1rem;
  }
  section.shows-grid .image-container img {
    margin-bottom: 1.25rem;
  }
  section.shows-grid .item-full {
    padding: 0 3rem;
    height: 21rem;
  }
  section.shows-grid .show-image {
    height: 15rem;
  }
  section.meet-the-team .team-slider {
    margin-bottom: -4rem;
    -ms-grid-rows: (250px)[3];
        grid-template-rows: repeat(3, 250px);
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
  section.meet-the-team .team-slider .single-slide:nth-child(1), section.meet-the-team .team-slider .single-slide:nth-child(2) {
    -ms-grid-row: 1;
    grid-row: 1;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(1) {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(3) {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    grid-column: 1;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / 4;
    -ms-grid-column: 2;
    grid-column: 2;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(5) {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 3;
    grid-column: 3;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(6) {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 1;
    grid-column: 1;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(7) {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 3;
    grid-column: 3;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(9), section.meet-the-team .team-slider .single-slide:nth-child(8) {
    display: none;
  }
  section.single-project-hero {
    padding-top: 8rem;
  }
  section.single-project-hero .single-project-slider {
    height: 480px;
  }
  section.single-project-hero .row {
    padding: 0;
  }
  section.single-project-hero .arrow {
    width: 3.5rem;
    height: 3.5rem;
  }
  section.single-project-hero .arrow img {
    height: 13px;
    width: auto;
  }
  section.single-project-hero .arrow-prev {
    left: -3rem;
  }
  section.single-project-hero .arrow-next {
    right: -3rem;
  }
  section.single-project-hero .single-project-slider {
    padding: 0 1rem;
  }
  section.brief .text-col {
    padding: 2.5rem 0;
    padding-right: 3rem;
  }
  section.brief .details {
    width: 90%;
  }
  section.brief .detail {
    text-align: right;
  }
  section.brief .details {
    margin-top: 1.75rem;
    width: 100%;
  }
  section.projects-links .row {
    padding: 0;
  }
  section.image-overlay .overlay-slider-vertical {
    margin-top: 2.5rem;
  }
  section.image-overlay .image-main {
    height: 500px;
  }
  section.image-overlay .single-slide {
    height: 190px !important;
  }
  section.contact-hero .row {
    padding: 0;
  }
  section.contact-hero .heading {
    font-size: 3.25rem;
  }
  section.contact-hero .contact-info-wrapper {
    margin-top: 4rem;
    margin-left: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  section.contact-hero .single-contact {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
  section.contact-hero .single-contact:nth-child(3) {
    border-right: 1px solid #fff;
  }
  section.contact-hero .contact-image {
    height: 20rem;
  }
  section.contact-form.contact-page-form {
    padding: 5rem 0;
  }
}

@media screen and (max-width: 992px) {
  .container-fluid,
  .nav {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }
  .container-fluid .row {
    padding: 0 2rem;
  }
  section.home-page.hero .controls {
    margin-right: -1rem;
  }
  section.client-logos {
    padding: 5rem 0;
  }
  section.client-logos .client-logo {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    width: 25%;
  }
  section.what-we-do .play {
    right: 3.5rem;
  }
  section.what-we-do .heading {
    margin-left: 1rem;
    margin-bottom: -1.25rem;
  }
  footer .container-internal {
    width: 55%;
  }
  section.meet-the-team p {
    font-size: 1.2rem;
  }
  section.meet-the-team .heading-small {
    margin-bottom: 1rem;
  }
  section.meet-the-team .team-text-col {
    margin: 6rem 0;
  }
  section.meet-the-team + section.client-logos {
    padding: 5rem 0;
  }
  section.client-logos.white + section.what-we-do {
    padding-top: 4rem;
  }
  section.meet-the-team .team-slider {
    -ms-grid-rows: (200px)[3];
        grid-template-rows: repeat(3, 200px);
  }
  section.page-heading {
    padding-bottom: 4rem;
  }
  section.page-heading p {
    text-align: center;
  }
  section.page-heading .heading {
    text-align: center;
    font-size: 3.5rem;
    margin-bottom: 1.25rem;
  }
  section.shows-grid .single-grid-item {
    margin-bottom: 4.5rem;
  }
  section.shows-grid .event-name {
    font-size: 1.1rem;
  }
  section.shows-grid .image-container img {
    margin-bottom: 1.25rem;
  }
  section.shows-grid .item-full {
    height: 14rem;
  }
  section.shows-grid .item-full::after {
    width: 80%;
  }
  section.shows-grid .row > div:nth-child(even) .single-grid-item {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  section.shows-grid .row > div:nth-child(even) .single-grid-item::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    right: 0;
    left: unset;
  }
  section.shows-grid .row > div:nth-child(even) .event-name {
    text-align: right;
  }
  section.shows-grid .single-grid-item {
    padding: 0 3rem;
    margin-bottom: 3rem;
  }
  section.shows-grid .view-button.d-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  section.shows-grid .item-half {
    height: 14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  section.shows-grid .item-half::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
    z-index: -1;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 5;
  }
  section.shows-grid .item-half::after {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    opacity: 0.5;
    background: black;
    background: -webkit-gradient(linear, left top, right top, from(black), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }
  section.shows-grid .image-container {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
  }
  section.shows-grid .image-container::before {
    display: none;
    content: unset;
  }
  section.shows-grid .image-container .view-button {
    display: none;
  }
  section.shows-grid .image-container .show-image {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
  section.single-project-hero .arrow-next {
    right: -1.5rem;
  }
  section.single-project-hero .arrow-prev {
    left: -1.5rem;
  }
  section.single-project-hero .single-project-slider {
    padding: 0 2rem;
  }
  section.brief .container-fluid {
    padding-right: 3.25rem;
  }
  section.brief .image-col {
    padding-right: 15px;
    padding-bottom: 2rem;
  }
  section.brief .text-col {
    padding: 2rem 15px;
  }
  section.brief .details {
    margin-bottom: 0;
  }
  section.brief .details .show-details:last-child {
    margin-bottom: 0;
  }
  section.images-grid {
    padding: 5rem 0;
  }
  section.images-grid .image-col {
    height: 320px;
    padding: 0 !important;
    margin-bottom: 2rem;
  }
  section.projects-links .next {
    padding-left: 2rem;
  }
  section.projects-links .prev {
    padding-right: 2rem;
  }
  section.projects-links .heading-small {
    font-size: 1.75rem;
  }
  section.projects-links p {
    font-size: 0.8rem;
  }
  section.image-overlay .image-main {
    height: 400px;
  }
  section.contact-hero .row {
    padding: 0;
  }
  section.contact-hero .heading {
    font-size: 3.25rem;
  }
  section.contact-hero .contact-info-wrapper {
    margin-top: 3rem;
  }
  section.contact-hero .single-contact {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    width: 49%;
  }
  section.contact-hero .single-contact:nth-child(3) {
    border-right: none;
  }
  section.contact-hero .single-contact:nth-child(2), section.contact-hero .single-contact:nth-child(4) {
    border-right: 1px solid #fff;
  }
  section.contact-hero .contact-image {
    height: 16rem;
  }
  section.contact-page-form {
    padding: 4rem 0;
  }
}

@media screen and (max-width: 768px) {
  .container-fluid,
  .nav {
    padding-left: 2.275rem;
    padding-right: 2.275rem;
  }
  .nav .navbar-brand .lottie-animation {
    width: 3rem;
    height: 3rem;
  }
  .nav .navbar-brand .text {
    width: 80px;
  }
  .container-fluid .row {
    padding: 0 1rem;
  }
  .heading {
    font-size: 3.5rem;
  }
  .heading-small {
    font-size: 1.5rem;
  }
  section.home-page.hero {
    min-height: 100vh;
    height: auto;
    text-align: center;
    /*  .single-slide {
            img {
                transition: $transition;
                transform: translateY(0);
            }
            &:not(.slick-active) {
                img {
                    transform: translateY(-1.5rem);
                }
            }
        } */
  }
  section.home-page.hero .home-hero-slider {
    height: 100vh;
  }
  section.home-page.hero .controls {
    padding-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-right: 0;
    -webkit-transform: none;
            transform: none;
  }
  section.home-page.hero .controls .next {
    width: 6rem;
    height: 6rem;
  }
  section.home-page.hero .content {
    margin-top: -120px;
  }
  section.home-page.hero .control:first-child {
    margin-left: 0;
  }
  section.hero {
    min-height: 700px;
  }
  section.client-logos {
    padding: 4rem 0;
  }
  section.client-logos .client-logo {
    -ms-flex-preferred-size: 29%;
        flex-basis: 29%;
    width: 29%;
    margin: 15px 10px;
  }
  section.what-we-do .play {
    right: 2.5rem;
  }
  section.what-we-do .play svg {
    width: 90px;
    height: 90px;
  }
  section.what-we-do .heading {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: -1rem;
  }
  section.what-we-do #portfolio-asset {
    width: 100%;
  }
  section.what-we-do .asset-container::after {
    background: rgba(0, 0, 0, 0.25);
  }
  footer .container-internal {
    width: 65%;
  }
  section.meet-the-team .team-text-col {
    margin: 3rem 0;
  }
  section.meet-the-team p {
    font-size: 1rem;
  }
  section.meet-the-team .arrows > div {
    width: 4.5rem;
    height: 4.5rem;
  }
  section.meet-the-team .arrows > div img {
    width: 35px;
    height: auto;
  }
  section.meet-the-team .team-slider {
    margin-bottom: 2rem;
    -ms-grid-rows: (200px)[5];
        grid-template-rows: repeat(5, 200px);
    -ms-grid-columns: 50% 50%;
        grid-template-columns: 50% 50%;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(1) {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(2) {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    grid-column: 2;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(3) {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    grid-column: 1;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / 4;
    -ms-grid-column: 2;
    grid-column: 2;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(5) {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 1;
    grid-column: 1;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(6) {
    -ms-grid-row: 4;
    grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(7) {
    -ms-grid-row: 5;
    grid-row: 5;
    -ms-grid-column: 1;
    grid-column: 1;
  }
  section.meet-the-team .team-slider .single-slide:nth-child(8) {
    display: block;
    -ms-grid-row: 5;
    grid-row: 5;
    -ms-grid-column: 2;
    grid-column: 2;
  }
  section.meet-the-team + section.client-logos {
    padding: 4rem 0;
  }
  section.client-logos.white + section.what-we-do {
    padding-top: 3rem;
  }
  section.page-heading {
    padding-bottom: 3.5rem;
  }
  section.page-heading .heading {
    font-size: 3rem;
  }
  section.shows-grid .single-grid-item {
    padding: 0 2rem;
    margin-bottom: 2.5rem;
  }
  section.shows-grid .item-half,
  section.shows-grid .item-full {
    height: 12rem;
  }
  section.shows-grid .button-rounded-animated {
    width: 6rem;
    height: 6rem;
  }
  section.single-project-hero {
    padding-top: 7rem;
    padding-bottom: 5rem;
    min-height: 80vh;
  }
  section.single-project-hero .single-project-slider {
    height: 450px;
  }
  section.single-project-hero .arrow {
    width: 2.5rem;
    height: 2.5rem;
  }
  section.single-project-hero .arrow img {
    height: 10px;
  }
  section.single-project-hero .arrow-prev {
    left: -0.5rem;
  }
  section.single-project-hero .arrow-prev img {
    margin-left: -5px;
  }
  section.single-project-hero .arrow-next {
    right: -0.5rem;
  }
  section.single-project-hero .arrow-next img {
    margin-left: -5px;
  }
  section.single-project-hero .single-slide {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 3rem;
  }
  section.brief .container-fluid {
    padding-right: 2.275rem;
  }
  section.images-grid {
    padding: 4rem 0;
  }
  section.images-grid .image-col {
    height: 280px;
    margin-bottom: 1.5rem;
  }
  section.projects-links .heading-small {
    font-size: 1.5rem;
  }
  section.projects-links .arrow {
    display: none;
  }
  section.image-overlay .single-slide {
    height: 150px !important;
  }
  section.contact-hero .contact-image {
    height: 12rem;
  }
  section.contact-page-form {
    padding: 2rem 0;
  }
}

@media screen and (max-width: 576px) {
  .container-fluid,
  .nav {
    padding-left: 25px;
    padding-right: 25px;
  }
  .container-fluid .navbar-brand img,
  .nav .navbar-brand img {
    width: 120px;
  }
  .container-fluid .collapsible.active,
  .nav .collapsible.active {
    width: 100%;
  }
  .container-fluid .collapsible .nav-links li,
  .nav .collapsible .nav-links li {
    text-align: center;
    margin-left: 0;
  }
  .heading {
    font-size: 2.35rem;
  }
  section.home-hero .controls .next {
    width: 5rem;
    height: 5rem;
  }
  section.client-logos {
    padding: 3rem 0;
  }
  section.client-logos .client-logo {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    width: 50%;
    margin: 15px 0;
  }
  section.what-we-do .play {
    right: 0.75rem;
  }
  section.what-we-do #portfolio-asset {
    width: calc(100% + 40px);
    right: -20px;
  }
  section.what-we-do .heading {
    margin-bottom: -0.65rem;
  }
  section.contact-form .row > div {
    padding: 0;
  }
  footer .container-internal {
    width: 75%;
  }
  footer .container-internal p {
    margin: 8px 0;
  }
  footer .copyright {
    bottom: 1.25rem;
  }
  footer .logo {
    width: 140px;
  }
  footer .back-to-top {
    width: 4.5rem;
    height: 4.5rem;
    padding: 1.5rem;
  }
  footer li {
    margin: 12px 8px;
  }
  section.hero.about p {
    max-width: 100%;
  }
  section.meet-the-team .arrows > div {
    width: 3rem;
    height: 3rem;
  }
  section.meet-the-team .arrows > div img {
    width: 30px;
    height: auto;
  }
  section.meet-the-team .team-slider {
    margin-bottom: 2rem;
    -ms-grid-rows: (160px)[5];
        grid-template-rows: repeat(5, 160px);
    -ms-grid-columns: 48% 48%;
        grid-template-columns: 48% 48%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  section.meet-the-team .slider-col {
    padding: 0;
  }
  section.meet-the-team + section.client-logos {
    padding: 3rem 0;
  }
  section.page-heading {
    padding-bottom: 2.5rem;
  }
  section.page-heading p {
    max-width: 100%;
  }
  section.page-heading .heading {
    font-size: 2.25rem;
  }
  section.shows-grid .single-grid-item {
    padding: 0 1rem;
    margin-bottom: 1.75rem;
  }
  section.shows-grid .container-fluid .row {
    padding: 0;
  }
  section.shows-grid .item-half,
  section.shows-grid .item-full {
    height: 11rem;
  }
  section.shows-grid .item-half::after,
  section.shows-grid .item-full::after {
    width: 100%;
  }
  section.single-project-hero {
    padding-top: 6rem;
    padding-bottom: 4rem;
    min-height: 80vh;
  }
  section.single-project-hero .single-project-slider {
    height: 400px;
    padding: 0 1rem;
  }
  section.single-project-hero .arrow-prev {
    left: -0.5rem;
  }
  section.single-project-hero .arrow-next {
    right: -0.5rem;
  }
  section.single-project-hero .arrow .circle {
    display: none;
  }
  section.single-project-hero .button-rounded-animated {
    border: none;
  }
  section.single-project-hero .single-slide {
    padding-left: 1.5rem;
  }
  section.single-project-hero .heading-small {
    font-size: 1.25rem;
  }
  section.brief .container-fluid {
    padding-right: 25px;
  }
  section.brief .detail {
    font-size: 15px;
  }
  section.images-grid {
    padding: 3rem 0;
  }
  section.images-grid .image-col {
    height: 240px;
  }
  section.projects-links .prev {
    padding-right: 15px;
  }
  section.projects-links .next {
    margin-top: 1rem;
    padding-left: 15px;
  }
  section.image-overlay .image-main {
    height: 300px;
  }
  section.image-overlay .main-image-col {
    padding: 0;
  }
  section.image-overlay .single-slide {
    height: 125px !important;
  }
  section.contact-hero .heading {
    font-size: 2.25rem;
  }
  section.contact-hero .contact-info-wrapper {
    margin-top: 1rem;
  }
  section.contact-hero .single-contact {
    font-size: 0.8rem;
    white-space: normal;
    text-align: center;
    margin-bottom: 6px;
  }
}

@media screen and (max-width: 450px) {
  section.contact-hero .heading {
    font-size: 2.15rem;
  }
  section.contact-hero .contact-info-wrapper {
    margin-top: 1rem;
  }
  section.contact-hero .single-contact {
    font-size: 0.8rem;
    white-space: normal;
    text-align: center;
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    width: 75%;
    border-right: 1px solid #fff !important;
  }
}

@media screen and (max-width: 355px) {
  .nav {
    padding-left: 20px;
    padding-right: 20px;
  }
  .nav .navbar-brand img {
    width: 110px;
  }
  .nav .navbar-toggler .text {
    font-size: 0.6rem;
    margin-right: 0.8rem;
  }
}
/*# sourceMappingURL=style.css.map */

/* 11-10 */

.gform_wrapper .ginput_container input{width: 100% !important;padding: 0.75rem !important;}
.gform_wrapper .gfield{position: relative;}
.gform_wrapper .gfield label{font-size: 0.6rem !important;    font-family: "obviously-wide";    letter-spacing: 0.05em;    font-weight: 400 !important;text-transform: uppercase;    -webkit-transition: all 0.45s ease-out;    transition: all 0.45s ease-out;    position: absolute;    left: 1rem;    top: 50%;    -webkit-transform: translateY(-50%);    transform: translateY(-50%);}
body .gform_wrapper .top_label div.ginput_container,body .gform_wrapper ul li.gfield {    margin-top: 0 !important;}
.gform_wrapper .gfield .ginput_container input:focus + label,.gform_wrapper .gfield .ginput_container input:focus-visible + label{    left: -5px;    opacity: 0;}
.gform_wrapper #field_1_4 label{    top: 30px !important;}
.gform_wrapper ul.gform_fields li.gfield {    padding-right: 0 !important;}
.gform_wrapper{padding-left: 4.5rem;}
.gform_wrapper .gform_footer input[type=submit]{    width: 100% !important;    text-transform: uppercase;    border: 1px solid #000;    background: transparent;    padding: 1rem 0;        -webkit-transition: all 0.45s ease-out;    transition: all 0.45s ease-out;    position: relative;    overflow: hidden;        text-align: center;        font-size: 0.6rem !important;    font-family: "obviously-wide";    letter-spacing: 0.05em;    font-weight: 400 !important;}
.gform_wrapper .gform_footer input[type=submit]:hover {    color: #fff;    letter-spacing: 3px;    background-color: #000;}
.gform_wrapper .gform_footer {    padding: 0 !important;}

.contact-page-form .gform_wrapper {    padding-left: 0;}
.contact-page-form .gform_wrapper .gform_footer input[type=submit]{    color: #fff;    border-color: #fff;}
.contact-page-form .gform_wrapper .gform_footer input[type=submit]:hover{    color: #000;    border-color: #fff;background-color: #fff;}

.gform_wrapper .ginput_container input,.gform_wrapper .ginput_container textarea{    font-size: 0.6rem !important;
    font-family: "obviously-wide";
    font-weight: 400 !important;}

/* Error Code */
.gform_validation_errors{   box-shadow: none !important;}
.gform_legacy_markup_wrapper li.gfield.gfield_error{    background-color: transparent !important;    margin-bottom: 6px!important;            padding-top: 0 !important;}
.gform_legacy_markup_wrapper .field_description_below .gfield_description {    padding-top: 0 !important;    padding: 0 !important;}
.gform_legacy_markup_wrapper li.gfield.gfield_error,.gform_validation_errors>h2{font-size: 0.6rem !important;    font-family: "obviously-wide"; font-weight: 400 !important;}
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {    margin-top: 0px !important;}
.gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper li.gfield_error textarea{border: none !important;    border-top: 1px solid #790000 !important;}
body .gform_legacy_markup_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {    max-width:100%!important;border-bottom: 0 !important;border-top: 0 !important;}
.gform_legacy_markup_wrapper .validation_message{display: none !important;}

/* 12-10 */
.btn-black{  text-transform: uppercase;    border: 1px solid #000;    background: transparent;    padding: 1rem;        -webkit-transition: all 0.45s ease-out;    transition: all 0.45s ease-out;    overflow: hidden;        text-align: center;        font-size: 0.6rem !important;    font-family: "obviously-wide";    letter-spacing: 0.05em;    font-weight: 400 !important;color: #000;display: inline-block;}
.btn-black:hover {    color: #fff;    letter-spacing: 3px;    background-color: #000;text-decoration: none;}
.btn-white{ position: relative; text-transform: uppercase;    border: 1px solid #fff;    background: transparent;    padding: 1rem;        -webkit-transition: all 0.45s ease-out;    transition: all 0.45s ease-out; overflow: hidden;        text-align: center;        font-size: 0.6rem !important;    font-family: "obviously-wide";    letter-spacing: 0.05em;    font-weight: 400 !important;color: #fff;display: inline-block;width: 100%;}
.btn-white:hover { display: inline-block;   color: #000;text-decoration: none;    letter-spacing: 3px;}
section.contact-form.contact-page-form input, section.contact-form.contact-page-form textarea{color: #fff;}
.gform_confirmation_wrapper{ padding-top: 5px; color: green;}
.gform_validation_errors>h2.hide_summary { padding: 0% 2.3%; }

.btn-white span:nth-child(1) {
    --n: 1;
}
.btn-white span:nth-child(2) {
    --n: 2;
}
.btn-white span:nth-child(3) {
    --n: 3;
}
.btn-white span:nth-child(4) {
    --n: 4;
}
.btn-white span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: #fff;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    border-radius: 50%;
    left: calc((var(--n) - 1) * 25%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-delay: calc((var(--n) - 1) * 0.1s);
    transition-delay: calc((var(--n) - 1) * 0.1s);
    z-index: -1;
}
.btn-white:hover span {
    -webkit-transform: translateY(0) scale(2);
    transform: translateY(0) scale(2);
}

.video-wrap{padding-top:0 !important; padding-bottom: 0 !important;  min-height: auto !important;}

.video-section {
    width: 100%;
    height: 100vh;
}

.video-section video {
    width: 100%;
    height: 100%;
	object-fit: cover;
}




.nav .collapsible{    padding: 100px 3.25rem;overflow: scroll;display: block;}
#menu-main-menu .sub-menu{    padding: 0;    list-style: none;    margin: 0;margin-top: 1.5rem;}
#menu-main-menu li.menu-item-has-children{margin-bottom: 0;}
.owe-hidden{overflow: hidden;}
.nav .social-media{justify-content: center;}




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

@media only screen and (max-width:1280px){
  .gform_confirmation_wrapper .gform_confirmation_message{ padding: 0% 10%; }
}

@media only screen and (max-width:1199px){
    .gform_wrapper {    padding-left: 0;}
    .video-section {height: 68vh;}
}
@media only screen and (max-width:991px){

}
@media only screen and (max-width:768px){
	.video-section { height: 50vh;}
}
@media only screen and (max-width:639px){

}
@media only screen and (max-width:479px){
}
@media only screen and (max-width:414px){

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

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

}