div.superSlider .iconIndicator, div.superSlider .sliderPopup .popupClose {-webkit-transition: 350ms ease-in-out;-moz-transition: 350ms ease-in-out;-o-transition: 350ms ease-in-out;transition: 350ms ease-in-out;}
div.superSlider .sliderPopup.in, div.superSlider .sliderPopup .popupClose, div.superSlider .slideIndicator, div.superSlider .sliderMoreItem {display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
div.superSlider {overflow: hidden;display: -webkit-flex;display: flex;background-color: #fff;position: relative;}
div.superSlider .area_column {-webkit-flex-direction: column;flex-direction: column;}
div.superSlider .sliderAllItem {width: 100%;position: relative;overflow: hidden;}
div.superSlider .sliderItem img {width: 100%;max-height: 100%;}
div.superSlider .sliderItem {position: relative;float: left;width: 100%;margin-right: -100%;-ms-transform: translateX(100%);transform: translateX(100%);backface-visibility: hidden;-webkit-transition: -webkit-transform .06s ease-in-out;transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;}
div.superSlider .sliderItem.activeSlide {z-index: 1;transform: translateX(0);}
div.superSlider .sliderItem.prevSlider {transform: translateX(-100%);z-index: 0;}
div.superSlider .sliderItem.nextSlider {transform: translateX(100%);z-index: 0;}
div.superSlider .sliderShowcase {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
div.superSlider .sliderShowcase.right, div.superSlider .sliderShowcase.left {width: 18.65%;min-width: 18.65%;-webkit-flex-direction: column;flex-direction: column;}
div.superSlider .sliderShowcase.style_2, div.superSlider .sliderShowcase.style_2 {width: 39%;min-width: 39%;-webkit-flex-direction: initial;flex-direction: initial;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
div.superSlider .sliderShowcase.style_2 > div {width: calc(50% - 5px);margin: 0 var(--default-mp-xs) 0 0;}
div.superSlider .sliderShowcase.style_2 > div:first-child {width: 100%;margin: 0 0 var(--default-mp-xs) 0;}
div.superSlider .sliderShowcase.style_2 > div:last-child {margin: 0;}
div.superSlider .sliderShowcase.left {margin: 0 var(--default-mp-xs) 0 0;}
div.superSlider .sliderShowcase.right {margin: 0 0 0 var(--default-mp-xs);}
div.superSlider .area_column .sliderShowcase {width: 100%;min-width: 100%;}
div.superSlider .sliderShowcase.top {margin: 0 0 var(--default-mp-xs) 0;}
div.superSlider .sliderShowcase.bottom {margin: var(--default-mp-xs) 0 0 0;}
div.superSlider .sliderShowcaseItem {position: relative;overflow: hidden;}
div.superSlider .area_column .sliderShowcaseItem {width: calc(25% - var(--default-mp-xs));}
div.superSlider .sliderShowcase div.superSlider .area_column {margin: 0 0 var(--default-mp-xs) 0;position: relative;cursor: pointer;overflow: hidden;}
div.superSlider .sliderShowcaseItem img {height: 100%;}
div.superSlider .sliderMoreItem {position: absolute;left: 0;top: 0;right: 0;bottom: 0;-webkit-border-radius: 5px;border-radius: 5px;background-color: rgba(0,0,0,.73);font-size: 18px;color: #fff;}
div.superSlider .sliderMoreItem span {margin: 0 5px;font-size: 10px;}
div.superSlider .sliderMoreItem span:last-child {font-size: 18px;}
div.superSlider .slideIndicator {-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: 5px -5px;}
div.superSlider .slideIndicatorItem {border: 3px solid #ddd;margin: 5px;background-color: #ddd;width: 75px;overflow: hidden;position: relative;}
div.superSlider .slideIndicatorItem.activeSlide {border-color: var(--active_color);background-color: var(--active_color);}
div.superSlider .iconIndicator {position: absolute;z-index: 111;top: calc(50% - 15px);font-size: 30px;cursor: pointer;color: #222;}
div.superSlider .iconIndicator:hover {color: #fff;}
div.superSlider .iconIndicator.prevItem {left: 20px;}
div.superSlider .iconIndicator.nextItem {right: 20px;}
[data-target-popup] {cursor: pointer;}
div.superSlider .sliderPopup div.superSlider {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-direction: column;flex-direction: column;-webkit-align-items: center;align-items: center;height: 100%;width: 100%;overflow: hidden;margin: 0;position: relative;}
div.superSlider .sliderPopup {display: none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 1111;overflow: hidden auto;background: rgba(0,0,0,.8);}
div.superSlider .sliderPopup .popupClose {position: absolute;z-index: 1111;cursor: pointer;top: 100%;right: 50px;width: 50px;height: 50px;background-color: #fff;color: #222;font-size: 20px;}
div.superSlider .sliderPopup .popupClose:hover {color: #fff;background-color: #222;}
div.superSlider .sliderPopup .sliderAllItem {height: 70vh;background-color: transparent;margin: 0 auto;overflow: hidden;position: relative;}
div.superSlider .sliderPopup .sliderAllItem img {width: auto;height: 100%;}
div.superSlider .sliderPopup .popupHeader {border-bottom: 1px solid #fff;}
div.superSlider .sliderPopup .popupHeader, div.superSlider .sliderPopup .popupFooter {color: #fff;padding: 15px;max-height: 15vh;overflow: hidden auto;margin: 0 auto;width: 100%;background-color: #222;position: relative;}
div.superSlider .sliderPopup .popupHeader {overflow: visible;}
div.superSlider .sliderPopup .popupHeader h2 {color: #fff;text-align: center;}
div.superSlider .sliderPopup .popupFooter {border-top: 1px solid #fff;}
div.superSlider .sliderPopup .popupBody {position: relative;width: 80%;max-width: 100vh;}
div.superSlider .sliderPopup .slideIndicator {margin: 0;}