.feature-rotator {
  position:relative;
  display:block;
  padding:0;
  margin:0 auto;
}
.feature-rotator > .row {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  flex-direction:row;
  justify-content:stretch;
  align-items:stretch;
  align-content:stretch;
  flex-wrap:wrap;
}
.feature-rotator .mobile-feature-banner-details {
  position:relative;
  display:block;
  opacity:0;
  pointer-events:none;
  height:0;
  overflow:hidden;
  -webkit-transition:height 400ms cubic-bezier(0.215,0.610,0.355,1.000) 0ms, opacity 800ms cubic-bezier(0.215,0.610,0.355,1.000) 100ms;
  transition:height 400ms cubic-bezier(0.215,0.610,0.355,1.000) 0ms, opacity 800ms cubic-bezier(0.215,0.610,0.355,1.000) 100ms;
}
.feature-rotator .mobile-feature-banner-details .inner-mobile-feature-banner-details {
  position:relative;
  display:block;
  padding:0px 0 30px 24px;
}
@media (max-width: 767px) {
  .feature-rotator .mobile-feature-banner-details .inner-mobile-feature-banner-details { padding:20px 0 50px 22px; }
}
.feature-rotator .mobile-feature-banner-details .inner-mobile-feature-banner-details img {
  width:auto;
  height:auto;
  max-height:250px;
  display:block;
  margin:0 auto;
  text-align:center;
}
@media (min-width: 768px) {
  .feature-rotator .mobile-feature-banner-details .inner-mobile-feature-banner-details img { display:none; }
}
.feature-rotator .feature-banner-image-link, .feature-rotator .feature-banner-image-link:focus {
  position:relative;
  display:block;
  z-index:10;
  overflow:hidden;
  aspect-ratio:1.0;
}
.feature-rotator .feature-banner-image-link img, .feature-rotator .feature-banner-image-link:focus img {
  position:relative;
  display:block;
  max-width:100%;
  width:auto;
  height:auto;
  margin:0 auto;
  text-align:center;
  pointer-events:none;
  -webkit-transition:all 1000ms cubic-bezier(0.190,1.000,0.220,1.000) !important;
  transition:all 1000ms cubic-bezier(0.190,1.000,0.220,1.000) !important;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  object-fit:contain;
  object-position:center center;
  font-family:'object-fit: contain; object-position: center;';
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.feature-rotator .feature-info-holder {
  position:relative;
  display:block;
  padding:0;
}
@media (max-width: 767px) {
  .feature-rotator .feature-info-holder { padding:30px 0 0; }
}
.feature-rotator .feature-info-holder .feature-description {
  position:relative;
  display:block;
  margin:0;
  max-width:550px;
  padding:0;
}
@media (min-width: 1025px) {
  .feature-rotator .feature-info-holder .feature-description { font-size:1.1em; }
}
.feature-rotator .feature-rotator-left { padding:0 30px; }
@media (max-width: 767px) {
  .feature-rotator .feature-rotator-left { padding:0 50px; }
}
@media (max-width: 500px) {
  .feature-rotator .feature-rotator-left { padding:0 30px; }
}
.feature-rotator .feature-rotator-right { padding-left:0; }
.feature-rotator .feature-rotator-banners {
  position:relative;
  display:block;
  overflow:hidden;
}
@media (min-width: 768px) {
  .feature-rotator .feature-rotator-banners {
    top:50%;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    transform:translate(0,-50%);
  }
}
.feature-rotator .feature-rotator-banners .feature-banner {
  position:absolute;
  z-index:1;
  pointer-events:none;
  opacity:0;
  height:100%;
  width:100%;
  -webkit-transition:all 600ms cubic-bezier(0.215,0.610,0.355,1.000);
  transition:all 600ms cubic-bezier(0.215,0.610,0.355,1.000);
}
.feature-rotator .feature-rotator-banners .feature-banner.active {
  position:relative;
  z-index:10;
  pointer-events:auto;
  opacity:1;
}
.feature-rotator .feature-rotator-links {
  position:relative;
  display:block;
}
.feature-rotator .feature-rotator-links .inner-feature-rotator-links {
  position:relative;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  flex-direction:row;
  justify-content:stretch;
  align-items:stretch;
  align-content:stretch;
  flex-wrap:wrap;
  list-style:none;
  padding:0;
  margin:0;
}
.feature-rotator .feature-rotator-links li {
  position:relative;
  display:block;
  padding:0;
  margin:0;
  width:100%;
  counter-increment:feature-rotator-count;
  border-top:1px solid #d5d5d5;
}
.feature-rotator .feature-rotator-links li:first-child { border:0; }
.feature-rotator .feature-rotator-links li:before {
  position:absolute;
  content:counter(feature-rotator-count,decimal-leading-zero);
  font-family:'din', Arial, sans-serif;
  text-transform:uppercase;
  line-height:1.3 !important;
  font-size:14px;
  display:block;
  padding-left:0;
  padding-right:0;
  letter-spacing:0.0em !important;
  font-weight:600;
  z-index:1;
  color:#b2b2b2;
  pointer-events:none;
  left:0;
  top:33px;
}
@media (max-width: 1024px) {
  .feature-rotator .feature-rotator-links li:before { top:29px; }
}
@media (max-width: 767px) {
  .feature-rotator .feature-rotator-links li:before {
    font-size:13px;
    top:29px;
  }
}
.feature-rotator .feature-rotator-links li .feature-rotator-link-inner {
  position:relative;
  display:inline-block;
  width:auto;
  max-width:100%;
  padding:25px 0px 25px 24px;
  background:transparent;
  color:#b2b2b2;
  -webkit-transition:all 600ms cubic-bezier(0.190,1.000,0.220,1.000) !important;
  transition:all 600ms cubic-bezier(0.190,1.000,0.220,1.000) !important;
}
@media (max-width: 1024px) {
  .feature-rotator .feature-rotator-links li .feature-rotator-link-inner { padding-left:24px; }
}
@media (max-width: 767px) {
  .feature-rotator .feature-rotator-links li .feature-rotator-link-inner {
    padding-left:22px;
    display:block;
  }
}
.feature-rotator .feature-rotator-links li .feature-rotator-link-inner .feature-rotator-title {
  display:inline-block;
  color:#b2b2b2;
  -webkit-transition:all 600ms cubic-bezier(0.190,1.000,0.220,1.000) !important;
  transition:all 600ms cubic-bezier(0.190,1.000,0.220,1.000) !important;
  font-size:2.0rem;
  line-height:1.1;
  max-width:100%;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
@media (max-width: 1024px) {
  .feature-rotator .feature-rotator-links li .feature-rotator-link-inner .feature-rotator-title { font-size:24px !important; }
}
@media (max-width: 767px) {
  .feature-rotator .feature-rotator-links li .feature-rotator-link-inner .feature-rotator-title { font-size:20px !important; }
}
.feature-rotator .feature-rotator-links li .feature-rotator-link-inner.active { padding-bottom:12px; }
.feature-rotator .feature-rotator-links li .feature-rotator-link-inner.active .feature-rotator-title { color:#11222c; }
.feature-rotator .feature-rotator-links li.active:before { color:#11222c; }
.feature-rotator .feature-rotator-links li.active .mobile-feature-banner-details {
  opacity:1;
  pointer-events:auto;
}
.feature-rotator.expanded > .row { align-items:flex-start; }
@media (min-width: 1451px) {
  .feature-rotator.expanded .feature-rotator-left { padding:50px 30px; }
}
@media (max-width: 767px) {
  .feature-rotator.expanded .feature-rotator-left { padding:0; }
}
.feature-rotator.expanded .feature-rotator-intro {
  display:block;
  color:#ffffff;
  margin-bottom:30px;
}
@media (max-width: 767px) {
  .feature-rotator.expanded .feature-rotator-intro {
    text-align: center;
  }
}
.feature-rotator.expanded .feature-rotator-banners {
  top:0;
  -webkit-transform:translate(0,0);
  -moz-transform:translate(0,0);
  -ms-transform:translate(0,0);
  -o-transform:translate(0,0);
  transform:translate(0,0);
}
.feature-rotator.expanded .feature-rotator-banners img {
  display:block;
  width:100%;
  object-fit:cover;
  object-position:center center;
  font-family:'object-fit: cover; object-position: center;';
  aspect-ratio:1.3;
}
.feature-rotator.expanded .feature-rotator-links li { border:0 !important; }
@media (max-width: 767px) {
  .feature-rotator.expanded .feature-rotator-links li { text-align:center; }
}
.feature-rotator.expanded .feature-rotator-links li:before { display:none !important; }
.feature-rotator.expanded .feature-rotator-links li .mobile-feature-banner-details {
  height:auto !important;
  opacity:1 !important;
  font-size:0.9em;
}
.feature-rotator.expanded .feature-rotator-links li .mobile-feature-banner-details p { font-size:inherit; }
.feature-rotator.expanded .feature-rotator-links li .mobile-feature-banner-details .inner-mobile-feature-banner-details {
  padding-left:0;
  padding-bottom:40px;
}
@media (max-width: 767px) {
  .feature-rotator.expanded .feature-rotator-links li .mobile-feature-banner-details .inner-mobile-feature-banner-details { padding-bottom:70px; }
}
.feature-rotator.expanded .feature-rotator-links li .mobile-feature-banner-details .inner-mobile-feature-banner-details img {
  max-height:none;
  width:100%;
  max-width:400px;
  object-fit:cover;
  object-position:center center;
  font-family:'object-fit: cover; object-position: center;';
  aspect-ratio:1.3;
  margin:0 auto;
}
.feature-rotator.expanded .feature-rotator-links li .mobile-feature-banner-details .feature-description {
  opacity:0.4;
  color:#ffffff;
}
@media (max-width: 767px) {
  .feature-rotator.expanded .feature-rotator-links li .mobile-feature-banner-details .feature-description {
    opacity:1 !important;
    margin:0 auto;
  }
}
.feature-rotator.expanded .feature-rotator-links li .feature-rotator-link-inner { padding:12px 0; }
.feature-rotator.expanded .feature-rotator-links li .feature-rotator-link-inner .feature-rotator-title {
  color:#ffffff;
  opacity:0.45;
  text-decoration:underline 0.05em !important;
  text-underline-offset:0.1em !important;
}
@media (max-width: 767px) {
  .feature-rotator.expanded .feature-rotator-links li .feature-rotator-link-inner .feature-rotator-title { opacity:1 !important; }
}
.feature-rotator.expanded .feature-rotator-links li .feature-rotator-link-inner.active { padding-bottom:12px; }
.feature-rotator.expanded .feature-rotator-links li .feature-rotator-link-inner.active .feature-rotator-title {
  color:#ffffff;
  opacity:1;
}
.feature-rotator.expanded .feature-rotator-links li.active .mobile-feature-banner-details .feature-description {
  opacity:1;
  color:#ffffff;
  -webkit-transition:all 600ms cubic-bezier(0.190,1.000,0.220,1.000) !important;
  transition:all 600ms cubic-bezier(0.190,1.000,0.220,1.000) !important;
}