/*************************************************
 CL MIXINS COLLECTION
**************************************************/
/*** Global Options ************/
/*
  PALM                 NOTPALM
------540-|...........................................

            TABLET             NOTPORTABLE
..........|-----750-|.................................

       PORTABLE       LAPTOP
....................|-----950-|.......................

               TABLETLAPTOP
..........|-540-----------950-|.......................

            NOTDESKTOP              DESKTOP
..............................|-950-------------------

                                         BIGDESKTOP
.......................................|-1350---------

*/
/*
  All CSS Rules Required for @extend so that they can be loaded in in a batch
*/
/* Headings */
h1, h2, .hero-news .hero-inner h1, .hero-news .hero-inner .title-size1, .hero-bio .hero-inner h1, .hero-bio .hero-inner .title-size1, h3, h4, h5, .hero-news .hero-inner .bio-fieldvalue, .hero-bio .hero-inner .bio-fieldvalue, h6, .title-size1, .title-size2, .title-size3, .title-size4, .title-size5, .title-size6 {
  font-weight: 500;
  font-family: "Brown", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 20px;
  margin: 0px;
  margin-bottom: 27px;
  padding: 0px;
}
h1 h1 > p, h1 .text-subtitle, h1 .title-size1 > p, h2 h1 > p, .hero-news .hero-inner h1 h1 > p, .hero-news .hero-inner .title-size1 h1 > p, .hero-bio .hero-inner h1 h1 > p, .hero-bio .hero-inner .title-size1 h1 > p, h2 .text-subtitle, .hero-news .hero-inner h1 .text-subtitle, .hero-news .hero-inner .title-size1 .text-subtitle, .hero-bio .hero-inner h1 .text-subtitle, .hero-bio .hero-inner .title-size1 .text-subtitle, h2 .title-size1 > p, .hero-news .hero-inner h1 .title-size1 > p, .hero-news .hero-inner .title-size1 .title-size1 > p, .hero-bio .hero-inner h1 .title-size1 > p, .hero-bio .hero-inner .title-size1 .title-size1 > p, h3 h1 > p, h3 .text-subtitle, h3 .title-size1 > p, h4 h1 > p, h4 .text-subtitle, h4 .title-size1 > p, h5 h1 > p, .hero-news .hero-inner .bio-fieldvalue h1 > p, .hero-bio .hero-inner .bio-fieldvalue h1 > p, h5 .text-subtitle, .hero-news .hero-inner .bio-fieldvalue .text-subtitle, .hero-bio .hero-inner .bio-fieldvalue .text-subtitle, h5 .title-size1 > p, .hero-news .hero-inner .bio-fieldvalue .title-size1 > p, .hero-bio .hero-inner .bio-fieldvalue .title-size1 > p, h6 h1 > p, h6 .text-subtitle, h6 .title-size1 > p, .title-size1 h1 > p, .title-size1 .text-subtitle, .title-size1 .title-size1 > p, .title-size2 h1 > p, .title-size2 .text-subtitle, .title-size2 .title-size1 > p, .title-size3 h1 > p, .title-size3 .text-subtitle, .title-size3 .title-size1 > p, .title-size4 h1 > p, .title-size4 .text-subtitle, .title-size4 .title-size1 > p, .title-size5 h1 > p, .title-size5 .text-subtitle, .title-size5 .title-size1 > p, .title-size6 h1 > p, .title-size6 .text-subtitle, .title-size6 .title-size1 > p {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}

h1, .title-size1 {
  font-size: 65px;
  line-height: 73px;
}
@media only screen and (max-width: 540px) {
  h1, .title-size1 {
    font-size: 64px;
    line-height: 70px;
  }
}

h2, .hero-news .hero-inner h1, .hero-news .hero-inner .title-size1, .hero-bio .hero-inner h1, .hero-bio .hero-inner .title-size1, .title-size2 {
  font-size: 46px;
  line-height: 51px;
}
@media only screen and (max-width: 540px) {
  h2, .hero-news .hero-inner h1, .hero-news .hero-inner .title-size1, .hero-bio .hero-inner h1, .hero-bio .hero-inner .title-size1, .title-size2 {
    font-size: 35px;
    line-height: 46px;
  }
}

h3, .title-size3 {
  font-size: 37px;
  line-height: 45px;
  margin-bottom: 40.5px;
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  h3, .title-size3 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 540px) {
  h3, .title-size3 {
    font-size: 30px;
    line-height: 36px;
  }
}

h4, .title-size4 {
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 13.5px;
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  h4, .title-size4 {
    font-size: 28px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 540px) {
  h4, .title-size4 {
    font-size: 28px;
    line-height: 34px;
  }
}

h5, .hero-news .hero-inner .bio-fieldvalue, .hero-bio .hero-inner .bio-fieldvalue, .title-size5 {
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 13.5px;
}

h6, .title-size6 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 13.5px;
}

/* Buttons */
.button {
  text-decoration: none;
  display: inline-flex;
  flex-grow: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 27px 0 0 0;
  width: auto;
  height: 60px;
  text-align: center;
  padding: 4px 32px 2px;
  font-family: "Brown", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 3px;
  border: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -webkit-transform: rotate3d(0, 0, 0, 0);
  -moz-transform: rotate3d(0, 0, 0, 0);
  -ms-transform: rotate3d(0, 0, 0, 0);
  -o-transform: rotate3d(0, 0, 0, 0);
  transform: rotate3d(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.button span {
  position: relative;
  top: 1px;
}
@media only screen and (min-width: 950px) {
  .button {
    min-width: 200px;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .button {
    font-size: 13px;
    padding: 0 16px;
  }
}
@media only screen and (max-width: 750px) {
  .button {
    width: 100%;
    font-size: 13px;
  }
}
.button:hover, .button:focus {
  text-decoration: none;
}
.button:active {
  text-decoration: none;
}
.button.big {
  font-size: 20px;
  height: 70px;
  padding: 5px 34px 0px 34px;
}
.button.hollow {
  border-width: 2px !important;
  padding-top: 4px;
  border-style: solid;
}
.button.hollow span {
  top: 0;
  position: unset;
}

.border-hover {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  -webkit-transition: all 0.35s cubic-bezier(0.45, 0, 0.55, 1);
  -moz-transition: all 0.35s cubic-bezier(0.45, 0, 0.55, 1);
  -o-transition: all 0.35s cubic-bezier(0.45, 0, 0.55, 1);
  -ms-transition: all 0.35s cubic-bezier(0.45, 0, 0.55, 1);
  transition: all 0.35s cubic-bezier(0.45, 0, 0.55, 1);
}
@media (hover: hover) {
  .border-hover {
    width: 0;
    opacity: 0;
  }
}

.hero-outer, .hero-carousel-outer, .hero-imagefull-outer {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 540px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
@media only screen and (min-width: 1350px) {
  .hero-outer, .hero-carousel-outer, .hero-imagefull-outer {
    height: 567px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-outer, .hero-carousel-outer, .hero-imagefull-outer {
    height: 405px;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-outer, .hero-carousel-outer, .hero-imagefull-outer {
    height: 459px;
  }
}
@media only screen and (max-height: 700px) {
  .hero-outer, .hero-carousel-outer, .hero-imagefull-outer {
    height: 405px;
  }
}
.hero-outer.hero-keepaspectratio, .hero-carousel-outer.hero-keepaspectratio, .hero-imagefull-outer.hero-keepaspectratio {
  min-height: 540px;
}
@media only screen and (min-width: 950px) {
  .hero-outer.hero-keepaspectratio, .hero-carousel-outer.hero-keepaspectratio, .hero-imagefull-outer.hero-keepaspectratio {
    height: 46vw;
  }
}
@media only screen and (min-width: 1350px) {
  .hero-outer.hero-keepaspectratio, .hero-carousel-outer.hero-keepaspectratio, .hero-imagefull-outer.hero-keepaspectratio {
    height: 43vw;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-outer.hero-keepaspectratio, .hero-carousel-outer.hero-keepaspectratio, .hero-imagefull-outer.hero-keepaspectratio {
    height: 55vw;
  }
}
@media only screen and (min-width: 1620px) {
  .hero-outer.hero-keepaspectratio, .hero-carousel-outer.hero-keepaspectratio, .hero-imagefull-outer.hero-keepaspectratio {
    height: 720px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-outer:not(.hero-bio):not(.noimage):not(.hero-solidoverlay):not(.hero-transparentoverlay):not(.hero-news):not(.flexible-height):not(.list-with-image-outer):before, .hero-carousel-outer:not(.hero-bio):not(.noimage):not(.hero-solidoverlay):not(.hero-transparentoverlay):not(.hero-news):not(.flexible-height):not(.list-with-image-outer):before, .hero-imagefull-outer:not(.hero-bio):not(.noimage):not(.hero-solidoverlay):not(.hero-transparentoverlay):not(.hero-news):not(.flexible-height):not(.list-with-image-outer):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.15);
  }
}
@media only screen and (max-width: 750px) {
  .hero-outer.mobile-imagealign-right, .hero-carousel-outer.mobile-imagealign-right, .hero-imagefull-outer.mobile-imagealign-right {
    background-position: right center;
  }
}
.hero-outer.flexible-height, .hero-carousel-outer.flexible-height, .hero-imagefull-outer.flexible-height {
  height: auto;
  padding-bottom: 27px;
}
.hero-outer.noimage, .hero-carousel-outer.noimage, .hero-imagefull-outer.noimage {
  height: auto;
}
.hero-outer.noimage .hero-inner .grid__item, .hero-carousel-outer.noimage .hero-inner .grid__item, .hero-imagefull-outer.noimage .hero-inner .grid__item {
  height: auto;
}
.hero-outer .hero-solidoverlay, .hero-outer .hero-solidoverlay-2, .hero-outer .hero-solidoverlay-3, .hero-carousel-outer .hero-solidoverlay, .hero-carousel-outer .hero-solidoverlay-2, .hero-carousel-outer .hero-solidoverlay-3, .hero-imagefull-outer .hero-solidoverlay, .hero-imagefull-outer .hero-solidoverlay-2, .hero-imagefull-outer .hero-solidoverlay-3 {
  position: absolute;
  top: 50%;
  left: 0;
  height: 400%;
  width: 76%;
  z-index: 1;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(-50%, -50%) rotate(-21deg);
  -moz-transform: translate(-50%, -50%) rotate(-21deg);
  -ms-transform: translate(-50%, -50%) rotate(-21deg);
  -o-transform: translate(-50%, -50%) rotate(-21deg);
  transform: translate(-50%, -50%) rotate(-21deg);
}
@media only screen and (max-width: 540px) {
  .hero-outer .hero-solidoverlay, .hero-outer .hero-solidoverlay-2, .hero-outer .hero-solidoverlay-3, .hero-carousel-outer .hero-solidoverlay, .hero-carousel-outer .hero-solidoverlay-2, .hero-carousel-outer .hero-solidoverlay-3, .hero-imagefull-outer .hero-solidoverlay, .hero-imagefull-outer .hero-solidoverlay-2, .hero-imagefull-outer .hero-solidoverlay-3 {
    width: 60%;
  }
}
.hero-outer .hero-transparentoverlay, .hero-carousel-outer .hero-transparentoverlay, .hero-imagefull-outer .hero-transparentoverlay {
  position: absolute;
  top: -18%;
  left: 0;
  height: 118%;
  width: 100%;
  z-index: 1;
  opacity: 0.5;
  overflow: hidden;
}
.hero-outer .hero-transparentoverlay svg, .hero-carousel-outer .hero-transparentoverlay svg, .hero-imagefull-outer .hero-transparentoverlay svg {
  position: absolute;
  left: 10%;
  top: 0;
  width: auto;
  height: 100%;
  -webkit-transform: translate(-40%, 0);
  -moz-transform: translate(-40%, 0);
  -ms-transform: translate(-40%, 0);
  -o-transform: translate(-40%, 0);
  transform: translate(-40%, 0);
}
.hero-outer .hero-inner, .hero-carousel-outer .hero-inner, .hero-imagefull-outer .hero-inner {
  z-index: 10;
  /* SOCIAL SHARE & PERSONAL LINKS BUTTONS */
}
.hero-outer .hero-inner .grid, .hero-carousel-outer .hero-inner .grid, .hero-imagefull-outer .hero-inner .grid {
  height: 100%;
}
.hero-outer .hero-inner .grid__item, .hero-carousel-outer .hero-inner .grid__item, .hero-imagefull-outer .hero-inner .grid__item {
  height: 100%;
}
.hero-outer .hero-inner .hero-content, .hero-carousel-outer .hero-inner .hero-content, .hero-imagefull-outer .hero-inner .hero-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width: 750px) {
  .hero-outer .hero-inner .hero-content, .hero-carousel-outer .hero-inner .hero-content, .hero-imagefull-outer .hero-inner .hero-content {
    width: calc(100% - 30px);
  }
}
.hero-outer .hero-inner .hero-content .transparentoverlay, .hero-carousel-outer .hero-inner .hero-content .transparentoverlay, .hero-imagefull-outer .hero-inner .hero-content .transparentoverlay {
  position: absolute;
  top: 50%;
  left: -32px;
  width: calc(100% + 64px);
  height: calc(100% + 54px);
  opacity: 0.5;
  z-index: -1;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (min-width: 1350px) {
  .hero-outer .hero-inner .hero-content .transparentoverlay, .hero-carousel-outer .hero-inner .hero-content .transparentoverlay, .hero-imagefull-outer .hero-inner .hero-content .transparentoverlay {
    left: -64px;
    width: calc(100% + 128px);
    height: calc(100% + 81px);
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-outer .hero-inner .hero-content .transparentoverlay, .hero-carousel-outer .hero-inner .hero-content .transparentoverlay, .hero-imagefull-outer .hero-inner .hero-content .transparentoverlay {
    left: -32px;
    width: calc(100% + 64px);
    height: calc(100% + 54px);
  }
}
@media only screen and (max-width: 750px) {
  .hero-outer .hero-inner .hero-content .transparentoverlay, .hero-carousel-outer .hero-inner .hero-content .transparentoverlay, .hero-imagefull-outer .hero-inner .hero-content .transparentoverlay {
    left: 0;
    bottom: 54px;
    top: auto;
    width: 100%;
    height: calc(100% - 81px);
    opacity: 0.4;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
.hero-outer .hero-inner .hero-content .subtitle, .hero-carousel-outer .hero-inner .hero-content .subtitle, .hero-imagefull-outer .hero-inner .hero-content .subtitle {
  font-size: 21px;
  line-height: 29px;
  margin-bottom: 13.5px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 750px) {
  .hero-outer .hero-inner .hero-content .subtitle, .hero-carousel-outer .hero-inner .hero-content .subtitle, .hero-imagefull-outer .hero-inner .hero-content .subtitle {
    font-size: 18px;
    line-height: 28px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  }
}
.hero-outer .hero-inner .hero-content h1, .hero-outer .hero-inner .hero-content .title-size1, .hero-carousel-outer .hero-inner .hero-content h1, .hero-carousel-outer .hero-inner .hero-content .title-size1, .hero-imagefull-outer .hero-inner .hero-content h1, .hero-imagefull-outer .hero-inner .hero-content .title-size1 {
  font-size: 55px;
  line-height: 62px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 950px) {
  .hero-outer .hero-inner .hero-content, .hero-carousel-outer .hero-inner .hero-content, .hero-imagefull-outer .hero-inner .hero-content {
    max-width: 60%;
  }
}
@media only screen and (min-width: 1350px) {
  .hero-outer .hero-inner .hero-content, .hero-carousel-outer .hero-inner .hero-content, .hero-imagefull-outer .hero-inner .hero-content {
    max-width: 58%;
  }
}
@media only screen and (max-width: 750px) {
  .hero-outer .hero-inner .hero-content h1, .hero-outer .hero-inner .hero-content .title-size1, .hero-carousel-outer .hero-inner .hero-content h1, .hero-carousel-outer .hero-inner .hero-content .title-size1, .hero-imagefull-outer .hero-inner .hero-content h1, .hero-imagefull-outer .hero-inner .hero-content .title-size1 {
    font-size: 8vw;
    line-height: 8.5vw;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-outer .hero-inner .hero-content h1, .hero-outer .hero-inner .hero-content .title-size1, .hero-carousel-outer .hero-inner .hero-content h1, .hero-carousel-outer .hero-inner .hero-content .title-size1, .hero-imagefull-outer .hero-inner .hero-content h1, .hero-imagefull-outer .hero-inner .hero-content .title-size1 {
    font-size: 62px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-outer .hero-inner .hero-content .button-wrapper, .hero-carousel-outer .hero-inner .hero-content .button-wrapper, .hero-imagefull-outer .hero-inner .hero-content .button-wrapper {
    display: flex;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 750px) {
  .hero-outer .hero-inner .hero-content .button-one, .hero-carousel-outer .hero-inner .hero-content .button-one, .hero-imagefull-outer .hero-inner .hero-content .button-one {
    width: 47%;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-outer .hero-inner .hero-content .button-one:after, .hero-carousel-outer .hero-inner .hero-content .button-one:after, .hero-imagefull-outer .hero-inner .hero-content .button-one:after {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .hero-outer .hero-inner .hero-content .button-two, .hero-carousel-outer .hero-inner .hero-content .button-two, .hero-imagefull-outer .hero-inner .hero-content .button-two {
    width: 47%;
    right: 0px;
    left: unset !important;
    padding-right: 32px;
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 750px) {
  .hero-outer .hero-inner .hero-content .button-two:after, .hero-carousel-outer .hero-inner .hero-content .button-two:after, .hero-imagefull-outer .hero-inner .hero-content .button-two:after {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .hero-outer .hero-inner .hero-content .button-two, .hero-carousel-outer .hero-inner .hero-content .button-two, .hero-imagefull-outer .hero-inner .hero-content .button-two {
    margin-left: 1rem;
  }
}
.hero-outer .hero-inner .hero-content.simple, .hero-carousel-outer .hero-inner .hero-content.simple, .hero-imagefull-outer .hero-inner .hero-content.simple {
  width: 100%;
  max-width: 100%;
  text-align: center;
  position: relative;
  top: 0;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  padding-top: 54px;
  padding-bottom: 54px;
}
.hero-outer .hero-inner .hero-content.simple .subtitle, .hero-carousel-outer .hero-inner .hero-content.simple .subtitle, .hero-imagefull-outer .hero-inner .hero-content.simple .subtitle {
  text-transform: uppercase;
  font-family: "Brown", Arial, Helvetica, sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: 400;
}
.hero-outer .hero-inner .hero-content.image-with-text, .hero-carousel-outer .hero-inner .hero-content.image-with-text, .hero-imagefull-outer .hero-inner .hero-content.image-with-text {
  position: relative;
  margin: 0 auto 54px;
  top: 0;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.hero-outer .hero-inner .hero-content.image-with-text.above-image, .hero-carousel-outer .hero-inner .hero-content.image-with-text.above-image, .hero-imagefull-outer .hero-inner .hero-content.image-with-text.above-image {
  margin-top: 54px;
  margin-bottom: 0;
}
.hero-outer .hero-inner .hero-image, .hero-carousel-outer .hero-inner .hero-image, .hero-imagefull-outer .hero-inner .hero-image {
  margin: 0 auto 27px;
}
@media only screen and (min-width: 950px) {
  .hero-outer .hero-inner .hero-image, .hero-carousel-outer .hero-inner .hero-image, .hero-imagefull-outer .hero-inner .hero-image {
    max-width: 80%;
  }
}
.hero-outer .hero-inner .hero-image img, .hero-carousel-outer .hero-inner .hero-image img, .hero-imagefull-outer .hero-inner .hero-image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.hero-outer .hero-inner .socialshare-wrapper, .hero-outer .hero-inner .personal-links-wrapper, .hero-carousel-outer .hero-inner .socialshare-wrapper, .hero-carousel-outer .hero-inner .personal-links-wrapper, .hero-imagefull-outer .hero-inner .socialshare-wrapper, .hero-imagefull-outer .hero-inner .personal-links-wrapper {
  position: absolute;
  top: calc(100% + 54px);
  left: 30px;
  width: 60px;
  height: auto;
  text-align: center;
}
@media only screen and (max-width: 949px) {
  .hero-outer .hero-inner .socialshare-wrapper, .hero-outer .hero-inner .personal-links-wrapper, .hero-carousel-outer .hero-inner .socialshare-wrapper, .hero-carousel-outer .hero-inner .personal-links-wrapper, .hero-imagefull-outer .hero-inner .socialshare-wrapper, .hero-imagefull-outer .hero-inner .personal-links-wrapper {
    position: relative;
    top: -27px;
    left: 0;
    height: auto;
    width: calc(100% - 30px);
    text-align: left;
    margin-top: 27px;
    margin-left: 30px;
  }
}
.hero-outer .hero-inner .socialshare-wrapper span, .hero-outer .hero-inner .personal-links-wrapper span, .hero-carousel-outer .hero-inner .socialshare-wrapper span, .hero-carousel-outer .hero-inner .personal-links-wrapper span, .hero-imagefull-outer .hero-inner .socialshare-wrapper span, .hero-imagefull-outer .hero-inner .personal-links-wrapper span {
  display: block;
  margin: 0;
  padding: 0;
  margin-bottom: 13.5px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  opacity: 0.6;
  font-family: "Brown", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
@media only screen and (max-width: 949px) {
  .hero-outer .hero-inner .socialshare-wrapper span, .hero-outer .hero-inner .personal-links-wrapper span, .hero-carousel-outer .hero-inner .socialshare-wrapper span, .hero-carousel-outer .hero-inner .personal-links-wrapper span, .hero-imagefull-outer .hero-inner .socialshare-wrapper span, .hero-imagefull-outer .hero-inner .personal-links-wrapper span {
    display: block;
    margin-top: 12px;
    margin-right: 12px;
    margin-left: 2px;
  }
}
.hero-outer .hero-inner .socialshare-wrapper .socialshare-links ul, .hero-outer .hero-inner .socialshare-wrapper .personal-links ul, .hero-outer .hero-inner .personal-links-wrapper .socialshare-links ul, .hero-outer .hero-inner .personal-links-wrapper .personal-links ul, .hero-carousel-outer .hero-inner .socialshare-wrapper .socialshare-links ul, .hero-carousel-outer .hero-inner .socialshare-wrapper .personal-links ul, .hero-carousel-outer .hero-inner .personal-links-wrapper .socialshare-links ul, .hero-carousel-outer .hero-inner .personal-links-wrapper .personal-links ul, .hero-imagefull-outer .hero-inner .socialshare-wrapper .socialshare-links ul, .hero-imagefull-outer .hero-inner .socialshare-wrapper .personal-links ul, .hero-imagefull-outer .hero-inner .personal-links-wrapper .socialshare-links ul, .hero-imagefull-outer .hero-inner .personal-links-wrapper .personal-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hero-outer .hero-inner .socialshare-wrapper .socialshare-links ul li, .hero-outer .hero-inner .socialshare-wrapper .personal-links ul li, .hero-outer .hero-inner .personal-links-wrapper .socialshare-links ul li, .hero-outer .hero-inner .personal-links-wrapper .personal-links ul li, .hero-carousel-outer .hero-inner .socialshare-wrapper .socialshare-links ul li, .hero-carousel-outer .hero-inner .socialshare-wrapper .personal-links ul li, .hero-carousel-outer .hero-inner .personal-links-wrapper .socialshare-links ul li, .hero-carousel-outer .hero-inner .personal-links-wrapper .personal-links ul li, .hero-imagefull-outer .hero-inner .socialshare-wrapper .socialshare-links ul li, .hero-imagefull-outer .hero-inner .socialshare-wrapper .personal-links ul li, .hero-imagefull-outer .hero-inner .personal-links-wrapper .socialshare-links ul li, .hero-imagefull-outer .hero-inner .personal-links-wrapper .personal-links ul li {
  width: 100%;
  padding: 0;
  margin: 0 0 12px 0;
}
@media only screen and (max-width: 949px) {
  .hero-outer .hero-inner .socialshare-wrapper .socialshare-links ul li, .hero-outer .hero-inner .socialshare-wrapper .personal-links ul li, .hero-outer .hero-inner .personal-links-wrapper .socialshare-links ul li, .hero-outer .hero-inner .personal-links-wrapper .personal-links ul li, .hero-carousel-outer .hero-inner .socialshare-wrapper .socialshare-links ul li, .hero-carousel-outer .hero-inner .socialshare-wrapper .personal-links ul li, .hero-carousel-outer .hero-inner .personal-links-wrapper .socialshare-links ul li, .hero-carousel-outer .hero-inner .personal-links-wrapper .personal-links ul li, .hero-imagefull-outer .hero-inner .socialshare-wrapper .socialshare-links ul li, .hero-imagefull-outer .hero-inner .socialshare-wrapper .personal-links ul li, .hero-imagefull-outer .hero-inner .personal-links-wrapper .socialshare-links ul li, .hero-imagefull-outer .hero-inner .personal-links-wrapper .personal-links ul li {
    display: inline-block;
    width: auto;
    margin: 0 12px 0 0;
  }
}
.hero-outer .hero-inner .socialshare-wrapper .socialshare-links ul li a, .hero-outer .hero-inner .socialshare-wrapper .personal-links ul li a, .hero-outer .hero-inner .personal-links-wrapper .socialshare-links ul li a, .hero-outer .hero-inner .personal-links-wrapper .personal-links ul li a, .hero-carousel-outer .hero-inner .socialshare-wrapper .socialshare-links ul li a, .hero-carousel-outer .hero-inner .socialshare-wrapper .personal-links ul li a, .hero-carousel-outer .hero-inner .personal-links-wrapper .socialshare-links ul li a, .hero-carousel-outer .hero-inner .personal-links-wrapper .personal-links ul li a, .hero-imagefull-outer .hero-inner .socialshare-wrapper .socialshare-links ul li a, .hero-imagefull-outer .hero-inner .socialshare-wrapper .personal-links ul li a, .hero-imagefull-outer .hero-inner .personal-links-wrapper .socialshare-links ul li a, .hero-imagefull-outer .hero-inner .personal-links-wrapper .personal-links ul li a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  border-width: 2px;
  border-style: solid;
  width: 38px;
  height: 38px;
  background-image: url(../../assets/images/iconsocial-facebook-dark.svg);
  background-position: center center;
  background-size: 50% auto;
  background-repeat: no-repeat;
  color: inherit;
  border-color: inherit;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.hero-outer .hero-inner .socialshare-wrapper .socialshare-links ul li a:hover, .hero-outer .hero-inner .socialshare-wrapper .personal-links ul li a:hover, .hero-outer .hero-inner .personal-links-wrapper .socialshare-links ul li a:hover, .hero-outer .hero-inner .personal-links-wrapper .personal-links ul li a:hover, .hero-carousel-outer .hero-inner .socialshare-wrapper .socialshare-links ul li a:hover, .hero-carousel-outer .hero-inner .socialshare-wrapper .personal-links ul li a:hover, .hero-carousel-outer .hero-inner .personal-links-wrapper .socialshare-links ul li a:hover, .hero-carousel-outer .hero-inner .personal-links-wrapper .personal-links ul li a:hover, .hero-imagefull-outer .hero-inner .socialshare-wrapper .socialshare-links ul li a:hover, .hero-imagefull-outer .hero-inner .socialshare-wrapper .personal-links ul li a:hover, .hero-imagefull-outer .hero-inner .personal-links-wrapper .socialshare-links ul li a:hover, .hero-imagefull-outer .hero-inner .personal-links-wrapper .personal-links ul li a:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.hero-outer .hero-inner .socialshare-wrapper .socialshare-links ul li.twitter a, .hero-outer .hero-inner .socialshare-wrapper .personal-links ul li.twitter a, .hero-outer .hero-inner .personal-links-wrapper .socialshare-links ul li.twitter a, .hero-outer .hero-inner .personal-links-wrapper .personal-links ul li.twitter a, .hero-carousel-outer .hero-inner .socialshare-wrapper .socialshare-links ul li.twitter a, .hero-carousel-outer .hero-inner .socialshare-wrapper .personal-links ul li.twitter a, .hero-carousel-outer .hero-inner .personal-links-wrapper .socialshare-links ul li.twitter a, .hero-carousel-outer .hero-inner .personal-links-wrapper .personal-links ul li.twitter a, .hero-imagefull-outer .hero-inner .socialshare-wrapper .socialshare-links ul li.twitter a, .hero-imagefull-outer .hero-inner .socialshare-wrapper .personal-links ul li.twitter a, .hero-imagefull-outer .hero-inner .personal-links-wrapper .socialshare-links ul li.twitter a, .hero-imagefull-outer .hero-inner .personal-links-wrapper .personal-links ul li.twitter a {
  background-image: url(../../assets/images/iconsocial-twitter-dark.svg);
}
.hero-outer .hero-inner .socialshare-wrapper .socialshare-links ul li.linkedin a, .hero-outer .hero-inner .socialshare-wrapper .personal-links ul li.linkedin a, .hero-outer .hero-inner .personal-links-wrapper .socialshare-links ul li.linkedin a, .hero-outer .hero-inner .personal-links-wrapper .personal-links ul li.linkedin a, .hero-carousel-outer .hero-inner .socialshare-wrapper .socialshare-links ul li.linkedin a, .hero-carousel-outer .hero-inner .socialshare-wrapper .personal-links ul li.linkedin a, .hero-carousel-outer .hero-inner .personal-links-wrapper .socialshare-links ul li.linkedin a, .hero-carousel-outer .hero-inner .personal-links-wrapper .personal-links ul li.linkedin a, .hero-imagefull-outer .hero-inner .socialshare-wrapper .socialshare-links ul li.linkedin a, .hero-imagefull-outer .hero-inner .socialshare-wrapper .personal-links ul li.linkedin a, .hero-imagefull-outer .hero-inner .personal-links-wrapper .socialshare-links ul li.linkedin a, .hero-imagefull-outer .hero-inner .personal-links-wrapper .personal-links ul li.linkedin a {
  background-image: url(../../assets/images/iconsocial-linkedin-dark.svg);
}
.hero-outer .hero-inner .socialshare-wrapper .socialshare-links ul li.instagram a, .hero-outer .hero-inner .socialshare-wrapper .personal-links ul li.instagram a, .hero-outer .hero-inner .personal-links-wrapper .socialshare-links ul li.instagram a, .hero-outer .hero-inner .personal-links-wrapper .personal-links ul li.instagram a, .hero-carousel-outer .hero-inner .socialshare-wrapper .socialshare-links ul li.instagram a, .hero-carousel-outer .hero-inner .socialshare-wrapper .personal-links ul li.instagram a, .hero-carousel-outer .hero-inner .personal-links-wrapper .socialshare-links ul li.instagram a, .hero-carousel-outer .hero-inner .personal-links-wrapper .personal-links ul li.instagram a, .hero-imagefull-outer .hero-inner .socialshare-wrapper .socialshare-links ul li.instagram a, .hero-imagefull-outer .hero-inner .socialshare-wrapper .personal-links ul li.instagram a, .hero-imagefull-outer .hero-inner .personal-links-wrapper .socialshare-links ul li.instagram a, .hero-imagefull-outer .hero-inner .personal-links-wrapper .personal-links ul li.instagram a {
  background-image: url(../../assets/images/iconsocial-instagram-dark.svg);
}
.hero-outer .hero-inner .socialshare-wrapper .socialshare-links ul li.youtube a, .hero-outer .hero-inner .socialshare-wrapper .personal-links ul li.youtube a, .hero-outer .hero-inner .personal-links-wrapper .socialshare-links ul li.youtube a, .hero-outer .hero-inner .personal-links-wrapper .personal-links ul li.youtube a, .hero-carousel-outer .hero-inner .socialshare-wrapper .socialshare-links ul li.youtube a, .hero-carousel-outer .hero-inner .socialshare-wrapper .personal-links ul li.youtube a, .hero-carousel-outer .hero-inner .personal-links-wrapper .socialshare-links ul li.youtube a, .hero-carousel-outer .hero-inner .personal-links-wrapper .personal-links ul li.youtube a, .hero-imagefull-outer .hero-inner .socialshare-wrapper .socialshare-links ul li.youtube a, .hero-imagefull-outer .hero-inner .socialshare-wrapper .personal-links ul li.youtube a, .hero-imagefull-outer .hero-inner .personal-links-wrapper .socialshare-links ul li.youtube a, .hero-imagefull-outer .hero-inner .personal-links-wrapper .personal-links ul li.youtube a {
  background-image: url(../../assets/images/iconsocial-youtube-dark.svg);
}
.hero-outer .hero-tabsection-text-wrapper, .hero-carousel-outer .hero-tabsection-text-wrapper, .hero-imagefull-outer .hero-tabsection-text-wrapper {
  position: absolute;
  top: 52%;
  left: 5%;
  z-index: 100;
  text-align: center;
  width: 90%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.hero-outer .hero-tabsection-text-wrapper .text-size-small, .hero-outer .hero-tabsection-text-wrapper .text-size-medium, .hero-outer .hero-tabsection-text-wrapper .text-size-large, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-small, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-medium, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-large, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-small, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-medium, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-large {
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
}
.hero-outer .hero-tabsection-text-wrapper .text-size-small p, .hero-outer .hero-tabsection-text-wrapper .text-size-medium p, .hero-outer .hero-tabsection-text-wrapper .text-size-large p, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-small p, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-medium p, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-large p, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-small p, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-medium p, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-large p {
  margin: 0 !important;
}
.hero-outer .hero-tabsection-text-wrapper .text-size-small, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-small, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-small {
  font-size: 45px;
  line-height: 40px;
}
@media only screen and (max-width: 750px) {
  .hero-outer .hero-tabsection-text-wrapper .text-size-small, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-small, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-small {
    font-size: 40px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 540px) {
  .hero-outer .hero-tabsection-text-wrapper .text-size-small, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-small, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-small {
    font-size: 32px;
    line-height: 30px;
  }
}
.hero-outer .hero-tabsection-text-wrapper .text-size-medium, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-medium, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-medium {
  font-size: 64px;
  line-height: 60px;
}
@media only screen and (max-width: 750px) {
  .hero-outer .hero-tabsection-text-wrapper .text-size-medium, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-medium, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-medium {
    font-size: 55px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 540px) {
  .hero-outer .hero-tabsection-text-wrapper .text-size-medium, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-medium, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-medium {
    font-size: 42px;
    line-height: 38px;
  }
}
.hero-outer .hero-tabsection-text-wrapper .text-size-large, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-large, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-large {
  font-size: 120px;
  line-height: 120px;
}
@media only screen and (min-width: 1350px) {
  .hero-outer .hero-tabsection-text-wrapper .text-size-large, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-large, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-large {
    font-size: 135px;
    line-height: 130px;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-outer .hero-tabsection-text-wrapper .text-size-large, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-large, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-large {
    font-size: 90px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-outer .hero-tabsection-text-wrapper .text-size-large, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-large, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-large {
    font-size: 65px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 540px) {
  .hero-outer .hero-tabsection-text-wrapper .text-size-large, .hero-carousel-outer .hero-tabsection-text-wrapper .text-size-large, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-size-large {
    font-size: 55px;
    line-height: 50px;
  }
}
.hero-outer .hero-tabsection-text-wrapper .text-font-title, .hero-carousel-outer .hero-tabsection-text-wrapper .text-font-title, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-font-title {
  font-family: "Brown", Arial, Helvetica, sans-serif;
}
.hero-outer .hero-tabsection-text-wrapper .text-font-copy, .hero-carousel-outer .hero-tabsection-text-wrapper .text-font-copy, .hero-imagefull-outer .hero-tabsection-text-wrapper .text-font-copy {
  font-family: "National", Arial, Helvetica, sans-serif;
}
.hero-outer.noimage .hero-inner .hero-content .subtitle, .hero-outer.flexible-height .hero-inner .hero-content .subtitle, .hero-carousel-outer.noimage .hero-inner .hero-content .subtitle, .hero-carousel-outer.flexible-height .hero-inner .hero-content .subtitle, .hero-imagefull-outer.noimage .hero-inner .hero-content .subtitle, .hero-imagefull-outer.flexible-height .hero-inner .hero-content .subtitle {
  text-shadow: none;
}
.hero-outer.noimage .hero-inner .hero-content h1, .hero-outer.noimage .hero-inner .hero-content .title-size1, .hero-outer.flexible-height .hero-inner .hero-content h1, .hero-outer.flexible-height .hero-inner .hero-content .title-size1, .hero-carousel-outer.noimage .hero-inner .hero-content h1, .hero-carousel-outer.noimage .hero-inner .hero-content .title-size1, .hero-carousel-outer.flexible-height .hero-inner .hero-content h1, .hero-carousel-outer.flexible-height .hero-inner .hero-content .title-size1, .hero-imagefull-outer.noimage .hero-inner .hero-content h1, .hero-imagefull-outer.noimage .hero-inner .hero-content .title-size1, .hero-imagefull-outer.flexible-height .hero-inner .hero-content h1, .hero-imagefull-outer.flexible-height .hero-inner .hero-content .title-size1 {
  text-shadow: none;
}

.hero-stack-outer, .hero-carousel-outer, .hero-imagefull-outer {
  overflow: hidden;
  height: 540px;
}
@media only screen and (max-height: 700px) {
  .hero-stack-outer, .hero-carousel-outer, .hero-imagefull-outer {
    height: 540px;
  }
}
@media only screen and (min-width: 1350px) {
  .hero-stack-outer, .hero-carousel-outer, .hero-imagefull-outer {
    height: 594px;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-stack-outer, .hero-carousel-outer, .hero-imagefull-outer {
    height: 540px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-stack-outer, .hero-carousel-outer, .hero-imagefull-outer {
    height: 391.5px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-stack-outer.hero-tabsection, .hero-carousel-outer.hero-tabsection, .hero-imagefull-outer.hero-tabsection {
    height: 216px;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-stack-outer.hero-tabsection, .hero-carousel-outer.hero-tabsection, .hero-imagefull-outer.hero-tabsection {
    height: 432px;
  }
}
@media only screen and (max-height: 700px) {
  .hero-stack-outer.hero-tabsection, .hero-carousel-outer.hero-tabsection, .hero-imagefull-outer.hero-tabsection {
    height: 378px;
  }
}
.hero-stack-outer .slide-bkimage, .hero-stack-outer .hero-bkimage, .hero-stack-outer .hero-bkimagemobile, .hero-carousel-outer .slide-bkimage, .hero-carousel-outer .hero-bkimage, .hero-carousel-outer .hero-bkimagemobile, .hero-imagefull-outer .slide-bkimage, .hero-imagefull-outer .hero-bkimage, .hero-imagefull-outer .hero-bkimagemobile {
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 750px) {
  .hero-stack-outer .slide-bkimage.mobile-imagealign-right, .hero-stack-outer .hero-bkimage.mobile-imagealign-right, .hero-stack-outer .hero-bkimagemobile.mobile-imagealign-right, .hero-carousel-outer .slide-bkimage.mobile-imagealign-right, .hero-carousel-outer .hero-bkimage.mobile-imagealign-right, .hero-carousel-outer .hero-bkimagemobile.mobile-imagealign-right, .hero-imagefull-outer .slide-bkimage.mobile-imagealign-right, .hero-imagefull-outer .hero-bkimage.mobile-imagealign-right, .hero-imagefull-outer .hero-bkimagemobile.mobile-imagealign-right {
    background-position: right center;
  }
}
@media only screen and (max-width: 750px) and (min-width: 541px) {
  .hero-stack-outer .slide-bkimage.mobile-imagealign-right, .hero-stack-outer .hero-bkimage.mobile-imagealign-right, .hero-stack-outer .hero-bkimagemobile.mobile-imagealign-right, .hero-carousel-outer .slide-bkimage.mobile-imagealign-right, .hero-carousel-outer .hero-bkimage.mobile-imagealign-right, .hero-carousel-outer .hero-bkimagemobile.mobile-imagealign-right, .hero-imagefull-outer .slide-bkimage.mobile-imagealign-right, .hero-imagefull-outer .hero-bkimage.mobile-imagealign-right, .hero-imagefull-outer .hero-bkimagemobile.mobile-imagealign-right {
    background-position: right center;
  }
}
.hero-stack-outer .slide-bkimage .overlay, .hero-stack-outer .hero-bkimage .overlay, .hero-stack-outer .hero-bkimagemobile .overlay, .hero-carousel-outer .slide-bkimage .overlay, .hero-carousel-outer .hero-bkimage .overlay, .hero-carousel-outer .hero-bkimagemobile .overlay, .hero-imagefull-outer .slide-bkimage .overlay, .hero-imagefull-outer .hero-bkimage .overlay, .hero-imagefull-outer .hero-bkimagemobile .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0.6;
}
.hero-stack-outer .hero-inner, .hero-carousel-outer .hero-inner, .hero-imagefull-outer .hero-inner {
  /* hero content */
}
@media only screen and (max-width: 750px) {
  .hero-stack-outer .hero-inner, .hero-carousel-outer .hero-inner, .hero-imagefull-outer .hero-inner {
    max-width: unset;
  }
}
.hero-stack-outer .hero-inner .hero-content, .hero-carousel-outer .hero-inner .hero-content, .hero-imagefull-outer .hero-inner .hero-content {
  width: calc(100% - 130px);
  left: calc(50% + 16px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -55%);
  -moz-transform: translate(-50%, -55%);
  -ms-transform: translate(-50%, -55%);
  -o-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
}
@media only screen and (min-width: 950px) {
  .hero-stack-outer .hero-inner .hero-content, .hero-carousel-outer .hero-inner .hero-content, .hero-imagefull-outer .hero-inner .hero-content {
    width: calc(100% - 128px);
    left: 80px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media only screen and (min-width: 1350px) {
  .hero-stack-outer .hero-inner .hero-content, .hero-carousel-outer .hero-inner .hero-content, .hero-imagefull-outer .hero-inner .hero-content {
    width: calc(100% - 32px);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media only screen and (max-width: 750px) {
  .hero-stack-outer .hero-inner .hero-content, .hero-carousel-outer .hero-inner .hero-content, .hero-imagefull-outer .hero-inner .hero-content {
    width: calc(100% - 50px);
    height: 100%;
    top: 0;
    /*padding-top:$vertical-unit;*/
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media only screen and (max-width: 750px) {
  .hero-stack-outer .hero-inner .hero-content .title-size1, .hero-carousel-outer .hero-inner .hero-content .title-size1, .hero-imagefull-outer .hero-inner .hero-content .title-size1 {
    height: calc(100% - 200px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 14px;
  }
  .hero-stack-outer .hero-inner .hero-content .title-size1.nobutton, .hero-carousel-outer .hero-inner .hero-content .title-size1.nobutton, .hero-imagefull-outer .hero-inner .hero-content .title-size1.nobutton {
    /*padding-top:0;*/
  }
}
@media only screen and (max-width: 750px) {
  .hero-stack-outer .hero-inner .hero-content .button-arrow, .hero-carousel-outer .hero-inner .hero-content .button-arrow, .hero-imagefull-outer .hero-inner .hero-content .button-arrow {
    position: absolute;
    bottom: 40px;
    margin: 0;
  }
}
@media only screen and (max-width: 750px) {
  .hero-stack-outer .hero-inner .hero-content .subtitle, .hero-carousel-outer .hero-inner .hero-content .subtitle, .hero-imagefull-outer .hero-inner .hero-content .subtitle {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px 30px 20px;
    height: 148.5px;
    left: 50%;
    width: calc(100% + 50px);
    position: absolute;
    line-height: 1.2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    top: 170px;
    background: none;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 750px) and (min-width: 541px) {
  .hero-stack-outer .hero-inner .hero-content .subtitle, .hero-carousel-outer .hero-inner .hero-content .subtitle, .hero-imagefull-outer .hero-inner .hero-content .subtitle {
    width: calc(100% + 80px);
  }
}
@media only screen and (min-width: 751px) {
  .hero-stack-outer .hero-inner .hero-content .subtitle, .hero-carousel-outer .hero-inner .hero-content .subtitle, .hero-imagefull-outer .hero-inner .hero-content .subtitle {
    background: transparent !important;
  }
}
@media only screen and (max-width: 750px) {
  .hero-stack-outer.with-subtitles, .hero-carousel-outer.with-subtitles, .hero-imagefull-outer.with-subtitles {
    height: 472.5px;
  }
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
  .hero-stack-outer.with-subtitles, .hero-carousel-outer.with-subtitles, .hero-imagefull-outer.with-subtitles {
    height: 418.5px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-stack-outer.with-subtitles .hero-inner .hero-content, .hero-carousel-outer.with-subtitles .hero-inner .hero-content, .hero-imagefull-outer.with-subtitles .hero-inner .hero-content {
    height: 100%;
  }
  .hero-stack-outer.with-subtitles .hero-inner .hero-content .button-arrow, .hero-carousel-outer.with-subtitles .hero-inner .hero-content .button-arrow, .hero-imagefull-outer.with-subtitles .hero-inner .hero-content .button-arrow {
    bottom: 40px;
  }
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
  .hero-stack-outer.with-subtitles .hero-inner .hero-content .title-size1, .hero-carousel-outer.with-subtitles .hero-inner .hero-content .title-size1, .hero-imagefull-outer.with-subtitles .hero-inner .hero-content .title-size1 {
    height: calc(100% - 260px);
  }
}
@media only screen and (max-width: 750px) {
  .hero-stack-outer.with-subtitles .slide-bkimage, .hero-stack-outer.with-subtitles .hero-bkimage, .hero-stack-outer.with-subtitles .hero-bkimage, .hero-stack-outer.with-subtitles .hero-bkimagemobile, .hero-carousel-outer.with-subtitles .slide-bkimage, .hero-carousel-outer.with-subtitles .hero-bkimage, .hero-carousel-outer.with-subtitles .hero-bkimage, .hero-carousel-outer.with-subtitles .hero-bkimagemobile, .hero-imagefull-outer.with-subtitles .slide-bkimage, .hero-imagefull-outer.with-subtitles .hero-bkimage, .hero-imagefull-outer.with-subtitles .hero-bkimage, .hero-imagefull-outer.with-subtitles .hero-bkimagemobile {
    height: 100%;
  }
}
@media only screen and (max-width: 540px) {
  .hero-stack-outer.with-subtitles .hero-inner .hero-content .button-arrow, .hero-carousel-outer.with-subtitles .hero-inner .hero-content .button-arrow, .hero-imagefull-outer.with-subtitles .hero-inner .hero-content .button-arrow {
    width: 80%;
    margin-left: 10%;
  }
}
@media only screen and (max-width: 750px) {
  .hero-stack-outer.with-subtitles .hero-inner .hero-content .button-one, .hero-carousel-outer.with-subtitles .hero-inner .hero-content .button-one, .hero-imagefull-outer.with-subtitles .hero-inner .hero-content .button-one {
    width: 47%;
    margin: 0px;
    padding: 1rem;
    left: 0px;
  }
  .hero-stack-outer.with-subtitles .hero-inner .hero-content .button-one:after, .hero-carousel-outer.with-subtitles .hero-inner .hero-content .button-one:after, .hero-imagefull-outer.with-subtitles .hero-inner .hero-content .button-one:after {
    display: none;
  }
  .hero-stack-outer.with-subtitles .hero-inner .hero-content .button-two, .hero-carousel-outer.with-subtitles .hero-inner .hero-content .button-two, .hero-imagefull-outer.with-subtitles .hero-inner .hero-content .button-two {
    width: 47%;
    margin: 0px !important;
    padding: 1rem;
    position: absolute;
    right: 0px;
    margin-left: 1rem;
  }
  .hero-stack-outer.with-subtitles .hero-inner .hero-content .button-two:after, .hero-carousel-outer.with-subtitles .hero-inner .hero-content .button-two:after, .hero-imagefull-outer.with-subtitles .hero-inner .hero-content .button-two:after {
    display: none;
  }
}
@media only screen and (min-width: 751px) {
  .hero-stack-outer.with-subtitles .hero-inner .hero-content .button-two, .hero-carousel-outer.with-subtitles .hero-inner .hero-content .button-two, .hero-imagefull-outer.with-subtitles .hero-inner .hero-content .button-two {
    margin-left: 1rem;
  }
}

@media only screen and (max-width: 750px) {
  .hero-imagefull-outer .hero-inner .hero-content .subtitle {
    padding: 10px 20px 10px 20px;
  }
}

@media only screen and (max-width: 750px) {
  .hero-bkimage {
    display: none;
  }
}

@media only screen and (min-width: 751px) {
  .hero-bkimagemobile {
    display: none;
  }
}

.stack-hero-container {
  height: 700px;
  width: 100%;
}
.stack-hero-container .stack-hero {
  height: 700px;
  width: 100%;
}
.stack-hero-container .stack-hero .hero-stack-outer {
  height: 100%;
}
.stack-hero-container .stack-hero .hero-stack-outer .slide-bkimage {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid {
  height: 100%;
}
.stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content {
  transform: none;
}
@media only screen and (min-width: 749px) {
  .stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content {
    padding-top: 100px;
  }
}
.stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content p {
  margin-top: 1rem;
}
.stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .title-size1,
.stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .title-size2,
.stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .title-size3,
.stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .title-size4,
.stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .title-size5,
.stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .title-size6 {
  font-size: 55px;
  line-height: 62px;
}
@media only screen and (max-width: 750px) {
  .stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .title-size1,
  .stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .title-size2,
  .stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .title-size3,
  .stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .title-size4,
  .stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .title-size5,
  .stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .title-size6 {
    font-size: 8vw;
    font-size: 8.5vw;
    height: auto;
    padding: 0px;
    padding-top: 4rem;
    margin: 0px;
  }
  .stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .button-arrow {
    width: 95%;
  }
  .stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .button-one {
    left: 5%;
    width: 47%;
  }
  .stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .button-two {
    width: 47%;
  }
  .stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content p {
    margin: 0px;
    width: 100%;
    position: relative;
    top: auto;
  }
}
@media only screen and (max-width: 540px) {
  .stack-hero-container .stack-hero .hero-stack-outer .hero-inner .grid .hero-content .button-arrow {
    margin-left: 0px;
  }
}

.hero-news, .hero-bio {
  padding-top: 54px;
  height: auto;
  overflow: visible;
}
.hero-news .hero-inner .border-line, .hero-bio .hero-inner .border-line {
  position: absolute;
  left: 32px;
  bottom: 0;
  width: calc(100% - 64px);
  height: 3px;
}
.hero-news .hero-inner .border-line span, .hero-bio .hero-inner .border-line span {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 90px;
}
.hero-news .hero-inner .grid .grid__item, .hero-bio .hero-inner .grid .grid__item {
  height: auto;
  padding-bottom: 27px;
}
.hero-news .hero-inner .grid .grid__item.bio-imagewrapper, .hero-bio .hero-inner .grid .grid__item.bio-imagewrapper {
  vertical-align: bottom;
}
.hero-news .hero-inner .hero-supertitle, .hero-bio .hero-inner .hero-supertitle {
  display: block;
  margin: 0;
  padding: 0;
  margin-top: 27px;
  margin-bottom: 13.5px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  opacity: 0.6;
  font-family: "Brown", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.hero-news .hero-inner .hero-supertitle.top, .hero-bio .hero-inner .hero-supertitle.top {
  margin-top: 0;
}
.hero-news .hero-inner .news-image, .hero-news .hero-inner .bio-image, .hero-bio .hero-inner .news-image, .hero-bio .hero-inner .bio-image {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}
.hero-news .hero-inner .news-image img, .hero-news .hero-inner .bio-image img, .hero-bio .hero-inner .news-image img, .hero-bio .hero-inner .bio-image img {
  max-width: 100%;
  height: auto;
}
.hero-news .hero-inner .bio-image, .hero-bio .hero-inner .bio-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-bottom: 100%;
  position: relative;
}
@media only screen and (min-width: 950px) {
  .hero-news .hero-inner .bio-image, .hero-bio .hero-inner .bio-image {
    height: 440px;
    width: 400px;
    padding: 0;
    float: right;
  }
}
.hero-news .hero-inner .bio-fieldvalue, .hero-bio .hero-inner .bio-fieldvalue {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
}
@media only screen and (min-width: 751px) {
  .hero-news .hero-inner .bio-fieldvalue:last-of-type, .hero-bio .hero-inner .bio-fieldvalue:last-of-type {
    margin-bottom: 27px;
  }
}
.hero-news .hero-inner a.bio-fieldvalue, .hero-bio .hero-inner a.bio-fieldvalue {
  color: inherit;
  padding-right: 64px;
}
.hero-news .hero-inner a.bio-fieldvalue:hover, .hero-bio .hero-inner a.bio-fieldvalue:hover {
  text-decoration: none;
}
.hero-news .hero-inner a.bio-fieldvalue .icon-link, .hero-bio .hero-inner a.bio-fieldvalue .icon-link {
  display: block;
  position: absolute;
  right: 16px;
  top: 45%;
  height: 25px;
  width: 25px;
  background-image: url(../../assets/images/icons/icon-circle-arrow.svg);
  background-size: auto 140%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translate(0, -50%) scale(1);
  -moz-transform: translate(0, -50%) scale(1);
  -ms-transform: translate(0, -50%) scale(1);
  -o-transform: translate(0, -50%) scale(1);
  transform: translate(0, -50%) scale(1);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  right: 16px;
}
.hero-news .hero-inner .author-container, .hero-bio .hero-inner .author-container {
  display: block;
  margin: 54px 0 27px 0;
}
.hero-news .hero-inner .author-container .author-image, .hero-bio .hero-inner .author-container .author-image {
  width: 55px;
  height: 55px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin-right: 32px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.hero-news .hero-inner .author-container .author-name, .hero-bio .hero-inner .author-container .author-name {
  font-weight: bold;
  font-family: "Brown", Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding-top: 13.5px;
}
.hero-news .hero-inner .author-container .author-name span, .hero-bio .hero-inner .author-container .author-name span {
  display: block;
  font-size: 13px;
  font-weight: normal;
}

/*--------- DNA --------------*/
.hero-dna-outer {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .hero-dna-outer {
    padding-top: 27px;
    padding-bottom: 81px;
  }
}
.hero-dna-outer .hero-background {
  position: absolute;
  bottom: 0;
  left: calc(90px + 32px);
  width: calc(50% + 32px);
  height: calc(100% - 54px);
  z-index: 10;
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-dna-outer .hero-background {
    left: calc(25px + 32px);
    height: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .hero-dna-outer .hero-background {
    left: 124px;
    bottom: 14%;
    width: calc(100% - 132px);
    height: calc(86% - 54px);
  }
}
.hero-dna-outer .hero-content {
  position: relative;
  width: 60%;
  z-index: 40;
  padding-top: 162px;
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-dna-outer .hero-content {
    padding-top: 54px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-dna-outer .hero-content {
    width: 100%;
    padding: 135px 25.6px 0 25.6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.hero-dna-outer .hero-content .subtitle {
  font-family: "Brown", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 23px;
  font-style: italic;
  text-transform: uppercase;
}
@media only screen and (min-width: 1350px) {
  .hero-dna-outer .hero-content .subtitle {
    font-size: 22px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-dna-outer .hero-content .subtitle {
    font-size: 14px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-dna-outer .hero-content .subtitle {
    font-size: 14px;
    line-height: 16px;
  }
}
.hero-dna-outer .hero-content .title-size1 {
  font-size: 6vw;
  line-height: 5.5vw;
  margin-bottom: 54px;
  padding-right: 32px;
}
@media only screen and (min-width: 1350px) {
  .hero-dna-outer .hero-content .title-size1 {
    font-size: 85px;
    line-height: 79px;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-dna-outer .hero-content .title-size1 {
    font-size: 5.5vw;
    line-height: 5.4vw;
    margin-bottom: 27px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-dna-outer .hero-content .title-size1 {
    font-size: 46px;
    line-height: 46px;
    margin-bottom: 27px;
  }
}
.hero-dna-outer .hero-content .button, .hero-dna-outer .hero-content .button-primary {
  margin-left: 130px;
  margin-top: 0;
  margin-bottom: 54px;
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-dna-outer .hero-content .button, .hero-dna-outer .hero-content .button-primary {
    margin-left: 65px;
    margin-bottom: 27px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-dna-outer .hero-content .button, .hero-dna-outer .hero-content .button-primary {
    margin-left: 100px;
    width: auto;
    font-size: 18px;
  }
}
.hero-dna-outer .hero-content .herocopy {
  padding-left: 130px;
  padding-right: 42px;
  font-size: 19px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-dna-outer .hero-content .herocopy {
    padding-left: 65px;
    font-size: 18px;
    line-height: 23px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-dna-outer .hero-content .herocopy {
    padding-left: 100px;
    padding-right: 5px;
    font-size: 16px;
    line-height: 21px;
  }
}
.hero-dna-outer .hero-media {
  position: absolute;
  left: calc(55% + 64px);
  top: 50%;
  width: calc(45% - 64px);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 20;
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-dna-outer .hero-media {
    left: calc(52% + 64px);
    width: calc(48% - 64px);
  }
}
@media only screen and (max-width: 750px) {
  .hero-dna-outer .hero-media {
    position: relative;
    left: 32px;
    top: 0;
    width: calc(100% - 64px);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hero-dna-outer .hero-media img {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
}

/*--------- LIST WITH IMAGE --------------*/
.hero-outer.list-with-image-outer {
  padding-top: 27px;
  padding-bottom: 27px;
  height: auto;
}
.hero-outer.list-with-image-outer .grid__item {
  position: relative;
}
.hero-outer.list-with-image-outer .hero-content.list-with-image {
  text-align: left;
  max-width: 100%;
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  padding-bottom: 189px;
  margin-top: 27px;
  width: calc(50% - 32px);
}
@media only screen and (min-width: 1350px) {
  .hero-outer.list-with-image-outer .hero-content.list-with-image {
    width: calc(40% - 32px);
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-outer.list-with-image-outer .hero-content.list-with-image {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .hero-outer.list-with-image-outer .hero-content.list-with-image {
    width: 100%;
  }
}
.hero-outer.list-with-image-outer .hero-content.list-with-image .title-size1, .hero-outer.list-with-image-outer .hero-content.list-with-image .title-size2 {
  font-size: 45px;
  line-height: 50px;
  text-shadow: none;
}
.hero-outer.list-with-image-outer .hero-content.list-with-image .feefo-review-carousel-widget-service {
  position: absolute;
  top: auto;
  bottom: 0;
  left: -16px;
  -webkit-transform: scale(0.52);
  -moz-transform: scale(0.52);
  -ms-transform: scale(0.52);
  -o-transform: scale(0.52);
  transform: scale(0.52);
  -ms-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@media only screen and (max-width: 750px) {
  .hero-outer.list-with-image-outer .hero-content.list-with-image .feefo-review-carousel-widget-service {
    left: 0;
  }
}
.hero-outer.list-with-image-outer .hero-content.list-with-image .iconlist {
  margin: -8px 0 0 0;
}
.hero-outer.list-with-image-outer .hero-content.list-with-image .iconlist .listitem {
  font-weight: bold;
  margin: 0 0 12px 0;
  padding: 4px 0 4px 60px;
  position: relative;
}
.hero-outer.list-with-image-outer .hero-content.list-with-image .iconlist .listitem .icon {
  height: 100%;
  width: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.hero-outer.list-with-image-outer .hero-content.list-with-image .buttons-wrapper {
  margin-bottom: 27px;
}
.hero-outer.list-with-image-outer .hero-bkimage {
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: calc(50% + 30px);
  top: 0;
  display: block;
  height: calc(100% - 27px);
  width: calc(50% - 30px);
}
@media only screen and (min-width: 1350px) {
  .hero-outer.list-with-image-outer .hero-bkimage {
    left: calc(40% + 30px);
    width: calc(60% - 30px);
  }
}
@media only screen and (max-width: 949px) {
  .hero-outer.list-with-image-outer .hero-bkimage {
    width: 100%;
    position: relative;
    left: auto;
    height: 486px;
    margin-bottom: 27px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-outer.list-with-image-outer .hero-bkimage {
    height: 405px;
    margin-bottom: 0;
  }
}

/*--------- HERO CAROUSEL --------------*/
.carousel-hero {
  position: relative;
  overflow: hidden;
  /*height: $vertical-unit*20;

  @include bigdesktop-targeting{
  	height: $vertical-unit*22;
  }

  @include portable-targeting{
  	height: $vertical-unit*17.5; // 12.5
  }

  @include laptop-targeting{
  	height: $vertical-unit*20;
  }

   /*
  @include shallow-targeting{
  	height: $vertical-unit*20;
  }
   */
}
.carousel-hero .owl-dots {
  position: absolute;
  bottom: 27px;
  left: 50%;
  width: 100%;
  text-align: left;
  max-width: 1100px;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media only screen and (min-width: 950px) {
  .carousel-hero .owl-dots {
    width: calc(100% - 130px);
    padding: 0;
    max-width: 970px;
    left: calc(50% + 16px);
  }
}
@media only screen and (min-width: 1350px) {
  .carousel-hero .owl-dots {
    max-width: 1150px;
    left: 50%;
    padding: 0 30px;
    width: 100%;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .carousel-hero .owl-dots {
    max-width: 850px;
  }
}
@media only screen and (max-width: 750px) and (min-width: 541px) {
  .carousel-hero .owl-dots {
    max-width: 740px;
    width: auto;
    bottom: 5px;
  }
}
@media only screen and (max-width: 540px) {
  .carousel-hero .owl-dots {
    max-width: 480px;
    width: auto;
    bottom: 5px;
    padding: 0 15px;
  }
}
.carousel-hero .owl-dots .owl-dot {
  outline: none;
  background: transparent;
}
.carousel-hero .owl-dots .owl-dot span {
  background-color: transparent;
  border: 1px solid white;
}
@media only screen and (max-width: 750px) {
  .carousel-hero .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
  }
}
.carousel-hero .owl-dots .owl-dot.active span {
  background-color: white;
}
.carousel-hero .owl-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 949px) {
  .carousel-hero .owl-nav {
    display: none;
  }
}
.carousel-hero .owl-nav .owl-prev, .carousel-hero .owl-nav .owl-next {
  pointer-events: all;
  position: absolute;
  top: 50%;
  width: 50px;
  height: 100px;
  outline: none;
  background: transparent;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.carousel-hero .owl-nav .owl-prev span, .carousel-hero .owl-nav .owl-next span {
  width: 100%;
  height: 100%;
  font-size: 90px;
  color: white;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.carousel-hero .owl-nav .owl-prev:hover, .carousel-hero .owl-nav .owl-next:hover {
  background-color: transparent;
}
.carousel-hero .owl-nav .owl-prev:hover span, .carousel-hero .owl-nav .owl-next:hover span {
  font-size: 100px;
}
.carousel-hero .owl-nav .owl-prev {
  left: 5px;
}
@media only screen and (min-width: 1350px) {
  .carousel-hero .owl-nav .owl-prev {
    left: 32px;
  }
}
.carousel-hero .owl-nav .owl-next {
  right: 5px;
}
@media only screen and (min-width: 1350px) {
  .carousel-hero .owl-nav .owl-next {
    right: 32px;
  }
}

/*---------  MEDIA LIGHTBOX --------------*/
.heromedialightbox-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 15, 15, 0.9);
  z-index: 1000;
}

.heromedialightbox-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 95%;
  max-width: 900px;
  background-color: #ffffff;
  z-index: 1001;
  padding: 54px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1350px) {
  .heromedialightbox-dialog {
    max-width: 900px;
  }
}
.heromedialightbox-dialog .ytvideo-wrapper iframe {
  height: 500px;
}
@media only screen and (max-height: 700px) {
  .heromedialightbox-dialog .ytvideo-wrapper iframe {
    height: 400px;
  }
}
@media only screen and (max-width: 750px) {
  .heromedialightbox-dialog .ytvideo-wrapper iframe {
    height: 400px;
  }
}
.heromedialightbox-dialog .heromedialightbox-close-button {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  font-family: "Brown", Arial, Helvetica, sans-serif;
  font-size: 3rem;
  cursor: pointer;
  transform: rotate(45deg);
}

@media only screen and (max-width: 750px) {
  .hero-carousel-outer {
    height: 473px;
  }
}

@media only screen and (max-width: 540px) {
  .animatedWords {
    display: block;
  }
}
@media only screen and (max-width: 416px) {
  .animatedWords {
    display: inline;
  }
}
.animatedWords span {
  display: none;
}
.animatedWords span:nth-child(1) {
  display: inline;
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .hero-imagefull-outer .button {
    position: absolute;
    bottom: 2rem;
  }
  .hero-imagefull-outer .button-one {
    position: absolute;
    bottom: 2rem;
  }
  .hero-imagefull-outer .button-two {
    position: absolute;
    bottom: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .carousel-hero .button {
    position: absolute;
    bottom: 3rem;
  }
}
@media only screen and (min-width: 751px) {
  .hero-imagefull-outer .hero-inner .hero-content {
    top: 64%;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-imagefull-outer .hero-inner .hero-content .title-size1 {
    font-size: 52px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 750px) {
  .hero-imagefull-outer .hero-inner .hero-content .title-size1 {
    font-size: 7vw;
    line-height: 7.2vw;
  }
}
.hero-imagefull-outer .hero-transparentoverlay {
  width: 78%;
  height: 74%;
  top: 26%;
  left: 0;
  background-color: #0b1232;
  opacity: 0.51;
}
.hero-imagefull-outer .hero-transparentoverlay svg {
  display: none;
}
@media only screen and (min-width: 1350px) {
  .hero-imagefull-outer .hero-transparentoverlay {
    width: 68%;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .hero-imagefull-outer .hero-transparentoverlay {
    width: 88%;
  }
}
@media only screen and (max-width: 750px) {
  .hero-imagefull-outer .hero-transparentoverlay {
    display: none;
  }
}

@media only screen and (max-width: 750px) {
  .stack-hero-container .hero-inner .hero-content {
    width: 100%;
  }
}