@charset 'UTF-8';
/* Slider */

.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

.slick-prev, .slick-next{  position: absolute; top: -58px;  width: 37px;  height: 37px;  font-size:0; cursor: pointer;  transition: all 0.2s ease; z-index:5; border:none; background:none;  }
.slick-prev{ right:40px;  background: url('slick-slider-arrow-left.svg');  background-repeat: no-repeat; background-size: 17px; background-position: center; }
.slick-next{ right: 0;    background: url('slick-slider-arrow-right.svg');  background-repeat: no-repeat; background-size: 17px; background-position: center;  }

.slick-prev:hover, .slick-prev:focus{ background:#000 url('slick-slider-arrow-left-hover.svg'); background-repeat: no-repeat; background-size: 17px; background-position: center;}
.slick-next:hover, .slick-next:focus{ background:#000 url('slick-slider-arrow-right-hover.svg'); background-repeat: no-repeat; background-size: 17px; background-position: center;}

 


/*
    @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');}

    .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;z-index:5;}

.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{ font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color:#000; -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-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;}
.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-family: 'slick'; font-size: 6px; line-height: 20px;  position: absolute;  top: 0;  left: 0; width: 20px; height: 20px;  content: '•';  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;}