body.noScroll {overflow: hidden;}
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,
div.icon_loader,
div.icon_loader_xs {
    display: -webkit-flex;display: flex;
    -webkit-justify-content: center;justify-content: center;
    -webkit-align-items: center;align-items: center;
}
/***********Bg Image****************/
div.superSlider div[data-bg-image] {
    background-size: cover;
    background-position: center center;
    height: 100%;width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
}
div.superSlider div[data-bg-image]:hover {
    transform: scale(1.1);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/***************************/
div.superSlider {
    overflow: hidden;margin: 0 0 15px 0;
    display: block;
}
div.superSlider .superSliderArea {display: -webkit-flex;display: flex;background-color: #FFF;}
div.superSlider .superSliderArea.area_column {-webkit-flex-direction: column;flex-direction: column;}
div.superSlider .superSliderItemArea {
    display: -webkit-flex;display: flex;
    position: relative;overflow: hidden;
    height: 400px;width: 100%
}
div.superSlider .sliderAllItem {height: 100%;width: 100%;}
div.superSlider .sliderItem img {width: 100%;max-height: 100%;}
div.superSlider .sliderItem {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    margin-right: -100%;
    transform: translateX(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform 0.6s ease-in-out;
    -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;}
/*************Image Showcase***************/
div.superSlider .sliderShowcase {
    width: 100px;min-width: 100px;
    display: -webkit-flex;display: flex;
    -webkit-flex-direction: column;flex-direction: column;
}
div.superSlider .superSliderArea.area_column .sliderShowcase{
    height: 100px;width: 100%;
    -webkit-flex-direction: initial;flex-direction: initial;
}
div.superSlider .sliderShowcase.left {margin: 0 7px 0 0;}
div.superSlider .sliderShowcase.top {margin: 0 0 7px 0;}
div.superSlider .sliderShowcase.right {margin: 0 0 0 7px;}
div.superSlider .sliderShowcase.bottom {margin: 7px 0 0 0;}

div.superSlider .sliderShowcase .sliderShowcaseItem {
    margin: 0 0 7px 0;position: relative;cursor: pointer;overflow: hidden;
    -webkit-flex: 1;flex: 1;
}
div.superSlider .superSliderArea.area_column .sliderShowcaseItem{margin: 0 7px 0 0;}
div.superSlider .superSliderArea.area_column .sliderShowcaseItem:last-child,
div.superSlider .sliderShowcase .sliderShowcaseItem:last-child {margin: 0;}
div.superSlider .sliderShowcase .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: #000B;font-size: 18px;color: #FFF;
}
div.superSlider .sliderMoreItem span {margin: 0 5px;font-size: 10px;}
div.superSlider .sliderMoreItem span:last-child {font-size: 18px;}
/*******image indicator***************/
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;height: 75px;
    overflow: hidden;position: relative;
}
div.superSlider .slideIndicatorItem.activeSlide {
    border-color: var(--default-active-color);
    background-color: var(--default-active-color);
}
/*******Icon indicator***************/
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;}
/************Spinner Loader***********************/
div.spinner_loading {
    position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 11;
    width: 100%;height: 100%;
    background-color: #FFFD;
}
div.spinner_loading > div {height: 100%;}
div.icon_loader {font-size: 40px;z-index: 11111;position: relative;}
div.icon_loader_xs {font-size: 20px;z-index: 11111;position: relative}
/*************popup slider***************/
[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;
}
div.superSlider .sliderPopup {
    display: none;position: fixed;
    left: 0;right: 0;top: 0;bottom: 0;z-index: 1111;
    overflow: hidden auto;background: #000C;
}
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%;}
div.superSlider .sliderPopup .slideIndicator {margin: 0;}