@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../images/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') 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:40px; height:40px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; outline: none; background: no-repeat; z-index:30;	border:none; background-size: contain}

.slick-prev{ left:5%; background-image:url(../images/slick-prev.png); background-position: left}
.slick-next{ right:5%; background-image:url(../images/slick-next.png);background-position: right}
.slick-prev:hover{ background-image:url(../images/slick-prev-on.png)}
.slick-next:hover{ background-image:url(../images/slick-next-on.png)}
.slick-prev:hover,
.slick-next:hover{}

.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;}
}