.sliderWrap{

    width:100%;

    /*border-top:1px solid #ccc;

    border-bottom:1px solid #ccc;

    overflow:hidden;*/

}



.slide-wrapper{

    position:relative;

}



.sliderMain{

    width:100%;

    min-height:70px;

}



.GelismisVitrinLoad{

    position:absolute;

    width:100%;

    height:50px;

    line-height:50px;

    text-align:center;

    top:50%;

    margin:-25px 0 0;

}



.carousel-wrapper{

    position:relative;

    overflow:hidden;

}



.sliderMain ul{

    width:100%;

    min-height:70px;

    margin:0;

    padding:0;

    list-style:none;

    position:relative;

    white-space: nowrap;

    overflow: hidden;

}



.sliderMain ul:not(.carousel){

    display:flex;

    align-items:center;

}



.carousel{

    position:relative;

    left:0;

}



[dir="rtl"] .carousel{

    float:left;

}



.sliderMain li, .sliderMain p, .sliderMain a{

    padding:0;

    margin:0;

    display:inline-block;

}



.responsive .fade li, .responsive .fade li p, .responsive .fade li a{

    width:100%;

    height:100%;

}



.responsive .fade li p, .responsive .fade li a{

    position:absolute;

    top:0;

    left:0;

}



.responsive li{

    background-size:cover !important;

}



.fade > li{

    position:absolute;

    top:0;

    left:0;

    display:none;

}



.fade li.current{

    position:static;

}



.carousel li{

    float:left;

}



.sliderMain img{

    float:left;

    width:100%;

    max-width:100%;

}



.slideControl{

    position: absolute;

    width: calc(100% + 36px);

    height:0;

    top: 50%;

    left: -18px;

    margin-top: -15px;

    margin-right: 0;

    margin-bottom: 0;

    box-sizing: border-box;

}



.sliderWrap .slideControl{

    width: calc(100% - 1px);

    left: 0;

}



.slideControl > .row{

    height:0;

}



#twoCol .slideControl, #threeCol .slideControl{

    left:30px;

    right:20px;

    width:auto;

}



.slideControl span{

    width: 18px;

    height: 35px;

    font-size: 35px;

}



.nextSlide{

    background-position:right 0;

}



[dir="rtl"] .nextSlide{

    background-position:0 0;

}



[dir="rtl"] .prevSlide{

    background-position:right 0;

}



.sliderMain ul.slidePager{    

    min-height: auto;

    position: absolute;

    height: 20px;

    text-align: center;

    bottom: 10px;

    left: 0px;

    padding: 0px 10px;

    box-sizing: border-box;

    display: table;

}



.twoCol .sliderMain ul.slidePager, .threeCol .sliderMain ul.slidePager{

    width:auto;

    left:10px;

    right:10px;

    margin-left:0;

}



.slidePager li{

    display:inline-block;

    width:15px;

    height:15px;

    line-height:15px;

    text-align:center;

    color:#fff;

    font-size:12px;

    text-indent:-999em;

    background:#c9c9c9;

    border-radius:10px;

    margin-right:3px;

    margin-left:3px;

    overflow:hidden;

    cursor:pointer;

}



.slidePager li.active{

    background:#797979;

    box-shadow:inset 0 0 0 3px #545454;

    cursor:default;

}



@media screen and (max-width: 1320px) {



    .slideControl, .sliderMain ul.slidePager{

        width:calc(100% - 60px);

        left:30px;

        right:30px;

        margin-left:0;

    }



}



#interactivecase .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {

    content: url(/Data/EditorFiles/betpa/slide/prev.svg);
    cursor: pointer;

}



#interactivecase .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    left: 3.12rem;

}



#interactivecase .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {

    content: url(/Data/EditorFiles/betpa/slide/next.svg);
    cursor: pointer;

}



#interactivecase .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    right: 3.12rem;

}



#interactivecase .swiper-pagination-bullet {

    opacity: inherit;

    border-radius: 0.188rem;

    background-color: var(--color6);

    width: 4.375rem;

    height: 0.513rem;

}



#interactivecase .swiper-pagination-bullet-active {

    background: var(--color4);

}



#interactivecase .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0rem 1rem;

}



#interactivecase .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 1.5rem;

}



#interactivecase img {

    width: 100%;

}

#interactivecase .swiper-button-lock {
    display: block;
    cursor: pointer;
}