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

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


.slickslider {
    width: 100%;
}
.slick-slide img {
  width: 100%;
}
.slick-prev:before,
.slick-next:before {
  	color: black;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.slick-current {
  opacity: 1;
}
.slick-slider-dots{
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}

.slick-slider-dots ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
	}
    
.slick-slider-dots ul li {
        margin: 0 4px;
}

.slick-slider-dots ul li button {
    background-color: #aaa;
    height: 3px;
    width: 30px;
    overflow: hidden;
    border: none;
    font-size: 0; 
    cursor: pointer;
    padding: 0px;
}

.slick-slider-dots ul .meter { 
    height: 3px;
}

.slick-slider-dots ul .slick-active .meter { 
    position: relative;
    background: #aaa;
    overflow: hidden;
    padding: 0px;
}

.slick-slider-dots ul .slick-active .meter span {
    display: block;
    height: 100%;
}

.slick-slider-dots ul .slick-active .progress {
    background-color: #222;
    -webkit-animation: progressBar 3s ease-in-out;
    -webkit-animation-fill-mode:both; 
    -moz-animation: progressBar 3s ease-in-out;
    -moz-animation-fill-mode:both; 
}

@-webkit-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}

@-moz-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}

.slick-prev, .slick-next{
	width: 40px;
	height: 40px;
	background-color: #fff;
	position: absolute;
 	top: 48%;
 	z-index: 1;
 	border: none;
 	border-radius: 20px;
 	box-shadow: 3px 3px 8px 0 rgba(0,0,0,.3);
 	text-align: center;
 	cursor: pointer;
}
.slick-prev svg, .slick-next svg{
	margin: 10px 10px;
}
.slick-prev{
    left: -20px;
}
.slick-next{
    right: -20px;
}

.slick-dotted.slick-slider{
    margin-bottom: 20px;
}

.slick-custom .slick-dots{
    position: absolute;
    bottom: -20px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-custom .slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
}
.slick-custom .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-custom .slick-dots li button:hover,
.slick-custom .slick-dots li button:focus{
    outline: none;
}
.slick-custom .slick-dots li button:hover:before,
.slick-custom .slick-dots li button:focus:before{
    opacity: 1;
}
.slick-custom .slick-dots li button:before{
    font-family: 'slick';
    font-size: 11px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    color:#cfcfcf;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-custom .slick-dots li.slick-active button:before{
    color:  #888888;
}