/* Start:/local/templates/journal/js/zweb/slider.css?17525183365170*/
body .zweb-slider.horizontal
{
    overflow-x:hidden;
    width:100%;
    touch-action: pan-y;
}
body .zweb-slider.vertical
{
    overflow-y:hidden;
    height:100%;
    width: 100%;
}

body .zweb-slider.horizontal .zweb-slider-wrap
{
    display: grid;
}
body .zweb-slider.vertical .zweb-slider-wrap
{
    display: grid;
}
body .zweb-slider .zweb-slider-wrap .zweb-slide
{
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
body .zweb-slider .zweb-slider-wrap img, body .zweb-slider-wrap a
{
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
body .zweb-slider
{
    position:relative
}
body .zweb-slider-arrow
{
    position:absolute;
    width: 15px;
    height: 15px;
    position: absolute;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
}
body .horizontal .zweb-slider-arrow
{
    transform: translateY(-50%);
    top: 50%;
}
body .vertical .zweb-slider-arrow
{
    transform: translateX(-50%);
    left: 50%;
}
body .zweb-slider-arrow:before
{
    content: '';
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: absolute;
    border: 3px solid #000;
    border-right: none;
    border-bottom: none;
    top: 10px;
    left: 10px;
}
body .zwebProgressBarWrap{width: 80%; position: absolute; bottom: 20px; left: 10%;height: 5px; z-index: 1;overflow: hidden;border:1px solid red}
body .zwebProgressBarWrap .zwebProgressBarElement{height:100%;background:#FFFFFF}


body .zweb-dots-wrap
{
    width: 100%;
    display: flex;
}
body .zweb-dots-wrap .zweb-dots-list{display:flex;margin:auto}
body .zweb-dots-wrap .zweb-dots-list .zweb-dots-element{height: 10px; width: 10px; border-radius: 100%; border: 1px solid #999;margin:0 10px;cursor:pointer}
body .zweb-dots-wrap .zweb-dots-list .zweb-dots-element.active{background:#999}

body .zweb-slider-arrow{padding:20px}
body .vertical, body .horizontal{position:relative}
body .horizontal .zweb-slider-arrow.zweb-slider-arrow-left{left:20px}
body .vertical .zweb-slider-arrow.zweb-slider-arrow-left{top:20px}
body .horizontal .zweb-slider-arrow.zweb-slider-arrow-left:before{transform: rotate(-45deg)}
body .vertical .zweb-slider-arrow.zweb-slider-arrow-left:before{transform: rotate(45deg)}
body .horizontal .zweb-slider-arrow.zweb-slider-arrow-right{right:20px}
body .vertical .zweb-slider-arrow.zweb-slider-arrow-right{bottom:20px}
body .horizontal .zweb-slider-arrow.zweb-slider-arrow-right:before{transform: rotate(135deg)}
body .vertical .zweb-slider-arrow.zweb-slider-arrow-right:before{transform: rotate(225deg)}
body .arrowDisabled{opacity:0.5;cursor:auto;pointer-events: none}










.ZWSlider {
    position: relative;
}
.ZWSlider.ZWSHorizontal .ZWSInner {
    overflow-x:hidden!important;
    /* overflow-x:scroll!important; */
    width:100%;
    /* touch-action: pan-y; */
}

.ZWSlider.ZWSVertical .ZWSInner {
    overflow-y:hidden!important;
    height:100%;
    width: 100%;
}
.ZWSlider .ZWSInner .ZWSList {
    display: grid;
}
.ZWSlider .ZWSInner .ZWSList .ZWSlide, .ZWSlider .ZWSInner .ZWSList .ZWSlide a {
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.ZWSlider .ZWSButtons {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: calc(100% - 60px);
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    pointer-events: none;
}
.ZWSlider .ZWSButtons .ZWSButton {
    pointer-events: all;
    cursor: pointer;
    transition: 0.3s;
    opacity: 1;
}
.ZWSlider .ZWSButtons .ZWSButton:hover {
    opacity: 0.5;
}
.ZWSlider .ZWSButtons .ZWSButton.ZWSDisabled {
    opacity: 0.5;
    pointer-events: none;
}
.ZWSlider .ZWSDots {
    width: 100%;
    margin-top: 20px;
}
.ZWSlider .ZWSDots .ZWSList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ZWSlider .ZWSDots .ZWSList .ZWSDot {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin: 0 5px;
    cursor: pointer;
}
.ZWSlider .ZWSDots.dark .ZWSList .ZWSDot {
    border: 2px solid #363636;
}
.ZWSlider .ZWSDots.dark .ZWSList .ZWSDotActive {
    background: #363636;
}
.ZWSlider .ZWSDots.light .ZWSList .ZWSDot {
    border: 2px solid #FFFFFF;
}
.ZWSlider .ZWSDots.light .ZWSList .ZWSDotActive {
    background: #FFFFFF;
}
.ZWSlider .ZWSDebug {
    position: absolute;
    top: 0;
    left: 0;
    background: #363636;
    color: #FFFFFF;
    font-size: 0.8em;
    padding: 10px;
    user-select: none;
}
.ZWSlider .ZWSDebug p {
    margin: 0;
}
.ZWSlider .ZWSProgress {
    width: 100%;
    height: 10px;
    overflow: hidden;
}
.ZWSlider .ZWSProgress .ZWSProgressInner {
    width: 100%;
    height: 100%;
    background: red;
    transform: translateX(-100%);
}
.ZWSlider .ZWSCounters {
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    padding: 10px;
    right: 0;
    bottom: 0;
    width: max-content;
    height: max-content;
}
.ZWSlider .ZWSCounters p {
    padding: 0;
    margin: 0;
}
/* End */
/* /local/templates/journal/js/zweb/slider.css?17525183365170 */