/* Homepage specific styling goes here. Excluded on all subpages */
/* For most builds, this stylesheet should be wiped and started fresh */

/* PRELOADER */
.preloader-outer {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
	width: 100%;
	height: 100vh;
  background-image: url("../images/preloader-bg.jpg");
	-webkit-transition: opacity 600ms ease-out;
	-moz-transition: opacity 600ms ease-out;
	-ms-transition: opacity 600ms ease-out;
	-o-transition: opacity 600ms ease-out;
	transition: opacity 600ms ease-out;
  background-repeat: no-repeat;
  background-size: cover;
}

.preloader-outer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(3, 37, 108, 0.84);
  opacity: 0;
  z-index: 10;
	-webkit-transition: opacity 2s ease;
	-moz-transition: opacity 2s ease;
	-ms-transition: opacity 2s ease;
	-o-transition: opacity 2s ease;
	transition: opacity 2s ease;
  will-change: opacity;
  will-change: auto;
}

.preloader-outer.active {
	visibility: visible !important;
}

.preloader-outer.active:after {
  opacity: 1;
}

.preloader-outer.preloader-remove {
	opacity: 0;
	pointer-events: none;
}

.preloader-inner {
	display: flex;
	align-items: center;
	justify-content: center;
  flex-direction: column;
	height: 100%;
}

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

.preloader-content * {
  color: #fff;
  position: relative;
  z-index: 11;
}

.preloader-inner h2 {
  font-size: 2.9rem;
  margin-bottom: 5px;
  line-height: 1;
}

.preloader-inner h2 span {
  display: block;
}

.preloader-inner h3 {
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 30px;
}

.preloader-inner p {
	margin-bottom: 15px;
  font-family: "Playfair Display";
  font-style: italic;
  margin-bottom: 0;
  font-size: 1.5rem;
}

.preloader-inner p:last-of-type {
	margin: 0;
}

.preloader-part {
	display: none;
	margin: 20px;
}

.preloader-part-left.active {
	display: block;
	-webkit-animation: fadeInRight 800ms ease-out;
	animation: fadeInRight 800ms ease-out;
}

.preloader-part-right.active {
	display: block;
	-webkit-animation: fadeInLeft 500ms ease-out;
	animation: fadeInLeft 500ms ease-out;
}

.background-mountains {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/preloader-bg.jpg");
}

.preload-wh {
  z-index: 11;
  width: 320px;
  height: 200px;
  margin-bottom: 20px;
  background-color: #fff;
  -webkit-clip-path: polygon(100% 100%, 100% 0%, 87% 0%, 87% 32%, 65% 31%, 65% 1%, 52% 1%, 52% 50%, 32% 20%, 12% 52%, 12% 0%, 0% 0%, 0% 100%, 32% 48%, 65% 100%, 65% 52%, 87% 52%, 87% 83%);
  clip-path: polygon(100% 100%, 100% 0%, 87% 0%, 87% 32%, 65% 31%, 65% 1%, 52% 1%, 52% 50%, 32% 20%, 12% 52%, 12% 0%, 0% 0%, 0% 100%, 32% 48%, 65% 100%, 65% 52%, 87% 52%, 87% 83%);
}

@media screen and (min-width: 1025px) {
  .preload-wh {
    width: 400px;
    height: 250px;
  }
}

/* HOME HERO AND/OR SLIDER */

.home-hero {
  margin-top: 113px;
}

.home-hero,
.home-hero-inner {
	position: relative;
}

.home-hero-image-container {
	width: 100%;
  height: 300px;
}

.home-hero-image-container img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: 50%;
}

.home-hero-form-container {
	display: none;
}

.home-hero-form-row {
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
	justify-content: flex-end;
}

.home-slider-single-content-area {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  text-align: center;
  background-color: #F4F9FE;
  padding: 41px 36px;
  align-items: center;
}

.home-slider-single-tagline {
  margin-bottom: 0;
  text-transform: none;
}

.home-slider-single-content-area span strong {
  font-weight: 700;
}

.home-slider-single-content-area .top-text {
  font-size: 1.059rem;
  letter-spacing: 1.26px;
}

.home-slider-single-content-area .bottom-text {
  font-family: "Playfair Display";
}

.home-slider-single-content-area .middle-top-text {
  margin-bottom: 15px;
}

.home-slider-single-content-area .middle-text {
  font-size: 2.588rem;
}

.home-slider-single-content-area .middle-text > span {
  display: inline-block;
}

.home-slider-button {
  background: rgb(58,151,228);
  background: linear-gradient(90deg, rgba(151, 125, 45,1) 0%, rgba(151, 125, 45,1) 100%);
  color: #fff;
  position: relative;
  z-index: 1;
}

.home-slider-button:before {
  background: rgb(3,37,108);
  background: linear-gradient(90deg, rgba(3,37,108,1) 0%, rgba(58,151,228,1) 100%);
  transition: opacity 0.6s ease;
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.home-slider-button:hover:before,
.home-slider-button:focus:before {
  opacity: 1;
}

#home-slider .slick-slide[data-slick-index="5"] .middle-text span:first-child {
  display: block;
}

#home-slider .slick-dots {
  display: flex;
  flex-direction: column;
  right: 45px;
  width: auto;
}

#home-slider .slick-dot-icon:before {
  display: none;
}

#home-slider .slick-dots li button {
  width: 6px;
  height: 40px;
  background-color: #E9F5FF;
  margin-bottom: 10px;
}

#home-slider .slick-dots li.slick-active button {
  background-color: #977d2d;
}

@media screen and (min-width: 768px) {
  .home-hero-image-container {
    position: absolute;
    left: 0;
    top: 0;
  }

  .home-hero-height-sync,
	.home-hero {
		height: 600px;
	}

  .home-slider-single-content-area {
    background-color: transparent;
  }

  .home-slider-single-content-area .top-text {
    font-size: 1.059rem;
    letter-spacing: 1.26px;
    text-transform: uppercase;
  }

  .home-slider-single-content-area.left {
    align-items: flex-start;
  }

  .home-slider-single-content-area.right {
    align-items: flex-end;
  }

}

@media screen and (min-width: 1025px) {

  .home-hero {
    margin-top: 0;
  }

	.home-hero-inner {
		display: block;
	}

	.home-hero-height-sync {
		height: 100vh;
	}

	.home-hero-form-container {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: block !important;
	}

	.home-hero-form-container,
	.home-hero-form-inner,
	.home-hero-form-container .row,
	.home-hero-form-container .columns {
		height: 100%;
	}

	.home-hero-form-inner {
		display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.home-hero-form .contact-form-heading {
		font-size: 1.5rem;
		margin-bottom: 15px;
	}

	.home-hero-form form button {
		width: 100%;
	}

	.home-hero-form {
		margin-top: 80px;
		min-width: 375px;
		padding: 0;
		background: #F4F9FE;
	}

  .home-slider-single-content-area span {
    line-height: 1;
  }

  .home-slider-single-content-area .top-text {
    margin-bottom: 14px;
  }

  .home-slider-single-content-area .middle-text {
    font-size: 4.706rem;
    letter-spacing: 6px;
  }

  .home-slider-single-content-area .bottom-text {
    font-size: 2.471rem;
    letter-spacing: 2.352px;
  }
}

@media screen and (min-width: 1281px) {
  .home-slider-single-content-area .top-text {
    font-size: 1.229rem;
    letter-spacing: 1.82px;
  }

  .home-slider-single-content-area .middle-text {
    font-size: 5.2rem;
    letter-spacing: 8.925px;
  }

  .home-slider-single-content-area .bottom-text {
    font-size: 2.947rem;
    letter-spacing: 0;
  }
}

@media screen and (max-height: 700px) and (min-width: 1025px) {
	.home-hero-height-sync {
		height: 1000px;
	}
}

/* GLOBAL HOMEPAGE STYLES */

h2.has-image-letters {
  font-size: 4.294rem;
  color: #977d2d;
  line-height: 1;
}

h2.has-image-letters span:not(.small-text) {
  display: flex;
  justify-content: center;
  align-items: center;
}

h2.has-image-letters span.small-text {
  font-size: 1.412rem;
  font-family: 'Playfair Display';
  font-style: italic;
  text-transform: none;
  display: block;
  margin-top: -10px;
  margin-bottom: 4px;
}

h2.has-image-letters .letter-w {
  max-width: 63px;
  margin-right: 7px;
}

h2.has-image-letters .letter-h {
  max-width: 50px;
  margin-right: 7px;
}

@media screen and (min-width: 1025px) {
  h2.has-image-letters {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* font-size: 5.059rem; */
    font-size: 4.118rem;
    letter-spacing: 4.3px;
  }

  h2.has-image-letters span.small-text {
    display: inline-block;
    margin: 0 26px 0 40px;
    font-size: 2.059rem;
    letter-spacing: 0;
  }

  h2.has-image-letters .letter-w {
    max-width: 74px;
    margin-right: 8px;
  }

  h2.has-image-letters .letter-h {
    max-width: 60px;
    margin-right: 8px;
  }
}

@media screen and (min-width: 1281px) {
  h2.has-image-letters {
    /* font-size: 6.882rem; */
    font-size: 5.3rem
  }

  h2.has-image-letters .letter-w {
    max-width: 100%;
    max-width: 79px;
    margin-right: 8px;
  }

  h2.has-image-letters .letter-h {
    max-width: 100%;
    margin-right: 8px;
  }

  h2.has-image-letters span.small-text {
    font-size: 2.765rem;
  }
}

/* INTRO */

.intro {
  padding-top: 40px;
}

.intro-blue-box {
  background-color: #3f4a50;
  padding: 30px 27px 142px;

  margin-bottom: 50px;
}

.intro-blue-box * {
  color: #fff;
}

.intro-blue-box h2 {
  font-weight: 300;
  font-size: 2.118rem;
}

.intro-blue-box h2 strong {
  font-weight: 600;
}

.intro-blue-box h3 {
  color: #977d2d;
  font-size: 1.176rem;
  font-weight: 700;
  text-transform: uppercase;
}

.intro-firm-description {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column-reverse;
  /*margin-top: -150px;*/
}

.intro-firm-description-right {
  position: relative;
  margin-bottom: 30px;
}

.intro-firm-description img {
  max-width: 100%;
}

.intro-firm-description-right .img-holder {
  text-align: center;
  position: relative;
  z-index: 1;
}

.intro-firm-description .paint {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  max-width: 114%;
}

.intro-firm-description h2 {
  font-size: 2.353rem;
}

.accordion-item:last-of-type {
  border-color: transparent;
}

.intro-accordions .accordion-item-title {
  padding: 23px 0 37px;
  font-weight: 300;
  text-transform: none;
}

.intro-accordions .accordion-item-title strong {
  font-weight: 600;
}

.intro-accordions .accordion-item-title:hover,
.intro-accordions .accordion-item-title:focus {
  background: none;
}

.intro-accordions .accordion-item-title .icon-holder {
  max-width: 50px;
  margin-right: 20px;
}

.intro-accordions .accordion-item-title > span {
  display: block;
  flex: 1;
  padding-right: 40px;
}

.intro-accordions .accordion-item-title:after {
  margin-left: 15px;
}

.intro-blue-box-inner-right img {
  width: 100%;
}

/* MODULE CODE */
.slider-badges-a {
  max-width: 100%;
  margin: 0 auto;
}

.module-badges-a-single img {
  margin: 0 auto;
}

.module-badges-a-inner {
  position: relative;
}

@media screen and (min-width: 768px) {
  .intro {
    padding-top: 90px
  }

  .intro-blue-box {
    padding: 80px 102px 120px;
  }

  .intro-accordions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 85px;
  }

  .accordion-item:last-of-type {
    border-color: #BCBEC0;
  }

  .accordion-column {
    width: calc(50% - 50px);
  }
}

@media screen and (min-width: 1025px) {

  .intro-blue-box {
    padding: 80px 102px 60px;
    margin-bottom: 0;
  }

  .intro-blue-box h2 {
    font-size: 2.706rem;
  }

  .intro-accordions {
    padding-bottom: 100px;
  }

  .intro-firm-description-left {
    padding-top: 90px;
  }

  .intro-firm-description-right {
    /* flex: 1; */
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 45%;
    margin-bottom: 0;
  }

  /* .intro-firm-description-right .img-holder {
    flex: 1;
  } */

  .intro-firm-description .intro-attorneys {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .intro-firm-description .paint {
    transform: none;
    bottom: 50%;
    top: auto;
    right: -123px;
    left: auto;
    max-width: 140%;
  }

  .intro-firm-description {
    flex-direction: row;
    margin: 0;
  }
}

@media screen and (min-width: 1281px) {
  .intro {
    padding-top: 142px
  }

  .intro-blue-box {
    padding: 87px 120px 60px;
  }

  .intro-blue-box-inner,
  .intro-firm-description-left {
    width: 55%;
  }

  .intro-accordions {
    padding-bottom: 123px;
  }

  .intro-firm-description .paint {
    max-width: none;
  }

  .intro-blue-box-inner {
    position: relative;
  }

  .intro-blue-box-inner-right {
    position: absolute;
    width: 425px;
    top: 50%;
    right: -513px;
    transform: translateY(-50%);
  }

  /*add the margin top back, line 527*/

}

/* PICTURE CTA */

.picture-cta-image-holder {
  position: relative;
}

.picture-cta-image-holder img {
  display: block;
}

.picture-cta-image-holder .button {
  position: absolute;
  bottom: 0;
  right: 0;

}

/* HERE TO HELP */

.here-to-help {
  background-color: #F4F9FE;
  padding: 110px 0 70px;
}

.here-to-help-top {
  text-align: center;
}

.here-to-help-top h2 span.active {
  -webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
  -webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.here-to-help-top h2 span:first-of-type {
  margin-bottom: 15px;
}

.here-to-help-top h2 span:last-of-type {
  margin-top: 15px;
}

.here-to-help-top h3 {
  font-size: 1.412rem;
  position: relative;
  border-bottom: 3px solid #977d2d;
  padding-bottom: 15px;
  letter-spacing: 1.2px;
}

.here-to-help-left {
  margin-bottom: 83px;
}

.here-to-help-practices {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.here-to-help-practices-single {
  font-size: 1.294rem;
  letter-spacing: 0.66px;
  background-color: #fff;
  color: #3f4a50;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  width: 100%;
  transition: initial;
}

.here-to-help-practices-single:not(:last-of-type) {
  margin-bottom: 18px;
}

.here-to-help-right h2 {
  font-size: 2.118rem;
  letter-spacing: 1.8px;
  color: #977d2d;
  font-weight: 700;
}

.here-to-help-case-study-single .date {
  color: #977d2d;
  font-size: 0.941rem;
  letter-spacing: 0.8px;
  margin-bottom: 12px;
  display: block;
}

.here-to-help-case-study-single .read-more {
  color: #3f4a50;
  font-size: 0.941rem;
}

.here-to-help-case-study-single .read-more i {
  color: #977d2d;
}

.here-to-help-case-study-single {
  border-bottom: 2px solid rgba(58, 151, 228, 0.27);
  padding-bottom: 28px;
  margin-bottom: 30px;
}

.here-to-help-case-study-single p {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .here-to-help-practices-single {
    max-width: 626px;
  }

  .here-to-help-top h2 span:first-of-type,
  .here-to-help-top h2 span:last-of-type {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1025px) {
  .here-to-help {
    padding-top: 143px;
    margin-top: -51px;
  }

  .here-to-help-top {
    text-align: left;
    margin-bottom: 50px;
  }

  .here-to-help-top h3 {
    border: none;
    font-size: 1.588rem;
    padding: 0;
    margin-bottom: 35;
  }

  .here-to-help-inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }

  .here-to-help-left {
    width: 56%;
    padding-right: 100px;
  }

  .here-to-help-practices-single {
    font-size: 1.412rem;
  }

  .here-to-help-right {
    flex: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
  }

  .here-to-help-right h2 {
    font-size: 1.176rem;
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    text-align: right;
    position: relative;
    display: inline-block;
    margin-right: 83px;
  }

  .here-to-help-right h2:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 50px);
    transform: translateX(-50%);
    background-color: #977d2d;
    width: 4px;
    height: 100vh;
  }

  .here-to-help-case-study-single .date {
    font-size: 0.706rem
  }

  .here-to-help-case-study-single p {
    font-size: 1.176rem;
  }

  .here-to-help-case-study-single .read-more {
    font-size: 0.647rem;
  }
}

@media screen and (min-width: 1281px) {
  .here-to-help {
    padding-top: 230px;
    margin-top: -51px;
  }

  .here-to-help-top {
    margin-bottom: 90px;
  }

  .here-to-help-top h3 {
    border: none;
    font-size: 2.059rem;
  }

  .here-to-help-practices-single {
    font-size: 1.824rem;
  }

  .here-to-help-practices-single:not(:last-of-type) {
    margin-bottom: 25px;
  }

  .here-to-help-case-study-single p {
    font-size: 1.529rem;
  }

  .here-to-help-right h2 {
    font-size: 1.529rem;
  }

  .here-to-help-case-study-single .date {
    font-size: 0.882rem;
  }

  .here-to-help-case-study-single .read-more {
    font-size: 0.824rem;
  }
}

/* TESTIMONIALS */

.testimonials {
  padding-top: 75px;
}

.testimonials h2 {
  font-size: 1.765rem;
  color: #977d2d;
  letter-spacing: 1.5px;
  font-weight: 700;
}

.slider-testimonial-single p {
  color: #fff;
  font-size: 1.412rem;
  line-height: 36px;
}

.testimonials .slider-testimonial-source {
  color: #fff;
  font-size: 1.188rem;
  letter-spacing: 1px
}



.testimonials-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column-reverse;
}

.testimonials-left {
  margin-bottom: -34%;
}

.testimonials-left .image-holder {
  position: relative;
  display: flex;
  justify-content: center;
}

.testimonials-left img {
  display: block;
}

.testimonials-image {
  position: relative;
  z-index: 1;
}

.testimonials-paint {
  position: absolute;
  top: 0;
  left: calc(50%);
  transform: translateX(-50%);
  width: 125%;
  z-index: 0;
  max-width: none !important;
}

.testimonials .slick-dots li button {
  border-radius: 50%;
  border: 1px solid #fff;
  outline: none;
}

.testimonials .slick-dots li.slick-active button,
.testimonials .slick-dots li button:hover,
.testimonials .slick-dots li button:focus {
  border-color: #977d2d;
  background-color: #977d2d;
}

.testimonials .slick-dots li button .slick-dot-icon:before {
  display: none;
}

.testimonials .slick-dots {
  position: static;
  text-align: left;
  margin-top: 25px;
}

.testimonials-right {
  margin-bottom: 50px;
}

@media screen and (min-width: 641px) {
  .testimonials-left {
    margin-bottom: -175px;
  }

  .testimonials-paint {
    max-width: 665px !important;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .slider-testimonial-content{
    padding-right: 130px;
  }
}

@media screen and (min-width: 1025px) {
  .testimonials h2 {
    font-size: 1.176rem;
  }

  .testimonials-inner {
    flex-direction: row;
    align-items: center;
  }

  .testimonials-left {
    width: 480px;
    margin-bottom: -140px;
  }

  .testimonials-right {
    flex: 1;
    max-width: 500px;
    margin-left: 50px;
    margin-bottom: 0;
  }

  .testimonials-paint {
    max-width: 100% !important;
  }
}

@media screen and (min-width: 1101px) {
  .testimonials-right {
    max-width: 610px;
    margin-left: 95px;
  }
}

@media screen and (min-width: 1501px) {

  .testimonials h2 {
    font-size: 1.588rem;
  }

  .testimonials-left {
    width: 711px;
  }

  .testimonials-right {
    max-width: 900px;
    margin-left: 95px;
  }


  .testimonials .slider-testimonial-source {
    letter-spacing: 1.35px;
  }

}

@media screen and (min-width: 1921px) {
  .testimonials-inner {
    max-width: 1800px;
  }

  .testimonials-right {
    max-width: 1200px;
  }
}

/* KNOWLEDGE */

.knowledge {
  padding:  130px 0 77px;
  position: relative;
}


.knowledge-word {
  position: absolute;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  font-size: calc(60px + (180 - 60) * ((100vw - 360px) / (1025 - 360)));
  line-height: 1;
  color: rgba(244, 249, 254, 0.64);
  z-index: -1;
}

.knowledge h2 {
  font-size: 1.176rem;
  margin-bottom: 15px;
  color: #977d2d;
  font-weight: 700;
}

.knowledge h3 {
  font-size: 2.941rem;
  margin-bottom: 30px;
  color: #3f4a50;
}

.knowledge-resources-holder {
  display: grid;
  grid-gap: 15px 0;
  margin-bottom: 33px;
}

.knowledge-resources-single {
  text-align: left;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  background-color: #F4F9FE;
  color: #3f4a50;
}

@media screen and (min-width: 768px) {
  .knowledge {
    padding-top: 150px;
  }

  .knowledge-word {
    top: 150px;
  }
}

@media screen and (min-width: 1025px) {
  .knowledge {
    margin-top: 75px;
    padding-bottom: 191px;
  }

  .knowledge-word {
    top: 0;
    font-size: calc(170px + (330 - 170) * ((100vw - 1025px) / (1920 - 1025)));
    letter-spacing: calc(4.32px + (6.6 - 4.32) * ((100vw - 1025px) / (1920 - 1025)));
  }

  .knowledge-inner {
    display: grid;
    grid-template-columns: 270px 1fr;
    grid-gap: 0 80px;
  }

  .knowledge-resources-holder {
    grid-template-columns: 1fr 1fr;
    grid-gap: 14px 24px;
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 1281px) {
  .knowledge {
    padding-bottom: 30px;
  }

  .knowledge-inner {
    display: grid;
    grid-template-columns: 430px 1fr;
    grid-gap: 0 80px;
  }


  .knowledge-resources-holder {
    /* grid-gap: 19px 60px; */
    grid-gap: 19px 24px;
    margin-bottom: 30px;
  }

  .knowledge-resources-single {
    padding: 24px;
  }
}

/* WORD OF HONOR */

.word-of-honor .columns {
  padding: 0;
}

.word-of-honor-blue-box {
  background-color: #3f4a50;
  padding: 50px 50px 340px;
}

.word-of-honor-blue-box-top {
  text-align: center;
}

.word-of-honor-blue-box-top h2.has-image-letters span.small-text {
  color: #fff;
}

.word-of-honor-blue-box-top h3 {
  color: #fff;
  font-weight: 700;
}

.word-of-honor-blue-box-top > span {
  color: #977d2d;
  font-size: 1.176rem;
}

.word-of-honor-blue-box p {
  color: #fff;
}

.word-of-honor .image-holder {
  text-align: right
}

/* .word-of-honor-image {
  width: auto;
  margin-top: -270px;
} */

.word-of-honor .image-holder {
  margin-top: -270px;
  position: relative;
}

.word-of-honor-mobile {

}

.word-of-honor-blue-box .has-image-letters span.active {
  -webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
  -webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@media screen and (min-width: 1025px) {
  .word-of-honor {
    padding: 165px 0 73px;
    position: relative;
  }

  .word-of-honor-blue-box {
    background-color: #3f4a50;
    padding: 100px 95px 60px;
    position: relative;
  }

  .word-of-honor .row {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
  }

  .word-of-honor .vertical-text  {
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    text-align: right;
    position: relative;
    display: inline-block;
    margin-right: 25px;
    position: relative;
    font-size: 1.176rem;
    color: #977d2d;
  }

  .word-of-honor .vertical-text:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 50px);
    transform: translateX(-50%);
    background-color: #977d2d;
    width: 4px;
    height: 100vh;
  }

  .word-of-honor .columns {
    padding: 0 36px;
  }

  .word-of-honor-blue-box-top {
    text-align: left;
  }

  /* .word-of-honor-image {
    position: absolute;
    right: 0;
    bottom: -30px;
    max-width: 416px;
    margin-top: 0;
  } */

  .word-of-honor .image-holder {
    position: absolute;
    right: 0;
    /* top: -55px; */
    /* bottom: -30px; */
    /* bottom: 0; */
    /* max-width: 416px; */
    width: 416px;
    margin-top: 0;
    /* height: 100%; */
  }

  .word-of-honor-image {
    position: absolute;
    right: 0;
    bottom: -60px;
  }

  .word-of-honor-people {
    left: 0;
    z-index: 1;
    bottom: -185px;
    height: 580px;
    width: auto;
  }

  .word-of-honor-backdrop {
    height: 550px;
    width: auto;
  }

  .word-of-honor-blue-box-bottom {
    width: 65%;
  }
}

@media screen and (min-width: 1281px) {
  .word-of-honor {
    padding: 165px 0 150px;
    position: relative;
  }

  /* .word-of-honor-image {
    max-width: 475px;
  } */

  .word-of-honor .image-holder {
    width: 475px;
  }

  .word-of-honor h2.has-image-letters {
    font-size: 5.941rem;
  }

  .word-of-honor .h2.has-image-letters .letter-w {
    max-width: 74px;
  }

  .word-of-honor h2.has-image-letters .letter-h {
    max-width: 60px;
  }

  .word-of-honor h2.has-image-letters span.small-text {
    margin-left: 22px;
    margin-right: 31px;
    font-size: 2.412rem;
  }

  .word-of-honor .vertical-text  {
    font-size: 1.353rem;
  }

  .word-of-honor-people {
    height: 600px;
    bottom: -215px;
  }

  .word-of-honor-backdrop {
    height: 640px;
    bottom: -120px;
    width: auto;
  }
}

@media screen and (min-width: 1501px) {
  /* .word-of-honor-image {
    max-width: 600px;
  } */

  .word-of-honor .image-holder {
    width: 600px;
  }

    /* .word-of-honor-image {
    max-width: 700px;
      top: 4px; comment
      bottom: auto; comment
  } */

  .word-of-honor-people {
    height: 817px;
    bottom: -195px;
  }

  .word-of-honor-backdrop {
    height: 870px;
    width: auto;
    bottom: -60px;
  }
}

@media screen and (min-width: 1601px) {
  .word-of-honor .image-holder {
    width: 650px;
  }
}

@media screen and (min-width: 1701px) {
  /* .word-of-honor-image {
    max-width: 700px;
      top: 4px; comment
      bottom: auto; comment
  } */

  .word-of-honor .image-holder {
    width: 700px;
  }
}

@media screen and (min-width: 1921px) {
  /* .word-of-honor {
    max-width: 1700px;
    margin: 0 auto;
  } */

  .word-of-honor .image-holder {
    width: 1700px;
  }
}

/* MEDIA */

.media-single h3 {
  font-size: 1rem;
}

.media-single a {
  color: #3f4a50;
}

.media-date {
  font-size: 0.941rem;
  color: #977d2d;
}

.media-categories {
  font-size: 0.941rem;
  color: #828282;
}

.media-single img {
  max-width: 100%;
  height: 113px;
  object-fit: cover;
}

.media .knowledge-right {
  margin-bottom: 65px;
}

@media screen and (min-width: 768px) {
  .media .knowledge-right {
    display: flex;
    justify-content: space-between;
  }

  .media-single {
    width: calc(33% - 10px);
  }
}

@media screen and (min-width: 1025px) {
  .media {
    padding-bottom: 80px;
  }

  .media .knowledge-right {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 50px;
    margin-bottom: 0;
  }

  .media-single {
    width: auto;
  }

  .media-single h3 {
    font-size: 0.941rem;
  }

  .media-date,
  .media-categories  {
    font-size: 0.588rem;
  }
}

@media screen and (min-width: 1281px) {
  .media {
    padding-bottom: 110px;
  }
  .media .knowledge-right {
    grid-gap: 0 70px;
  }

  .media h2 {
    font-size: 1.588rem;
  }

  .media-date,
  .media-categories {
    font-size: 0.765rem;
  }
}