.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/*$light-gray: #d8d8d8;*/
/*$lightest-gray: #f3f3f3;*/
/*$flame-orange: #f15322;*/
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.callout-container h1 {
  text-transform: none; }
  .callout-container h1.callout1 {
    font-size: 1.5rem;
    font-weight: 400; }

@media (min-width: 768px) {
  .calloutmsg {
    height: 1.938rem;
    width: 30.625rem;
    margin-left: 27.438rem;
    margin-top: 5rem;
    font-family: Segma-Regular;
    font-size: 1.5rem;
    line-height: 31px;
    letter-spacing: 2px;
    text-align: center; }
  .calloutmsg-second {
    width: 53.938rem;
    margin-top: 0.688rem;
    margin-left: 15.75rem;
    font-family: Segma-Regular;
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-align: center;
    letter-spacing: 2px; }
  .callout2 {
    font-size: 0.875rem; }
  .video-image-container {
    position: relative;
    width: 85.438rem;
    height: 29.5rem;
    margin-top: 1.25rem; }
  .experience-component .experience-assets-hero {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.5rem;
    right: 0.5rem; }
  .full-static-pages .experience-component .experience-assets-hero {
    left: 0;
    right: 0;
    top: 0; }
  .full-static-pages .video-image-container {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    height: auto; }
  .full-static-pages .callout-subContainer {
    margin: 0 auto 11px;
    height: auto;
    width: 100%;
    max-width: 850px; }
  .full-static-pages h1 {
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    letter-spacing: 2px;
    color: #575757;
    margin: 0; }
  .full-static-pages .callout2 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #575757;
    margin: 0; }
  .full-static-pages .callout-container {
    margin: 41px 0 0; }
  .full-static-pages .region_landscape-large {
    padding: 0; }
    .full-static-pages .region_landscape-large:before {
      padding-top: 0; }
    .full-static-pages .region_landscape-large .experience-component {
      position: relative; }
  .full-static-pages .page-designer-reference img {
    -o-object-fit: contain;
       object-fit: contain; } }

@media (min-width: 320px) and (max-width: 767px) {
  .calloutmsg {
    height: 3.813rem;
    width: 18.188rem;
    margin-left: 0.875rem;
    margin-top: 1.25rem;
    font-family: Segma-Regular;
    line-height: 31.08px;
    letter-spacing: 2px;
    text-align: center; }
  .calloutmsg-second {
    width: 18.375rem;
    height: 8.313rem;
    margin-top: 0.938rem;
    margin-left: 0.875rem;
    font-family: Segma-Regular;
    line-height: 1.5rem;
    text-align: center;
    letter-spacing: 0.88px; }
  .callout2 {
    font-size: 0.875rem; }
  .video-image-container {
    position: relative;
    width: 20rem; }
  .experience-component .experience-assets-hero {
    position: relative;
    top: -7.9rem;
    bottom: 0;
    left: 0.5rem;
    right: 0.5rem; } }

.video-image-container video {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 29.5rem;
  -o-object-fit: cover;
     object-fit: cover; }

.play-icon {
  background-image: url("../../icons/play-icon.svg");
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
  background-size: contain;
  cursor: pointer;
  top: 56%;
  left: 49%;
  position: absolute; }
  @media (min-width: 320px) and (max-width: 768px) {
    .play-icon {
      left: 47%; } }
  @media (min-width: 1600px) {
    .play-icon {
      top: 50%; } }

@media (min-width: 320px) and (max-width: 768px) {
  .full-static-pages .callout-subContainer {
    width: 92%;
    height: auto;
    margin-top: 15px; }
  .full-static-pages .callout2 {
    font-size: 14px; }
  .full-static-pages .headlinebanner-text_heading p {
    margin-bottom: 27px; }
  .full-static-pages .experience-layouts-2row1column .headlinebanner-text_container {
    bottom: 5px; }
    .full-static-pages .experience-layouts-2row1column .headlinebanner-text_container .drop-arrow-hidden {
      height: 24px;
      margin: 31px auto 0; }
  .full-static-pages .experience-layouts-2column .headlinebanner-text_container {
    bottom: 44px; }
  .full-static-pages .video-image-container {
    width: 100%; }
  .full-static-pages .callout-container h1 {
    font-size: 24px; } }

.full-static-pages .headlinebanner-text_heading {
  font-family: Segma-Regular;
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 4px;
  /*text-transform: uppercase;*/ }

.full-static-pages .headlinebanner-text_subheading {
  font-family: Segma-Regular;
  font-size: 42px;
  line-height: 54px;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-top: 10px; }

.full-static-pages .experience-layouts-1column .headlinebanner-text_container {
  top: 48%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%; }
  @media (min-width: 320px) and (max-width: 768px) {
    .full-static-pages .experience-layouts-1column .headlinebanner-text_container {
      top: 40%; } }

.full-static-pages .video-image-container img {
  width: 100%; }