/*


   Magic Scroll v2.0.55 
   Copyright 2023 Magic Toolbox
   Buy a license: https://www.magictoolbox.com/magicscroll/
   License agreement: https://www.magictoolbox.com/license/


*/
.MagicScroll,
.mcs-caption,
.mcs-button,
.mcs-item,
.mcs-item img,
.mcs-item > *,
.mcs-bullet,
.mcs-bullet:before,
.mcs-bullet:after,
.mcs-wrapper,
.mcs-items-container {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.MagicScroll,
.mcs-item,
.mcs-item a,
.mcs-item img,
.mcs-items-container {
    position: relative;
}
.MagicScroll,
.mcs-item,
.mcs-wrapper,
.mcs-items-container {
    overflow: hidden;
    direction: ltr;
}
.mcs-wrapper,
.mcs-item img {
    line-height: 100%;
}

.MagicScroll {
    z-index: 1;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}


.MagicScroll.MagicScroll-horizontal {
    -moz-touch-action: pan-y;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}


.mcs-item,
.MagicScroll figure,
/*.mcs-item img,*/
.mcs-item .mcs-caption {
    display: inline-block;
}

.MagicScroll .mcs-item img {
    pointer-events: none;
}

.mcs-item img {
    display: inline-block !important;
}

.MagicScroll > * {
    display: inline-block;
    max-width: 100%;
}
.MagicScroll > *:first-child {
    visibility: hidden;
}
.MagicScroll > *:nth-child(n+2) {
    display: none;
}



.MagicScroll img {
    visibility: hidden;
}
.MagicScroll .mcs-item img {
    visibility: visible;
    float: none !important;
}

.mcs-button,
.mcs-bullets,
.mcs-wrapper {
    position: absolute;
}

.MagicScroll:before,
.MagicScroll figcaption:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    height: 0;
}
.mcs-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
    z-index: 100;
}

.mcs-items-container {
    text-align: center;
    overflow: visible;
    width: 100%;
    height: 100%;
}

.mcs-item {
    top: 0;
    left: 0;
    zoom: 1;
    /*font-size: 9pt !important;*/
    font-size: 0;
    line-height: 100%;
    max-width: 100%;
}

.mcs-item:after,
.mcs-item > a:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.MagicScroll-horizontal .mcs-item {
    height: 100%;
}


.mcs-item > a,
.MagicScroll-horizontal .mcs-items-container > * {
    display: inline-block;
}
.mcs-item a,
.mcs-item img {
    border: none;
    max-width: 100%;
    max-height: 100%;
}


.mcs-item img {
    width: auto;
    height: auto;
    vertical-align: middle;
}



.ie11-magic .MagicScroll[data-mode="scroll"] .mcs-items-container,
.MagicScroll[data-mode="carousel"] .mcs-items-container,
.MagicScroll[data-mode="cover-flow"] .mcs-items-container {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;

    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
}
.MagicScroll[data-mode="carousel"] .mcs-item,
.MagicScroll[data-mode="cover-flow"] .mcs-item {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.MagicScroll .mcs-reflection {
    -webkit-transform: translateZ(-1px);
    position: absolute;
    display: inline-block;
    left: 0px;
    z-index: 1;
    visibility: hidden;
}


.MagicScroll[data-mode="carousel"] .mcs-item,
.MagicScroll[data-mode="cover-flow"] .mcs-item {
    overflow: visible;
}


/* Carousel & Cover Flow */
.MagicScroll[data-mode="carousel"],
.MagicScroll[data-mode="cover-flow"] {
    background: #F8F9FA;
}
.MagicScroll[data-mode="carousel"] img,
.MagicScroll[data-mode="cover-flow"] img {
    background: transparent;
    /* box-shadow: 0px 15px 30px -10px #000; */ 
}

.mcs-loader {
    pointer-events: none;
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}