@charset 'UTF-8';
.slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat;}
@font-face{font-weight:400;font-style:normal;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');}
.slick-arrow{width:40px;height:40px;position:absolute;top:50%;display:block;outline:0;border:solid 1px #fff;background:0 0;color:transparent;font-size:0;line-height:0;cursor:pointer;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);-ms-transform:translate(0,-50%);  border-radius: 100%; z-index: 10}
.slick-arrow:hover{outline:0;background:#eee;}
.slick-arrow:focus:before,
.slick-arrow:hover:before{opacity:1;}
.slick-arrow.slick-disabled:before{opacity:.25;}
.slick-arrow:before{ content: ''; position: absolute; margin:auto; width:30px; height:30px; left: 0; right: 0; top: 0; bottom: 0; background: no-repeat left center; transition: 0.5s}
.slick-prev{left:0px;}
.slick-prev:before{background-image: url(slick-prev.png)}
.slick-next{right:0px;}
.slick-next:before{background-image: url(slick-next.png)}
.slick-arrow:hover:before{ background-position: right center}
.slick-disabled{cursor: default}

.slick-dots{ position: absolute; bottom: 3%;display: flex; justify-content: center; margin:0;width:100%;list-style:none;text-align:center;}
.slick-dots li{position:relative;display:inline-block;padding:0 12px;height:20px;min-width:20px;cursor:pointer;}
.slick-dots li button{display:block;padding:0px;width:18px;height:18px;outline:0;border:0; border:none; border-radius:10px;font-size:0;line-height:0;cursor:pointer; background: #fff}
.slick-dots li.slick-active button{ background:#fd8e3f;}


.gray_icon .slick-arrow{width: 30px; height: 30px; background: rgba(0,0,0,0.6); border: none}
.gray_icon .slick-prev{border-radius: 0 5px 5px 0}
.gray_icon .slick-next{border-radius: 5px  0  0 5px}

.item{ position: relative}
.item .pic{ position: relative}
.item video{ position: absolute; width: 100%; height: 100%; object-fit: cover}
.arrows_dots .slick-dots{ position: relative;padding-top:5%}
.arrows_dots .slick-dots li button{ border: solid 1px #a8a8a8; background: none}
.arrows_dots .slick-dots li.slick-active button{background: #a64040; border-color: #a64040}

@media(max-width:768px){
.slick-arrow{width:40px;height:40px}
}