@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:50px; height:50px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; outline: none; background: no-repeat center center; z-index:30;border: solid 1px #fff; border-radius: 100px;}
.slick-prev{ left:5%; background-image:url(slick_prev.png);}
.slick-next{ right:5%; background-image:url(slick_next.png);}
.slick-prev:hover,
.slick-next:hover{ background-color: #dec281; border-color: #dec281;}


.slick-dots{ z-index: 5; display: block; width: 100%; bottom: 5%; padding: 0 1% ; margin: 0; list-style: none; text-align: center;position:absolute;}
.slick-dots li{display: inline-block; width: 60px; cursor: pointer; position: relative;}
.slick-dots li:before{ content: ''; position: absolute; left: 20%; top:50%; margin-top: -1px; width: 60%; height: 2px; background: #fff; transition: 0.3s}
.slick-dots li button{ text-align: center;font-size: 0; border: none; background: none}
.slick-dots li button:hover,
.slick-dots li button:focus{ outline: none;}
.slick-dots li.slick-active button{ color: #c8192a; font-size: 20px; font-weight: bold}
.slick-dots li.slick-active:before{ width: 0; height: 0;}
@media (max-width:768px) {
.slick-prev,
.slick-next{width:30px; height:30px;}
}