/* Slider */

.slick-slider

{

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list

{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;



    display: block;

}

.slick-track:before,

.slick-track:after

{

    display: table;

    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}

.gallery-item.slick-slide

{

    float: none;

    height: 100%;

    min-height: 1px;

    vertical-align: middle;

    position: relative;

    display: inline-block !important;

}

.slick-slide

{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

.carousel-slider .slick-slide

{

    margin: 0 64px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: block;

    margin: 0 auto;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;



    height: auto;



    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}



.slick-prev,

.slick-next

{

    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 50%;

    display: block;    

    margin-top: -10px;

    padding: 0;

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    background: transparent;

    z-index: 10;

    width: 35px;

    height: 20px;

    opacity: 0.3;

    transition: opacity 0.4s ease;

}

.slick-prev:hover,

.slick-next:hover

{

    opacity: 1;

}

.slick-next

{

    right: 0;

    background-image: url("../images/opta_arrow@2x.png");

    background-repeat: no-repeat;

    background-size: 35px 20px;

    background-color: transparent;

    padding: 35px;

    background-position: center;

}

.slick-prev

{

    background-image: url(../images/opta_arrow@2x_left.png);

    background-repeat: no-repeat;

    background-size: 35px 20px;

    background-color: transparent;

    padding: 35px;

    background-position: center;

}

.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

{    

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



[dir='rtl'] .slick-prev

{

    right: -25px;

    left: auto;

}

.slick-prev:before

{

    content: '-';

}

[dir='rtl'] .slick-prev:before

{

    content: '+';

}



[dir='rtl'] .slick-next

{

    right: auto;

    left: -25px;

}

.slick-next:before

{

    content: '+';

}

[dir='rtl'] .slick-next:before

{

    content: '-';

}



.slick-dots

{

    position: absolute;

    bottom: -50px;

    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;

}

.slick-dots li button:hover,

.slick-dots li button:focus

{

    outline: none;

}

.slick-dots li button:hover:before,

.slick-dots li button:focus:before

{

    opacity: 1;

}

.slick-dots li button:before

{    

    font-size: 6px;

    line-height: 20px;

    position: absolute;

    top: 0;

    left: 0;

    width: 20px;

    height: 20px;

    content: "";

    border-radius: 90%;

    background-color: red;

    text-align: center;

    opacity: .25;

    color: black;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.slick-dots li.slick-active button:before

{

    opacity: .75;

    color: black;

}

:focus {

    outline: none;

}