@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap);@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@1&display=swap);/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

@font-face {
  font-family: "Georgia";
  src: url(/fonts/Georgia.woff2?af54b4f7bb698c7826661847359b7e55) format("woff2"), url(/fonts/Georgia.woff?a6023c514af76edfe18fd4ac943b82ad) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bauer Bodoni D";
  src: url(/fonts/BauerBodD-DemiBold.woff2?3e0e5024ea295d189fc5f59cfb118282) format("woff2"), url(/fonts/BauerBodD-DemiBold.woff?5af59ac74fcafbabcdd06b17ab799b68) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Arial";
  src: url(/fonts/Arial.ttf?07d53b5b4d43b671764d7075be494019) format("truetype"), url("/fonts/Arial Bold.ttf?142301adf4e0699237f9e11a77761d0d") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Arial";
  src: url("/fonts/Arial Bold.ttf?142301adf4e0699237f9e11a77761d0d") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Arcon";
  src: url(/fonts/Arcon-Regular.woff2?9fd3329f5baf82ce454af5ba86eafd98) format("woff2"), url(/fonts/Arcon-Regular.woff?5c9161f1153ca1e28b556e89cb0209fc) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Texta";
  src: url(/fonts/Texta-Book.woff?e2742a0ef64464ddfa6f3f60b879e884) format("woff"), url(/fonts/Texta-Book.woff2?5d14fe015d49b21408aee05885b4e76e) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.slick-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}

.slick-dots li {
  margin: 0 0.25rem;
}

.slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #DADADA;
  text-indent: -9999px;
  cursor: pointer;
  outline: none;
}

.slick-dots li.slick-active button {
  background-color: #033A16;
}

.slick-arrow.slick-disabled {
  display: none !important;
}

#approach-screen {
  height: -moz-fit-content;
  height: fit-content;
  background: #92855c;
  color: white;
}

#approach-screen .wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  text-align: right;
  padding: 0px 20px 50px 20px;
  height: -moz-fit-content;
  height: fit-content;
}

#approach-screen .wrapper .details-container {
  max-width: 100%;
  position: relative;
}

#approach-screen .wrapper .details-container h3 {
  margin: 0 0 30px;
  font-size: 16px;
  font-weight: normal;
  padding-right: 40px;
}

#approach-screen .wrapper .details-container p {
  padding-right: 30px;
}

@media only screen and (min-width: 900px) {
  #approach-screen {
    height: 600px;
    background: #92855c;
    color: white;
  }

  #approach-screen .wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    text-align: right;
    padding: 0 100px;
    height: 600px;
  }

  #approach-screen .wrapper .details-container {
    max-width: 60%;
    position: relative;
  }

  #approach-screen .wrapper .details-container h3 {
    margin: 0 0 40px;
    font-size: 19px;
    font-weight: normal;
    padding-right: 40px;
  }

  #approach-screen .wrapper .details-container p {
    padding-right: 40px;
  }
}

header {
  height: 50px;
  border: 0px solid white;
  position: fixed;
  width: 100%;
  top: 0;
  color: #003a16;
  display: flex;
  justify-content: space-between;
  z-index: 200;
  background-color: white;
  padding: 0 30px;
  transition: 0.3s;
  box-shadow: 0px 1px 10px rgba(128, 128, 128, 0.1);
}

header.nav-up {
  top: -55px;
}

header i {
  font-size: 11px;
}

header ul {
  float: left;
  list-style-type: none;
  display: flex;
  align-items: center;
}

header ul li > ul.shown {
  display: block;
}

header ul li > ul.shown li:hover ul {
  display: block;
}

header ul li {
  float: left;
  position: relative;
}

header ul li a {
  display: block;
  text-decoration: none;
  padding: 0px 12px;
  font-size: 12px;
  letter-spacing: 2px;
  cursor: pointer;
}

header ul li a:hover {
  color: #b7b7b7;
  transition: 0.3s;
}

header ul li a.arrow-move {
  display: flex;
  justify-content: space-between;
}

header ul li a.arrow-move img {
  width: 15px;
  height: 15px;
}

header ul li ul {
  display: none;
  position: absolute;
  z-index: 2;
  background: rgba(0, 58, 22, 0.9);
  padding: 0;
  color: white;
  right: 10px;
  font-size: 10px;
  text-align: end;
  color: white;
}

header ul li ul .white {
  height: 12px;
  background-color: white;
}

header ul li ul a {
  line-height: 1.5;
  border-bottom: 1px solid #938355;
  cursor: pointer;
  color: white;
  padding: 0.8vh 10px;
}

header ul li ul a :nth-child(11) {
  border-bottom: none;
}

header ul li ul a :nth-last-child(11) {
  border-bottom: none;
}

header ul li ul a:hover {
  color: #b7b7b7;
  transition: 0.3s;
}

header ul li ul li {
  width: 280px;
  padding: 0 20px;
}

header ul li ul li ul {
  margin-right: 270px;
}

header ul li ul li ul li {
  width: -moz-max-content;
  width: max-content;
}

header ul li ul li ul li a {
  border-bottom: none;
}

header ul li ul li ul li a i {
  float: right;
  margin-top: 11px;
}

header #nav-icon3 {
  width: 35px;
  height: 25px;
  position: relative;
  margin: 0px auto;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

header #nav-icon3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #003a16;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

header #nav-icon3 span:nth-child(1) {
  top: 3px;
}

header #nav-icon3 span:nth-child(2),
header #nav-icon3 span:nth-child(3) {
  top: 11px;
}

header #nav-icon3 span:nth-child(4) {
  top: 19px;
}

header #nav-icon3.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}

header #nav-icon3.open span:nth-child(2) {
  top: 10px;
  transform: rotate(45deg);
}

header #nav-icon3.open span:nth-child(3) {
  top: 10px;
  transform: rotate(-45deg);
}

header #nav-icon3.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

header .timeline-item {
  border-bottom: none;
}

#footer-screen {
  width: 100vw;
}

#footer-screen .social {
  display: none;
  height: 50px;
  width: 100vw;
  justify-content: center;
}

#footer-screen .social a {
  width: 50px;
}

#footer-screen .social img {
  height: 50px;
}

#footer-screen .top {
  height: 50px;
  width: 100vw;
  background: #004d23;
  display: flex;
  align-items: center;
  justify-content: center;
}

#footer-screen .bottom {
  height: 100px;
  width: 100vw;
  background: white;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 20px 60px;
}

#footer-screen .bottom .second {
  justify-self: center;
  min-height: 100px;
}

#footer-screen .bottom .right {
  display: grid;
}

#footer-screen .bottom .right svg {
  justify-self: flex-end;
}

#footer-screen .bottom .right a {
  text-align: right;
  height: 10px;
}

@media only screen and (max-width: 768px) {
  header {
    padding: 0 15px;
  }

  header ul li {
    float: left;
    position: relative;
  }

  header ul li a {
    display: block;
    text-decoration: none;
    padding: 0px 12px;
    font-size: 1vh;
    letter-spacing: 2px;
    cursor: pointer;
  }

  header ul li ul {
    right: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  header ul li ul .white {
    height: 12px;
    background-color: white;
  }

  header ul li ul li {
    width: 215px;
    padding: 0 20px;
  }

  header ul li ul li ul {
    margin-right: 213px;
    padding: 0 10px;
  }

  header ul li ul li ul li {
    width: 150px;
    padding: 0;
  }

  header ul li ul li ul li a {
    border-bottom: none;
  }

  header ul li ul li ul li a i {
    float: right;
    margin-top: 11px;
  }

  header #nav-icon3 {
    width: 25px;
    height: 20px;
  }

  header #nav-icon3 span {
    height: 2px;
    border-radius: 0px;
  }

  header #nav-icon3 span:nth-child(1) {
    top: 2px;
  }

  header #nav-icon3 span:nth-child(2),
  header #nav-icon3 span:nth-child(3) {
    top: 8px;
  }

  header #nav-icon3 span:nth-child(4) {
    top: 14px;
  }

  header .timeline-item {
    display: none;
  }

  header .credentials-item {
    border-bottom: none;
  }

  #footer-screen {
    width: 100vw;
  }

  #footer-screen .social {
    display: flex;
    height: 40px;
    padding: 10px 0;
  }

  #footer-screen .social a {
    width: 30px;
  }

  #footer-screen .social a img {
    width: 30px;
    height: 30px;
  }

  #footer-screen .top {
    height: 50px;
    width: 100vw;
    background: #004d23;
  }

  #footer-screen .bottom {
    height: 180px;
    width: 100vw;
    background: white;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding: 20px 5vw;
  }

  #footer-screen .bottom .first {
    grid-column: 1;
    grid-row: 2;
    width: 40vw;
  }

  #footer-screen .bottom .first img {
    max-width: 100%;
  }

  #footer-screen .bottom .second {
    justify-self: center;
    grid-column: 2;
    grid-row: 1;
    width: 30vw;
  }

  #footer-screen .bottom .right {
    grid-column: 3;
    grid-row: 2;
    display: grid;
    width: 40vw;
    text-align: right;
  }

  #footer-screen .bottom .right svg {
    justify-self: flex-end;
    height: 30px;
    text-align: right;
    margin-right: -15px;
  }

  #footer-screen .bottom .right a {
    text-align: right;
    height: 10px;
  }
}

#landing-screen {
  height: 90vh;
  width: 100%;
  position: relative;
}

#landing-screen .landing-slider {
  background-image: url("/img/landing/landing-background-mobile.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#landing-screen .landing-slider .hero-text {
  max-width: 800px;
  margin: 1rem;
  font: normal 30px Libre Baskerville;
  color: #a39161;
  text-align: center;
}

#landing-screen .logo-holder {
  position: absolute;
  top: 50px;
  width: 100%;
  text-align: center;
}

#landing-screen .logo-holder img {
  width: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}

#landing-screen .remarkable-holder {
  position: absolute;
  bottom: 2.5rem;
  width: 100%;
  text-align: center;
}

#landing-screen .remarkable-holder img {
  width: 80%;
  max-width: 400px;
  -o-object-fit: contain;
     object-fit: contain;
}

#landing-screen .savills-holder {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  display: flex;
  align-items: end;
}

#landing-screen .savills-holder img {
  width: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 850px) {
  #landing-screen {
    height: 100vh;
  }

  #landing-screen .landing-slider {
    background-image: url("/img/landing/landing-background.png");
  }

  #landing-screen .landing-slider .hero-text {
    font: normal 65px Libre Baskerville;
  }

  #landing-screen .remarkable-holder {
    bottom: 2rem;
  }

  #landing-screen .savills-holder {
    bottom: 2rem;
    right: 2rem;
  }

  #landing-screen .savills-holder img {
    width: 100px;
  }
}

html {
  font-family: sans-serif;
  scroll-behavior: smooth;
}

body {
  border: none;
  margin: 0;
  font-weight: 200;
  line-height: 1.5;
  font-size: 16px;
  font-family: "Arial";
}

section {
  max-height: -moz-fit-content;
  max-height: fit-content;
  overflow: auto;
}

section .wrapper {
  width: 100vw;
  margin: 0;
}

input[type=text],
input[type=button],
a {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

a:focus {
  border: none;
  outline: none;
}

a:active {
  border: none;
}

*:focus {
  outline: none;
}

* {
  box-sizing: border-box;
  -ms-overflow-style: none;
}

*::-webkit-scrollbar {
  display: none;
}

h1,
h2 {
  margin: 0 0 70px;
  font-family: Georgia;
  font-size: 44px;
}

h1.left {
  border-left: 10px solid #92855c;
  padding: 20px 0 20px 25px;
}

h1.right {
  border-right: 10px solid #92855c;
  padding: 20px 25px 20px 0;
  text-align: right;
}

h1.right-dark {
  border-right: 10px solid #000000;
  padding: 20px 25px 20px 0;
}

h4.left {
  border-left: 10px solid #92855c;
  color: #92855c;
  padding: 20px 0 20px 25px;
  font-style: italic;
  width: 50%;
  font-size: 20px;
}

a {
  color: black;
  text-decoration: none;
}

button {
  font-family: "Georgia";
  font-size: x-large;
  transition: 0.3s;
  cursor: pointer;
  -webkit-appearance: none;
  font-size: 12px;
}

button.forsale {
  background: #003a16;
  width: 98%;
  height: 50px;
  border-radius: 50px;
  border: none;
  color: white;
}

button.forsale:hover {
  background: #00330d;
  transition: 0.3s;
}

button.sold {
  background: #92855c;
  width: 98%;
  height: 50px;
  border-radius: 50px;
  border: none;
  color: white;
}

button.sold:hover {
  background: #7b6d46;
  transition: 0.3s;
}

button.more {
  background: #ffffff;
  width: 240px;
  height: 50px;
  border-radius: 50px;
  border: none;
  color: black;
}

button.more:hover {
  background: #dbdbdb;
  transition: 0.3s;
}

button:active {
  outline: none;
  border: none;
}

.heading {
  font-family: "Georgia";
}

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

#live-screen {
  height: auto;
  position: relative;
  display: block !important;
  height: 1000px;
  overflow: hidden;
}

#live-screen .live-slider {
  width: 100%;
  position: sticky;
  height: 1000px;
}

#live-screen .live-slider img {
  width: 100%;
  height: 1000px;
  -o-object-fit: cover;
     object-fit: cover;
}

#live-screen .top {
  margin-bottom: 70px;
}

#live-screen .top p {
  width: 50%;
}

#live-screen .remarkable {
  position: absolute;
  right: 350px;
  bottom: 150px;
  font-size: 33px;
  overflow: visible;
}

#live-screen .remarkable.desk {
  display: none;
}

#live-screen .remarkable.mob {
  display: block;
}

#live-screen .wrapper {
  padding: 150px 100px;
  height: 100%;
  align-items: center;
  position: absolute;
  top: 0;
  color: white;
  width: 100%;
}

body {
  font-size: 12px;
}

h1,
h2 {
  margin: 0 0 40px;
  font-family: Georgia;
  font-size: 28px;
}

h1.left {
  border-left: 10px solid #92855c;
  padding: 20px 0 20px 15px;
}

h1.right {
  border-right: 10px solid #92855c;
  padding: 20px 15px 20px 0;
}

h1.right-dark {
  border-right: 10px solid #000000;
  padding: 20px 15px 20px 0;
}

button {
  font-family: "Georgia";
  font-size: 16px;
}

#awards-screen {
  background: url("/img/awards/award-background.png"), lightgray 50%/cover no-repeat;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #000;
  margin: 0;
  min-height: calc(100vh - 50px);
  width: 100vw;
  display: flex;
  align-items: center;
  color: white;
}

#awards-screen .awardtoplogo img {
  width: 180px;
  height: auto;
}

#awards-screen .wrapper {
  padding: 1.5rem 1rem;
}

#awards-screen .row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

#awards-screen .row .col-12 {
  width: 100%;
}

#awards-screen .header h1 {
  font: normal 30px Libre Baskerville;
  color: #A39161;
}

#awards-screen .header-line {
  margin: 1.5rem 0;
  width: 60%;
  max-width: 500px;
  height: 5px;
  background: #A39161;
}

#awards-screen .header-line2 {
  margin: 0rem 0;
  width: 100%;
  height: 2px;
  position: absolute;
  background: #A39161;
  z-index: 0;
}

#awards-screen .info-1 {
  font: italic 20px Libre Baskerville;
  margin: 1rem;
}

#awards-screen .info-2 {
  font: normal 20px Texta;
  margin: 1rem;
}

#awards-screen .text-center {
  text-align: center;
}

#awards-screen .line {
  margin: 1rem;
  width: calc(100% - 2rem);
  height: 1px;
  background: #A39161;
}

#awards-screen .desktop-only {
  display: none;
}

#awards-screen .info-new1 {
  color: #CCC;
  font-style: normal;
}

#awards-screen .info-new1 p {
  font: normal 20px Texta;
  margin: 1rem;
}

#awards-screen .info-new1 h1 {
  color: #A39161;
  font: normal 30px Libre Baskerville;
}

#awards-screen .info-new1 h1 span {
  color: #fff;
}

#awards-screen .header-line2 {
  left: 0;
  z-index: 0;
  width: 100%;
  height: 2px;
  position: absolute;
  z-index: 0;
  background: #A39161;
}

#awards-screen .info-new1 {
  margin-bottom: 20px;
}

#awards-screen .info-1new {
  color: #FFF;
  font: normal 26px Libre Baskerville;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 70.2px */
  letter-spacing: 0.8px;
  padding-top: 60px;
}

#awards-screen .info-2new {
  color: #CCC;
  font: normal 28px Texta;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.8px;
  padding-top: 15px;
}

#awards-screen .signoff {
  color: #A39161;
  font-family: Baskerville;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  margin-top: 50px;
}

#awards-screen .signoff span,
#awards-screen .signoff a {
  font-size: 11px;
  color: #fff;
}

#live-screen {
  height: 800px;
  position: relative;
  display: block !important;
}

#live-screen .live-slider {
  width: 100%;
  position: sticky;
  height: 800px;
}

#live-screen .live-slider img {
  width: 100%;
  height: 800px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom left;
     object-position: bottom left;
}

#live-screen .top {
  margin-bottom: 70px;
}

#live-screen .top p {
  width: 100%;
}

#live-screen .remarkable {
  position: absolute;
  right: 170px;
  bottom: 70px;
  font-size: 22px;
  overflow: visible;
  width: 120px;
}

#live-screen .remarkable.desk {
  display: none;
}

#live-screen .remarkable.mob {
  display: block;
}

#live-screen .wrapper {
  height: 100%;
  padding: 100px 20px 200px;
  align-items: center;
  color: white;
  width: 100%;
}

@media screen and (min-width: 900px) {
  html {
    font-family: sans-serif;
    scroll-behavior: smooth;
  }

  body {
    border: none;
    margin: 0;
    font-weight: 200;
    line-height: 1.5;
    font-size: 16px;
    font-family: "Arial";
  }

  section {
    max-height: -moz-fit-content;
    max-height: fit-content;
    overflow: auto;
  }

  section .wrapper {
    width: 100vw;
    margin: 0;
  }

  input[type=text],
  input[type=button],
  a {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
  }

  a:focus {
    border: none;
    outline: none;
  }

  a:active {
    border: none;
  }

  *:focus {
    outline: none;
  }

  * {
    box-sizing: border-box;
    -ms-overflow-style: none;
  }

  *::-webkit-scrollbar {
    display: none;
  }

  h1,
  h2 {
    margin: 0 0 70px;
    font-family: Georgia;
    font-size: 44px;
  }

  h1.left {
    border-left: 10px solid #92855c;
    padding: 20px 0 20px 25px;
  }

  h1.right {
    border-right: 10px solid #92855c;
    padding: 20px 25px 20px 0;
    text-align: right;
  }

  h1.right-dark {
    border-right: 10px solid #000000;
    padding: 20px 25px 20px 0;
  }

  h4.left {
    border-left: 10px solid #92855c;
    color: #92855c;
    padding: 20px 0 20px 25px;
    font-style: italic;
    width: 50%;
    font-size: 20px;
  }

  a {
    color: black;
    text-decoration: none;
  }

  button {
    font-family: "Georgia";
    font-size: x-large;
    transition: 0.3s;
    cursor: pointer;
    font-size: 16px;
    -webkit-appearance: none;
  }

  button.forsale {
    background: #003a16;
    width: 98%;
    height: 50px;
    border-radius: 50px;
    border: none;
    color: white;
  }

  button.forsale:hover {
    background: #00330d;
    transition: 0.3s;
  }

  button.sold {
    background: #92855c;
    width: 98%;
    height: 50px;
    border-radius: 50px;
    border: none;
    color: white;
  }

  button.sold:hover {
    background: #7b6d46;
    transition: 0.3s;
  }

  button.more {
    background: #ffffff;
    width: 240px;
    height: 50px;
    border-radius: 50px;
    border: none;
    color: black;
  }

  button.more:hover {
    background: #dbdbdb;
    transition: 0.3s;
  }

  button:active {
    outline: none;
    border: none;
  }

  .heading {
    font-family: "Georgia";
  }

  #awards-screen .wrapper {
    padding: 0px 100px;
  }

  #awards-screen .row .col-md-9 {
    width: 75%;
  }

  #awards-screen .row .col-md-3 {
    width: 25%;
  }

  #awards-screen .row .col-md-4 {
    width: 33.333333%;
  }

  #awards-screen .header h1 {
    font: normal 45px Libre Baskerville;
  }

  #awards-screen .info-1 {
    font: italic 35px Libre Baskerville;
    margin: 2rem 0;
  }

  #awards-screen .info-2 {
    font: normal 30px Texta;
    margin: 2rem 0;
  }

  #awards-screen .desktop-only {
    display: block;
  }

  #awards-screen .img-holder {
    width: 100%;
  }

  #awards-screen .img-holder img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
  }

  #awards-screen .img-holder2 {
    width: 100%;
  }

  #awards-screen .img-holder2 img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 65%;
    z-index: 10;
    position: relative;
  }

  #awards-screen .info-new1 {
    color: #CCC;
    font-style: normal;
  }

  #awards-screen .info-new1 p {
    font: normal 30px Texta;
    margin: 2rem 0;
  }

  #awards-screen .info-new1 h1 {
    color: #A39161;
    font: normal 30px Libre Baskerville;
  }

  #awards-screen .info-new1 h1 span {
    color: #fff;
  }

  #live-screen {
    height: auto;
    position: relative;
    display: block !important;
    height: 1000px;
    overflow: hidden;
  }

  #live-screen .live-slider {
    width: 100%;
    position: sticky;
    height: 1000px;
  }

  #live-screen .live-slider img {
    width: 100%;
    height: 1000px;
    -o-object-fit: cover;
       object-fit: cover;
  }

  #live-screen .top {
    margin-bottom: 70px;
  }

  #live-screen .top p {
    width: 50%;
  }

  #live-screen .remarkable {
    position: absolute;
    right: 350px;
    bottom: 150px;
    font-size: 33px;
    overflow: visible;
  }

  #live-screen .remarkable.mob {
    display: none;
  }

  #live-screen .remarkable.desk {
    display: block;
  }

  #live-screen .wrapper {
    padding: 150px 100px;
    height: 100%;
    align-items: center;
    position: absolute;
    top: 0;
    color: white;
    width: 100%;
  }
}

/*overwrite*/

.whitecolor {
  color: #fff;
}

.iconparent {
  position: relative;
}

.iconparent .footiicon {
  float: right;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
}

.menu-overlay,
header ul li ul {
  z-index: 10000 !important;
}

@media only screen and (max-width: 900px) {
  #awards-screen {
    background-position: 0 0;
    font-size: 20%;
  }

  #awards-screen .info-new1 p {
    font-size: 22px;
  }

  #awards-screen .info-new1 p br {
    display: none;
  }

  #awards-screen .info-new1 h1 {
    font-size: 24px;
  }

  #awards-screen .info-new1 h1 br {
    display: none;
  }

  #awards-screen .info-1new {
    font-size: 24px;
  }

  #awards-screen .info-1new br {
    display: none;
  }

  #awards-screen .info-2new {
    font-size: 18px;
  }

  #awards-screen .info-2new br {
    display: none;
  }
}

.wrapper {
  /*overflow-y: hidden;*/
}

#savills-screen {
  height: -moz-fit-content;
  height: fit-content;
  background-color: #efefef;
  padding: 80px 0;
}

#savills-screen .savills-logo {
  position: absolute;
  right: 20px;
  z-index: 1;
}

#savills-screen .wrapper {
  display: flex;
  align-items: flex-start;
}

#savills-screen .wrapper .savills-details {
  width: 55%;
  margin: 0 80px;
}

#savills-screen .wrapper .savills-details .savills-details-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#savills-screen .wrapper .savills-details p {
  margin-left: 40px;
}

#savills-screen .wrapper .savills-slider {
  width: 40%;
}

#savills-screen .wrapper .savills-slider img {
  max-height: 550px;
  height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 950px) {
  #savills-screen {
    height: -moz-fit-content;
    height: fit-content;
    background-color: #efefef;
    padding: 60px 0;
  }

  #savills-screen .savills-logo {
    position: absolute;
    right: 50px;
    z-index: 1;
    margin-top: 500px;
  }

  #savills-screen .wrapper {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  #savills-screen .wrapper .savills-details {
    height: 350px;
    width: 100%;
    margin: 0;
    padding: 0 20px;
  }

  #savills-screen .wrapper .savills-details .savills-details-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  #savills-screen .wrapper .savills-details p {
    margin-left: 30px;
    font-size: 12px;
  }

  #savills-screen .wrapper .savills-details ul {
    margin-left: -10px;
  }

  #savills-screen .wrapper .savills-slider {
    margin-top: 50px;
    width: 100%;
    padding: 0 50px;
  }

  #savills-screen .wrapper .savills-slider img {
    max-height: 650px;
    height: 300px;
  }
}

@media only screen and (max-width: 500px) {
  #savills-screen .savills-logo {
    margin-top: 599px;
  }

  #savills-screen .wrapper .savills-details {
    height: 550px;
  }

  .videobox video {
    width: 100% !important;
    height: 300px;
  }
}

/*overwrites*/

ul.thelist {
  list-style: none;
}

.videobox video {
  width: 100% !important;
  height: auto;
}

#service-agents-screen {
  height: -moz-fit-content;
  height: fit-content;
  min-height: 800px;
  margin: 70px 0;
}

#service-agents-screen a {
  text-decoration: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

#service-agents-screen.thanks {
  margin: 0;
  background-color: #efefef;
  padding: 150px 0;
  height: auto;
  text-align: right;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

#service-agents-screen.thanks .wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100vw;
  overflow-y: hidden;
}

#service-agents-screen.thanks .wrapper .imageButtons {
  display: flex;
}

#service-agents-screen.thanks .wrapper .imageButtons img {
  max-width: 40vw;
  -o-object-fit: contain;
     object-fit: contain;
}

#service-agents-screen.thanks .wrapper .imageButtons .buttons {
  display: none;
}

#service-agents-screen.thanks .wrapper .agent-thanks {
  height: 800px;
  max-height: 800px;
  max-width: auto;
}

#service-agents-screen.thanks .wrapper .details-container {
  width: 100%;
  padding: 0 60px;
  height: auto;
}

#service-agents-screen.thanks .wrapper .details-container .subheding {
  font-style: italic;
  padding-left: 40px;
  margin-top: 0;
  padding-top: 0;
}

#service-agents-screen.thanks .wrapper .details-container .body {
  padding-left: 0;
  padding-right: 40px;
}

#service-agents-screen.thanks .wrapper .details-container .agent-details {
  padding: 0px 40px 20px 0px;
  padding-left: 40px;
}

#service-agents-screen.thanks .wrapper .details-container .agent-details .agent {
  padding-bottom: 8px;
}

#service-agents-screen.thanks .wrapper .details-container .office-details {
  padding: 0px 40px 0px 0px;
  padding-left: 20px;
}

#service-agents-screen.thanks .wrapper .details-container .office-details .description {
  margin-left: 15px;
}

#service-agents-screen .wrapper {
  display: flex;
  align-items: flex-start;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: space-between;
  overflow-y: hidden;
}

#service-agents-screen .wrapper .imageButtons {
  display: block;
}

#service-agents-screen .wrapper .buttons {
  display: flex;
  justify-content: space-evenly;
  margin-top: 50px;
  margin-right: 20px;
}

#service-agents-screen .wrapper img {
  height: 600px;
  max-height: 600px;
  max-width: 40vw;
  -o-object-fit: contain;
     object-fit: contain;
}

#service-agents-screen .wrapper .details-container {
  width: 55%;
  padding: 0 60px;
  height: auto;
}

#service-agents-screen .wrapper .details-container .body {
  min-height: 350px;
  padding-left: 40px;
}

#service-agents-screen .wrapper .details-container .subheding {
  font-style: italic;
  padding-left: 40px;
  margin-top: 0;
  padding-top: 0;
}

#service-agents-screen .wrapper .details-container .agent-details {
  padding: 0px 0px 20px 40px;
}

#service-agents-screen .wrapper .details-container .agent-details .agent {
  padding-bottom: 8px;
}

#service-agents-screen .wrapper .details-container .office-details {
  padding: 0px 0px 0px 40px;
}

#noagent {
  height: -moz-fit-content;
  height: fit-content;
  min-height: 700px;
  margin: 0;
  padding: 70px 60px;
  background: #efefef;
}

#noagent .wrapper {
  display: grid;
  width: 100%;
}

#noagent .wrapper .subheding {
  font-style: italic;
  padding-left: 40px;
  margin-top: 0;
  padding-top: 0;
}

#noagent .wrapper h1 {
  margin-bottom: 100px;
}

#noagent .wrapper p {
  margin-bottom: 70px;
}

#noagent .wrapper span {
  font-size: 26px;
  line-height: 34px;
}

#noagent .wrapper h3 {
  font-size: 39.27px;
  font-style: italic;
  margin-bottom: 20px;
}

#noagent .wrapper h3 a {
  color: #938355;
  font-style: normal;
  font-size: 43.48px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #service-agents-screen {
    height: -moz-fit-content;
    height: fit-content;
    min-height: 700px;
    margin: 70px 0;
  }

  #service-agents-screen.thanks {
    margin: 0;
    background-color: #efefef;
    padding: 50px 0;
    text-align: right;
    height: -moz-fit-content;
    height: fit-content;
  }

  #service-agents-screen.thanks .wrapper {
    display: flex;
    flex-direction: column-reverse;
    width: 100vw;
    height: -moz-fit-content;
    height: fit-content;
  }

  #service-agents-screen.thanks .wrapper .imageButtons {
    display: flex;
  }

  #service-agents-screen.thanks .wrapper .imageButtons img {
    height: 450px;
    max-height: 450px;
    max-width: 90vw;
    -o-object-fit: contain;
       object-fit: contain;
    margin-top: 20px;
    -o-object-position: top;
       object-position: top;
  }

  #service-agents-screen.thanks .wrapper .imageButtons .buttons {
    display: block;
    display: flex;
    justify-content: space-evenly;
    margin-top: 50px;
    margin-right: 20px;
  }

  #service-agents-screen.thanks .wrapper .agent-thanks {
    height: 750px;
    max-height: 750px;
    max-width: auto;
  }

  #service-agents-screen.thanks .wrapper .details-container {
    width: 100%;
    padding: 0 20px;
    height: auto;
    margin-bottom: 50px;
  }

  #service-agents-screen.thanks .wrapper .details-container .body {
    padding-left: 0;
    padding-right: 30px;
  }

  #service-agents-screen.thanks .wrapper .details-container .subheding {
    font-style: italic;
    padding-left: 0;
    padding-right: 30px;
    margin-top: 0;
    padding-top: 0;
  }

  #service-agents-screen.thanks .wrapper .details-container .agent-details {
    padding: 10px 40px 10px 0px;
    padding-left: 30px;
  }

  #service-agents-screen.thanks .wrapper .details-container .office-details {
    padding: 10px 40px 10px 0px;
    padding-left: 30px;
  }

  #service-agents-screen.thanks .wrapper .details-container .office-details .description {
    margin-left: 15px;
  }

  #service-agents-screen.thanks .wrapper .details-container .buttons {
    display: none;
  }

  #service-agents-screen .wrapper {
    display: flex;
    flex-direction: column;
  }

  #service-agents-screen .wrapper .imageButtons {
    display: flex;
    flex-direction: column;
    padding: 0 40px;
    width: 100vw;
  }

  #service-agents-screen .wrapper .buttons {
    display: flex;
    justify-content: space-evenly;
    margin-top: 50px;
  }

  #service-agents-screen .wrapper img {
    height: 450px;
    max-height: 450px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-top: 20px;
    max-width: 90vw;
    -o-object-position: top;
       object-position: top;
  }

  #service-agents-screen .wrapper .details-container {
    width: 100%;
    padding: 0 30px 0 25px;
    height: auto;
  }

  #service-agents-screen .wrapper .details-container .body {
    padding-left: 30px;
  }

  #service-agents-screen .wrapper .details-container .subheding {
    font-style: italic;
    padding-left: 30px;
    margin-top: 0;
    padding-top: 0;
  }

  #service-agents-screen .wrapper .details-container .agent-details {
    padding: 10px 0px 10px 40px;
    padding-left: 30px;
  }

  #service-agents-screen .wrapper .details-container .office-details {
    padding: 10px 0px 10px 40px;
    padding-left: 30px;
  }

  #noagent {
    height: -moz-fit-content;
    height: fit-content;
    min-height: 500px;
    margin: 0;
    padding: 70px 60px;
    background: #efefef;
  }

  #noagent .wrapper {
    display: grid;
    width: 100%;
  }

  #noagent .wrapper h1 {
    margin-bottom: 100px;
  }

  #noagent .wrapper p {
    margin-bottom: 70px;
    font-size: 12px;
  }

  #noagent .wrapper span {
    font-size: 13px;
    line-height: 17px;
  }

  #noagent .wrapper h3 {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 20px;
  }

  #noagent .wrapper h3 a {
    color: #938355;
    font-style: normal;
    font-size: 20px;
    font-weight: bold;
  }
}

#thanks-screen .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: auto;
}

#thanks-screen .wrapper .img-container {
  height: 40%;
  display: grid;
  width: 55%;
  margin-right: 80px;
  gap: 20px;
  grid-template-rows: 63% 28%;
  grid-template-areas: "top-img top-img top-img top-img top-img top-img top-img" "left-img left-img left-img  right-img right-img right-img right-img";
}

#thanks-screen .wrapper .img-container .top-img {
  grid-area: top-img;
}

#thanks-screen .wrapper .img-container .top-img img {
  max-width: 100%;
  position: relative;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#thanks-screen .wrapper .img-container .bottom-link {
  position: relative;
}

#thanks-screen .wrapper .img-container .bottom-link .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

#thanks-screen .wrapper .img-container .bottom-link .overlay h4 {
  width: 100%;
  font-size: 18px;
  letter-spacing: 1.3px;
  line-height: 18px;
  position: absolute;
  bottom: 25px;
  text-align: center;
  color: #fff;
  margin: 0;
}

#thanks-screen .wrapper .details-container {
  width: 36%;
  order: 2;
}

@media screen and (min-width: 1024px) {
  #thanks-screen {
    display: flex;
    align-content: stretch;
  }
}

@media screen and (max-width: 1024px) {
  #thanks-screen .wrapper .img-container {
    height: 50%;
    grid-template-rows: 58% 28%;
  }
}

@media screen and (max-width: 960px) {
  #thanks-screen .wrapper .img-container {
    margin-right: 40px;
  }

  #thanks-screen .wrapper .details-container {
    width: 100%;
    order: 1;
    margin-bottom: 60px;
  }

  #thanks-screen .wrapper .details-container h1 {
    font-size: 18px;
    line-height: 26px;
    margin-top: 0;
  }

  #thanks-screen .wrapper .details-container p {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  #thanks-screen {
    height: -moz-min-content;
    height: min-content;
    display: flex;
    align-content: stretch;
  }

  #thanks-screen .wrapper {
    flex-direction: column;
    justify-content: center;
  }

  #thanks-screen .wrapper .img-container {
    width: 100%;
    margin-right: 0;
    height: 35%;
    order: 2;
    gap: 10px;
    grid-template-rows: 78% 35%;
  }

  #thanks-screen .wrapper .img-container .top-img img {
    width: 100%;
    top: 40%;
  }

  #thanks-screen .wrapper .img-container .bottom-link .overlay h4 {
    font-size: 14px;
    letter-spacing: 0.8px;
    line-height: 18px;
    bottom: 15px;
  }

  #thanks-screen .wrapper .details-container {
    width: 100%;
    order: 1;
    margin-bottom: 60px;
  }

  #thanks-screen .wrapper .details-container h1 {
    font-size: 18px;
    line-height: 26px;
    margin-top: 0;
  }

  #thanks-screen .wrapper .details-container p {
    font-size: 12px;
  }
}

@media screen and (max-width: 500px) {
  #thanks-screen {
    height: -moz-min-content;
    height: min-content;
  }

  #thanks-screen .wrapper {
    display: flex;
    align-items: center;
    height: auto;
  }

  #thanks-screen .wrapper .img-container {
    height: 26%;
  }
}

@media screen and (max-width: 1600px) {
  #thanks-screen .wrapper .img-container .top-img img {
    top: 36%;
  }
}

@media screen and (max-width: 450px) {
  #thanks-screen .wrapper .img-container img {
    top: 40% !important;
  }
}

body {
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.8px;
  line-height: 18px;
  font-weight: 100;
  color: #000;
}

h1 {
  font-size: 28.72px;
  line-height: 34.48px;
  font-family: "Georgia";
  font-weight: bold;
  margin: 30px 0 0;
}

h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 35px;
  letter-spacing: 1.75px;
  line-height: 46px;
  font-weight: 100;
  margin: 0;
}

h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 27px;
  line-height: 40px;
  font-weight: 100;
  margin: 0;
}

a {
  text-decoration: none;
  color: #000;
}

h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  line-height: 34px;
  font-weight: 100;
  margin: 0;
}

h5 {
  font-family: "Arial", Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0.8px;
  line-height: 26px;
  font-weight: 700;
  margin: 0;
}

p.georgia-font {
  font-family: Georgia, "Times New Roman", Times, serif;
}

@media (min-width: 900px) {
  body {
    font-family: Arial, sans-serif;
    font-size: 15.22px;
    letter-spacing: 0.8px;
    line-height: 24.36px;
    font-weight: 100;
    color: #000;
  }

  a {
    text-decoration: none;
    color: #000;
  }

  h1 {
    font-size: 43.48px;
    line-height: 52.17px;
    font-family: "Georgia";
    font-weight: bold;
    margin: 30px 0 0;
  }

  h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 35px;
    letter-spacing: 1.75px;
    line-height: 46px;
    font-weight: 100;
    margin: 0;
  }

  h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 27px;
    line-height: 40px;
    font-weight: 100;
    margin: 0;
  }

  h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    line-height: 34px;
    font-weight: 100;
    margin: 0;
  }

  h5 {
    font-family: "Arial", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.8px;
    line-height: 26px;
    font-weight: 700;
    margin: 0;
  }

  p.georgia-font {
    font-family: Georgia, "Times New Roman", Times, serif;
  }
}

#timeline-screen {
  display: none;
}

@media (min-width: 900px) {
  #timeline-screen {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    width: 100vw;
    background: white;
    height: 770px;
    min-height: 95vh;
  }

  #timeline-screen.grey {
    background: #efefef;
  }

  #timeline-screen .wrapper {
    padding: 80px 0px 25px;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 650px;
    min-height: 82vh;
  }

  #timeline-screen .wrapper svg {
    width: 50vw;
    height: auto;
    padding-bottom: 200px;
    padding-top: 150px;
  }

  #timeline-screen .wrapper .exit-timeline {
    display: none;
    position: absolute;
    z-index: 1;
    top: 100px;
    right: 55px;
    cursor: pointer;
    width: 40px;
    height: 40px;
  }

  #timeline-screen .wrapper .exit-timeline svg {
    padding-top: 0;
    width: 16px;
  }

  #timeline-screen .wrapper .timeline-container {
    display: none;
    width: 100%;
  }

  #timeline-screen .wrapper .timeline-container .slick-arrow {
    position: absolute;
    top: 45%;
    z-index: 100;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
  }

  #timeline-screen .wrapper .timeline-container .slick-arrow.prev {
    left: -55px;
    background: url(/img/arrow-back.png) no-repeat center center/contain;
  }

  #timeline-screen .wrapper .timeline-container .slick-arrow.next {
    right: -55px;
    background: url(/img/arrow-right.png) no-repeat center center/contain;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider {
    height: 100%;
    max-height: 480px;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list {
    height: 100%;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track {
    height: 100%;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide {
    display: grid;
    align-items: flex-start;
    justify-content: center;
    grid-template-columns: 45% 55%;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.twentyone {
    grid-template-columns: 50% 50%;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .details-column {
    flex: 0 0 44%;
    padding: 0 82px 0 50px;
    min-height: 500px;
    text-align: left;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .details-column span {
    text-transform: uppercase;
    font-size: 12px;
    color: #92855c;
    font-weight: 600;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .details-column h1 {
    font-size: 60px;
    letter-spacing: 3.5px;
    line-height: 1;
    margin: 0 0 30px;
    color: #92855c;
    font-style: italic;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .details-column p {
    font-size: 1.25vw;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column {
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 50px;
    display: grid;
    width: 100%;
    max-width: 700px;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column img {
    max-width: 100%;
    max-height: 400px;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-1976 {
    grid-template-columns: 59% 37%;
    align-content: center;
    gap: 20px;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-1986 {
    grid-template-columns: 40% 57%;
    gap: 20px;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-1986 > img {
    grid-row: 1/-1;
    align-self: center;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-1986 div {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-1986 div img:first-child {
    width: 70%;
    margin-bottom: 10px;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-1988 {
    grid-template-columns: 53% 44%;
    align-items: end;
    gap: 20px;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-1996 {
    grid-template-columns: 50% 47%;
    align-items: center;
    gap: 20px;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-1997 {
    grid-template-columns: 53% 43%;
    align-items: start;
    gap: 30px;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-1999 {
    grid-template-columns: 15% 49% 30%;
    align-items: center;
    gap: 20px;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-2001 {
    grid-template-columns: 80%;
    justify-content: end;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-2003 {
    grid-template-columns: 65%;
    justify-content: end;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-2005 {
    grid-template-columns: 53% 43%;
    align-items: center;
    gap: 30px;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-2008 {
    grid-template-columns: 65%;
    justify-content: end;
  }

  #timeline-screen .wrapper .timeline-container .timeline-slider .slick-list .slick-track .slick-slide.two-column-slide .img-column.images-2014-to-present {
    align-content: center;
    justify-content: end;
  }

  #timeline-screen .wrapper .timeline-nav {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #003a16;
    margin-bottom: 0px;
    margin: 0 60px;
  }

  #timeline-screen .wrapper .timeline-nav ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin: 0;
    text-indent: 0;
    position: relative;
    top: 12px;
  }

  #timeline-screen .wrapper .timeline-nav ul li {
    height: 24px;
    width: 1px;
    position: relative;
  }

  #timeline-screen .wrapper .timeline-nav ul li a {
    cursor: pointer;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #003a16;
    text-align: center;
    font-size: 10px;
    letter-spacing: 0.6px;
    line-height: 21px;
    position: absolute;
    left: -6px;
    top: 7px;
  }

  #timeline-screen .wrapper .timeline-nav ul li a.active {
    background-color: #92855c;
  }

  #timeline-screen .wrapper .timeline-nav ul li a.active span {
    color: #92855c;
  }

  #timeline-screen .wrapper .timeline-nav ul li a span {
    position: absolute;
    left: 50%;
    bottom: -24px;
    transform: translate(-50%, 0);
    font-weight: 500;
    font-size: 0.8vw;
  }

  #timeline-screen .social {
    margin-top: 70px;
  }
}

#legacy-screen {
  margin: 100px 60px 100px 0;
  height: auto;
  width: 100vw;
}

#legacy-screen h1 {
  border-right: 10px solid #92855c;
  padding: 20px;
}

#legacy-screen .wrapper {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 0.5fr 1fr;
  -moz-column-gap: 70px;
       column-gap: 70px;
  padding: 0 60px 0 0;
}

#legacy-screen .wrapper .text {
  display: grid;
  height: 100%;
  row-gap: 70px;
}

#legacy-screen .wrapper .text p {
  padding-right: 40px;
}

#legacy-screen .wrapper .details-column {
  flex: 0 0 44%;
  text-align: right;
  justify-self: self-end;
  max-width: 80%;
}

#legacy-screen .wrapper .img-column img {
  max-width: 450px;
  height: 100%;
  max-height: 770px;
  -o-object-fit: cover;
     object-fit: cover;
}

#legacy-screen .wrapper .quote {
  color: #92855c;
  max-width: 70%;
}

#legacy-screen .wrapper .quote h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.25;
}

#legacy-screen .wrapper .quote p {
  font-weight: 600;
  font-family: Georgia;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 950px) {
  #legacy-screen {
    margin: 100px 60px 100px 0;
    height: auto;
    width: 100vw;
  }

  #legacy-screen h1 {
    border-right: 10px solid #92855c;
    padding: 20px;
  }

  #legacy-screen .wrapper {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    -moz-column-gap: 0;
         column-gap: 0;
    padding: 0 20px;
    align-items: center;
  }

  #legacy-screen .wrapper .text {
    display: grid;
    height: 100%;
    row-gap: 50px;
  }

  #legacy-screen .wrapper .text p {
    padding-right: 30px;
    font-size: 12px;
  }

  #legacy-screen .wrapper .details-column {
    flex: 0 0 44%;
    text-align: right;
    justify-self: self-end;
    max-width: 90%;
  }

  #legacy-screen .wrapper .img-column img {
    height: 450px;
    max-height: 450px;
    -o-object-fit: cover;
       object-fit: cover;
  }

  #legacy-screen .wrapper .quote {
    color: #92855c;
    max-width: 90%;
    margin-bottom: 50px;
  }

  #legacy-screen .wrapper .quote h3 {
    font-weight: 600;
    font-size: 16px;
  }

  #legacy-screen .wrapper .quote p {
    font-weight: 600;
    font-family: Georgia;
    font-size: 9px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

#leadership-screen {
  background: black;
  color: #fff;
  overflow-x: scroll;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
}

#leadership-screen .leadership-bg {
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: 100%;
  overflow: hidden;
}

#leadership-screen .leadership-bg .slick-arrow {
  position: absolute;
  top: calc(50% - 20px);
  z-index: 100;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

#leadership-screen .leadership-bg .slick-arrow.prev {
  left: 0;
  background: url(/img/arrow-left-white.png) no-repeat center center/contain;
}

#leadership-screen .leadership-bg .slick-arrow.next {
  right: 0;
  background: url(/img/arrow-right-white.png) no-repeat center center/contain;
}

#leadership-screen .leadership-bg .leadership-slider {
  width: 100%;
  max-width: 100vw;
  width: 100%;
  overflow: hidden;
}

#leadership-screen .leadership-bg .slick-slide {
  width: 100vw !important;
  overflow: hidden;
}

#leadership-screen .leadership-bg #cer-screen-leadership {
  overflow: hidden;
  min-width: 100vw;
  background: black;
  height: 800px;
}

#leadership-screen .leadership-bg .wrapper {
  display: grid;
  grid-template-columns: 1fr 0.75fr;
  justify-content: flex-end;
  min-width: 100vw;
  max-width: 1024px;
  position: relative;
  max-height: 105vh;
  min-height: 100vh;
  padding: 0 0 0 60px;
  display: grid;
  align-items: flex-start;
  -moz-column-gap: 50px;
       column-gap: 50px;
}

#leadership-screen .leadership-bg .wrapper .details-panel {
  width: 100%;
  max-width: 375px;
  background-color: rgba(22, 18, 15, 0.6);
  padding: 5px;
  width: 50%;
  max-width: 450px;
  margin: 0 100px 40px 0;
  padding-top: 100px;
  color: #fff;
  text-align: left;
}

#leadership-screen .leadership-bg .wrapper .details-panel p {
  font-size: 14px;
}

#leadership-screen .leadership-bg .wrapper img {
  max-width: 100%;
  height: 100%;
  max-height: 105vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}

#leadership-screen .leadership-bg .wrapper .right-scroll-arrow-leadership {
  position: absolute;
  right: 0px;
  transform: translate(-50%, 0);
  cursor: pointer;
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
}

#leadership-screen .leadership-bg .wrapper .right-scroll-arrow-leadership img {
  width: auto;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}

#leadership-screen .leadership-bg .wrapper .left-scroll-arrow-leadership {
  position: absolute;
  right: -80px;
  transform: translate(-50%, 0);
  cursor: pointer;
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
  z-index: 2;
}

#leadership-screen .leadership-bg .wrapper .left-scroll-arrow-leadership img {
  width: auto;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}

#leadership-screen .leadership-bg .wrapper .text {
  display: grid;
  row-gap: 50px;
  height: 100%;
  padding: 100px 0 70px;
  max-height: 105vh;
}

#leadership-screen .leadership-bg .wrapper .text p {
  padding-left: 40px;
}

#leadership-screen .leadership-bg .wrapper .details-column {
  flex: 0 0 44%;
  text-align: left;
  max-width: 80%;
}

#leadership-screen .leadership-bg .wrapper .quote {
  color: #92855c;
  max-width: 80%;
  text-align: right;
  justify-self: self-end;
}

#leadership-screen .leadership-bg .wrapper .quote h3 {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.25;
}

#leadership-screen .leadership-bg .wrapper .quote p {
  font-weight: 600;
  font-family: Georgia;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
}

#leadership-screen .leadership-bg .wrapper #committeeTable td {
  overflow: hidden;
  white-space: nowrap;
  padding-right: 10px;
}

#leadership-screen .leadership-bg .wrapper #committeeTable td:last-of-type {
  padding-right: 0px;
}

@media only screen and (max-width: 900px) {
  #leadership-screen {
    background: black;
    color: #fff;
    overflow-x: scroll;
    padding: 0;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 950px;
  }

  #leadership-screen .leadership-bg {
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100vw;
    width: 100%;
    overflow: hidden;
  }

  #leadership-screen .leadership-bg .slick-arrow {
    position: absolute;
    top: calc(50% - 20px);
    z-index: 100;
    width: 40px;
    height: 40px;
    cursor: pointer;
  }

  #leadership-screen .leadership-bg .slick-arrow.prev {
    left: 0;
    background: url(/img/arrow-left-white.png) no-repeat center center/contain;
  }

  #leadership-screen .leadership-bg .slick-arrow.next {
    right: 0;
    background: url(/img/arrow-right-white.png) no-repeat center center/contain;
  }

  #leadership-screen .leadership-bg .leadership-slider {
    width: 100%;
    max-width: 100vw;
    width: 100%;
    overflow: hidden;
  }

  #leadership-screen .leadership-bg .slick-slide {
    width: 100vw !important;
    overflow: hidden;
    min-height: 950px;
  }

  #leadership-screen .leadership-bg #cer-screen-leadership {
    overflow: hidden;
    min-width: 100vw;
    background: black;
    height: 800px;
  }

  #leadership-screen .leadership-bg .wrapper {
    display: block;
    height: 100%;
    justify-content: flex-end;
    min-width: 100vw;
    max-width: 1024px;
    position: relative;
    max-height: 105vh;
    min-height: 100vh;
    padding: 0 0 0 60px;
    align-items: flex-start;
    -moz-column-gap: 50px;
         column-gap: 50px;
  }

  #leadership-screen .leadership-bg .wrapper .details-panel {
    width: 100%;
    max-width: 375px;
    background-color: rgba(22, 18, 15, 0.6);
    padding: 5px;
    width: 50%;
    max-width: 450px;
    margin: 0 100px 40px 0;
    padding-top: 100px;
    color: #fff;
    text-align: left;
  }

  #leadership-screen .leadership-bg .wrapper .details-panel p {
    font-size: 14px;
  }

  #leadership-screen .leadership-bg .wrapper img {
    max-width: 100%;
    height: 100%;
    max-height: 105vh;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
  }

  #leadership-screen .leadership-bg .wrapper .right-scroll-arrow-leadership {
    position: absolute;
    right: 0px;
    transform: translate(-50%, 0);
    cursor: pointer;
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
  }

  #leadership-screen .leadership-bg .wrapper .right-scroll-arrow-leadership img {
    width: auto;
    height: 40px;
    -o-object-fit: contain;
       object-fit: contain;
  }

  #leadership-screen .leadership-bg .wrapper .left-scroll-arrow-leadership {
    position: absolute;
    right: -80px;
    transform: translate(-50%, 0);
    cursor: pointer;
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
    z-index: 2;
  }

  #leadership-screen .leadership-bg .wrapper .left-scroll-arrow-leadership img {
    width: auto;
    height: 40px;
    -o-object-fit: contain;
       object-fit: contain;
  }

  #leadership-screen .leadership-bg .wrapper .text {
    display: grid;
    row-gap: 10px;
    height: 100%;
    padding: 20px 0 70px;
    max-height: 105vh;
  }

  #leadership-screen .leadership-bg .wrapper .text p {
    padding-left: 40px;
  }

  #leadership-screen .leadership-bg .wrapper .details-column {
    flex: 0 0 44%;
    text-align: left;
    max-width: 90%;
  }

  #leadership-screen .leadership-bg .wrapper .quote {
    color: #92855c;
    max-width: 90%;
    text-align: right;
    justify-self: self-end;
  }

  #leadership-screen .leadership-bg .wrapper .quote h3 {
    font-weight: 600;
    font-size: 12px;
    line-height: 1.25;
  }

  #leadership-screen .leadership-bg .wrapper .quote p {
    font-weight: 600;
    font-family: Georgia;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  #leadership-screen .leadership-bg .wrapper #committeeTable td {
    white-space: unset;
  }
}

@media only screen and (max-width: 768px) {
  #leadership-screen {
    background: black;
    color: #fff;
    overflow-x: scroll;
    padding: 0;
    height: -moz-fit-content;
    height: fit-content;
    max-height: auto;
    min-height: 950px;
  }

  #leadership-screen .leadership-bg {
    display: flex;
    flex-direction: row;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  #leadership-screen .leadership-bg .slick-arrow {
    position: absolute;
    top: calc(50% - 20px);
    z-index: 100;
    width: 20px;
    height: 20px;
    cursor: pointer;
  }

  #leadership-screen .leadership-bg .slick-arrow.prev {
    left: 5px;
    background: url(/img/arrow-left-white.png) no-repeat center center/contain;
    -o-object-fit: contain;
       object-fit: contain;
  }

  #leadership-screen .leadership-bg .slick-arrow.next {
    right: 5px;
    background: url(/img/arrow-right-white.png) no-repeat center center/contain;
    -o-object-fit: contain;
       object-fit: contain;
  }

  #leadership-screen .leadership-bg #cer-screen-leadership {
    overflow: hidden;
    overflow-y: scroll;
    min-width: 100vw;
    background: black;
    height: 900px;
    place-content: flex-start;
  }

  #leadership-screen .leadership-bg .wrapper {
    display: block;
    height: 100%;
    min-width: 100vw;
    max-width: 1024px;
    position: relative;
    padding: 0;
    align-items: flex-start;
  }

  #leadership-screen .leadership-bg .wrapper .details-panel {
    width: 100%;
    max-width: 375px;
    background-color: rgba(22, 18, 15, 0.6);
    padding: 5px;
    width: 50%;
    max-width: 450px;
    margin: 0 100px 40px 0;
    padding-top: 0px;
    color: #fff;
    text-align: left;
  }

  #leadership-screen .leadership-bg .wrapper .details-panel p {
    font-size: 14px;
  }

  #leadership-screen .leadership-bg .wrapper img {
    width: 40vw;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    -o-object-position: right -80px;
       object-position: right -80px;
    height: 125vh;
    max-height: 125vh;
  }

  #leadership-screen .leadership-bg .wrapper .right-scroll-arrow-leadership {
    position: absolute;
    right: -5px;
    transform: translate(-50%, 0);
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: calc(50% - 20px);
  }

  #leadership-screen .leadership-bg .wrapper .right-scroll-arrow-leadership img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: right 0;
       object-position: right 0;
  }

  #leadership-screen .leadership-bg .wrapper .left-scroll-arrow-leadership {
    position: absolute;
    right: -40px;
    transform: translate(-50%, 0);
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: calc(50% - 20px);
  }

  #leadership-screen .leadership-bg .wrapper .left-scroll-arrow-leadership img {
    width: auto;
    height: 20px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left 0;
       object-position: left 0;
  }

  #leadership-screen .leadership-bg .wrapper .text {
    display: grid;
    row-gap: 10px;
    padding: 0px 30px 70px;
  }

  #leadership-screen .leadership-bg .wrapper .text p {
    padding-left: 30px;
  }

  #leadership-screen .leadership-bg .wrapper .details-column {
    flex: 0 0 44%;
    text-align: left;
    max-width: 100%;
  }

  #leadership-screen .leadership-bg .wrapper .quote {
    color: #92855c;
    max-width: 100%;
    text-align: right;
    justify-self: self-end;
  }

  #leadership-screen .leadership-bg .wrapper .quote h3 {
    font-weight: 600;
    font-size: 9px;
    line-height: 1.5;
  }

  #leadership-screen .leadership-bg .wrapper .quote p {
    font-weight: 600;
    font-family: Georgia;
    font-size: 9px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 500px) {
  #leadership-screen {
    background: black;
    color: #fff;
    overflow-x: scroll;
    padding: 0;
    height: -moz-fit-content;
    height: fit-content;
    max-height: auto;
    min-height: 950px;
  }

  #leadership-screen .leadership-bg {
    display: flex;
    flex-direction: row;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  #leadership-screen .leadership-bg #cer-screen-leadership {
    overflow: hidden;
    overflow-y: scroll;
    min-width: 100vw;
    background: black;
    height: 900px;
    place-content: flex-start;
  }

  #leadership-screen .leadership-bg .wrapper {
    display: block;
    height: 100%;
    flex-direction: column;
    min-width: 100vw;
    max-width: 1024px;
    position: relative;
    padding: 0;
    align-items: flex-start;
  }

  #leadership-screen .leadership-bg .wrapper .details-panel {
    width: 100%;
    max-width: 375px;
    background-color: rgba(22, 18, 15, 0.6);
    padding: 5px;
    width: 50%;
    max-width: 450px;
    margin: 0 100px 40px 0;
    padding-top: 100px;
    color: #fff;
    text-align: left;
  }

  #leadership-screen .leadership-bg .wrapper .details-panel p {
    font-size: 14px;
  }

  #leadership-screen .leadership-bg .wrapper img {
    width: 100vw;
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    -o-object-position: right -80px;
       object-position: right -80px;
  }

  #leadership-screen .leadership-bg .wrapper .right-scroll-arrow-leadership {
    position: absolute;
    right: -5px;
    transform: translate(-50%, 0);
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: calc(50% - 20px);
  }

  #leadership-screen .leadership-bg .wrapper .right-scroll-arrow-leadership img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: right 0;
       object-position: right 0;
  }

  #leadership-screen .leadership-bg .wrapper .left-scroll-arrow-leadership {
    position: absolute;
    right: -40px;
    transform: translate(-50%, 0);
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: calc(50% - 20px);
  }

  #leadership-screen .leadership-bg .wrapper .left-scroll-arrow-leadership img {
    width: auto;
    height: 20px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left 0;
       object-position: left 0;
  }

  #leadership-screen .leadership-bg .wrapper .text {
    display: grid;
    row-gap: 50px;
    padding: 100px 30px 70px;
  }

  #leadership-screen .leadership-bg .wrapper .text p {
    padding-left: 30px;
  }

  #leadership-screen .leadership-bg .wrapper .details-column {
    flex: 0 0 44%;
    text-align: left;
    max-width: 90%;
  }

  #leadership-screen .leadership-bg .wrapper .quote {
    color: #92855c;
    max-width: 90%;
    text-align: right;
    justify-self: self-end;
  }

  #leadership-screen .leadership-bg .wrapper .quote h3 {
    font-weight: 600;
    font-size: 11px;
    line-height: 1.5;
  }

  #leadership-screen .leadership-bg .wrapper .quote p {
    font-weight: 600;
    font-family: Georgia;
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

.offering-slide-container {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

#offering-screen {
  height: auto;
  margin: 100px 0;
}

#offering-screen .top {
  margin: 0 100px 70px;
}

#offering-screen .top p {
  padding-left: 40px;
  width: 50%;
}

#offering-screen .top h1 {
  border-left: 10px solid #92855c;
  padding: 20px 0 20px 20px;
}

#offering-screen .bottom {
  background: #f1f1f1;
  padding: 60px 40px 40px;
  margin: 0 100px;
}

#offering-screen .bottom h4 {
  margin: 0 0 20px;
}

#offering-screen .bottom .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  grid-auto-flow: column;
}

#offering-screen .bottom .list p {
  padding: 0 10px 20px;
}

#offering-screen .bottom .list span .number {
  font-family: "Georgia";
}

#offering-screen .wrapper .offering-slide-container .left-column {
  padding-right: 13%;
}

#offering-screen .wrapper .offering-slide-container .left-column h1 {
  margin-bottom: 30px;
}

#offering-screen .wrapper .offering-slide-container .right-column {
  border-left: 1px solid #000;
  padding: 15px 15px 15px 40px;
}

#offering-screen .wrapper .offering-slide-container .right-column h4 {
  line-height: 25px;
}

#offering-screen .wrapper .offering-slide-container .right-column ol {
  list-style: none;
  counter-reset: item;
  padding-left: 28px;
  margin-bottom: 0;
}

#offering-screen .wrapper .offering-slide-container .right-column ol li {
  counter-increment: item;
  margin-bottom: 7px;
}

#offering-screen .wrapper .offering-slide-container .right-column ol li:before {
  margin-right: 17px;
  content: counter(item);
  color: #000;
  display: inline-block;
  margin-left: -30px;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  top: 4px;
  font-family: Georgia;
  width: 13px;
}

@media only screen and (max-width: 768px) {
  .offering-slide-container {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
  }

  #offering-screen {
    height: auto;
    margin: 50px 0 70px;
  }

  #offering-screen .top {
    margin: 0 20px 50px;
  }

  #offering-screen .top p {
    padding-left: 30px;
    width: 90%;
    font-size: 12px;
  }

  #offering-screen .top h1 {
    border-left: 10px solid #92855c;
    padding: 20px 0 20px 20px;
  }

  #offering-screen .bottom {
    background: #f1f1f1;
    padding: 30px 15px 20px;
    margin: 0 20px;
  }

  #offering-screen .bottom h4 {
    margin: 0 0 20px;
  }

  #offering-screen .bottom .list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-auto-flow: column;
  }

  #offering-screen .bottom .list p {
    padding: 0 10px 20px;
    font-size: 12px;
  }

  #offering-screen .wrapper .offering-slide-container .left-column {
    padding-right: 13%;
  }

  #offering-screen .wrapper .offering-slide-container .left-column h1 {
    margin-bottom: 30px;
  }

  #offering-screen .wrapper .offering-slide-container .right-column {
    border-left: 1px solid #000;
    padding: 15px 15px 15px 40px;
  }

  #offering-screen .wrapper .offering-slide-container .right-column h4 {
    line-height: 25px;
  }

  #offering-screen .wrapper .offering-slide-container .right-column ol {
    list-style: none;
    counter-reset: item;
    padding-left: 28px;
    margin-bottom: 0;
  }

  #offering-screen .wrapper .offering-slide-container .right-column ol li {
    counter-increment: item;
    margin-bottom: 7px;
  }

  #offering-screen .wrapper .offering-slide-container .right-column ol li:before {
    margin-right: 17px;
    content: counter(item);
    color: #000;
    display: inline-block;
    margin-left: -30px;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    top: 4px;
    font-family: Georgia;
    width: 13px;
  }
}

#buyer-screen {
  overflow-x: scroll;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
  background: black;
  position: inherit;
}

#buyer-screen .arrows-left {
  position: absolute;
  left: 0;
  width: 10vw;
  height: 100vh;
}

#buyer-screen .arrows-right {
  position: absolute;
  right: 0;
  width: 10vw;
  height: 100vh;
}

#buyer-screen .right-scroll-arrow-buyer {
  position: absolute;
  right: 0px;
  transform: translate(-50%, 0);
  cursor: pointer;
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
  z-index: 9;
}

#buyer-screen .right-scroll-arrow-buyer img {
  width: auto;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}

#buyer-screen .left-scroll-arrow-buyer {
  position: absolute;
  left: 40px;
  transform: translate(-50%, 0);
  cursor: pointer;
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
  z-index: 9;
}

#buyer-screen .left-scroll-arrow-buyer img {
  width: auto;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}

#buyer-screen .buyer-bg {
  display: flex;
  flex-direction: row;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* overwrite**/
}

#buyer-screen .buyer-bg .wrapper {
  display: flex;
  justify-content: flex-end;
  width: 100vw;
  position: relative;
  /*  background: url(../img/buyer/buyer.jpg) no-repeat center left/cover;*/
  /*background: url('../videos/mobiledesign.png') no-repeat center center/cover;*/
  min-height: 100vh;
}

#buyer-screen .buyer-bg .wrapper .details-panel {
  width: 50%;
  max-width: 550px;
  margin: 0 100px 40px 0;
  padding-top: 100px;
  color: #fff;
  text-align: right;
  z-index: 1;
}

#buyer-screen .buyer-bg .wrapper #videoloop {
  display: flex;
  justify-content: flex-end;
  width: 100vw;
  position: absolute;
  min-height: 100vh;
  z-index: 1;
}

#buyer-screen .buyer-bg #cer-screen {
  min-width: 100vw;
  background: black;
  color: #92855c;
  height: 800px;
}

#buyer-screen .buyer-bg #cer-screen #results-screen {
  display: flex;
  height: 625px;
  padding: 170px 80px;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .commitment {
  width: 500px;
  margin-right: 200px;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .commitment h3 {
  color: white;
  font-style: italic;
  font-size: 27.23px;
  font-family: "Georgia";
}

#buyer-screen .buyer-bg #cer-screen #results-screen .commitment p {
  color: #92855c;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .commitment a {
  color: #92855c;
  text-decoration: none;
}

#buyer-screen .buyer-bg #cer-screen #results-screen img {
  width: 100%;
  margin-bottom: 20px;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .top-items {
  border-bottom: 1px solid white;
  display: flex;
  align-items: flex-end;
  height: 215px;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul:before {
  content: "";
  width: 7px;
  height: 4px;
  position: absolute;
  bottom: -3px;
  left: -3.5px;
  border-radius: 50%;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul:after {
  content: "";
  width: 0;
  height: 0;
  background-color: white;
  position: absolute;
  bottom: -3px;
  right: -3.5px;
  border-radius: 50%;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li {
  overflow: visible;
  width: 1px;
  height: 30px;
  background-color: white;
  position: relative;
  margin-left: 420px;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li:first-child {
  margin-left: 200px;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li:last-child {
  margin-right: 200px;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li:before {
  content: "";
  width: 7px;
  height: 4px;
  position: absolute;
  top: -4px;
  border-radius: 50%;
  left: 50%;
  transform: translate(-50%, 0);
}

#buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li .item {
  width: 300px;
  position: absolute;
  top: -220px;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 215px;
  font-weight: 500;
  margin: 0 70px 0 20px;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li .item h4 {
  margin: 0 0 10px 0;
  font-style: italic;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li .item p {
  font-size: 13px;
  margin: 0 0 10px 0;
  letter-spacing: 0.65px;
  line-height: 1.5;
  font-weight: 500;
  color: white;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items {
  height: 240px;
  margin-bottom: 10px;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul .last-item:after {
  content: "";
  width: 0;
  height: 0;
  background-color: white;
  position: absolute;
  bottom: -3px;
  right: -3.5px;
  border-radius: 50%;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul li {
  overflow: visible;
  width: 1px;
  height: 30px;
  background-color: white;
  position: relative;
  margin-left: 420px;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul li:before {
  content: "";
  width: 7px;
  height: 4px;
  position: absolute;
  bottom: -4px;
  border-radius: 50%;
  left: 50%;
  transform: translate(-50%, 0);
}

#buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul li .item {
  width: 300px;
  position: absolute;
  bottom: -225px;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 215px;
  font-weight: 500;
  margin: 0 70px 0 20px;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul li .item h4 {
  margin: 0 0 10px 0;
  font-style: italic;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul li .item p {
  font-size: 13px;
  margin: 0 0 10px 0;
  letter-spacing: 0.65px;
  line-height: 1.5;
  font-weight: 500;
  color: white;
}

#buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul li:last-child {
  margin-right: 200px;
}

@media only screen and (max-width: 900px) {
  #buyer-screen {
    overflow-x: scroll;
    padding: 0;
    height: -moz-fit-content;
    height: fit-content;
    background: black;
    height: 500px;
    background-image: none;
  }

  #buyer-screen .arrows-left {
    position: absolute;
    left: 0;
    width: 10vw;
    height: 500px;
  }

  #buyer-screen .arrows-right {
    position: absolute;
    right: 0;
    width: 10vw;
    height: 500px;
  }

  #buyer-screen .right-scroll-arrow-buyer {
    position: absolute;
    right: 0px;
    transform: translate(-50%, 0);
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: calc(50% - 20px);
    z-index: 9;
  }

  #buyer-screen .right-scroll-arrow-buyer img {
    width: auto;
    height: 20px;
    -o-object-fit: contain;
       object-fit: contain;
  }

  #buyer-screen .left-scroll-arrow-buyer {
    position: absolute;
    left: 20px;
    transform: translate(-50%, 0);
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: calc(50% - 20px);
    z-index: 9;
  }

  #buyer-screen .left-scroll-arrow-buyer img {
    width: auto;
    height: 20px;
    -o-object-fit: contain;
       object-fit: contain;
  }

  #buyer-screen .buyer-bg {
    /*   background: url(../img/buyer/buyer.jpg) no-repeat center left/contain;*/
    /*background: url('../videos/PGP_VFX_SUPPLY_03s.gif') no-repeat center left/contain;*/
    background: url(/images/mobiledesign.png?63865d4a15de744653f2739718e9ef19) no-repeat center left/contain;
    background-position: left -80px;
    background-size: auto;
    display: flex;
    flex-direction: row;
    width: -moz-fit-content;
    width: fit-content;
    height: 500px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  #buyer-screen .buyer-bg .wrapper {
    display: flex;
    justify-content: flex-end;
    min-width: 100vw;
    position: relative;
    min-height: 500px;
  }

  #buyer-screen .buyer-bg .wrapper .details-panel {
    width: 60%;
    max-width: 550px;
    margin: 0 40px 40px 0;
    padding-top: 10px;
    color: #fff;
    text-align: right;
  }

  #buyer-screen .buyer-bg #cer-screen {
    min-width: 100vw;
    padding: 0 80px;
    background: black;
    color: #92855c;
    height: 500px;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen {
    display: flex;
    height: 500px;
    padding: 0;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .commitment {
    width: 90vw;
    align-self: center;
    margin-right: 100px;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .commitment h3 {
    color: white;
    font-style: italic;
    font-size: 20px;
    font-family: "Georgia";
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .commitment p {
    color: #92855c;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen img {
    width: 100%;
    margin-bottom: 20px;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .top-items {
    border-bottom: 1px solid white;
    display: flex;
    align-items: flex-end;
    height: 200px;
    margin-top: 25px;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul {
    position: relative;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul:before {
    content: "";
    width: 7px;
    height: 4px;
    position: absolute;
    bottom: -3px;
    left: -3.5px;
    border-radius: 50%;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul:after {
    content: "";
    width: 0;
    height: 0;
    background-color: white;
    position: absolute;
    bottom: -3px;
    right: -3.5px;
    border-radius: 50%;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li {
    overflow: visible;
    width: 1px;
    height: 30px;
    background-color: white;
    position: relative;
    margin-left: 420px;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li:first-child {
    margin-left: 200px;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li:last-child {
    margin-right: 200px;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li:before {
    content: "";
    width: 7px;
    height: 4px;
    position: absolute;
    top: -4px;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%, 0);
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li .item {
    width: 390px;
    position: absolute;
    top: -140px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 140px;
    font-weight: 500;
    margin: 0 20px;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li .item h4 {
    margin: 0 0 10px 0;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .top-items ul li .item p {
    font-size: 10px;
    margin: 0 0 10px 0;
    letter-spacing: 0.65px;
    line-height: 1.5;
    font-weight: 500;
    color: white;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items {
    height: 140px;
    margin-bottom: 10px;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul {
    position: relative;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul .last-item:after {
    content: "";
    width: 0;
    height: 0;
    background-color: white;
    position: absolute;
    bottom: -3px;
    right: -3.5px;
    border-radius: 50%;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul li {
    overflow: visible;
    width: 1px;
    height: 30px;
    background-color: white;
    position: relative;
    margin-left: 420px;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul li:before {
    content: "";
    width: 7px;
    height: 4px;
    position: absolute;
    bottom: -4px;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%, 0);
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul li .item {
    width: 390px;
    max-width: 85vw;
    position: absolute;
    bottom: -150px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 140px;
    font-weight: 500;
    margin: 0 20px;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul li .item h4 {
    margin: 0 0 10px 0;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul li .item p {
    font-size: 10px;
    margin: 0 0 10px 0;
    letter-spacing: 0.65px;
    line-height: 1.5;
    font-weight: 500;
    color: white;
  }

  #buyer-screen .buyer-bg #cer-screen #results-screen .bottom-items ul li:last-child {
    margin-right: 200px;
  }
}

@media only screen and (max-width: 768px) {
  #buyer-screen {
    overflow-x: scroll;
    padding: 0;
    height: -moz-fit-content;
    height: fit-content;
    background: black;
  }
}

@media only screen and (min-width: 901px) {
  #buyer-screen {
    background: url(/images/PGP_VFX_SUPPLY_03s.gif?d233e55338eabc2bc35683eb7dd94883) no-repeat center center/cover;
  }
}

#credentials-screen {
  width: 100%;
  min-height: calc(100vh - 50px);
}

#credentials-screen #credHead1desk {
  max-width: 50%;
}

#credentials-screen .credentials-slide-container {
  position: relative;
}

#credentials-screen .credentials-slide-container .slick-arrow {
  position: absolute;
  top: calc(50% - 20px);
  z-index: 100;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

#credentials-screen .credentials-slide-container .prev {
  left: 15px;
  background: url(/img/teenyicons_right-outline.svg) no-repeat center center/contain;
  display: block;
  z-index: 100 !important;
  transform: scaleX(-1);
}

#credentials-screen .credentials-slide-container .next {
  right: 15px;
  background: url(/img/teenyicons_right-outline.svg) no-repeat center center/contain;
  display: block;
  z-index: 100 !important;
}

#credentials-screen .credentials-slide-container .prevMob {
  z-index: -1 !important;
}

#credentials-screen .credentials-slide-container .nextMob {
  z-index: -1 !important;
}

#credentials-screen .credentials-slide-container .prev,
#credentials-screen .credentials-slide-container .next {
  mix-blend-mode: exclusion;
}

#credentials-screen .credentials-slide-container .slick-list {
  height: 100%;
}

#credentials-screen .credentials-slide-container .credentials-slider,
#credentials-screen .credentials-slide-container .credentials-slider-desk {
  display: flex;
  align-content: center;
  align-items: center;
  position: relative;
  color: #000;
}

#credentials-screen .credentials-slide-container .credentials-slider.desktop,
#credentials-screen .credentials-slide-container .credentials-slider-desk.desktop {
  display: flex;
}

#credentials-screen .credentials-slide-container .credentials-slider.mobile,
#credentials-screen .credentials-slide-container .credentials-slider-desk.mobile {
  display: none;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-track,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track {
  display: flex;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column {
  min-height: calc(100vh - 50px);
  padding: 50px 60px;
  width: 50vw !important;
  background: white;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.darknessslider,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.darknessslider {
  width: 100vw !important;
  color: #fff;
  background: url("/img/awards/award-background.png") top right no-repeat black !important;
  background-size: 80% auto !important;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.darknessslider h1,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.darknessslider h1 {
  margin-bottom: 15%;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.darknessslider p,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.darknessslider p {
  font: normal 30px Libre Baskerville;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.darknessslider p i,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.darknessslider p i {
  color: #A39161;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.first-page,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.first-page {
  display: flex;
  flex-direction: column;
  align-content: stretch;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.first-page svg,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.first-page svg {
  display: none;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.first-page p,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.first-page p {
  padding-left: 40px;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-track .right-column,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .right-column {
  min-height: calc(100vh - 50px);
  padding: 50px 60px;
  background: #efefef;
  width: 50vw !important;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-track .right-column.darknessslider,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .right-column.darknessslider {
  width: 0vw !important;
  display: none !important;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-track .right-column.first-page,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .right-column.first-page {
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-track .right-column.last-page,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .right-column.last-page {
  background: white;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide {
  height: 100%;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide img,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide img {
  width: 350px;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide h4,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide h4 {
  line-height: 25px;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide .morecontent span,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .morecontent span {
  display: none;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide .morelink,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .morelink {
  display: block;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide .readmore-link,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .readmore-link {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  font-style: italic;
  width: 100%;
  height: 120px;
  text-align: left;
  color: black;
  font-weight: bold;
  font-size: 16px;
  padding-top: 100px;
  cursor: pointer;
  -webkit-appearance: none;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide .readmore-link.right,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .readmore-link.right {
  background-image: -webkit-linear-gradient(top, rgba(239, 239, 239, 0.001) 0%, #efefef 20%, #efefef 100%);
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide .readmore-link.left,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .readmore-link.left {
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.001) 0%, #fff 20%, #fff 100%);
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide .body,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .body {
  display: flex;
  flex-direction: column;
  padding-left: 40px;
  position: relative;
  justify-content: flex-start;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide .body .morelink,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .body .morelink {
  font-weight: 700;
  font-style: italic;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide .body.left .morelink,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .body.left .morelink {
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.001) 0%, #fff 20%, #fff 100%);
  height: 50px;
  display: flex;
  align-items: flex-end;
  margin-top: -40px;
  z-index: 10;
  position: relative;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide .body.left .morelink.less,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .body.left .morelink.less {
  background-image: none;
  margin-top: -10px;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide .body.right .morelink,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .body.right .morelink {
  background-image: -webkit-linear-gradient(top, rgba(239, 239, 239, 0.001) 0%, #efefef 20%, #efefef 100%);
  height: 50px;
  display: flex;
  align-items: flex-end;
  margin-top: -40px;
  z-index: 10;
  position: relative;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide .body.right .morelink.less,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .body.right .morelink.less {
  background-image: none;
  margin-top: -10px;
}

#credentials-screen .credentials-slide-container .credentials-slider .slick-slide .heading,
#credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .heading {
  margin-bottom: 50px;
}

#credentials-screen .credentials-slide-container .credentials-slider-desk {
  display: flex;
}

#credentials-screen .credentials-slide-container .credentials-slider {
  display: none;
}

#credentials-screen .slick-dots li.slick-active button {
  background-color: #A39161;
}

#credentials-screen .slick-dots li button {
  background-color: #ffffff;
  border: 1px solid #000000;
}

@media only screen and (max-width: 950px) {
  #credentials-screen {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
  }

  #credentials-screen .credentials-slide-container {
    height: 100%;
    position: relative;
  }

  #credentials-screen .credentials-slide-container .slick-arrow {
    position: absolute;
    top: calc(50% - 20px);
    z-index: 100;
    width: 20px;
    height: 20px;
    cursor: pointer;
  }

  #credentials-screen .credentials-slide-container .prevMob,
  #credentials-screen .credentials-slide-container .prev {
    left: 5px;
    background: url(/img/teenyicons_right-outline.svg) no-repeat center center/contain;
    -o-object-fit: contain;
       object-fit: contain;
    z-index: 100 !important;
    mix-blend-mode: exclusion;
    transform: scaleX(-1);
  }

  #credentials-screen .credentials-slide-container .nextMob,
  #credentials-screen .credentials-slide-container .next {
    right: 5px;
    background: url(/img/teenyicons_right-outline.svg) no-repeat center center/contain;
    -o-object-fit: contain;
       object-fit: contain;
    z-index: 100 !important;
    mix-blend-mode: exclusion;
  }

  #credentials-screen .credentials-slide-container .prev {
    z-index: -1 !important;
  }

  #credentials-screen .credentials-slide-container .next {
    z-index: -1 !important;
  }

  #credentials-screen .credentials-slide-container .credentials-slider,
  #credentials-screen .credentials-slide-container .credentials-slider-desk {
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
    color: #000;
  }

  #credentials-screen .credentials-slide-container .credentials-slider.desktop,
  #credentials-screen .credentials-slide-container .credentials-slider-desk.desktop {
    display: none;
  }

  #credentials-screen .credentials-slide-container .credentials-slider.mobile,
  #credentials-screen .credentials-slide-container .credentials-slider-desk.mobile {
    display: flex;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-track,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track {
    display: flex;
    height: 100%;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-track p,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track p {
    font-size: 12px;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column {
    padding: 100px 25px;
    width: 100vw !important;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.darknessslider,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.darknessslider {
    background: url("/img/awards/award-backgroundmobile.png") bottom right no-repeat black !important;
    background-size: 100% auto !important;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.darknessslider h1,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.darknessslider h1 {
    margin-bottom: 15%;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.darknessslider p,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.darknessslider p {
    font: normal 16px Libre Baskerville;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.darknessslider p br,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.darknessslider p br {
    display: none;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.first-page,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.first-page {
    display: flex;
    flex-direction: column;
    align-content: stretch;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.first-page svg,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.first-page svg {
    display: block;
    width: 70%;
    margin: 50px 15% 0;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-track .left-column.first-page p,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .left-column.first-page p {
    padding-left: 40px;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-track .right-column,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .right-column {
    padding: 100px 25px;
    background: #efefef;
    width: 100vw !important;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-track .right-column.first-page,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .right-column.first-page {
    display: none;
    justify-content: center;
    align-items: center;
    background: white;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-track .right-column.last-page,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-track .right-column.last-page {
    background: white;
    display: none;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-slide img,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide img {
    width: 350px;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-slide h4,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide h4 {
    line-height: 25px;
    width: 100%;
    margin-bottom: 60px;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-slide .body,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .body {
    height: auto;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    padding-left: 40px;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-slide .body.readmore,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .body.readmore {
    justify-content: flex-start;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-slide .body .more,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .body .more {
    height: 63vh;
    overflow: scroll;
  }

  #credentials-screen .credentials-slide-container .credentials-slider .slick-slide .heading,
  #credentials-screen .credentials-slide-container .credentials-slider-desk .slick-slide .heading {
    height: 100px;
    margin: 0;
  }

  #credentials-screen .credentials-slide-container .credentials-slider-desk {
    display: none !important;
  }

  #credentials-screen .credentials-slide-container .credentials-slider {
    display: flex;
  }

  #credentials-screen .slick-dots {
    display: none !important;
  }
}

#committee-screen {
  padding: 0;
  color: #fff;
  width: 100vw;
  padding: 100px 0px 0 60px;
}

#committee-screen .right-column {
  padding: 20px 40px 20px 20px;
  min-width: 600px;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
}

#committee-screen .right-column h2 {
  max-width: 390px;
  text-align: center;
  position: relative;
  top: 20vh;
}

#committee-screen .right-column .read-more {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 35px 0 20px;
  text-transform: uppercase;
}

#committee-screen .general-committee-panel {
  padding-left: 50px;
  padding-bottom: 70px;
}

#committee-screen .more {
  height: 100px;
  display: flex;
  align-items: center;
}

#committee-screen #view-committee {
  color: white;
  padding-left: 40px;
}

#committee-screen #view-committee span {
  font-size: 13px;
}

#committee-screen table {
  border-collapse: collapse;
  width: 100%;
}

#committee-screen table,
#committee-screen th,
#committee-screen td {
  border-top: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
}

#committee-screen td {
  width: auto;
}

#committee-screen .left-column {
  padding: 20px 90px 20px 40px;
  max-height: 85%;
  align-self: center;
  display: flex;
  flex-direction: column;
  padding: 0 120px 70px 60px;
}

#committee-screen .left-column .vertical-scroll-column {
  max-height: 90vh;
  overflow-y: scroll;
}

#committee-screen .left-column .vertical-scroll-column .general-committee-panel {
  padding-top: 0px;
}

#committee-screen .left-column .vertical-scroll-column .general-committee-panel h4 {
  margin-bottom: 20px;
  line-height: 27px;
}

#committee-screen .left-column .vertical-scroll-column .general-committee-panel div {
  margin-bottom: 20px;
}

#committee-screen .left-column .vertical-scroll-column .general-committee-panel div i {
  display: block;
}

#committee-screen .left-column .partial-content p {
  padding-left: 40px;
}

#committee-screen .left-column > div > i {
  display: block;
  margin-bottom: 10px;
}

@media only screen and (max-width: 900px) {
  #committee-screen {
    padding: 0;
    color: #fff;
    width: 100vw;
    padding: 50px 20px 0 100px;
  }

  #committee-screen .right-column {
    padding: 20px 40px 20px 20px;
    min-width: 600px;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
  }

  #committee-screen .right-column h2 {
    max-width: 390px;
    text-align: center;
    position: relative;
    top: 20vh;
  }

  #committee-screen .right-column .read-more {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 0 20px;
    text-transform: uppercase;
  }

  #committee-screen #view-committee {
    padding-left: 30px;
  }

  #committee-screen .general-committee-panel {
    padding-left: 20px;
  }

  #committee-screen .left-column {
    padding: 20px 90px 20px 40px;
    max-height: 900px;
    align-self: center;
    display: flex;
    flex-direction: column;
    padding: 0 0 70px 0px;
  }

  #committee-screen .left-column .vertical-scroll-column {
    height: 100%;
    overflow-y: scroll;
  }

  #committee-screen .left-column .vertical-scroll-column .general-committee-panel {
    padding-top: 40px;
  }

  #committee-screen .left-column .vertical-scroll-column .general-committee-panel h4 {
    margin-bottom: 20px;
    line-height: 27px;
  }

  #committee-screen .left-column .vertical-scroll-column .general-committee-panel div {
    margin-bottom: 20px;
  }

  #committee-screen .left-column .vertical-scroll-column .general-committee-panel div i {
    display: block;
  }

  #committee-screen .left-column .partial-content p {
    padding-left: 30px;
  }

  #committee-screen .left-column > div > i {
    display: block;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) {
  #committee-screen {
    padding: 0;
    color: #fff;
    width: 100vw;
    padding: 50px 20px;
  }

  #committee-screen .right-column {
    padding: 20px 40px 20px 20px;
    min-width: 600px;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
  }

  #committee-screen .right-column h2 {
    max-width: 390px;
    text-align: center;
    position: relative;
    top: 20vh;
  }

  #committee-screen .right-column .read-more {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 0 20px;
    text-transform: uppercase;
  }

  #committee-screen #view-committee {
    padding-left: 30px;
  }

  #committee-screen .general-committee-panel {
    padding-left: 20px;
  }

  #committee-screen .left-column {
    padding: 20px 90px 20px 40px;
    max-height: 900px;
    align-self: center;
    display: flex;
    flex-direction: column;
    padding: 0 0 70px 0px;
  }

  #committee-screen .left-column .vertical-scroll-column {
    height: 100%;
    overflow-y: scroll;
  }

  #committee-screen .left-column .vertical-scroll-column .general-committee-panel {
    padding-top: 40px;
  }

  #committee-screen .left-column .vertical-scroll-column .general-committee-panel h4 {
    margin-bottom: 20px;
    line-height: 27px;
  }

  #committee-screen .left-column .vertical-scroll-column .general-committee-panel div {
    margin-bottom: 20px;
  }

  #committee-screen .left-column .vertical-scroll-column .general-committee-panel div i {
    display: block;
  }

  #committee-screen .left-column .partial-content p {
    padding-left: 30px;
  }

  #committee-screen .left-column > div > i {
    display: block;
    margin-bottom: 10px;
  }

  #committee-screen td {
    width: auto;
  }
}

@media only screen and (max-width: 500px) {
  #committee-screen {
    padding: 0;
    color: #fff;
    width: 100vw;
    padding: 100px 20px;
  }

  #committee-screen .right-column {
    padding: 20px 40px 20px 20px;
    min-width: 600px;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
  }

  #committee-screen .right-column h2 {
    max-width: 390px;
    text-align: center;
    position: relative;
    top: 20vh;
  }

  #committee-screen .right-column .read-more {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px 0 20px;
    text-transform: uppercase;
  }

  #committee-screen #view-committee {
    padding-left: 30px;
  }

  #committee-screen .general-committee-panel {
    padding-left: 20px;
  }

  #committee-screen .left-column {
    padding: 20px 90px 20px 40px;
    max-height: 900px;
    align-self: center;
    display: flex;
    flex-direction: column;
    padding: 0 0 70px 0px;
  }

  #committee-screen .left-column .vertical-scroll-column {
    height: 100%;
    overflow-y: scroll;
  }

  #committee-screen .left-column .vertical-scroll-column .general-committee-panel {
    padding-top: 40px;
  }

  #committee-screen .left-column .vertical-scroll-column .general-committee-panel h4 {
    margin-bottom: 20px;
    line-height: 27px;
  }

  #committee-screen .left-column .vertical-scroll-column .general-committee-panel div {
    margin-bottom: 20px;
  }

  #committee-screen .left-column .vertical-scroll-column .general-committee-panel div i {
    display: block;
  }

  #committee-screen .left-column .partial-content p {
    padding-left: 30px;
  }

  #committee-screen .left-column > div > i {
    display: block;
    margin-bottom: 10px;
  }

  #committee-screen td {
    width: auto;
  }
}

#facts-screen,
#facts-screen2 {
  height: auto;
  margin: 100px 0;
}

#facts-screen .top,
#facts-screen2 .top {
  margin: 0 100px 50px;
}

#facts-screen .top h1,
#facts-screen2 .top h1 {
  border-left: 10px solid #92855c;
  padding: 20px 0 20px 20px;
}

#facts-screen .bottom,
#facts-screen2 .bottom {
  background: #f1f1f1;
  padding: 60px 40px;
  margin: 0 100px;
}

#facts-screen .bottom .list,
#facts-screen2 .bottom .list {
  padding-inline-start: 20px;
}

#facts-screen .bottom .list li,
#facts-screen2 .bottom .list li {
  margin-bottom: 1rem;
}

#facts-screen .bottom .list li:last-child,
#facts-screen2 .bottom .list li:last-child {
  margin-bottom: 0rem;
}

#facts-screen .reference,
#facts-screen2 .reference {
  margin-top: 0.5rem;
  text-align: center;
  font-size: 80%;
}

@media only screen and (max-width: 768px) {
  #facts-screen,
  #facts-screen2 {
    height: auto;
    margin: 50px 0 70px;
  }

  #facts-screen .top,
  #facts-screen2 .top {
    margin: 0 20px 30px;
  }

  #facts-screen .bottom,
  #facts-screen2 .bottom {
    padding: 30px;
    margin: 0 20px;
  }
}