/* Slider */

.slick-slider {
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent;
}
.slick-list {
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0;

    &:focus {
        outline:none;
    }

    &.dragging {
        cursor:pointer;
        cursor:hand;
    }
  
  * {
	  
	  &:focus {
			outline: none;
  	}
	}
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
}

.slick-track {
    position:relative;
    left:0;
    top:0;
    display:block;
    margin-left:auto;
    margin-right:auto;

    &:before,
    &:after {
        content:"";
        display:table;
    }

    &:after {
        clear:both;
    }

    .slick-loading & {
        visibility:hidden;
    }
}
.slick-slide {
    float:left;
    height:100%;
    min-height:1px;
    [dir="rtl"] & {
        float:right;
    }
    img {
        display:block;
    }
    &.slick-loading img {
        display:none;
    }

    display:none;

    &.dragging img {
        pointer-events:none;
    }

    .slick-initialized & {
        display:block;
    }

    .slick-loading & {
        visibility:hidden;
    }

    .slick-vertical & {
        display:block;
        height:auto;
        border:1px solid transparent;
    }
}
.slick-arrow.slick-hidden {
    display:none;
}

@charset "UTF-8";

// Default Variables

@slick-font-path:"./fonts/";
@slick-font-family:"slick";
@slick-loader-path:"../images/";
@slick-dot-color:black;
@slick-dot-color-active:@slick-dot-color;
@slick-prev-character:"←";
@slick-next-character:"→";
@slick-dot-size:6px;
@slick-opacity-default:0.75;
@slick-opacity-on-hover:1;
@slick-opacity-not-active:0.25;

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

/* Arrows */
.slick-prev, .slick-next {
    position:absolute;
    display:block;
    height:30px;
    width:20px;
    line-height:0px;
    font-size:0px;
    cursor:pointer;
    background:transparent;
    color:transparent;
    top:50%;
    -webkit-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    transform:translate(0, -50%);
    padding:0;
    border:none;
    outline:none;
    z-index:10;
    &:hover, &:focus {
      outline:none;
      color:transparent;
      
      &:before {
      	color:#000;
      }
    }
}

.slick-prev {
  left:-25px;
  background:url('../images/icons/prev_icon.svg') no-repeat center center;
}

.slick-next {
  right:-25px;
  background:url('../images/icons/next_icon.svg') no-repeat center center;
}

/* Dots */

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

.slick-dots {
  width:100%;
  position:absolute;
  display:block;
  margin:0;
  padding:0;
  bottom:15px;
  list-style:none;
  text-align:center;
  z-index:100;
  
  * {
	  
	  &:focus {
			outline: none;
  	}
	}
  
  li {
    height:20px;
    width:20px;
    position:relative;
    display:inline-block;
    margin:0 5px;
    padding:0;
    cursor:pointer;
    
    &.slick-active, &:hover {
	    
	    button {
		    background:#fff;
	    }
    }
    
    button {
      height:12px;
      width:12px;
      display:block;
      line-height:0px;
      font-size:0px;
      padding:0;
      cursor:pointer;
      border-radius:20px;
      -webkit-border-radius:20px;
      background:rgba(255, 255, 255, 0.5);
      border:1px solid #fff;
      -webkit-transition:all .3s ease-in-out;
			-moz-transition:all .3s ease-in-out;
			-ms-transition:all .3s ease-in-out;
			-o-transition:all .3s ease-in-out;
			transition:all .3s ease-in-out;
    }
  }
}