/*difference rotator*/
.difference-rotator { position: relative; overflow: hidden; }

.difference-rotator .logo { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 100; }

.difference-rotator .logo-inner { position: relative; width: 90%; padding: 16px 0px; margin: 0 auto; max-width: 1280px; text-align: center; }

.difference-rotator .logo-inner .logo-wrap { position: relative; width: 230px; height: 86px; margin: 0 auto; }

@media (min-width: 992px) { .difference-rotator .logo-inner .logo-wrap { position: relative; width: 325px; height: 128px; } }

@media (min-width: 1200px) { .difference-rotator .logo-inner .logo-wrap { position: relative; width: 650px; height: 254px; } }

.difference-rotator .logo-inner .logo-m { position: absolute; right: 92px; top: -26px; width: 34px; height: 30px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../../img/difference/M.svg"); z-index: 90; opacity: 0; visibility: hidden; transition: .5s; transition-delay: .7s; }

@media (min-width: 992px) { .difference-rotator .logo-inner .logo-m { right: 130px; top: -26px; width: 44px; height: 40px; } }

@media (min-width: 1200px) { .difference-rotator .logo-inner .logo-m { right: 246px; top: -56px; width: 96px; height: 84px; } }

.difference-rotator.loaded .logo-inner .logo-m { opacity: 1; visibility: visible; }

.difference-rotator .logo-inner .logo-a { position: absolute; right: 28px; top: 8px; width: 34px; height: 30px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../../img/difference/A.svg"); z-index: 90; opacity: 0; visibility: hidden; transition: .5s; transition-delay: .8s; }

@media (min-width: 992px) { .difference-rotator .logo-inner .logo-a { right: 36px; top: 12px; width: 44px; height: 40px; } }

@media (min-width: 1200px) { .difference-rotator .logo-inner .logo-a { right: 42px; top: 26px; width: 96px; height: 84px; } }

.difference-rotator.loaded .logo-inner .logo-a { opacity: 1; visibility: visible; }

.difference-rotator .logo-inner .logo-k { position: absolute; left: 64px; bottom: -2px; width: 34px; height: 30px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../../img/difference/K.svg"); z-index: 90; opacity: 0; visibility: hidden; transition: .5s; transition-delay: .9s; }

@media (min-width: 992px) { .difference-rotator .logo-inner .logo-k { left: 86px; bottom: -8px; width: 44px; height: 40px; } }

@media (min-width: 1200px) { .difference-rotator .logo-inner .logo-k { left: 186px; bottom: -24px; width: 96px; height: 84px; } }

.difference-rotator.loaded .logo-inner .logo-k { opacity: 1; visibility: visible; }

.difference-rotator .logo-inner .logo-e { position: absolute; right: 62px; bottom: -12px; width: 34px; height: 30px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../../img/difference/E.svg"); z-index: 90; opacity: 0; visibility: hidden; transition: .5s; transition-delay: 1.1s; }

@media (min-width: 992px) { .difference-rotator .logo-inner .logo-e { right: 82px; bottom: -32px; width: 44px; height: 40px; } }

@media (min-width: 1200px) { .difference-rotator .logo-inner .logo-e { right: 146px; bottom: -76px; width: 96px; height: 84px; } }

.difference-rotator.loaded .logo-inner .logo-e { opacity: 1; visibility: visible; }

.difference-rotator .logo-inner .logo-wrap span.logo-img { position: relative; display: block; width: 188px; height: 72px; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../../img/difference/difference_logo.png"); z-index: 100; opacity: 0; visibility: hidden; transition: 1s; transition-delay: .2s; }

@media (min-width: 992px) { .difference-rotator .logo-inner .logo-wrap span.logo-img { width: 260px; height: 120px; } }

@media (min-width: 1200px) { .difference-rotator .logo-inner .logo-wrap span.logo-img { width: 520px; height: 240px; } }

.difference-rotator.loaded .logo-inner .logo-wrap span.logo-img { opacity: 1; visibility: visible; }

.difference-rotator .logo-inner .logo-wrap span.logo-img:before { content: ""; position: absolute; top: -14px; left: -42px; width: 72px; height: 86px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../../img/difference/difference_slash.png"); opacity: 0; visibility: hidden; transition: .5s; transition-delay: .5s; transform: translateX(-160px); }

@media (min-width: 992px) { .difference-rotator .logo-inner .logo-wrap span.logo-img:before { top: -20px; left: -65px; width: 90px; height: 128px; } }

@media (min-width: 1200px) { .difference-rotator .logo-inner .logo-wrap span.logo-img:before { top: -36px; left: -130px; width: 180px; height: 254px; } }

.difference-rotator.loaded .logo-inner .logo-wrap span.logo-img:before { opacity: 1; visibility: visible; transform: translateX(0); }

.difference-rotator .slick-external { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 100; }

.difference-rotator .slick-external-inner { position: relative; width: 90%; padding: 1rem 0px; margin: 0 auto; max-width: 1280px; }

@media (min-width: 992px) { .difference-rotator .slick-external-inner { padding: 1rem 0px 1.25rem 0px; } }

.difference-rotator .slick-external-inner ol { margin: 0px; padding: 0px; line-height: 1; list-style-type: none; counter-reset: item; }

.difference-rotator .slick-external-inner ol li { margin: 0px 0px .5rem 0px; padding: 0px; line-height: 1; text-transform: uppercase; font-size: 14px; font-weight: 700; counter-increment: items; }

@media (min-width: 992px) { .difference-rotator .slick-external-inner ol li { font-size: 16px; margin-bottom: .75rem; } }

.difference-rotator .slick-external-inner ol li:before { display: inline-block; vertical-align: middle; content: "0" counter(items) ""; margin-right: .25rem; color: white; -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */ -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; }

@media (min-width: 992px) { .difference-rotator .slick-external-inner ol li:before { font-size: 24px; } }

.difference-rotator .slick-external-inner ol li:nth-child(n+10):before { content: "" counter(items) ""; }

.difference-rotator .slick-external-inner ol li a { text-decoration: none; opacity: 1 !important; color: #ffffff; }

.difference-rotator .slick-external-inner ol li a:hover, .difference-rotator .slick-external-inner ol li.active a { color: #7eaabe; }

.difference-rotator .slick-external-inner ol li a span { display: inline-block; vertical-align: middle; }

.slick-difference-rotator.slick-slider { margin: 0 !important; padding: 0 !important; overflow: hidden; }

.slick-difference-rotator .slide { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; }

.slick-difference-rotator .slide a { display: block; position: relative; width: 100%; opacity: 1 !important; }

@media (min-width: 992px) { .slick-difference-rotator .slide a { padding-bottom: 52.94%; /*client requested 17/9 ratio??*/ height: 0px !important; min-height: 0px !important; } }

.slick-difference-rotator .slide .caption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.slick-difference-rotator .slide .caption-inner { position: relative; display: flex; flex-direction: column; height: 100%; width: 90%; margin: 0 auto; max-width: 1280px; overflow-x: hidden; overflow-y: auto; }

.slick-difference-rotator .slide .top { position: relative; width: 100%; max-width: 100%; }

.slick-difference-rotator .slide .top-inner { position: relative; text-align: right; padding: 2rem 0px; }

@media (min-width: 992px) { .slick-difference-rotator .slide .top-inner { position: relative; text-align: right; padding: 80px 0px; } }

.slick-difference-rotator .slide .top-inner span { position: relative; display: inline-block; width: 130px; text-transform: uppercase; font-weight: 700; color: #7eaabe; line-height: 1.2; letter-spacing: 2px; opacity: 0; visibility: hidden; transition: .4s; transition-delay: .1s; transform: translateX(160px); }

.slick-difference-rotator .slide.initial .top-inner span { transition-delay: .8s; }

.slick-difference-rotator .slick-slide.slick-active .slide .top-inner span { opacity: 1; visibility: visible; transform: translateX(0); }

@media (min-width: 992px) { .slick-difference-rotator .slick-slide.slick-active .slide .top-inner span { width: 240px; font-size: 30px; letter-spacing: 3px; } }

.slick-difference-rotator .slide .top-inner span:before { content: ""; position: absolute; right: 150px; top: 10px; width: 0px; height: 1px; background-color: #ffffff; transition: .5s; transition-delay: .4s; }

.slick-difference-rotator .slide.initial .top-inner span:before { transition-delay: 1.1s; }

@media (min-width: 992px) { .slick-difference-rotator .slide .top-inner span:before { top: 18px; right: 270px; } }

.slick-difference-rotator .slick-slide.slick-active .slide .top-inner span:before { width: 240px; }

.slick-difference-rotator .slide .center { position: relative; width: 100%; max-width: 100%; flex: 1; display: flex; align-items: center; }

.slick-difference-rotator .slide .bottom { position: relative; width: 100%; max-width: 100%; }