body {
  background: url(/globalassets/01-latest-news/collaborations/shaun-the-sheep/images/background.jpg) no-repeat center center fixed;
  background-color: #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	  background-position: center; /* Center- the image */
	  background-attachment: fixed;
	margin:0;
	overflow-x: hidden;
}

@media only screen and (max-width: 479px) and (min-width: 0px) {
body {
background:none;
background-color: #000;
}
}

@media only screen and (max-width: 479px) {
      body {
        background:none;
        background-color: #000;
       }
}


@font-face {
  font-family: 'MADEWaffleSoft';
  src: url("/globalassets/_06-new-woolmark/_5-fibre/shaun-the-sheep/fonts/waffle-webfont.woff2") format("woff2"), url("/globalassets/_06-new-woolmark/_5-fibre/shaun-the-sheep/fonts/waffle-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

  @font-face {
      font-family: DIN;
      font-weight: 700;
      src: url(../fonts/DINPro-Bold.eot);
      src: local("DINPro Bold"), local("DINPro-Bold"), url(/static/assets/fonts/DINPro-Bold.woff) format("woff"), url(/static/assets/fonts/DINPro-Bold.ttf) format("truetype"), url(/static/assets/fonts/DINPro-Bold.svg) format("svg")
  }

  @font-face {
      font-family: DIN;
      font-weight: 300;
      src: url(../fonts/DINPro-Light.eot);
      src: local("DINPro Light"), local("DINPro-Light"), url(/static/assets/fonts/DINPro-Light.woff) format("woff"), url(/static/assets/fonts/DINPro-Light.ttf) format("truetype"), url(/static/assets/fonts/DINPro-Light.svg) format("svg")
  }

  @font-face {
      font-family: DIN;
      font-weight: 500;
      src: url(../fonts/DINPro-Medium.eot);
      src: local("DINPro Medium"), local("DINPro-Medium"), url(/static/assets/fonts/DINPro-Medium.woff) format("woff"), url(/static/assets/fonts/DINPro-Medium.ttf) format("truetype"), url(/static/assets/fonts/DINPro-Medium.svg) format("svg")
  }

  @font-face {
      font-family: DIN;
      font-weight: 400;
      src: url(../fonts/DINPro-Regular.eot);
      src: local("DINPro Regular"), local("DINPro-Regular"), url(/static/assets/fonts/DINPro-Regular.woff) format("woff"), url(/static/assets/fonts/DINPro-Regular.ttf) format("truetype"), url(/static/assets/fonts/DINPro-Regular.svg) format("svg")
  }


		h1 {
font-size: 30px;
font-family: MADEWaffleSoft;
color: #FFFFFF;
}

		h2 {
font-family: MADEWaffleSoft;
font-size: 26px;
color: #FFFFFF;

}

			h3 {
font-family: MADEWaffleSoft;
font-size: 21px;
color: #FFFFFF;

}

h4 {
font-family: MADEWaffleSoft;
font-size: 21px;
color: #FFFFFF;

}
		p {
font-family: DIN;
font-size: 16px;
color: #FFFFFF;
line-height: 27px;
}

	.content {
  max-width: 1000px;
  margin: auto;
}

.content-narrow {
max-width: 600px;
margin: auto;
}

.content-float-sheep {
max-width: 850px;
margin: auto;
}

		.button {
background: #fff;
border: 2px solid #000;
border-radius: 8px;
font-family: DIN;
font-size: 15px;
font-weight: 800;
color: #000;
text-align: center;
padding:6px 40px;
-webkit-transition-duration: 1s; /* Safari */
transition-duration: 1s;


		}


		.button:hover {
  background-color: #94FF8D;
  color: #000;
}


.button-container  {
text-align: left;
}


@media only screen and (max-width:767.98px) {
.button-container {
  text-align: center;
}}


.img-fluid,
.img-thumbnail {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6
}


		.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 991.98px) {
  .zoom {
    transition: transform 1s;
    margin: 0 auto;
  }
.zoom:hover {
  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari 3-8 */
  transform: scale(1.02);
}}

.slideshow-container {
			position: relative;
}

.item-1,
.item-2,
.item-3 {
	position: absolute;
  display: block;
	top: 2em;

 width: 50%;
font-family: MADEWaffleSoft;
font-size: 1em;
	text-align: center;
	color: #fff;

	animation-duration: 25s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}

@keyframes anim-1 {
	0%, 3% { left: -100%; opacity: 0; }
  3%,30% { left: 25%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
  36%, 63% { left: 25%; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  69%, 96% { left: 25%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}

		#sheep1 {
  -webkit-animation: sheep1 31s infinite; /* Chrome, Safari, Opera */
  animation: sheep1 31s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sheep1 {
  50% {-webkit-transform: rotate(40deg);}
}

/* Standard syntax */
@keyframes sheep1 {
  50% {transform: rotate(40deg);}
}

				#sheep2 {
  -webkit-animation: sheep2 50s infinite; /* Chrome, Safari, Opera */
  animation: sheep2 50s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sheep2 {
  50% {-webkit-transform: rotate(-60deg);}
}

/* Standard syntax */
@keyframes sheep2 {
  50% {transform: rotate(-60deg);}
}

						#sheep3 {
  -webkit-animation: sheep3 20s infinite; /* Chrome, Safari, Opera */
  animation: sheep3 20s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sheep3 {
  50% {-webkit-transform: rotate(10deg); scale(2);}
}

/* Standard syntax */
@keyframes sheep3 {
  50% {transform: rotate(10deg); scale(2);}
}


/* Header Styles */
.hero {
  max-width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden; }
  .hero .header-link {
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 46px;
    height: 46px;
    background: url("/globalassets/01-latest-news/collaborations/shaun-the-sheep/images/game-arrow.svg") no-repeat center center;
    z-index: 1;
    opacity: 0.4;
    transition: opacity 0.2s ease-in-out; }
    @media only screen and (orientation: landscape) {
      .hero .header-link {
        bottom: 5px; } }
    @media only screen and (min-device-width: 1440px) {
    .hero .header-link {
        bottom: 43px; } }
    .hero .header-link:hover {
      cursor: pointer; }
    .hero .header-link.hide {
      opacity: 0;
      transition: opacity 0.2s ease-in-out; }

.spotlight {
  position: absolute;
  z-index: -1;
  min-width: 100vw;
  min-height: 100vh; }

.spotlight .spotlight-image {
  transform: translate(-50%, 0);
  height: 100vh;
  position: absolute;
  top: 0;
  left: 50%; }
  @media only screen and (orientation: landscape) {
    .spotlight .spotlight-image {
      width: 100vw;
      height: auto; } }
  @media only screen and (min-device-width: 768px) and (min-device-height: 376px) {
    .spotlight .spotlight-image {
      display: none; } }

.spotlight-roundal {
  display: none; }
  @media only screen and (min-device-width: 1440px) {
    .spotlight-roundal {
      display: block;
      position: absolute;
      bottom: 85px;
      right: 120px; } }
  .spotlight-roundal img {
    width: 175px;
    height: auto;
    margin: 0 auto 10px;
    display: block; }
  .spotlight-roundal h4 {
    font-size: 16px;
    letter-spacing: -0.4px;
    text-transform: uppercase; }

.spotlight video {
  display: none; }
  @media only screen and (min-device-width: 768px) and (min-device-height: 376px) {
    .spotlight video {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 0;
      min-width: 100vw;
      min-height: 100vh;
      width: auto;
      height: auto;
      transform: translate(-50%, -50%);
      z-index: -1; } }

.spotlight-overlay {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3); }
  .spotlight-overlay img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 280px; }
    @media only screen and (min-device-width: 768px) {
      .spotlight-overlay img {
        width: 596px; } }
    @media only screen and (min-device-width: 1400px) {
      .spotlight-overlay img {
        width: 852px; } }



				.videoBlock {
				    overflow: hidden;
				    position: relative
				}

				.videoBlock-video {
				    background-color: #000;
				    display: none;
				    max-height: 100vh
				}

				.videoBlock-video div,
				.videoBlock-video iframe {
				    border-width: 0;
				    height: 100%;
				    width: 100%
				}

				.videoBlock-overlay {
				    left: 0;
				    position: absolute;
				    top: 50%;
				    transform: translateY(-50%);
				    width: 100%
				}

				.videoBlock-subtitle {
				    letter-spacing: 1px;
				    font-family: MADEWaffleSoft;
				    font-size: .875rem
				}

				.videoBlock-subtitle,
				.videoBlock-title {
				    text-transform: uppercase;
				    color: #fff;
				    font-weight: 700
				}

				.videoBlock-title {
				    font-family: MADEWaffleSoft;
						letter-spacing: 2px;
				    line-height: 1.1;
				    margin-top: .625rem;
				    max-width: 500px;
				    font-size: 1.875rem
				}

				.videoBlock-mbLogo {
				    max-width: 125px
				}

				.videoBlock-chev {
				    height: 80px;
				    margin-left: 10%;
				    width: 80px
				}

				.videoBlock-chev .icon {
				    font-size: .9375rem
				}

				.videoBlock .triangle-right {
				    border-bottom: 15px solid transparent;
				    border-left: 20px solid #fff;
				    border-top: 15px solid transparent;
				    height: 0;
				    width: 0;
				    transform: translateX(3px)
				}

				.videoBlock.is-preparing .videoBlock-img,
				.videoBlock.is-preparing .videoBlock-overlay {
				    visibility: hidden
				}

				.videoBlock.is-playing .videoBlock-img,
				.videoBlock.is-playing .videoBlock-overlay {
				    display: none!important
				}

				@media (max-width:767.98px) {
				    .videoBlock-overlay {
				        flex-direction: column
				    }
				}

				.videoBlock-titleGroup {
				    align-items: flex-start
				}

				@media (max-width:767.98px) {
				    .videoBlock-titleGroup {
				        align-items: center
				    }
				}

				.videoBlock-title {
				    text-align: left
				}

				@media (max-width:767.98px) {
				    .videoBlock-title {
				        text-align: center
				    }
				}

				@media (max-width:767.98px) {
				    .videoBlock-chev {
				        margin-left: 0;
				        margin-top: 3.125rem
				    }
				}

				.videoBlock-chev:hover .triangle-right {
				    border-left-color: #000
				}

				.videoBlock-img {
				    height: auto;
				    width: 100%
				}

				@media (max-width:767.98px) {
				    .videoBlock-img {
				        height: 100%;
				        width: auto
				    }
				}

				.is-preparing .videoBlock-video {
				    position: absolute;
				    left: 0;
				    top: 0;
				    right: 0;
				    bottom: 0
				}


				.circle-chevron {
				    align-items: center;
				    border: 2px solid #fff;
				    border-radius: 50%;
				    bottom: 60px;
				    color: #fff;
				    cursor: pointer;
				    display: flex;
				    height: 60px;
				    justify-content: center;
				    transition-duration: .2s;
				    transition-property: background-color, color;
				    width: 60px;
				    font-size: .5rem
				}

				.circle-chevron:active,
				.circle-chevron:focus,
				.circle-chevron:hover {
				    background-color: #fff
				}

				.circle-chevron:active .icon,
				.circle-chevron:focus .icon,
				.circle-chevron:hover .icon {
				    color: #212121
				}
				.d-flex {
				    display: flex!important
				}


				.embed-responsive {
				    position: relative;
				    display: block;
				    width: 100%;
				    padding: 0;
				    overflow: hidden
				}

				.embed-responsive:before {
				    display: block;
				    content: ""
				}

				.embed-responsive .embed-responsive-item,
				.embed-responsive embed,
				.embed-responsive iframe,
				.embed-responsive object,
				.embed-responsive video {
				    position: absolute;
				    top: 0;
				    bottom: 0;
				    left: 0;
				    width: 100%;
				    height: 100%;
				    border: 0
				}

				.embed-responsive-21by9:before {
				    padding-top: 42.8571428571%
				}

				.embed-responsive-16by9:before {
				    padding-top: 56.25%
				}

				.embed-responsive-4by3:before {
				    padding-top: 75%
				}

				.embed-responsive-1by1:before {
				    padding-top: 100%
				}


				.loading-spinner {
				    align-items: center;
				    background-color: hsla(0, 0%, 100%, .8);
				    bottom: 0;
				    display: none;
				    justify-content: center;
				    left: 0;
				    position: fixed;
				    right: 0;
				    top: 0;
				    z-index: 9999
				}

				.loading-spinner.is-active {
				    display: flex
				}

				.loading-spinner img {
				    height: 75px;
				    width: 75px;
				    max-height: 50%;
				    max-width: 50%
				}

				#videoPlayer iframe {
				    min-height: 400px;
				    width: 100%
				}

				@media (max-width:767.98px) {
				    #videoPlayer iframe {
				        min-height: 200px
				    }
				}

				#videoPlayer .close {
				    opacity: 1;
				    margin: 0 0 0 auto;
				    padding: 16px 16px 0;
				    outline: none
				}

				#videoPlayer .modal-header {
				    padding: 0;
				    border-bottom-width: 0
				}

				#videoPlayer .modal-body {
				    padding: 16px 20px 20px
				}


				.fa-file-video:before {
				    content: "\f1c8"
				}
				.fa-photo-video:before {
				    content: "\f87c"
				}

				.fa-video:before {
				    content: "\f03d"
				}


				.fa-video-slash:before {
				    content: "\f4e2"
				}



<!--ArticleList Start-->
				.articleList {
				    background-color: #fff;
				    padding-top: 4.25rem;
				}

				.articleList,
				.articleList-content {
				    position: relative
				}

				.articleList-title {
				    color: #212121;
						font-family: MADEWaffleSoft;
				    font-weight: 700;
				    text-transform: uppercase
				}

				.articleList-titleLine {
				    background-color: #212121;
				    display: inline-block;
				    height: 2px;
				    margin-right: .9375rem
				}

				.articleList-line {
				    background-color: #343a40;
				    height: 1px
				}

				.articleList-loadMoreWrapper {
				    color: #212121;
				    text-align: center
				}

				.articleList-loadMore {
				    border-color: #c6c6c6;
				    font-family: MADEWaffleSoft, Georgia, sans-serif
				}

				@media (max-width:767.98px) {
				    .articleList-itemWrapper {
				        flex-wrap: nowrap;
				        overflow-x: auto;
				        padding-left: 1rem;
				        padding-right: 1rem
				    }
				}

				@media (max-width:767.98px) {
				    .articleList-itemWrapper [class*=col-] {
				        max-width: 166px;
				        padding-left: .5rem;
				        padding-right: .5rem
				    }
				    .articleList-itemWrapper [class*=col-] .articleListItem-img {
				        height: 188px
				    }
				}

				.articleList-titleWrapper {
				    align-items: center;
				    display: flex;
				    margin-bottom: .9375rem
				}

				@media (min-width:992px) {
				    .articleList-titleWrapper {
				        align-items: center;
				        display: flex;
				        justify-content: flex-end;
				        margin-bottom: 0;
				        position: absolute;
				        left: -79px;
				        transform-origin: top left;
				        transform: rotate(-90deg) translateX(-100%)
				    }
				}

				.articleList--noTitle .articleList-titleWrapper {
				    display: none
				}

				.articleList-title {
				    font-size: 1.5rem
						font-family: MADEWaffleSoft;
				}

				.articleList--mediumTitle .articleList-title {
				    font-size: 2.1875rem
						font-family: MADEWaffleSoft;
				}

				.articleList--largeTitle .articleList-title {
				    font-size: 3.125rem
						font-family: MADEWaffleSoft;
				}

				.articleList-titleLine {
				    width: 60px
				}

				.articleList--largeTitle .articleList-titleLine {
				    width: 135px
				}

				.articleList-keyline {
				    display: none
				}

				.articleList--keyline .articleList-keyline {
				    display: block
				}

				@media (max-width:767.98px) {
				    .articleList--keyline .articleList-keyline {
				        display: none
				    }
				}

				.articleList-loadMore {
				    height: 120px;
				    margin-bottom: 0;
				    padding: 3.125rem 0;
				    width: 120px
				}

				@media (min-width:768px) {
				    .articleList-loadMore {
				        height: auto;
				        margin-bottom: 3.125rem;
				        padding: .625rem 2.5rem;
				        width: auto
				    }
				}

				.articleListItem {
				    margin-bottom: 3.125rem
				}

				.articleListItem-content {
				    cursor: pointer;
				    position: relative
				}

				.articleListItem-img {
				    overflow: hidden;
				    position: relative;
				    width: 100%;
				    background-color: #efefef
				}

				.articleListItem-imgBg {
				    height: 100%;
				    position: absolute;
				    transition: transform .5s;
				    width: 100%;
				    background-position: 50%;
				    background-repeat: no-repeat;
				    background-size: cover;
				    background-color: #efefef
				}

				.articleListItem-imgDate {
				    background-color: #000;
				    bottom: 0;
				    color: #fff;
				    font-weight: 700;
				    height: 35px;
				    left: 0;
				    margin: 0;
				    min-width: 75px;
				    padding: .3125rem .625rem 0;
				    position: absolute;
				    text-align: center;
				    font-size: 1rem;
						font-family: DIN
				}

				.articleListItem-inner {
				    padding-top: .875rem
				}

				.articleListItem-category {
				    color: #999;
				    display: block;
				    font-weight: 700;
				    margin-bottom: .5rem;
				    text-transform: uppercase;
				    font-size: .8125rem;
						font-family: DIN
				}

				.articleListItem-title {
				    font-weight: 500;
						font-family: MADEWaffleSoft;
				    margin: 0;
				    display: inline;
				    padding-top: .5rem;
				    background-image: linear-gradient(90deg, transparent 50%, #000 0);
				    background-position: 0 100%;
				    background-repeat: repeat-x;
				    background-size: 200% 2px;
				    transition: background-position .5s;
				    width: 100%
				}

				.articleListItem-title:hover {
				    background-position: -100% 100%;
				    text-decoration: none
				}

				.articleListItem-date {
				    color: #666;
				    margin-top: .6rem;
				    text-transform: uppercase;
				    font-size: .75rem;
						font-family: DIN;
				}

				.articleListItem-description {
				    margin-top: .75rem;
				    font-size: .785rem;
						font-family: DIN;
						line-height: 1.125rem;
				}

				.articleListItem-location {
				    color: #212121;
				    margin-left: .3125rem;
				    font-size: .9375rem;
						font-family: DIN;
				}

				.articleListItem-i {
				    color: #212121;
				    display: inline-block
				}

				.articleListItem-locationWrapper {
				    margin-top: .8rem
				}

				.articleListItem-linkOverlay {
				    position: absolute;
				    top: 0;
				    bottom: 0;
				    left: 0;
				    right: 0;
				    display: block
				}

				.articleListItem:hover .articleListItem-title {
				    background-position: -100% 100%;
				    text-decoration: none
				}

				.articleListItem:hover .articleListItem-imgBg {
				    transform: scale(1.1)
				}

				.articleListItem-img {
				    height: 300px
				}

				.articleListItem--event .articleListItem-img {
				    height: 190px
				}

				.articleListItem--featured .articleListItem-img {
				    height: 300px
				}

				.articleListItem-imgDate {
				    display: none
				}

				.articleListItem--event .articleListItem-imgDate {
				    display: block
				}

				.articleListItem--featured .articleListItem-imgDate {
				    padding: .3125rem 1rem;
				    width: auto
				}

				.articleListItem--featured .articleListItem-category {
				    padding-top: .3125rem
				}

				.articleListItem-title {
				    color: #343a40;
				    line-height: .625rem;
				    font-size: 1.375rem
				}

				.articleListItem--event .articleListItem-title {
				    color: #212121
				}

				@media (min-width:768px) {
				    .articleListItem--titleLg .articleListItem-title {
				        font-size: 2.125rem;
				        line-height: 2.375rem
				    }
				}

				@media (max-width:767.98px) {
				    .articleListItem-title {
				        font-size: 1rem
				    }
				}

				.articleListItem-date {
				    display: block
				}

				.articleListItem--event .articleListItem-date,
				.articleListItem--noDate .articleListItem-date {
				    display: none
				}

				.articleListItem-location {
				    color: #000;
				    display: inline-block;
				    position: relative;
				    text-decoration: none
				}

				.articleListItem-location:before {
				    background-color: #000;
				    bottom: 0;
				    content: "";
				    height: 1px;
				    left: 0;
				    position: absolute;
				    transform: scaleX(0);
				    transform-origin: 0 0 0;
				    transition: all .3s ease-in-out 0s;
				    visibility: hidden;
				    width: 100%
				}

				.articleListItem-location:hover {
				    text-decoration: none
				}

				.articleListItem-location:hover:before {
				    transform: scaleX(1);
				    visibility: visible
				}


				.footerNewsletter-rightContent {
				    max-width: 500px
				}


				.footerNewsletter {
				    z-index: 20;
				    position: relative
				}

				.footerNewsletter-content {
				    background-color: #f4f4f4;
				    display: flex
				}

				.footerNewsletter-img {
				    height: 100%;
				    width: 100%;
            object-fit: cover;
				}

				.footerNewsletter-rightCol {
				    align-items: center;
				    display: flex;
				    justify-content: center;
				    min-height: 300px
				}

				.footerNewsletter-rightContent {
				    font-size: .9375rem;
				    max-width: 470px;
				    width: 100%;
				}

				.footerNewsletter-desc {
				    line-height: 1.5rem;
						color: #000;

				}

				.footerNewsletter-input {
				    border-width: 0;
				    font-size: 1rem;
				    padding-left: 1.0625rem;
				    width: 100%;
				    box-shadow: none;
				    font-size: 1.0625rem
				}

				.footerNewsletter-input:focus {
				    outline: none;
				    box-shadow: none
				}

				.footerNewsletter-input::-webkit-input-placeholder {
				    color: #000
				}

				.footerNewsletter-input::-moz-placeholder {
				    color: #000
				}

				.footerNewsletter-input:-ms-input-placeholder {
				    color: #000
				}

				.footerNewsletter-input:-moz-placeholder {
				    color: #000
				}

				.footerNewsletter-inputContainer {
				    align-items: center;
            text-align: center;
				    background-color: #fff;
				    display: flex;
				    height: 50px;
				    padding: 10px;
				    width: 100%;
				    margin-top: 1.25rem
				}

				.footerNewsletter-inputContainer .icon-mail:before {
				    font-size: 1.5rem
				}

				.footerNewsletter-inputContainer .icon-chevron-right:before {
				    font-size: 1.0625rem
				}

				.footerNewsletter-icon {
				    vertical-align: middle
				}

				.footerNewsletter-content {
				    flex-direction: row
				}

				@media (max-width:767.98px) {
				    .footerNewsletter-content {
				        flex-direction: column
				    }
				}

				.footerNewsletter-imgWrap {
				    width: 50%
				}

				@media (max-width:767.98px) {
				    .footerNewsletter-imgWrap {
				        width: 100%
				    }
				}

				.footerNewsletter-rightCol {
				    width: 50%
				}

				@media (max-width:767.98px) {
				    .footerNewsletter-rightCol {
				        width: 100%
				    }
				}

				.footerNewsletter-rightContent {
				    padding: 30px
				}

				@media (max-width:767.98px) {
				    .footerNewsletter-rightContent {
				        padding: 20px
				    }
				}

				.footerNewsletter-title {
				    font-size: 2rem;
				    margin-bottom: 1.125rem;
						color: #000
				}

				@media (max-width:767.98px) {
				    .footerNewsletter-desc,
				    .footerNewsletter-title {
				        text-align: center
				    }
				}

				.footerNewsletter-newsLtrSubmit:hover {
				    text-decoration: none
				}

.waypoint-fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.25s ease-in; }
  .waypoint-fade-in.waypoint-show {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.25s ease-in; }

.waypoint-fade-in-late {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.25s ease-in; }
  .waypoint-fade-in-late.waypoint-fade-in-late-show {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.25s ease-in; }

		.watch-section video {
			width: 100%;
			height: auto;
			margin-bottom: 20px;
			-webkit-box-shadow: 6px 5px 0px 0px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 6px 5px 0px 0px rgba(0, 0, 0, 0.2);
			box-shadow: 6px 5px 0px 0px rgba(0, 0, 0, 0.2);
			border: 1px solid #9E94A4; }


      .siteHeader-logo {
          position: relative
      }

      .siteHeader-logoHit {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 10
      }

      .siteHeader-nav {
          background-color: #000;
          height: 60px;
          position: relative;
          top: 0;
          width: 100%
      }

      .is-forced3d .siteHeader-nav {
          height: 61px
      }

      .siteHeader .searchBar {
          background-color: #fff;
          left: 0;
          top: 60px
      }

      .siteHeader-contents {
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          width: 100%;
          max-width: 100vw
      }

      .siteHeader-link {
          align-items: center;
          display: flex;
          height: 60px;
          position: relative;
          text-transform: uppercase;
          color: #999;
          font-family: DIN, Georgia, sans-serif;
          font-size: 1rem;
          font-weight: 700
      }

      .siteHeader-account {
          display: flex;
          font-size: 1.25rem
      }

      @media (min-width:768px) {
          body:not(.is-ie11OrLess) .siteHeader-account {
              flex: 1
          }
      }

      @media (max-width:991.98px) {
          .siteHeader-account {
              flex-grow: 1
          }
      }

      .siteHeader-logoWrapper {
          display: flex
      }

      @media (min-width:768px) {
          body:not(.is-ie11OrLess) .siteHeader-logoWrapper {
              flex: 1
          }
      }

      .siteHeader-logoWrapper .siteHeader-logo {
          cursor: pointer;
          margin-left: 1.875rem;
          width: 40px
      }

      @media (max-width:575.98px) {
          .siteHeader-logoWrapper .siteHeader-logo {
              margin-left: 1.25rem
          }
      }

      body:not(.is-ie11OrLess) .siteHeader-links {
          flex: 8
      }

      @media (min-width:768px) {
          .is-ie11OrLess .siteHeader-links {
              flex-grow: 1
          }
      }

      .siteHeader-accountBtn {
          cursor: pointer;
          margin: 0 1.875rem 0 0;
          transition: color .2s;
          font-size: 1.125rem
      }

      @media only screen and (max-width:320px) {
          .siteHeader-accountBtn {
              margin-right: 1rem
          }
      }

      .siteHeader-megaMenuContent {
          background-color: #fff;
          border-bottom: 1px solid hsla(0, 0%, 86%, .4);
          width: 100vw
      }

      .siteHeader-navbarToggle {
          background-color: transparent;
          border-color: transparent;
          border-radius: 0;
          padding: .625rem 0
      }

      .siteHeader-navbarToggle .i-bar {
          background-color: #fff;
          border-radius: 1px;
          display: block;
          height: 2px;
          transition: all .15s;
          width: 22px
      }

      .siteHeader-navbarToggle .i-bar+.i-bar {
          margin-top: .25rem
      }

      .siteHeader-accMenu {
          height: 60px;
          line-height: 60px;
          margin-right: 3.75rem;
          font-size: 1.125rem
      }

      @media (max-width:991.98px) {
          .siteHeader-accMenu {
              margin-right: 1.25rem
          }
      }

      .siteHeader-accMenuToggle {
          display: block;
          position: relative;
          padding-right: 1.25rem;
          max-width: 9.375rem;
          outline: none!important
      }

      .siteHeader-accMenuUser {
          display: block;
          margin-right: .3125rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis
      }

      .siteHeader-accMenuIcon {
          font-size: .625rem;
          vertical-align: middle;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          margin-top: .25rem
      }

      .siteHeader-accMenuList {
          text-align: center;
          margin-top: 0!important;
          right: 0
      }

      .siteHeader-accMenuList a {
          color: #000!important
      }

      .siteHeader-accMenuItem {
          padding: .625rem
      }

      .siteHeader {
          position: fixed;
          top: 0;
          width: 100%;
          z-index: 1010;
          transition: opacity .1s linear;
          opacity: 0
      }

      .siteHeader.is-ready {
          opacity: 1
      }

      @media (min-width:992px) {
          .siteHeader--notFixed {
              position: absolute
          }
      }

      @media (min-width:768px) {
          .siteHeader-searchBar {
              padding: 2.5rem 0
          }
      }

      .siteHeader-logoWrapper {
          justify-content: flex-start
      }

      @media (max-width:991.98px) {
          .siteHeader-logoWrapper {
              justify-content: flex-start;
              z-index: 30
          }
      }

      .siteHeader-account {
          justify-content: flex-end
      }

      @media (max-width:991.98px) {
          .siteHeader-account {
              justify-content: flex-end;
              z-index: 30
          }
      }

      .siteHeader-navbarToggle {
          display: none
      }

      @media (max-width:991.98px) {
          .siteHeader-navbarToggle {
              display: inline-block
          }
      }

      .siteHeader-navbarToggle:active,
      .siteHeader-navbarToggle:focus,
      .siteHeader-navbarToggle:hover {
          outline: none
      }

      .siteHeader-navbarToggle span:nth-child(2) {
          transform: rotate(45deg);
          transform-origin: 10% 10%
      }

      .siteHeader-navbarToggle span:nth-child(3) {
          opacity: 0
      }

      .siteHeader-navbarToggle span:nth-child(4) {
          transform: rotate(-45deg);
          transform-origin: 10% 90%
      }

      .siteHeader-navbarToggle.is-collapsed .i-bar {
          background-color: #999
      }

      .siteHeader-navbarToggle.is-collapsed span:nth-child(2),
      .siteHeader-navbarToggle.is-collapsed span:nth-child(4) {
          transform: rotate(0)
      }

      .siteHeader-navbarToggle.is-collapsed span:nth-child(3) {
          opacity: 1
      }

      .siteHeader-links {
          display: flex;
          opacity: 1;
          transition: all .3s;
          visibility: visible
      }

      @media (max-width:991.98px) {
          .siteHeader-links {
              background-color: #000;
              display: none;
              height: 100vh;
              justify-content: center;
              left: 0;
              position: fixed;
              top: 0;
              width: 100%;
              z-index: 10;
              padding-top: 60px
          }
      }

      .is-mbExpanded .siteHeader-links {
          display: flex
      }

      .is-searchBarOpen .siteHeader-links {
          opacity: 0;
          pointer-events: none
      }

      @media (max-width:991.98px) {
          .is-searchBarOpen .siteHeader-links {
              display: none
          }
      }

      .is-minified .siteHeader-links {
          visibility: hidden;
          opacity: 0
      }

      .siteHeader-linksList {
          list-style: none;
          padding: 0;
          margin-bottom: 0
      }

      @media (min-width:992px) {
          .siteHeader-linksList {
              display: flex;
              flex-wrap: nowrap;
              flex-direction: row;
              justify-content: center;
              height: auto
          }
      }

      .siteHeader-linksList li {
          display: block;
          padding: 0;
          font-size: 3.75rem
      }

      @media (min-width:992px) {
          .siteHeader-linksList li {
              padding: 0 .9375rem
          }
      }

      @media (min-width:1200px) {
          .siteHeader-linksList li {
              display: inline-block;
              padding: 0 1.875rem;
              font-size: 1rem
          }
      }

      .siteHeader-link {
          display: block;
          line-height: 1;
          text-align: center;
          font-size: 1.5rem
      }

      .siteHeader-link:active,
      .siteHeader-link:focus,
      .siteHeader-link:hover {
          color: #fff;
          text-decoration: none
      }

      @media (min-width:576px) {
          .siteHeader-link {
              font-size: 1.875rem
          }
      }

      @media (min-width:992px) {
          .siteHeader-link {
              display: flex;
              font-size: .9375rem
          }
      }

      .siteHeader-megaMenu.is-megaMenuOpen .siteHeader-link {
          color: #fff
      }

      .siteHeader-megaMenu.is-megaMenuOpen .siteHeader-link:after {
          border-color: transparent transparent #fff;
          border-style: solid;
          border-width: 0 10px 10px;
          bottom: 0;
          content: "";
          height: 0;
          left: calc(50% - 10px);
          position: absolute;
          width: 0
      }

      .is-minified .siteHeader-account {
          visibility: hidden;
          opacity: 0
      }

      .siteHeader-accountBtn {
          color: #999
      }

      .is-searchBarOpen .siteHeader-accountBtn.toggle-searchBar,
      .siteHeader-accountBtn:active,
      .siteHeader-accountBtn:focus,
      .siteHeader-accountBtn:hover {
          color: #fff
      }

      .siteHeader-megaMenuContent {
          background-color: #000;
          display: none;
          height: 100%;
          left: 0;
          max-width: 100vw;
          padding: .625rem;
          position: absolute;
          top: 0;
          width: 100%;
          z-index: 1
      }

      @media (min-width:992px) {
          .siteHeader-megaMenuContent {
              background-color: #fff;
              height: auto;
              padding: .625rem;
              top: auto
          }
      }

      .is-megaMenuOpen .siteHeader-megaMenuContent,
      .siteHeader-mmBackBtn {
          display: flex
      }

      .siteHeader-mmBackBtn .circle-chevron {
          font-size: .875rem
      }

      @media (min-width:576px) {
          .siteHeader-mmBackBtn .circle-chevron {
              height: 86px;
              width: 86px;
              font-size: 1.75rem
          }
      }

      @media (min-width:992px) {
          .siteHeader-mmBackBtn {
              display: none
          }
      }

      .siteHeader-accMenuToggle {
          color: #999
      }

      .siteHeader-accMenuToggle:active,
      .siteHeader-accMenuToggle:focus,
      .siteHeader-accMenuToggle:hover {
          color: #fff;
          text-decoration: none
      }

      @media (min-width:768px) {
          body:not(.is-ie11OrLess) .siteHeader.is-wpc .siteHeader-account {
              flex: 4
          }
      }

      @media (max-width:991.98px) {
          .siteHeader.is-wpc .siteHeader-logoWrapper img {
              align-self: flex-start;
              height: 35px
          }
      }

      .siteHeader.is-wpc .siteHeader-logoWrapper .siteHeader-logo {
          width: 220px
      }

      @media (max-width:991.98px) {
          .siteHeader.is-wpc .siteHeader-logoWrapper .siteHeader-logo {
              width: auto
          }
      }

      body:not(.is-ie11OrLess) .siteHeader.is-wpc .siteHeader-links {
          flex: 7
      }

      .siteHeader.is-wpc .siteHeader-submitEntry {
          cursor: pointer;
          color: #fff;
          font-family: DIN, Georgia, sans-serif;
          font-size: .9375rem;
          font-weight: 700;
          text-transform: uppercase;
          text-decoration: none;
          background-color: #2f2f2f;
          height: 60px;
          line-height: 60px;
          padding: 0 25px;
          margin-right: 15px;
          min-width: 155px;
          text-align: center
      }

      .siteHeader.is-wpc .siteHeader-submitEntry:active,
      .siteHeader.is-wpc .siteHeader-submitEntry:focus,
      .siteHeader.is-wpc .siteHeader-submitEntry:hover {
          opacity: .9;
          color: #fff;
          text-decoration: none
      }

      .siteHeader.is-wpc .siteHeader-accountBtn {
          margin: 0 15px 0 0
      }

      .siteHeader.is-wpc .siteHeader-accountBtn.signIn .signInText {
          text-transform: uppercase;
          margin-left: 8px;
          font-size: 15px;
          font-weight: 700
      }

      @media (min-width:992px) {
          .siteHeader.is-wpc .siteHeader-accountBtn.signIn {
              margin-right: 30px;
              min-width: 80px
          }
      }

      .siteHeader.is-wpc .siteHeader-accMenu {
          margin-right: 30px
      }

      .siteHeader.is-wpc .siteHeader-accMenuToggle {
          padding-right: 1rem;
          text-decoration: none
      }

      .siteHeader.is-wpc .siteHeader-accMenuUser {
          font-size: 15px
      }

      .siteHeader.is-wpc .siteHeader-accMenuIcon {
          font-size: 6px;
          margin-top: .125rem
      }

      .siteHeader.is-wpc .siteHeader-accMenuList {
          text-align: left;
          box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .1);
          padding: 0;
          width: 280px;
          border-radius: 0;
          border-width: 0;
          margin-left: auto;
          margin-right: -30px
      }

      .siteHeader.is-wpc .siteHeader-accMenuItem {
          cursor: pointer;
          padding: 20px 24px;
          color: #212121;
          font-family: DIN, Georgia, sans-serif;
          font-size: .875rem;
          font-weight: 500;
          border-bottom: 1px solid #e8e8e8;
          height: auto;
          line-height: 1rem
      }

      .siteHeader.is-wpc .siteHeader-accMenuItem:last-of-type {
          border-bottom-width: 0
      }

      .siteHeader.is-wpc .siteHeader-accMenuItem:active,
      .siteHeader.is-wpc .siteHeader-accMenuItem:focus,
      .siteHeader.is-wpc .siteHeader-accMenuItem:hover {
          opacity: 1;
          background-color: #d8d8d8
      }

      .siteHeader.is-wpc .siteHeader-accMenuItem img {
          width: 24px;
          height: auto;
          margin-right: 16px
      }

      .siteHeader.is-wpc .siteHeader-accMenuItem a {
          text-decoration: none;
          text-transform: uppercase
      }

      .siteHeader.is-wpc .siteHeader-accMenuItem a:active,
      .siteHeader.is-wpc .siteHeader-accMenuItem a:focus,
      .siteHeader.is-wpc .siteHeader-accMenuItem a:hover {
          background-color: transparent;
          opacity: 1;
          text-decoration: none
      }

      .siteHeader.is-wpc .siteHeader-accMenuItem.name {
          cursor: default;
          background-color: transparent!important;
          font-size: 16px;
          font-weight: 700
      }

      .siteHeader.is-wpc .siteHeader-linksList {
          margin: 0
      }

      .siteHeader.is-wpc .siteHeader-link {
          text-decoration: none
      }

      .siteHeader.is-wpc .siteHeader-link,
      .siteHeader.is-wpc .siteHeader-link:active,
      .siteHeader.is-wpc .siteHeader-link:focus,
      .siteHeader.is-wpc .siteHeader-link:hover {
          box-shadow: none;
          text-shadow: none;
          opacity: 1
      }


      .megaMenuItem {
          overflow: hidden
      }

      .megaMenuItem-text {
          color: #000;
          font-family: DIN, Georgia, sans-serif;
          font-size: .875rem;
          line-height: 1.25rem
      }

      .megaMenuItem-imgWrap {
          overflow: hidden
      }

      .megaMenuItem-img {
          transition: transform .4s ease-in-out
      }

      .megaMenuItem-title {
          background-image: linear-gradient(90deg, transparent 50%, #000 0);
          background-position: 0 100%;
          background-repeat: repeat-x;
          background-size: 200% 2px;
          transition: background-position .5s;
          width: 100%;
          display: inline
      }

      .megaMenuItem-title:hover {
          background-position: -100% 100%;
          text-decoration: none
      }

      .megaMenuItem-linkOverlay {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          display: block
      }

      .megaMenuItem {
          background-color: #000;
          height: auto;
          padding: .625rem 0;
          width: 100%
      }

      @media (min-width:576px) {
          .megaMenuItem {
              padding: 1.875rem 0;
              font-size: 3.75rem
          }
      }

      @media (min-width:992px) {
          .megaMenuItem {
              background-color: #fff;
              height: 400px;
              padding: .375rem;
              width: 232px
          }
      }

      .megaMenuItem:hover .megaMenuItem-img {
          transform: scale(1.1);
          transform-origin: center
      }

      .megaMenuItem:hover .megaMenuItem-title {
          background-position: -100% 100%;
          text-decoration: none
      }

      .megaMenuItem-img {
          display: none
      }

      @media (min-width:992px) {
          .megaMenuItem-img {
              display: inline
          }
      }

      .megaMenuItem-body {
          background-color: #000;
          padding: 0
      }

      @media (min-width:992px) {
          .megaMenuItem-body {
              background-color: #fff
          }
      }

      .megaMenuItem-titleWrap {
          line-height: 0;
          display: flex
      }

      @media (min-width:992px) {
          .megaMenuItem-titleWrap {
              display: block;
              padding-top: .625rem
          }
      }

      .megaMenuItem-title {
          margin-bottom: 0;
          text-align: center;
          color: #999;
          font-family: DIN, Georgia, sans-serif;
          font-size: 1.5rem
      }

      .megaMenuItem-title:active,
      .megaMenuItem-title:focus,
      .megaMenuItem-title:hover {
          color: #fff;
          text-decoration: none
      }

      @media (min-width:576px) {
          .megaMenuItem-title {
              font-size: 1.25rem
          }
          .megaMenuItem-title:active,
          .megaMenuItem-title:focus,
          .megaMenuItem-title:hover {
              color: #fff
          }
      }

      @media (min-width:992px) {
          .megaMenuItem-title {
              margin-bottom: .3125rem;
              text-align: left;
              color: #212121;
              font-family: DIN, Georgia, sans-serif;
              font-size: 1.25rem
          }
          .megaMenuItem-title:active,
          .megaMenuItem-title:focus,
          .megaMenuItem-title:hover {
              color: #000
          }
      }

      .megaMenuItem-text {
          display: none
      }

      @media (min-width:992px) {
          .megaMenuItem-text {
              display: block
          }
      }

      .pt-5,
      .py-5 {
          padding-top: 3rem!important;
          padding-bottom: 5rem!important
      }


      .timelineCarousel-title {
          padding: 0 2rem
      }

      .timelineCarousel-subTitle {
          font-family: MADEWaffleSoft, Arial, sans-serif;
          font-weight: 700;
          text-transform: uppercase;
          font-size: 1rem
      }

      .timelineCarousel-subTitle,
      .timelineCarousel-title {
          text-align: center;
          padding: 0 .625rem .625rem;
          width: 100%
      }

      .timelineCarousel-timeline {
          display: flex;
          justify-content: space-between;
          margin-bottom: 4.0625rem;
          position: relative
      }

      .timelineCarousel-timeline:before {
          content: "";
          border-bottom: .125rem solid #FFF95C;
          position: absolute;
          bottom: -.8125rem;
          left: 0;
          right: 0
      }

      .timelineCarousel-timeline-year {
          font-family: MADEWaffleSoft, Arial, sans-serif;
          font-weight: 700;
          color: #fff;
          position: absolute;
          left: -.75rem;
          top: -1.625rem;
          font-size: 1.125rem
      }

      .timelineCarousel-timeline-point {
          position: relative;
          cursor: pointer;
          width: .9375rem;
          padding-top: .625rem
      }

      .timelineCarousel-timeline-point:before {
          content: "";
          position: absolute;
          bottom: -1.25rem;
          background-color: #fff;
          border-radius: 50%;
          border: .0625rem solid #FFF95C;
          height: 1rem;
          width: 1rem;
          left: 0
      }

      .timelineCarousel-slide {
          position: relative;
          display: flex;
          flex-direction: column;
          font-family: DIN, Georgia, sans-serif;
          cursor: pointer;
          font-size: .9375rem
      }

      .timelineCarousel-slide-wrapper {
          flex-grow: 1;
          display: flex;
          flex-direction: column;
          position: relative;
          margin: 0 .9375rem;
          max-width: 100%
      }

      .timelineCarousel-slide-link {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          z-index: 1;
          outline: none
      }

      .timelineCarousel-slide-link:active,
      .timelineCarousel-slide-link:focus,
      .timelineCarousel-slide-link:hover {
          outline: none
      }

      .timelineCarousel-slide-image {
          width: 100%;
          height: auto;
          margin-bottom: 1.25rem
      }

      .timelineCarousel-slide-title {
          font-weight: 700;
          margin-bottom: .625rem;
          font-size: 1.125rem
      }

      .timelineCarousel {
          margin-bottom: 1.875rem
      }

      @media (min-width:768px) {
          .timelineCarousel {
              margin-bottom: 0
          }
      }

      .timelineCarousel-timeline {
          display: none
      }

      @media (min-width:768px) {
          .timelineCarousel-timeline {
              display: flex;
              padding-right: 2.5rem
          }
      }

      .timelineCarousel-timeline-point.active {
          margin-top: -.5rem;
          color: #FFF95C
      }

      .timelineCarousel-timeline-point.active:before {
          background-color: #FFF95C;
          bottom: -1.375rem;
          height: 1.25rem;
          width: 1.25rem
      }

      .timelineCarousel-timeline-point.active .timelineCarousel-timeline-year {
          color: #94FF8D;
          left: -1rem;
          font-size: 1.5rem
      }

      .timelineCarousel-timeline-point.last {
          margin-right: -.375rem
      }

      .timelineCarousel-timeline-point.last:after {
          content: "\e902";
          font-family: twc-icons;
          color: #FFF95C;
          background-color: transparent;
          border-radius: 0;
          border-width: 0;
          height: auto;
          width: auto;
          top: .5625rem;
          position: absolute;
          cursor: default;
          right: -2.1875rem;
          font-size: 1.125rem
      }

      .timelineCarousel-timeline-point.active:after {
          top: 1.0625rem;
          right: -2.625rem
      }

      .timelineCarousel-timeline-point.last.active {
          right: .25rem
      }

      .timelineCarousel-timeline-point.first.active .timelineCarousel-timeline-year {
          left: -1rem
      }

      .timelineCarousel .slick-slide {
          cursor: pointer
      }

      .timelineCarousel .slick-slide.slick-current {
          cursor: default
      }

      .timelineCarousel .slick-dots {
          bottom: -1.875rem;
          display: block;
          font-size: 0;
          list-style: none;
          margin: 0;
          padding: 0;
          position: absolute;
          text-align: center;
          width: 100%
      }

      .timelineCarousel .slick-dots li {
          cursor: pointer;
          display: inline-block;
          height: .875rem;
          margin: 0 .3125rem;
          padding: 0;
          position: relative;
          width: .875rem;
          border-radius: 100%
      }

      .timelineCarousel .slick-dots li button {
          background-color: #fff;
          border: .0625rem solid #000;
          color: transparent;
          cursor: pointer;
          display: block;
          font-size: 0;
          height: 100%;
          line-height: 0;
          outline: none;
          width: 100%;
          border-radius: 100%;
          padding: 0
      }

      .timelineCarousel .slick-dots li button:focus,
      .timelineCarousel .slick-dots li button:hover {
          outline: none
      }

      .timelineCarousel .slick-dots li.slick-active button {
          background-color: #94FF8D
      }

      .timelineCarousel-title {
          font-size: 3rem;
          font-weight: 500;
          margin-bottom: 5rem
      }

      @media (max-width:991.98px) {
          .timelineCarousel-title {
              font-size: 2.25rem
          }
      }

      @media (max-width:767.98px) {
          .timelineCarousel-title {
              margin-bottom: 1.5rem
          }
      }

      @media (max-width:767.98px) {
          .timelineCarousel-slide-wrapper {
              margin: 0 auto
          }
      }

      /*!
        Slick.js

       Version: 1.8.1
        Author: Ken Wheeler
       Website: http://kenwheeler.github.io
          Docs: http://kenwheeler.github.io/slick
          Repo: http://github.com/kenwheeler/slick
        Issues: http://github.com/kenwheeler/slick/issues

       */

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

      .slick-list,
      .slick-slider {
          position: relative;
          display: block
      }

      .slick-list {
          overflow: hidden;
          margin: 0;
          padding: 0
      }

      .slick-list:focus {
          outline: none
      }

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

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

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

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

      .slick-track:after {
          clear: both
      }

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

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

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

      .slick-slide img {
          display: block
      }

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

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

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

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

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

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

      .articleGridItem {
          align-items: center;
          display: flex;
          padding-bottom: 3.125rem
      }

      .articleGridItem,
      .articleGridItem-category {
          font-size: .9375rem;
          font-family: DIN, Georgia, sans-serif
          color: #fff;

      }

      .articleGridItem-category,
      .articleGridItem-title {
          text-transform: uppercase
      }

      .articleGridItem-title {
          font-family: MADEWaffleSoft
          position: relative
      }

      .articleGridItem-content {
          line-height: 1.66667;
          margin-bottom: 1.6rem
      }

      .articleGridItem-link {
          font-weight: 700;
          font-family: DIN;
          text-transform: uppercase;
          color: #fff;
          display: inline-block;
          position: relative;
          text-decoration: none
      }

      .articleGridItem-link:before {
          background-color: #000;
          bottom: 0;
          content: "";
          height: 2px;
          left: 0;
          position: absolute;
          transform: scaleX(0);
          transform-origin: 0 0 0;
          transition: all .3s ease-in-out 0s;
          visibility: hidden;
          width: 100%
      }

      .articleGridItem-link:hover {
          text-decoration: none
      }

      .articleGridItem-link:hover:before {
          transform: scaleX(1);
          visibility: visible
      }

      .articleGridItem-imageMain,
      .articleGridItem-imageShadow {
          padding-bottom: 107.2%;
          background-position: 50%;
          background-repeat: no-repeat;
          background-size: cover
      }

      .articleGridItem-imageMain {
          overflow: hidden;
          position: relative;
          z-index: 1
      }

      .articleGridItem-imageMainImg {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          top: 0;
          background-position: 50%;
          background-repeat: no-repeat;
          background-size: cover;
          background-color: #efefef;
          height: 100%;
          transition: transform 1s ease-in-out;
          width: 100%
      }

      .articleGridItem-imageShadow {
          background-size: 200%;
          opacity: .1;
          position: absolute
      }

      .articleGridItem {
          margin-bottom: 4.375rem;
          margin-top: 4.375rem
      }

      @media (max-width:991.98px) {
          .articleGridItem {
              flex-direction: column-reverse;
              margin-bottom: 1.25rem;
              margin-top: 1.25rem
          }
      }

      .articleGridItem--flipped {
          flex-direction: row-reverse
      }

      @media (max-width:991.98px) {
          .articleGridItem--flipped {
              flex-direction: column-reverse
          }
      }

      .articleGridItem-images,
      .articleGridItem-text {
          flex: 50%
      }

      .animate .articleGridItem-images,
      .animate .articleGridItem-text {
          transition-duration: .5s;
          transition-property: opacity, transform
      }

      .animate--init .articleGridItem-images,
      .animate--init .articleGridItem-text {
          opacity: 0
      }

      @media (max-width:991.98px) {
          .articleGridItem-images,
          .articleGridItem-text {
              flex: auto;
              width: 100%
          }
      }

      .articleGridItem-text {
          padding-right: 6.25rem
      }

      .animate--init .articleGridItem-text {
          transform: translateX(-25%)
      }

      .animate--init.articleGridItem--flipped .articleGridItem-text {
          transform: translateX(25%)
      }

      .articleGridItem--flipped .articleGridItem-text {
          padding-left: 6.25rem;
          padding-right: 0
      }

      @media (max-width:991.98px) {
          .articleGridItem--flipped .articleGridItem-text {
              padding-left: 0
          }
      }

      @media (max-width:991.98px) {
          .articleGridItem-text {
              padding-right: 0
          }
      }

      .articleGridItem-title {
          font-size: 2.5rem
      }

      .articleGridItem-title:before {
          background-color: #000;
          content: "";
          display: block;
          height: 2px;
          left: 0;
          position: absolute;
          top: 30px;
          transform: translateX(-60px);
          width: 50px
      }

      .articleGridItem--flipped .articleGridItem-title:before {
          transform: translateX(-80px);
          width: 70px
      }

      @media (max-width:991.98px) {
          .articleGridItem-title:before {
              display: none
          }
      }

      .articleGridItem-images {
          position: relative
      }

      .animate--init .articleGridItem-images {
          transform: translateX(25%)
      }

      .animate--init.articleGridItem--flipped .articleGridItem-images {
          transform: translateX(-25%)
      }

      @media (max-width:991.98px) {
          .articleGridItem-images {
              padding-bottom: 3.75rem
          }
      }

      .articleGridItem-imageMain,
      .articleGridItem-imageShadow {
          max-width: 525px;
          width: 100%
      }

      @media (max-width:991.98px) {
          .articleGridItem-imageMain,
          .articleGridItem-imageShadow {
              max-width: none;
              width: calc(100% - 20px)
          }
      }

      .articleGridItem-imageMain:hover .articleGridItem-imageMainImg {
          transform: scale(1.1)
      }

      .articleGridItem-imageShadow {
          left: 40px;
          top: 40px
      }

      .articleGridItem--flipped .articleGridItem-imageShadow {
          left: auto;
          right: -40px
      }

      @media (max-width:991.98px) {
          .articleGridItem--flipped .articleGridItem-imageShadow {
              left: 20px;
              right: auto
          }
      }

      @media (max-width:991.98px) {
          .articleGridItem-imageShadow {
              left: 20px;
              top: 20px
          }
      }


      .siteFooter-contentWrap {
          background-color: #000;
          position: relative;
          z-index: 20
      }

      .siteFooter-langSelect {
          position: relative
      }

      .siteFooter-langToggle {
          background-color: inherit;
          border: 1px solid #2c2e34;
          height: 45px;
          padding: .75rem 0 .75rem 1.4375rem;
          text-transform: uppercase;
          color: #999;
          font-family: DIN, Georgia, sans-serif;
          font-size: .8125rem
      }

      .siteFooter-langToggle:after {
          position: absolute;
          right: 10px;
          top: 20px
      }

      .siteFooter-langOpt {
          background-color: transparent;
          border: 0;
          bottom: 100%;
          display: block;
          left: 0;
          margin-bottom: 0!important;
          overflow: hidden;
          padding: 0;
          position: absolute;
          top: auto!important;
          transform: none!important;
          width: 100%
      }

      .siteFooter-langItems {
          background-color: #000;
          transform: translateY(100%);
          transition: transform .5s
      }

      .show .siteFooter-langItems {
          transform: translateY(0)
      }

      .siteFooter-langItem {
          background-color: inherit;
          border: 1px solid #2c2e34;
          display: block;
          height: 45px;
          padding: .75rem 0 .75rem 1.4375rem;
          text-transform: uppercase;
          color: #999;
          font-family: DIN, Georgia, sans-serif;
          font-size: .8125rem
      }

      .siteFooter-emailInput {
          background-color: #000;
          border: 1px solid #2c2e34
      }

      .siteFooter-socialBtn {
          cursor: pointer;
          height: 40px;
          transition: color .2s;
          width: 40px;
          font-size: 1.25rem
      }

      .siteFooter-link {
          align-items: center;
          display: flex;
          height: 60px;
          color: #999
      }

      .siteFooter-link,
      .siteFooter label {
          text-transform: uppercase;
          font-family: DIN, Georgia, sans-serif;
          font-size: .75rem
      }

      .siteFooter label {
          color: #ccc;
          margin-bottom: .75rem
      }

      .siteFooter-content {
          padding: 2.5rem
      }

      @media (min-width:768px) {
          .siteFooter-content {
              padding: 2.625rem 0 .625rem
          }
      }

      @media (min-width:1400px) {
          .siteFooter-content {
              max-width: 1300px
          }
      }

      @media (min-width:1400px) {
          .siteFooter-formWrapper {
              padding-left: 108px
          }
      }

      .siteFooter-link {
          padding: 0;
          white-space: normal
      }

      @media (min-width:768px) {
          .siteFooter-link {
              padding-left: 1.25rem;
              padding-right: 1.25rem;
              white-space: nowrap
          }
      }

      @media (min-width:992px) {
          .siteFooter-link {
              padding-left: 1.5rem;
              padding-right: 1.5rem
          }
      }

      .siteFooter-link:active,
      .siteFooter-link:focus,
      .siteFooter-link:hover {
          color: #fff;
          text-decoration: none
      }

      .siteFooter-socialBtn {
          color: #999
      }

      .siteFooter-socialBtn:active,
      .siteFooter-socialBtn:focus,
      .siteFooter-socialBtn:hover {
          color: #fff;
          text-decoration: none
      }

      .siteFooter-socialBtn+.siteFooter-socialBtn {
          margin-left: .9375rem
      }

      @media (min-width:992px) {
          .siteFooter-socialBtn+.siteFooter-socialBtn {
              margin-left: .4375rem
          }
      }

      @media (min-width:1200px) {
          .siteFooter-socialBtn+.siteFooter-socialBtn {
              margin-left: .75rem
          }
      }

      @media (min-width:1400px) {
          .siteFooter-socialBtn+.siteFooter-socialBtn {
              margin-left: .875rem
          }
      }

      .siteFooter-utilityButton {
          border-color: #999;
          color: #999;
          padding: 0;
          background-color: #fff
      }

      .siteFooter-utilityButton:active,
      .siteFooter-utilityButton:focus,
      .siteFooter-utilityButton:hover {
          border-color: #999;
          color: #fff;
          text-decoration: none;
          background-color: #000
      }

      .siteFooter-utilityButton:active .icon,
      .siteFooter-utilityButton:focus .icon,
      .siteFooter-utilityButton:hover .icon {
          color: #fff
      }

      .siteFooter-utilityButton [class*=icon-book] {
          font-size: 1.25rem
      }

      .siteFooter-utilityButton:active,
      .siteFooter-utilityButton:focus {
          outline: none;
          background-color: #000
      }

      .siteFooter-utilityButton:active .icon,
      .siteFooter-utilityButton:focus .icon {
          color: #999
      }

      .siteFooter-langToggle {
          width: 100%
      }

      @media (min-width:768px) {
          .siteFooter-langToggle {
              width: 190px
          }
      }

      .siteFooter-langOpt {
          max-height: 0;
          transition: z-index .7s, max-height .7s;
          z-index: 1000
      }

      .show .siteFooter-langOpt,
      .siteFooter-langOpt.show {
          max-height: 9999px;
          transition: z-index .3s;
          z-index: 1002
      }

      .siteFooter-langItem:hover {
          color: #fff;
          text-decoration: none
      }

      .siteFooter-langItem.is-selected {
          background-color: #212121
      }

      .siteFooter-newsLtrSubmit {
          color: #999
      }

      .siteFooter-newsLtrSubmit:active,
      .siteFooter-newsLtrSubmit:focus,
      .siteFooter-newsLtrSubmit:hover {
          color: #fff;
          text-decoration: none
      }

      .siteFooter-newsLtrBox {
          width: 330px
      }

      @media (min-width:1400px) {
          .siteFooter-newsLtrBox {
              margin-left: 6px;
              width: 362px
          }
      }

      .siteFooter-socialLinks,
      .siteFooter label {
          text-align: center
      }

      @media (min-width:768px) {
          .siteFooter-socialLinks,
          .siteFooter label {
              text-align: left
          }
      }

      .siteFooter-socialLinks {
          z-index: 1001
      }

      @media (min-width:1400px) {
          .siteFooter-socialLinks {
              text-align: right
          }
      }

      .siteFooter-utilities {
          bottom: 10px;
          position: fixed;
          right: 15px;
          z-index: 1002
      }

      @media (min-width:768px) {
          .siteFooter-utilities {
              bottom: 40px;
              right: -45px;
              transition: right .3s
          }
          .has-scrolled .siteFooter-utilities {
              position: fixed;
              right: 15px
          }
      }

      @media (max-width:767.98px) {
          .siteFooter-utilities {
              display: none
          }
      }

      .siteFooter-utility+.siteFooter-utility {
          margin-top: .3125rem
      }

      .siteFooter-siteLinks {
          margin-left: 0;
          text-align: center
      }

      @media (min-width:768px) {
          .siteFooter-siteLinks {
              margin-left: -3.75rem;
              margin-top: .5rem
          }
      }

      @media (max-width:991.98px) {
          .siteFooter-siteLinks li {
              margin-right: 10px;
              display: inline-block
          }
      }

      @media (min-width:768px) {
          .siteFooter .readingTab-icons {
              opacity: 0;
              transition: opacity .5s
          }
      }

      .siteFooter .is-expanded .readingTab-icons {
          opacity: 1
      }


      .custom-carets .dropdown-toggle {
          cursor: pointer;
          font-family: DIN, Georgia, sans-serif;
          font-weight: 400
      }

      .custom-carets .dropdown-toggle:after {
          border-width: 0;
          content: "\e900";
          display: inline-block;
          font-family: twc-icons;
          height: auto;
          margin-left: .3125rem;
          vertical-align: .4em;
          width: auto;
          font-size: .3125rem
      }

      .custom-carets .dropdown-toggle[aria-expanded=true]:after {
          content: "\e903"
      }

      .custom-carets .dropdown-toggle>span.caret,
      .no-carets .dropdown-toggle:after {
          display: none
      }

      .styled-form label {
          display: block;
          color: #fff;
          font-family: DIN, Georgia, sans-serif;
          font-size: 0.875rem
      }

      .styled-form--border {
          border: 2px solid #f7f7f9;
          padding: 1.25rem
      }

      .styled-form .styled-select {
          -webkit-appearance: none;
          -moz-appearance: none;
          background-color: #fff;
          background-image: url(/Static/assets/svgs/chevron-down.svg);
          background-position: calc(100% - 13px) 1em;
          background-repeat: no-repeat;
          background-size: 12px 20px;
          border-radius: 0;
          box-sizing: border-box;
          line-height: 45px;
          border-color: #212121;
          margin: 0;
          padding: 0 3.75rem 0 .75rem;
          color: #000;
          font-family: DIN, Georgia, sans-serif
      }

      .styled-form .styled-select,
      .styled-form .styled-select--small {
          height: 45px;
          font-size: .875rem
      }

      .styled-form .styled-select--dark {
          background-color: #212121;
          background-image: url(/Static/assets/svgs/chevron-down-gray.svg);
          color: #999
      }

      .styled-form .styled-select--dark:active,
      .styled-form .styled-select--dark:focus,
      .styled-form .styled-select--dark:hover {
          background-image: url(/Static/assets/svgs/chevron-down-white.svg);
          color: #fff
      }

      .styled-form .styled-select--full {
          width: 100%;
          display: block
      }

      .styled-form .styled-addon--dark {
          align-items: center;
          background-color: #000;
          border-color: transparent;
          color: #999;
          display: flex;
          padding: 0 .625rem
      }


      .styled-input {
          background-color: #fff;
          border: 1px solid #212121;
          border-radius: 0;
          box-sizing: border-box;
          height: 45px;
          padding: .35em .35em .35em 1em;
          color: #212121;
          font-family: DIN, Georgia, sans-serif;
          font-size: .875rem
      }

      .styled-input:focus {
          box-shadow: none
      }

      .styled-input--dark {
          background-color: #000!important;
          border-width: 0;
          color: #999
      }

      .styled-input--dark:active,
      .styled-input--dark:focus,
      .styled-input--dark:hover {
          color: #fff
      }


      .idsForms {
          background-color: #ccc
      }

      .idsForms-title {
          color: #fff
      }

      .idsForms--dark {
          background-color: #333
      }

      .idsForms-title {
          color: #000
      }

      .epiFormsSample {
          background-color: #ccc
      }

      .epiFormsSample-title {
          color: #fff
      }

      .epiFormsSample--dark {
          background-color: #333
      }

      .epiFormsSample-title {
          color: #000
      }

      .ids-divider {
          margin: 16px 0!important;
          border-top: 2px solid #003da6!important
      }

      .ids-section-title {
          margin-bottom: 12px!important
      }

      .ids-control-label {
          display: block;
          text-transform: none;
          margin-bottom: 5px;
          color: #212121;
          font-family: DIN, Georgia, sans-serif;
          font-size: .9375rem;
          font-weight: 400!important
      }

      .ids-form-group .g-recaptcha {
          margin-top: 24px
      }

      .ids-btn {
          display: inline-block;
          font-weight: 700!important;
          margin-bottom: 16px
      }

      .ids-checkbox-text {
          color: #212121!important;
          text-transform: none!important
      }

      .ids-checkbox input[type=checkbox] {
          border: 1px solid #212121!important;
          background-color: #f4f4f4!important
      }

      .ids-checkbox input[type=checkbox]:checked:before {
          content: "\f00c"!important;
          font-family: Font Awesome\ 5 Free!important;
          font-size: 12px!important
      }

      .ids-radio-text {
          border-radius: 2px!important;
          border: 1px solid #a4a4a4!important;
          padding: 18px 20px 18px 56px!important;
          background-color: #f9f9f9;
          color: #212121!important;
          text-transform: none!important;
          width: 100%;
          font-weight: 500!important
      }

      .ids-radio-text:after,
      .ids-radio-text:before {
          content: "";
          display: inline-block;
          border-radius: 50%;
          position: absolute
      }

      .ids-radio-text:after {
          height: 26px;
          width: 26px;
          border: 2px solid #e6e6e6;
          left: 16px;
          top: 17px;
          z-index: 1
      }

      .ids-radio-text:before {
          height: 6px;
          width: 6px;
          background-color: #e6e6e6;
          left: 26px;
          top: 27px;
          z-index: 2
      }

      .ids-radio input[type=radio] {
          opacity: 0;
          height: 0;
          width: 0;
          overflow: hidden;
          position: absolute
      }

      .ids-radio input[type=radio]:checked~.ids-radio-text {
          background-color: #333!important;
          color: #fff!important
      }

      .ids-radio input[type=radio]:checked~.ids-radio-text:after {
          border: 2px solid #666;
          background-color: #666
      }

      .ids-radio input[type=radio]:checked~.ids-radio-text:before {
          background-color: #fff
      }

      .modal,
      .modal-open {
          overflow: hidden
      }

      .modal {
          position: fixed;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 1050;
          display: none;
          outline: 0
      }

      .modal-open .modal {
          overflow-x: hidden;
          overflow-y: auto
      }

      .modal-dialog {
          position: relative;
          width: auto;
          margin: .5rem;
          pointer-events: none
      }

      .modal.fade .modal-dialog {
          transition: transform .3s ease-out;
          transform: translateY(-25%)
      }

      .modal.show .modal-dialog {
          transform: translate(0)
      }

      .modal-dialog-centered {
          display: flex;
          align-items: center;
          min-height: calc(100% - 1rem)
      }

      .modal-content {
          position: relative;
          display: flex;
          flex-direction: column;
          width: 100%;
          pointer-events: auto;
          background-color: #fff;
          background-clip: padding-box;
          border: 1px solid rgba(0, 0, 0, .2);
          outline: 0
      }

      .modal-backdrop {
          position: fixed;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 1040;
          background-color: #000
      }

      .modal-backdrop.fade {
          opacity: 0
      }

      .modal-backdrop.show {
          opacity: .5
      }

      .modal-header {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          padding: 1rem;
          border-bottom: 1px solid #e9ecef
      }

      .modal-header .close {
          padding: 1rem;
          margin: -1rem -1rem -1rem auto
      }

      .modal-title {
          margin-bottom: 0;
          line-height: 1.5
      }

      .modal-body {
          position: relative;
          flex: 1 1 auto;
          padding: 1rem
      }

      .modal-footer {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          padding: 1rem;
          border-top: 1px solid #e9ecef
      }

      .modal-footer>:not(:first-child) {
          margin-left: .25rem
      }

      .modal-footer>:not(:last-child) {
          margin-right: .25rem
      }

      .modal-scrollbar-measure {
          position: absolute;
          top: -9999px;
          width: 50px;
          height: 50px;
          overflow: scroll
      }

      @media (min-width:576px) {
          .modal-dialog {
              max-width: 500px;
              margin: 1.75rem auto
          }
          .modal-dialog-centered {
              min-height: calc(100% - 3.5rem)
          }
          .modal-sm {
              max-width: 300px
          }
      }

      @media (min-width:992px) {
          .modal-lg {
              max-width: 800px
          }
      }

    }

    ol,
    ul {
        margin: 0;
        padding: 0
    }

    a,
    u {
        cursor: pointer
    }

    a:active,
    a:focus,
    a:hover,
    u:active,
    u:focus,
    u:hover {
        text-decoration: underline
    }

    @font-face {
        font-family: twc-icons;
        font-style: normal;
        font-weight: 400;
        src: url(../fonts/icons/twc-icons.eot?b4xt74);
        src: url(../fonts/icons/twc-icons.eot?b4xt74#iefix) format("embedded-opentype"), url(/static/assets/fonts/icons/twc-icons.ttf?b4xt74) format("truetype"), url(/static/assets/fonts/icons/twc-icons.woff?b4xt74) format("woff"), url(/static/assets/fonts/icons/twc-icons.svg?b4xt74#csu-shop-icons) format("svg")
    }

    [class*=" icon-"],
    [class^=icon-] {
        font-family: twc-icons!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        speak: none;
        text-transform: none
    }

    .icon-close:before {
        content: "\e911"
    }

    .icon-book:before {
        content: "\e910"
    }

    .icon-share:before {
        content: "\e907"
    }

    .icon-menu:before {
        content: "\e908"
    }

    .icon-mail:before {
        content: "\e909"
    }

    .icon-pinterest:before {
        content: "\e90a"
    }

    .icon-youtube:before {
        content: "\e90b"
    }

    .icon-instagram:before {
        content: "\e90c"
    }

    .icon-linkedin:before {
        content: "\e90d"
    }

    .icon-twitter:before {
        content: "\e90e"
    }

    .icon-facebook:before {
        content: "\e90f"
    }

    .icon-chevron-down:before {
        content: "\e900"
    }

    .icon-chevron-left:before {
        content: "\e901"
    }

    .icon-chevron-right:before {
        content: "\e902"
    }

    .icon-chevron-up:before {
        content: "\e903"
    }

    .icon-search:before {
        content: "\e904"
    }

    .icon-person:before {
        content: "\e905"
    }

    .icon-pin:before {
        content: "\e906"
    }

    @font-face {
        font-family: smiles;
        src: url(/Static/assets/fonts/icons/smiles.eot?18rkll);
        src: url(/Static/assets/fonts/icons/smiles.eot?18rkll#iefix) format("embedded-opentype"), url(/Static/assets/fonts/icons/smiles.ttf?18rkll) format("truetype"), url(/Static/assets/fonts/icons/smiles.woff?18rkll) format("woff"), url(/Static/assets/fonts/icons/smiles.svg?18rkll#smiles) format("svg");
        font-weight: 400;
        font-style: normal
    }

    [class*=" icon-smile-"],
    [class^=icon-smile-] {
        font-family: smiles!important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .icon-smile-agree:before {
        content: "\1f5f4"
    }

    .icon-smile-disagree:before {
        content: "\1f5f5"
    }

    .icon-smile-neutral:before {
        content: "\1f5f6"
    }

    .icon-smile-strongly-agree:before {
        content: "\1f5f7"
    }

    .icon-smile-strongly-disagree:before {
        content: "\1f5f8"
    }

    .btn-outline-secondary {
        color: #000;
        background-color: #fff;
        background-image: none;
        border-color: #000;
        align-items: center;
        height: 50px;
        padding-right: 20px;
        padding-left: 20px;
        width: 65%;
        margin-top: 1.25rem
    }

    .btn-outline-secondary .icon-mail:before {
        font-size: 1.5rem
    }

    .btn-outline-secondary .icon-chevron-right:before {
        font-size: 1.0625rem
    }

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #000;
        border-color: #000
    }

    .btn-outline-secondary.focus,
    .btn-outline-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .5)
    }

    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        color: #000;
        background-color: #fff;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .show>.btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #000;
        border-color: #000
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .5)
    }

    @media only screen and (max-width: 991.98px) {
.btn-outline-secondary {
width: 100%;
}}


    .d-none {
        display: none!important
    }

    .d-inline {
        display: inline!important
    }

    .d-inline-block {
        display: inline-block!important
    }

    .d-block {
        display: block!important
    }

    .d-table {
        display: table!important
    }

    .d-table-row {
        display: table-row!important
    }

    .d-table-cell {
        display: table-cell!important
    }

    .d-flex {
        display: flex!important
    }

    .d-inline-flex {
        display: inline-flex!important
    }

    @media (min-width:576px) {
        .d-sm-none {
            display: none!important
        }
        .d-sm-inline {
            display: inline!important
        }
        .d-sm-inline-block {
            display: inline-block!important
        }
        .d-sm-block {
            display: block!important
        }
        .d-sm-table {
            display: table!important
        }
        .d-sm-table-row {
            display: table-row!important
        }
        .d-sm-table-cell {
            display: table-cell!important
        }
        .d-sm-flex {
            display: flex!important
        }
        .d-sm-inline-flex {
            display: inline-flex!important
        }
    }

    @media (min-width:768px) {
        .d-md-none {
            display: none!important
        }
        .d-md-inline {
            display: inline!important
        }
        .d-md-inline-block {
            display: inline-block!important
        }
        .d-md-block {
            display: block!important
        }
        .d-md-table {
            display: table!important
        }
        .d-md-table-row {
            display: table-row!important
        }
        .d-md-table-cell {
            display: table-cell!important
        }
        .d-md-flex {
            display: flex!important
        }
        .d-md-inline-flex {
            display: inline-flex!important
        }
    }

    @media (min-width:992px) {
        .d-lg-none {
            display: none!important
        }
        .d-lg-inline {
            display: inline!important
        }
        .d-lg-inline-block {
            display: inline-block!important
        }
        .d-lg-block {
            display: block!important
        }
        .d-lg-table {
            display: table!important
        }
        .d-lg-table-row {
            display: table-row!important
        }
        .d-lg-table-cell {
            display: table-cell!important
        }
        .d-lg-flex {
            display: flex!important
        }
        .d-lg-inline-flex {
            display: inline-flex!important
        }
    }

    @media (min-width:1200px) {
        .d-xl-none {
            display: none!important
        }
        .d-xl-inline {
            display: inline!important
        }
        .d-xl-inline-block {
            display: inline-block!important
        }
        .d-xl-block {
            display: block!important
        }
        .d-xl-table {
            display: table!important
        }
        .d-xl-table-row {
            display: table-row!important
        }
        .d-xl-table-cell {
            display: table-cell!important
        }
        .d-xl-flex {
            display: flex!important
        }
        .d-xl-inline-flex {
            display: inline-flex!important
        }
    }

    @media print {
        .d-print-none {
            display: none!important
        }
        .d-print-inline {
            display: inline!important
        }
        .d-print-inline-block {
            display: inline-block!important
        }
        .d-print-block {
            display: block!important
        }
        .d-print-table {
            display: table!important
        }
        .d-print-table-row {
            display: table-row!important
        }
        .d-print-table-cell {
            display: table-cell!important
        }
        .d-print-flex {
            display: flex!important
        }
        .d-print-inline-flex {
            display: inline-flex!important
        }
    }

    .dropdown-toggle:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: .5rem 0;
        margin: .125rem 0 0;
        font-size: 1.063rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .15)
    }

    .dropup .dropdown-menu {
        margin-top: 0;
        margin-bottom: .125rem
    }

    .dropup .dropdown-toggle:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: 0;
        border-right: .3em solid transparent;
        border-bottom: .3em solid;
        border-left: .3em solid transparent
    }

    .dropup .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .dropright .dropdown-menu {
        margin-top: 0;
        margin-left: .125rem
    }

    .dropright .dropdown-toggle:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid transparent;
        border-bottom: .3em solid transparent;
        border-left: .3em solid
    }

    .dropright .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .dropright .dropdown-toggle:after {
        vertical-align: 0
    }

    .dropleft .dropdown-menu {
        margin-top: 0;
        margin-right: .125rem
    }

    .dropleft .dropdown-toggle:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        display: none
    }

    .dropleft .dropdown-toggle:before {
        display: inline-block;
        width: 0;
        height: 0;
        margin-right: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid transparent;
        border-right: .3em solid;
        border-bottom: .3em solid transparent
    }

    .dropleft .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .dropleft .dropdown-toggle:before {
        vertical-align: 0
    }

    .dropdown-divider {
        height: 0;
        margin: .5rem 0;
        overflow: hidden;
        border-top: 1px solid #e9ecef
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: .25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff
    }

    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: #6c757d;
        background-color: transparent
    }

    .dropdown-menu.show {
        display: block;
        bottom: 0;
    }

    .dropdown-header {
        display: block;
        padding: .5rem 1.5rem;
        margin-bottom: 0;
        font-size: .9375rem;
        color: #6c757d;
        white-space: nowrap
    }


    .galleryCarousel {
        display: flex;
        position: relative
    }

    .galleryCarousel-container {
        width: 100%;
        padding-right: 16px;
        padding-left: 16px;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:576px) {
        .galleryCarousel-container {
            max-width: 540px
        }
    }

    @media (min-width:918px) {
        .galleryCarousel-container {
            max-width: 720px
        }
    }

    @media (min-width:1142px) {
        .galleryCarousel-container {
            max-width: 960px
        }
    }

    @media (min-width:1350px) {
        .galleryCarousel-container {
            max-width: 1082px
        }
    }

    .galleryCarousel-title {
        color: #212121;
        font-family: DIN, Georgia, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        white-space: nowrap;
        font-size: 1.5rem
    }

    .galleryCarousel-titleLine {
        background-color: #212121;
        display: inline-block;
        height: 60px;
        left: 50%;
        margin: 0 0 .625rem -1px;
        position: absolute;
        top: -70px;
        width: 2px
    }

    .galleryCarousel-carouselWrapper {
        width: 100%
    }

    .galleryCarousel-carouselCaption {
        font-size: .875rem;
        color: #000
    }

    .galleryCarousel-carouselCaption h4 {
        font-weight: 700
    }

    .galleryCarousel-carouselCaption h6 {
        color: #999;
        font-family: DIN, Georgia, sans-serif;
        text-transform: uppercase
    }

    .galleryCarousel-carouselDots .slick-dots {
        font-size: 0;
        margin-top: 1.875rem;
        text-align: center
    }

    .galleryCarousel-carouselDots .slick-dots li {
        display: inline-block;
        list-style: none
    }

    .galleryCarousel-carouselDots .slick-dots button {
        background-color: #fff;
        border: 2px solid #dbdbdb;
        border-radius: 50%;
        height: 16px;
        padding: 0;
        transition-duration: .2s;
        transition-property: border-color, background-color;
        width: 16px
    }

    .galleryCarousel-slideImg {
        width: 100%
    }

    .galleryCarousel .sliderNav-link {
        margin: .3rem 0
    }

    .galleryCarousel {
        margin: 4.375rem auto 1.25rem
    }

    @media (max-width:767.98px) {
        .galleryCarousel {
            flex-direction: column
        }
        .galleryCarousel-slideImgWrap {
            height: 340px;
            overflow: hidden;
            position: relative;
            width: 100%
        }
        .galleryCarousel-slideImg {
            left: 50%;
            min-height: 340px;
            object-fit: cover
        }
    }

    @media (min-width:1350px) {
        .galleryCarousel-container {
            max-width: 1084px
        }
    }

    @media (max-width:575.98px) {
        .galleryCarousel-container {
            padding-left: 0;
            padding-right: 0
        }
    }

    @media (min-width:768px) {
        .galleryCarousel-title {
            left: -70px;
            margin: 0;
            position: absolute;
            text-align: right;
            top: 0;
            transform: rotate(180deg);
            -ms-writing-mode: tb-rl;
            writing-mode: tb-rl
        }
    }

    @media (max-width:767.98px) {
        .galleryCarousel-title {
            margin-bottom: 2.5rem;
            text-align: center
        }
    }

    @media (max-width:575.98px) {
        .galleryCarousel-title {
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (max-width:767.98px) {
        .galleryCarousel-titleLine {
            display: none
        }
    }

    .galleryCarousel-carousel .slick-slide {
        margin-left: .9375rem;
        margin-right: .9375rem
    }

    @media (max-width:991.98px) {
        .galleryCarousel-carousel .slick-slide {
            margin-left: .5rem;
            margin-right: .5rem
        }
    }

    .galleryCarousel-carouselCaption {
        text-align: center;
        max-width: 100%
    }

    @media (max-width:575.98px) {
        .galleryCarousel-carouselCaption {
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    .galleryCarousel-carouselCaption a {
        text-decoration: underline;
        -webkit-text-decoration-skip: ink;
        text-decoration-skip: ink
    }

    .galleryCarousel-carouselCaption a:active,
    .galleryCarousel-carouselCaption a:focus,
    .galleryCarousel-carouselCaption a:hover {
        text-decoration: none
    }

    .galleryCarousel-slide .galleryCarousel-carouselCaption {
        font-size: .875rem;
        text-align: left;
        margin: .9375rem auto 0
    }

    @media (max-width:575.98px) {
        .galleryCarousel-slide .galleryCarousel-carouselCaption {
            padding-left: 0;
            padding-right: 0
        }
    }

    .galleryCarousel-carouselDots .slick-dots li.slick-active button {
        background-color: #000;
        border-color: #000
    }

    .galleryCarousel-carouselDots .slick-dots li+li {
        margin-left: .9375rem
    }

    .galleryCarousel-carouselDots .slick-dots button:focus {
        outline: none
    }

    .galleryCarousel-altTitle {
        letter-spacing: 10px;
        text-align: center;
        text-transform: uppercase;
        margin: 30px 0 50px;
        color: #212121;
        font-family: DIN, Georgia, sans-serif;
        font-size: 1.6875rem;
        font-weight: 700
    }

    .galleryCarousel--wpc {
        margin-top: 0
    }

    .galleryCarousel--wpc .galleryCarousel-title {
        display: none
    }

    .galleryCarousel--wpc .galleryCarousel-carouselCaption h4,
    .galleryCarousel--wpc .galleryCarousel-carouselCaption h6 {
        font-size: 14px;
        display: inline-block;
        color: #212121;
        text-transform: none
    }

    .galleryCarousel--wpc .galleryCarousel-carouselCaption h4 {
        font-weight: 700
    }

    .galleryCarousel--wpc .galleryCarousel-carouselCaption h6 {
        font-weight: 400
    }

    .wysiwyg .sliderNav-link {
        font-family: DIN, Georgia, sans-serif
    }


    .imageCaption a {
        font-weight: 700
    }

    .imageCaption a:hover {
        text-decoration: none
    }

    .articleGallery {
        display: flex;
        margin: auto;
        position: relative
    }

    .articleGallery-carouselWrapper {
        width: 100%
    }

    .articleGallery .slick-slide {
        line-height: 0
    }

    .articleGallery-carouselCaption {
        font-size: .875rem
    }

    .articleGallery-slide .articleGallery-carouselCaption {
        margin-top: .9375rem;
        font-size: .875rem
    }

    .articleGallery-carouselCaption h4 {
        font-weight: 700
    }

    .articleGallery-carouselCaption h6 {
        color: #999;
        font-family: DIN, Georgia, sans-serif;
        text-transform: uppercase
    }


    .articleGallery-slideImg {
        width: 100%
    }

    .articleGallery .sliderNav-arrow {
        background-color: transparent;
        border: 0;
        border-radius: 0;
        bottom: 0;
        padding: 0 1.25rem;
        position: absolute;
        top: 0
    }

    .articleGallery .sliderNav-arrow.sliderNav-arrow--prev {
        background-image: linear-gradient(90deg, #f4f4f4 50%, transparent);
        left: 0
    }

    .articleGallery .sliderNav-arrow.sliderNav-arrow--prev:after {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        border-color: transparent #000 transparent transparent;
        border-style: solid;
        border-width: 6px;
        content: "";
        height: 0;
        width: 0
    }

    .articleGallery .sliderNav-arrow.sliderNav-arrow--next {
        background-image: linear-gradient(270deg, #f4f4f4 50%, transparent);
        right: 0
    }

    .articleGallery .sliderNav-arrow.sliderNav-arrow--next:after {
        position: absolute;
        right: 50%;
        top: 50%;
        transform: translate(50%, -50%);
        border-color: transparent transparent transparent #000;
        border-style: solid;
        border-width: 6px;
        content: "";
        height: 0;
        width: 0
    }

    .articleGallery .sliderNav-link {
        margin: .4rem 0
    }

    @media (min-width:1350px) {
        .articleGallery {
            width: 1080px
        }
    }

    @media (max-width:1349.98px) {
        .articleGallery {
            width: 75%
        }
    }

    @media (max-width:767.98px) {
        .articleGallery {
            flex-direction: column;
            width: 100%
        }
    }

    @media (min-width:1350px) {
        .articleGallery-carouselWrapper {
            width: 1080px
        }
    }

    .articleGallery-carouselCaption {
        text-align: center
    }

    @media (max-width:767.98px) {
        .articleGallery-carouselCaption {
            display: none
        }
    }

    .articleGallery-carouselCaption a {
        text-decoration: underline;
        -webkit-text-decoration-skip: ink;
        text-decoration-skip: ink;
        font-weight: 700
    }

    .articleGallery-carouselCaption a:active,
    .articleGallery-carouselCaption a:focus,
    .articleGallery-carouselCaption a:hover {
        text-decoration: none
    }

    .articleGallery-slide .articleGallery-carouselCaption {
        text-align: left
    }

    .articleGallery .sliderNav {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative
    }

    @media (max-width:767.98px) {
        .articleGallery .sliderNav {
            background-color: #f4f4f4;
            display: block;
            margin-left: 0;
            padding: 0;
            text-align: center;
            white-space: nowrap
        }
    }

    .articleGallery .sliderNav-line {
        background-color: transparent
    }

    @media (max-width:767.98px) {
        .articleGallery .sliderNav-line {
            display: none
        }
    }

    @media (max-width:767.98px) {
        .articleGallery .sliderNav-links {
            overflow-x: scroll;
            padding: 1.25rem 3.125rem
        }
    }

    .articleGallery .sliderNav-link.is-active {
        border-top: 2px solid #000;
        color: #212121;
        line-height: 1;
        padding-top: .3125rem;
        font-size: 1.0625rem
    }

    @media (min-width:768px) {
        .articleGallery .sliderNav-link.is-active {
            font-size: 3.125rem
        }
    }

    @media (max-width:767.98px) {
        .articleGallery .sliderNav-link {
            display: inline-block;
            margin-top: 0
        }
    }

    .articleGallery .sliderNav-link+.sliderNav-link {
        margin-top: .3rem
    }

    @media (max-width:767.98px) {
        .articleGallery .sliderNav-link+.sliderNav-link {
            margin-left: 1.875rem;
            margin-top: 0
        }
    }

    .articleGallery .sliderNav-arrow:focus {
        outline: none
    }

    @media (min-width:768px) {
        .articleGallery .sliderNav-arrow {
            display: none
        }
    }

    .navigator-nav {
        cursor: pointer
    }

    .navigator-left,
    .navigator-right {
        background-color: transparent;
        margin: .3125rem 1.25rem;
        position: fixed;
        top: 50%;
        z-index: 1
    }

    .navigator-left {
        transform: translate(-43px, -50%) rotate(270deg)
    }

    .navigator-right {
        transform: translate(24px, -50%) rotate(90deg)
    }

    .navigator-innerLeft,
    .navigator-innerRight {
        display: inline-block;
        font-weight: 700;
        position: relative;
        text-decoration: none
    }

    .navigator-innerLeft:before,
    .navigator-innerRight:before {
        background-color: #212121;
        bottom: 0;
        content: "";
        height: 3px;
        left: 0;
        position: absolute;
        width: 100%
    }

    .navigator-preview {
        position: fixed;
        top: 50%;
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        transform: translateY(-50%);
        z-index: 10;
        width: 12.5rem
    }

    .navigator-img {
        width: 100%;
        height: 12.5rem;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .navigator-content {
        padding: .625rem
    }

    .navigator-category {
        color: #999;
        display: block;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: .3125rem;
        font-size: .6875rem
    }

    .navigator-title {
        font-weight: 500;
        margin: 0;
        font-size: 1rem;
        display: inline-block;
        line-height: 1.25rem
    }

    .navigator-left,
    .navigator-right {
        transition-duration: .5s;
        transition-property: right, left
    }

    .navigator-left {
        left: -40px
    }

    .navigator.is-open .navigator-left {
        left: 0
    }

    .navigator-right {
        right: -40px
    }

    .navigator.is-open .navigator-right {
        right: 0
    }

    .navigator-innerLeft:hover,
    .navigator-innerRight:hover {
        text-decoration: none
    }

    .navigator-preview {
        display: none
    }

    .navigator-previewLeft {
        left: 2.25rem
    }

    .navigator-previewRight {
        right: 2.25rem
    }

    .navigator-preview.is-open {
        display: block
    }


    .sliderNav {
        margin-left: 2.5rem
    }

    @media (max-width:767.98px) {
        .sliderNav {
            display: none
        }
    }

    .sliderNav-line {
        background-color: #212121;
        height: 3px;
        width: 100px
    }

    .sliderNav-link {
        font-family: DIN;
        color: #999;
        cursor: pointer;
        display: block;
        font-weight: 700;
        margin: .5rem 0;
        transition-duration: .2s;
        transition-property: color, font-size;
        font-size: 1.0625rem
    }

    .sliderNav-link.is-active {
        font-family: DIN;
        color: #212121;
        margin: 0;
        font-size: 3.125rem
    }

    .sliderNav--text .sliderNav-link.is-active {
        font-size: 1.5625rem
    }


    .stepByStepItemBlock {
        align-items: center;
        display: flex;
        padding-bottom: 3.125rem
    }

    .stepByStepItemBlock,
    .stepByStepItemBlock-step {
        font-size: .875rem;
        font-family: DIN, Georgia, sans-serif;
    }

    .stepByStepItemBlock-step {
        text-transform: uppercase;
        font-weight: 600;
    }

    .stepByStepItemBlock-title {
        font-family: DIN, Georgia, sans-serif;
        position: relative;
        text-transform: uppercase
    }

    .stepByStepItemBlock-content {
        line-height: 1.4375rem;
        margin-bottom: 1.6rem
    }

    .stepByStepItemBlock-content a {
        text-decoration: underline
    }

    .stepByStepItemBlock-link {
        font-weight: 700;
        text-transform: uppercase;
        color: #000;
        display: inline-block;
        position: relative;
        text-decoration: none
    }

    .stepByStepItemBlock-link:before {
        background-color: #000;
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        transform: scaleX(0);
        transform-origin: 0 0 0;
        transition: all .3s ease-in-out 0s;
        visibility: hidden;
        width: 100%
    }

    .stepByStepItemBlock-link:hover {
        text-decoration: none
    }

    .stepByStepItemBlock-link:hover:before {
        transform: scaleX(1);
        visibility: visible
    }

    .stepByStepItemBlock-imageMain,
    .stepByStepItemBlock-imageShadow {
        padding-bottom: 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .stepByStepItemBlock-imageMain {
        overflow: hidden;
        position: relative;
        z-index: 1
    }

    .stepByStepItemBlock-imageMainImg {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #efefef;
        height: 100%;
        transition: transform 1s ease-in-out;
        width: 100%
    }

    .stepByStepItemBlock-imageShadow {
        background-size: 200%;
        opacity: .1;
        position: absolute
    }

    .stepByStepItemBlock {
        margin-bottom: 4.375rem;
        margin-top: 4.375rem
    }

    @media (max-width:991.98px) {
        .stepByStepItemBlock {
            flex-direction: column-reverse;
            margin-bottom: 1.25rem;
            margin-top: 1.25rem
        }
    }

    .stepByStepItemBlock--flipped {
        flex-direction: row-reverse
    }

    @media (max-width:991.98px) {
        .stepByStepItemBlock--flipped {
            flex-direction: column-reverse
        }
    }

    .stepByStepItemBlock-images,
    .stepByStepItemBlock-text {
        flex: 50%
    }

    .animate .stepByStepItemBlock-images,
    .animate .stepByStepItemBlock-text {
        transition-duration: .5s;
        transition-property: opacity, transform
    }

    .animate--init .stepByStepItemBlock-images,
    .animate--init .stepByStepItemBlock-text {
        opacity: 0
    }

    @media (max-width:991.98px) {
        .stepByStepItemBlock-images,
        .stepByStepItemBlock-text {
            flex: auto;
            width: 100%
        }
    }

    .stepByStepItemBlock-text {
        padding-right: 6.25rem
    }

    @media (min-width:992px) {
        .stepByStepItemBlock-text {
            align-self: flex-start;
            margin-top: 4rem
        }
    }

    .animate--init .stepByStepItemBlock-text {
        transform: translateX(-25%)
    }

    .animate--init.stepByStepItemBlock--flipped .stepByStepItemBlock-text {
        transform: translateX(25%)
    }

    .stepByStepItemBlock--flipped .stepByStepItemBlock-text {
        padding-left: 6.25rem;
        padding-right: 0
    }

    @media (max-width:991.98px) {
        .stepByStepItemBlock--flipped .stepByStepItemBlock-text {
            padding-left: 0
        }
    }

    @media (max-width:991.98px) {
        .stepByStepItemBlock-text {
            padding-right: 0
        }
    }

    .stepByStepItemBlock-title {
        line-height: 1;
        font-weight: 700;
        margin-bottom: 1rem;
        font-size: 2.5rem
    }

    .stepByStepItemBlock-title:before {
        background-color: #000;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        top: 26px;
        transform: translateX(-60px);
        width: 50px
    }

    .stepByStepItemBlock--flipped .stepByStepItemBlock-title:before {
        transform: translateX(-80px);
        width: 70px
    }

    @media (max-width:991.98px) {
        .stepByStepItemBlock-title:before {
            display: none
        }
    }

    .stepByStepItemBlock-images {
        position: relative
    }

    .animate--init .stepByStepItemBlock-images {
        transform: translateX(25%)
    }

    .animate--init.stepByStepItemBlock--flipped .stepByStepItemBlock-images {
        transform: translateX(-25%)
    }

    @media (max-width:991.98px) {
        .stepByStepItemBlock-images {
            padding-bottom: 3.75rem
        }
    }

    .stepByStepItemBlock-imageMain,
    .stepByStepItemBlock-imageShadow {
        max-width: 525px;
        width: 100%
    }

    @media (max-width:991.98px) {
        .stepByStepItemBlock-imageMain,
        .stepByStepItemBlock-imageShadow {
            max-width: none;
            width: calc(100% - 20px)
        }
    }

    .stepByStepItemBlock-imageMain:hover .stepByStepItemBlock-imageMainImg {
        transform: scale(1.1)
    }

    .stepByStepItemBlock-imageShadow {
        left: 40px;
        top: 40px
    }

    .stepByStepItemBlock--flipped .stepByStepItemBlock-imageShadow {
        left: auto;
        right: -40px
    }

    @media (max-width:991.98px) {
        .stepByStepItemBlock--flipped .stepByStepItemBlock-imageShadow {
            left: 20px;
            right: auto
        }
    }

    @media (max-width:991.98px) {
        .stepByStepItemBlock-imageShadow {
            left: 20px;
            top: 20px
        }
    }

    .stepByStepContainerBlock {
        padding: 60px 0 0;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #fff
    }

    .stepByStepContainerBlock-title {
        margin-bottom: 30px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 10px;
        line-height: 33px;
        color: #212121;
        font-family: DIN, Georgia, sans-serif;
        font-size: 1.6875rem;
        font-weight: 700
    }

    .stepByStepContainerBlock-stepsWrapper {
        margin: 0 auto 30px;
        border-top: 1px solid #d8d8d8;
        display: flex;
        justify-content: space-between
    }

    @media (min-width:768px) {
        .stepByStepContainerBlock-stepsWrapper {
            width: 600px
        }
    }

    @media (min-width:992px) {
        .stepByStepContainerBlock-stepsWrapper {
            margin: 0 auto
        }
    }

    .stepByStepContainerBlock-stepsWrapper .step-item {
        cursor: pointer;
        padding-top: 16px;
        text-transform: uppercase;
        border-top: 3px solid transparent;
        color: #999;
        font-family: DIN, Georgia, sans-serif;
        font-size: .875rem;
        font-weight: 700
    }

    .stepByStepContainerBlock-stepsWrapper .step-item.is-active {
        border-top: 3px solid #000;
        color: #000;
        font-family: DIN, Georgia, sans-serif;
        font-size: .875rem;
        font-weight: 700
    }