@font-face {
    font-family: "slick";
    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");
    font-weight: normal;
    font-style: normal
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 26px;
    width: 16px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background-color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: 0;
    outline: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        outline: none;
        opacity: 1
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1;
            color: #fff !important
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .25
    }

    .slick-prev:before, .slick-next:before {
        opacity: .75
    }

.slick-prev {
    left: 10%;
    background-image: url(../img/slick_prev1.png);
    z-index: 1
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -50px
}

.slick-prev:before {
    background-image: url(../img/slick_prev1.png)
}

[dir="rtl"] .slick-prev:before {
    background-image: url(../img/slick_next1.png)
}

.slick-next {
    background-image: url(../img/slick_next1.png);
    right: 10%;
    z-index: 1
}

[dir="rtl"] .slick-next {
    left: -50px;
    right: auto
}

.slick-next:before {
    background-image: url(../img/slick_next1.png)
}

[dir="rtl"] .slick-next:before {
    background-image: url(../img/slick_prev1.png)
}

.slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 2px 10px;
    margin: 0;
    width: initial;
    background-color: rgba(0,0,0,0.8);
    border-radius: 20px;
    left: 50%;
    transform: translate(-50%, -45px)
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: initial;
        width: initial;
        margin: 0 0;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background-color: #00b8ff;
            display: block;
            height: 16px;
            width: 16px;
            border-radius: 10px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            padding: 0 0;
            margin: 5px 5px;
            cursor: pointer
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none
            }

            .slick-dots li button:before {
                position: relative;
                display: block;
                top: 0;
                left: 0;
                content: "";
                height: 16px;
                width: 16px;
                border-radius: 10px;
                background-color: #005779;
                line-height: 0px
            }

        .slick-dots li.slick-active button:before {
            display: block;
            content: "";
            height: 16px;
            width: 16px;
            border-radius: 10px;
            background-color: #007BD2
        }

@media screen and (max-width: 1600px) {
    #lazy_wh .slick-prev {
        left: 14%;
        top: 50%
    }

    #lazy_wh .slick-next {
        right: 14%;
        top: 50%
    }
}

@media screen and (max-width: 1366px) {
    #lazy_wh .slick-prev {
        left: 8%;
        top: 50%
    }

    #lazy_wh .slick-next {
        right: 8%;
        top: 50%
    }
}

@media screen and (max-width: 1199px) {
    .slick-prev {
        left: -5%;
        z-index: 1
    }

    .slick-next {
        right: -6%;
        z-index: 1
    }

    #lazy_wh .slick-prev {
        left: 7%;
        top: 50%
    }

    #lazy_wh .slick-next {
        right: 8%;
        top: 50%
    }
}

@media screen and (max-width: 768px) {
    .slick-prev {
        left: -8%
    }

    .slick-next {
        right: -8%
    }

    #lazy_wh .slick-prev {
        display: none !important
    }

    #lazy_wh .slick-next {
        display: none !important
    }
}

@media screen and (max-width: 576px) {
    .slick-prev {
        left: -8%
    }

    .slick-next {
        right: -9%
    }
}