@font-face {
  font-family: 'Gotham-Book';
  src: url('fonts/Gotham-Book.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display:auto;
}

@font-face {
  font-family: 'Mackay-Bold';
  src: url('fonts/Mackay-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Avenir-LightOblique';
  src: url('fonts/AvenirLTStd-LightOblique.ttf') format('truetype');
}

.process-2:before {
  width: 300% !important;
  left: -100% !important;
  background: rgb(204 204 204) !important;
}

.quote {
  background: #0e0e0e !important;
}

.quotemark {
  font-size: 3em;
  line-height: 0;
  position: relative;
  top: 18px;
}

section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs) + section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.border--bottom):not(.space--xxs) {
  padding-top: 4.42857143em;
}

@media (max-width: 767px) {
  .imageblock .imageblock__content {
    position: relative;
    min-height: 40vh !important;
  }
}


.quote p {
  font-family: 'Avenir-LightOblique' !important;
  /* font-style: italic; */
  font-weight: 300 !important;
  font-size: 2em !important;
  color: white !important;
  line-height: normal;
}

.justify {
  text-align: justify;
}

.quote h5 {
  font-family: 'Avenir-LightOblique' !important;
  color: white !important;
  font-weight: 800 !important;
  font-size: 1.35714286em;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .process-1 .process__item, .process-2 .process__item {
    width: 93%;
  }
}




.process-focus {
  background: aliceblue;
  padding: 32px;
  border-bottom: 4px solid #74b1bd;
  border-right: 2px solid rgb(204 204 204);
  border-radius: 6px;
  border-left: 2px solid rgb(204 204 204);
  border-top: 2px solid rgb(204 204 204);
}

.process__item.process-focus:after {
  display: none;
}

.process__item.process-focus {
  position: absolute;
  z-index: 2;
}

.image-gradient {
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
    url('images/background.jpg');
}

iframe {
  aspect-ratio: 16/9;
}

div[class*='col-'][class*='-8'] .video-cover iframe {
  min-height: fit-content !important;
}

.small-header {
  padding-bottom: 7.42857143em !important;
  padding-top: 7.42857143em !important;
  background-color: rgb(249, 249, 251);
}

.center {
  text-align: center;
}

.regular blockquote {
  font-size: 1.35714286em !important;
}

.small blockquote {
  font-size: 14px !important;
}

.main-container h1 {
  font-family: 'Mackay-Bold', serif !important;
  font-style: normal;
  letter-spacing: 0.02em !important;
  color: #6090a3;
  font-size: 4em;
  margin-bottom: 0.59090909090909em;
  /* text-align: center; */
}

.main-container h2, h3 {
  font-family: 'Gotham-Book', serif !important;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .1em !important;
  color: #000;
}

.main-container p{
  font-family: 'Gotham-Book', serif !important;
}

.main-container h3 {
  font-size: 1.2rem;
  margin-bottom: 0pt;
}

.main-container h4 {
  font-family:'Gotham-Book', serif !important;
  font-weight:800;
  text-transform: uppercase;
  color: #000;
}

/* .color--dark {
  color: #2e2f33 !important;
} */

/* nav.navbar.navbar-fixed-top {
  visibility: hidden;
} */

div.row {
  /*display: flex;*/
  flex-wrap: wrap;
}

.color--blue {
  color: #6090a3;
}
.color--red {
  color: #ea6a5c;
}
.color--yellow {
  color: #f6b84a;
}

.color--light-blue {
  color: #a1c0cb;
}
.color--light-red {
  color: #f1a79f;
}
.color--light-yellow {
  color: #f6d398;
}

.bg--blue {
  background-color: #e4f2f4;
}
.bg--red {
  background-color: #f6e3e3;
}
.bg--yellow {
  background-color: #f7efe4;
}


.btn--primary-yellow,
.btn--primary-yellow:visited {
  background: rgb(246, 184, 74);
  border-color: rgb(246, 184, 74);
}
.btn--primary-yellow .btn__text,
.btn--primary-yellow:visited .btn__text {
  color: #fff;
}
.btn--primary-yellow .btn__text i,
.btn--primary-yellow:visited .btn__text i {
  color: #fff;
}
.btn--primary-yellow:hover {
  background: #f7c672;
  border-color: #f7c672;
}
.btn--primary-yellow:active {
  background: #f6b84a;
}