/* Slider */
.slick-slider
{
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.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);
  height: 100%;
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.slick-track:before,
.slick-track:after
{
  display: table;

  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;

  /* height: 100%; */
  min-height: 1px;
}

.slick-slide > div{
  height: 100%;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

.slick-disabled
{
  cursor: default;
  opacity: 0.3;
}

.slick-arrow
{
  width: 40px;
  height: 55px;
  top: 50%;
  position: absolute;
  margin-top: -20px;
  font-size: 0px;
  z-index: 5;
    border-radius: 0px;
}
.slick-prev
{
  left: 0px;
  background: url('../images/prev-arrow.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 35px;
  border-radius: 0px 10px 10px 0px;
}
.slick-next
{
  right: 0px;
  background: url('../images/next-arrow.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 35px;
  border-radius: 10px 0px 0px 10px;
}
.no-touch .slick-arrow:hover{
background-color: #e2383f;
width: 50px;
}


.slick-dots
{
  position: absolute;
  bottom: -30px;
  left: 50%;
  right: auto;
  max-width: 650px;
  width: 100%;
  -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform:  translateX(-50%);
  margin: 0px;
  padding: 0px 20px;
  list-style: none;
  height: 20px;
}
.slick-dots li
{
  flex-grow: 1;
  padding: 2px 0px;
  height: 100%;
  position: relative;
}
.slick-dots li::after
{
  content: '';
  display: block;
  width: 2px;
  height: 4px;
  background: #e2383f;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slick-dots li:last-child::after
{
  display: none
}
.slick-dots li button{
  width: 100%;
  height: 20px;
  border: 0px;
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:        none;
  font-size: 0px;
  position: relative;
  background-color: transparent;
}
.slick-dots li button::before{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #E89396;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}
.slick-dots li.slick-active
{
  padding: 0px;
}
.slick-dots li.slick-active button::before
{
  height: 4px;
    background: #e2383f;
}


.heroSlider .slick-dots
{
  bottom: 30px;
}
.heroSlider .slick-dots li::after{
  background: #FFFFFF;
}
.heroSlider .slick-dots li button::before{
  background: #FFFFFF;
}
.heroSlider .slick-dots li.slick-active button::before
{
background: #FFFFFF;
}