@charset 'UTF-8';
/* Slider */


/* Icons */

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 54px;
    height: 54px;
    margin-top: -27px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev
{
    left: -94px;
    background: url('../images/common/slide-arw-prev.png');
    width: 54px;
    height: 54px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}


.slick-next
{
    right: -94px;
    background: url('../images/common/slide-arw-next.png');
    width: 54px;
    height: 54px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}


/* Dots */
.slick-dots {
    position: absolute;
    right: 0;
    bottom: -27px;
}

.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 14px;
    height: 14px;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    background: transparent;
    background: url('../images/common/slick-dot.png');
    background-size: 100%;
    background-position: 0 0;
}
.slick-dots li + li {
    margin-left: 15px;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
    background-position: 0 -14px;
}
.slick-dots .slick-active button {
    background-position: 0 -14px;
}

@media only screen and (max-width: 1000px) {
    .slick-prev
    {
        left: -70px;
    }
    .slick-next
    {
        right: -70px;
    }
}
@media only screen and (max-width: 768px) {

    .slick-prev, .slick-next {
        top: 115px;
        margin-top: -9px;
    }

    .slick-prev
    {
        left: -5px;
        margin: auto;
        top: 0;
        bottom: 0;
        transform: translateX(-100%);
        background-size: contain;
        width: 30px;
        height: 30px;
        z-index: 99;
    }

    .slick-next
    {
        right: -5px;
        margin: auto;
        top: 0;
        bottom: 0;
        transform: translateX(100%);
        background-size: contain;
        width: 30px;
        height: 30px;
        z-index: 98;
    }

    .slick-dots {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: -30px;
    }

    .slick-dots li
    {
        width: 9px;
        height: 9px;
    }
    .slick-dots li button
    {
        width: 9px;
        height: 9px;
        background: url('../images/common/slick-dot.png');
        background-size: 100%;
    }
    .slick-dots li + li {
        margin-left: 10px;
    }
    .slick-dots li button:hover,
    .slick-dots li button:focus
    {
        background-position: 0 -9px;
    }
    .slick-dots .slick-active button {
        background-position: 0 -9px;
    }
}

.slick-initialized .slick-slide {
    display: flex;
}