/* FADE SLIDER CSS */

@keyframes rlc-fltimeBullet {
    from {width: 0%;}
    to {width: 100%}
}
.rlc-creative_v3 .rlc-fadeslider2 {
    opacity: 0;
    -webkit-transition: opacity 1s; transition: opacity 1s;
    color: #fff;
    max-height: none;
}
.rlc-creative_v3 .rlc-fadeslider2.rlc-init {
    opacity: 1;
}
    .rlc-fadeslider2 .rlc-slidewrapper {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .rlc-fadeslider2 .rlc-looppause {
        top: 50%;
        left: -1.438em;
        z-index: 3;
        transform: translate(-100%,-50%);
        z-index: 3;
    } 
    [lang^=ar] .rlc-fadeslider2 .rlc-looppause {
        left: auto;
        right: -1.438em;
        transform: translate(100%,-50%);
    }
        .rlc-fadeslider2 .rlc-slide {
            position: absolute;
            top: 0; left: 0;
            z-index: -1;
            width: 100%;
            opacity: 1;
            visibility: hidden;
        }
          .rlc-fadeslider2 .rlc-slide:first-of-type,
          .rlc-fadeslider2.rlc-init .rlc-slide {
            visibility: visible;
          }
        .rlc-fadeslider2 .rlc-slide .rlc-hasvideo {
            background: #000;
        }
        .rlc-fadeslider2 .rlc-slide .rlc-hasvideo .rlc-videocontainer {
            pointer-events: none;
        }
        .rlc-fadeslider2 .rlc-slide .rlc-hasvideo .rlc-looppause {
            display: none;
        }
        .rlc-fadeslider2.rlc-single .rlc-slide .rlc-hasvideo .rlc-looppause {
            display: block;
        }
        .rlc-fadeslider2 .rlc-slide.rlc-active {
            z-index: 1;
        }
        .rlc-fadeslider2 .rlc-slide.rlc-prev {
            z-index: 0;
        }
            .rlc-fadeslider2 .rlc-slide .rlc-copygroup {
                position: absolute;
                z-index: 1;
            }
            .rlc-fadeslider2 .rlc-slide:hover .rlc-copygroup::after {
                content: '';
                display: block;
                position: absolute;
                top: 50%; left: 50%;
                width: calc(100% + 100px);
                height: calc(100% + 100px);
                transform: translate(-50%,-50%);
                z-index: -1;
            }
    .rlc-fadeslider2 .rlc-carousel-arrow {
        position: absolute;
        top: 50%;
        margin: 0;
        width: 39px;
        height: 39px;
        transform: translateY(-50%);
        background: #E1E1E5;
        border-radius: 50%;
        border: none;
        z-index: 7;
        display: inline-block;
        padding: 0;
        cursor: pointer;
        max-width: none;
        min-height: auto;
        font-size: 1em;
    }
    [lang^=ar] .rlc-fadeslider2 .rlc-carousel-arrow {
        transform: translateY(-50%) rotate(180deg);
    }
    .rlc-fadeslider2  .rlc-carousel-arrow:hover {
        background: #fff;
    }
        .rlc-fadeslider2.rlc-light .rlc-carousel-arrow {
            background: #E1E1E5;
        }
        .rlc-fadeslider2.rlc-light .rlc-carousel-arrow:hover {
            background: #fff;
        }
        .rlc-fadeslider2.rlc-gold .rlc-carousel-arrow {
            background: #BAAD72;
        }
        .rlc-fadeslider2.rlc-gold .rlc-carousel-arrow:hover {
            background: #fff;
        }
        .rlc-fadeslider2.rlc-dark .rlc-carousel-arrow {
            background: #041E3A;
        }
        .rlc-fadeslider2.rlc-dark  .rlc-carousel-arrow:hover {
            background: #000;
        }
    .rlc-fadeslider2  .rlc-carousel-arrow.rlc-carousel-arrow-left {
        left: 1.750em;
    }
    [lang^=ar] .rlc-fadeslider2  .rlc-carousel-arrow.rlc-carousel-arrow-left {
        left: auto; right: 1.750em;
    }
    .rlc-fadeslider2 .rlc-carousel-arrow:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 9px;
        height: 9px;
        border-right: 1px solid #000!important;
        border-bottom: 1px solid #000!important;
        opacity: 0.8;
    }
    .rlc-fadeslider2.rlc-dark .rlc-carousel-arrow:after {
        border-color: #fff!important;
    }
    .rlc-fadeslider2 .rlc-carousel-arrow.rlc-carousel-arrow-left:after {
        transform: translate(-2px,-50%) rotate(134deg)
    }
    .rlc-fadeslider2  .rlc-carousel-arrow.rlc-carousel-arrow-right {
        right: 1.750em;
    }
    [lang^=ar] .rlc-fadeslider2  .rlc-carousel-arrow.rlc-carousel-arrow-right {
        right: auto; left: 1.750em;
    }
    .rlc-fadeslider2 .rlc-carousel-arrow.rlc-carousel-arrow-right:after {
        transform: translate(-6px,-50%) rotate(-45deg);
    }
    .rlc-fadeslider2 .rlc-carousel-arrow.rlc-carousel-arrow-left:hover::after,
    .rlc-fadeslider2 .rlc-carousel-arrow.rlc-carousel-arrow-right:hover::after {
        border-width: 2px!important;
    }
    .rlc-fadeslider2 .rlc-progresswrap {
        position: absolute;
        bottom: 1.875em;  
        /* right: 5.938em; */
        /* left: 50%; */
        left: calc(50% + 1.438em);
        transform: translateX(-50%);
        width: 72.250em;
        height: 31px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        z-index: 2;
        color: currentColor;
    }
    .rlc-fadeslider2 .rlc-progresswrap.rlc-fixed {
        position: fixed;
    }
    [lang^=ar] .rlc-fadeslider2 .rlc-progresswrap {
        direction: rtl;
        left: calc(50% - 1.438em);
    }
        .rlc-fadeslider2 .rlc-pagination {
            position: relative;
            bottom: auto; left: auto;
            transform: none;
            width: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 1.227em;
            margin-left: 1.250em;
        }
        [lang^=ar] .rlc-fadeslider2 .rlc-pagination {
            margin: 0 1.250em 0 0;
        }
            .rlc-fadeslider2 .rlc-progressbar {
                display: inline-flex;
                flex: 1;
                height: 4px;
                padding: 0;
                border: none;
                font-size: 1em;
                transition: none;
                position: relative;
                background: none;
            }
                .rlc-fadeslider2 .rlc-progressbar::before {
                    content: '';
                    display: block;
                    height: 4px;
                    width: 100%;
                    position: absolute;
                    top: 50%; left: 0;
                    transform: translateY(-50%);
                    z-index: 0;
                    background: currentColor;
                    opacity: 0.5;
                }
                .rlc-fadeslider2 .rlc-progressbar .rlc-progressline {
                    height: 4px;
                    width: 0%;
                    position: absolute;
                    top: 50%; left: 0;
                    transform: translateY(-50%);
                    z-index: 1;
                    background: currentColor;
                }
                [lang^=ar] .rlc-fadeslider2 .rlc-progressbar .rlc-progressline {
                    left: auto; right: 0;
                }
        .rlc-fadeslider2 .rlc-pagination .rlc-page {
            color: currentColor;
            display: inline-flex;
            padding: 0 1.125em;
            border-right: 1px solid currentcolor;
            height: 100%;
            align-items: center;
        }
        [lang^=ar] .rlc-fadeslider2 .rlc-pagination .rlc-page {
            border-right: none;
            border-left: 1px solid currentcolor;
        }
            .rlc-fadeslider2 .rlc-pagination .rlc-page span,
            .rlc-fadeslider2 .rlc-pagination .rlc-total span {
                display: inline-block;
                font-family: "Founders Grotesk Mono Regular",Arial,Helvetica,sans-serif;
                font-size: 0.563em;
                letter-spacing: 0.019em;
            }
            .rlc-fadeslider2 .rlc-pagination .rlc-page:last-child {
                border: none;
                padding-right: 0;
            }
            [lang^=ar] .rlc-fadeslider2 .rlc-pagination .rlc-page:last-child {
                padding-right: 1.125em;
            }
            .rlc-fadeslider2 .rlc-pagination .rlc-page:first-child {
                padding-left: 0;
            }
            [lang^=ar] .rlc-fadeslider2 .rlc-pagination .rlc-page:first-child {
                padding: 0 0 0 1.125em;
            }
            .rlc-fadeslider2 .rlc-pagination .rlc-page.rlc-active span {
                font-weight: bold;
            }
        
@media screen and (min-width: 768px) {
    .rlc-fadeslider2 .rlc-progressbar:hover::before,
    .rlc-fadeslider2 .rlc-progressbar:hover .rlc-progressline {
        height: 4px;
    }
}
@media screen and (max-width: 767px) {
    .rlc-fadeslider2 .rlc-pagination {
        /* margin-left: 2.125em; */
        display: none;
    }  
    /* [lang^=ar] .rlc-fadeslider2 .rlc-pagination {
        margin: 0 2.125em 0 0;
    }  */
    .rlc-fadeslider2 .rlc-carousel-arrow {
        display: none;
    }
    .rlc-fadeslider2 .rlc-looppause {
        left: 1.250em;
        top: -46px;
        transform: none;
    }
    [lang^=ar] .rlc-fadeslider2 .rlc-looppause {
        left: auto;
        right: 1.250em;
        transform: none;
    }
    .rlc-fadeslider2 .rlc-progresswrap {
        position: relative;
        bottom: auto;
        /* right: 1.38em; */
        left: auto;
        width: 100%;
        height: 5px;
        transform: none;
    }
    [lang^=ar] .rlc-fadeslider2 .rlc-progresswrap {
        /* left: calc(50% - 1.25em); */
        left: 0;
    }
    .rlc-fadeslider2 .rlc-progressbar {
        height: 5px;
    }
        .rlc-fadeslider2 .rlc-progressbar::before {
            height: 100%;
            opacity: 1;
        }
            .rlc-fadeslider2 .rlc-progressbar .rlc-progressline {
                height: 100%;
            }
            .rlc-fadeslider2 .rlc-pagination {
                height: 1.250em;
            }
            .rlc-fadeslider2 .rlc-pagination .rlc-page:first-child {
                padding: 0 1.15em 0 0;
            }
            [lang^=ar] .rlc-fadeslider2 .rlc-pagination .rlc-page {
                padding: 0 0 0 1.2em;
            }
            [lang^=ar] .rlc-fadeslider2 .rlc-pagination .rlc-page:last-child {
                padding: 0 1.2em 0 0
            }  
}
/* END FADELEFT SLIDER CSS */