/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

src: url('../fonts/slick.eot');
src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');

}


/* Arrows */
.slick-prev,    
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
    color: #fff2d6 !important;
    right: -55px !important;
    font-size: 66px;
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: ;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    /* font-family: 'FontAwesome'; */
    /* font-size: 20px; */
    /* line-height: 1; */
    /* opacity: .75; */
    /* color: white; */
    /* -webkit-font-smoothing: antialiased; */
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.slick-prev
{
    /* left: var(--swiper-navigation-sides-offset, 10px); */
    /* right: auto; */
    /* left: auto; */
    /* font-size: 66px; */
    /* right: auto; */
    /* left: var(--swiper-navigation-sides-offset, 10px); */
    right: auto !important;
    color: #fff2d6 !important;
    left: 0px !important;
    font-size: 66px;
}


    @media (min-width: 1200px) {
        .slick-prev {
            left: -55px !important;
        }
    }


[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    /* content: '←'; */
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
    /* left: auto; */
    right: 0px !important;
    font-size: 66px;
}

    @media (min-width: 1200px) {
        .slick-next {
            right: -55px !important;
        }
    }

[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    /* content: "\f178"; */
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    /* bottom: -25px; */
    display: block;
    width: 100%;
    padding: 0;
    /* margin: 0; */
    list-style: none;
    /* text-align: center; */
}
.slick-dots li
{
    /* position: relative; */
    display: inline-block;
    /* width: 20px; */
    /* height: 20px; */
    /* margin: 0 5px; */
    /* padding: 0; */
    /* cursor: pointer; */
    /* width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); */
    /* height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); */
    /* display: inline-block; */
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: #ffffff00;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    /* width: 20px; */
    height: 20px;
    /* padding: 5px; */
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #85858566;
    /* margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); */
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    /* background: #ffffff; */
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    cursor: pointer;
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    /* width: 100%; */
    /* width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); */
    /* height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); */
    /* margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); */
    background: #ffffff;
    color: #00D !important;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    background: #ffffff !important;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    /* opacity: 1; */
    /* width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); */
    /* height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); */
}
.slick-dots li button:before
{
    font-family: 'slick';
    /* font-size: 6px; */
    /* line-height: 20px; */
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    /* color: black; */
    /* -webkit-font-smoothing: antialiased; */
    -moz-osx-font-smoothing: grayscale;
    /* width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); */
    /* height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); */
    /* display: inline-block; */
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: #00000000;
    /* opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); */
}
.slick-dots li.slick-active button:before
{
     opacity: 1 !important;
     color: black;
     /* width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); */
     /* height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); */
     /* display: inline-block; */
     /* border-radius: var(--swiper-pagination-bullet-border-radius, 50%); */
     /* background: #ffffff; */
     /* opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); */
     /* opacity: 1; */
     /* color: #ffffff; */
     /* width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); */
     /* height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); */
     background: #000000;
}



.slick-dots li button
{
    /* font-size: 0; */
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 1px;
    cursor: pointer;
    /* color: transparent; */
    /* border: 0; */
    outline: none;
    /* background: #ff0000; */
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
    color: #ffffff63;
    background: #000000;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    /* opacity: 1; */
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
    color: #ffffff;
    /* background: #ffffff; */
}
.slick-dots li button:before
{
    /* font-family: 'slick'; */
    /* font-size: 6px; */
    /* line-height: 20px; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* width: 20px; */
    /* height: 20px; */
    /* content: '•'; */
    /* text-align: center; */
    /* opacity: 1; */
    /* color: #ffffff; */
    /* -webkit-font-smoothing: antialiased; */
    -moz-osx-font-smoothing: grayscale;
    /* width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); */
    /* height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); */
    /* background: #fff; */
    color: #ff0000;
    /* opacity: 1; */
    /* color: #ffffff; */
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
    /* background: #000000; */
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: #ffffff;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
    background: #ffffff;
    color: #ffffff;
    background: #ffffff;
    /* background-color: #fff !important; */
    opacity: 1 !important;
}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: relative;
    /* bottom: -25px; */
    /* display: block; */
    /* width: 100%; */
    /* padding: 0; */
    margin: 0;
    /* list-style: none; */
    text-align: center;
    display: contents;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    /* height: 20px; */
    margin: 0 5px;
    padding: 0;
    /* cursor: pointer; */
    /* border: 0; */
    /* outline: none; */
    /* background: #171717; */
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
    color: #0000000a;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
    background: #ffffff00;
    opacity: 1 !important;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    /* padding: 5px; */
    cursor: pointer;
    color: #120000;
    border: 0;
    outline: none;
    background: #ffffff2b;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));
    opacity: 1 !important;
}