@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
    {
        background: #fff url('./ajax-loader.gif') center center no-repeat;
    }
/* 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;
    }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
    {
        color: blue;
        outline: 0 none;
        background-color: 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
    {
        height: 25px;
        left: 50%;
        margin-left: -25px;
        position: absolute;
        top: 42px;
        width: 50px;
        opacity: 1;
        background-image:url(../img/top.png);
        transition: all 0.6s ease 0s;
    }
[dir='rtl'] .slick-prev
    {
        right: 0;
        left: auto;
    }
.slick-next
    {
        background-image: url("../img/bottom.png");
        bottom: -13px;
        height: 25px;
        left: 50%;
        margin-left: -25px;
        opacity: 1;
        position: relative;
        width: 50px;
        transition: all 0.6s ease 0s;
    }
[dir='rtl'] .slick-next
    {
        right: auto;
        left: -25px;
    }
/* 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;
    }
.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: transparent;
    }