@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/FontAwesome.otf');
}

.slick-slider {
  position: relative;
  overflow: visible;
  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;
  width: 100%;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.grey-dots {
  overflow: visible; }
  .grey-dots .slick-dots {
    z-index: 1;
    left: 0; }
    .grey-dots .slick-dots .slick-active button {
      background: #f1f1f1; }
    .grey-dots .slick-dots li button {
      background: rgba(255, 255, 255, 0.5); }

.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; }
  .slick-track:before {
    content: "";
    display: table; }
  .slick-track:after {
    content: "";
    display: table;
    clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  float: left;
 /* height: 100%;
  min-height: 1px;
  display: none;*/
  /*margin-right: 15px;*/ }

[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; }

/* Slider */
/* Icons */
@font-face {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  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;
  }

/*.slick-prev:hover, .slick-prev:focus {
  outline: none;
  background: transparent;
  color: black; }*/

/*.slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent; }*/

.slick-prev:hover:before, .slick-prev:focus:before {
  opacity: 1;
  color: black;
  transition: 0.7s }

.slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
  color: white;
  transition: 0.7s }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "FontAwesome";
  font-size: 50px;
  line-height: 1;
  color: white;
  /*opacity: 0.75;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

.slick-prev {
  left: -30px; }

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px; }

.slick-prev:before {
  content: "\f104"; }

[dir="rtl"] .slick-prev:before {
  content: "\f104"; }

.slick-next {
  right: -30px; }

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto; }

.slick-next:before {
  content: "\f105"; }

[dir="rtl"] .slick-next:before {
  content: "\f105"; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -40px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }

.\--big-dot .slick-dots {
  bottom: -40px; }

.\--xbig-dot .slick-dots {
  bottom: -60px; }

.\--small-dot .slick-dots {
  bottom: 20px; }

.\--xsmall-dot .slick-dots {
  bottom: 40px; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }
  .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer; }
    .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 {
      position: absolute;
      top: 0;
      left: 0;
      content: "ΓÇó";
      width: 20px;
      height: 20px;
      font-family: "FontAwesome";
      font-size: 6px;
      line-height: 20px;
      text-align: center;
      color: black;
      opacity: 0.25;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75; }
.slick-dots .slick-active button {
  background: #37B44E; }
.slick-dots li {
  height: auto;
  width: auto; }
  .slick-dots li button {
    width: 13px;
    height: 12px;
    /* border-radius: 25px; */
    background: black;
    border: 5px solid white;
    margin: 0;
    padding: 0;
    border-radius: 50px;
    }
    .slick-dots li button:before {
      display: none; }

.dots-n-arrow {
  overflow: visible; }
  .dots-n-arrow .slick-dots {
    z-index: 1;
    left: 0;
    bottom: 23px; }
    .dots-n-arrow .slick-dots .slick-active button {
      background: transparent;
    height: 14px;
    width: 14px;
    border: 2px solid #fff;
    border-radius: 25px;   }
    .dots-n-arrow .slick-dots li button {
      /*background: #ffffff; */}
  .dots-n-arrow .slick-next {
    right: 10px;
    background-color: transparent;
    width: 45px;
    height: 45px;
    border-radius: 50%; }
  .dots-n-arrow .slick-prev {
    left: 10px;
    z-index: 1;
    background-color:transparent;
    width: 45px;
    height: 45px;
    border-radius: 50%; }
    .dots-n-arrow .slick-prev:hover{
      background:transparent;
      transition: 0.7s;
    }
    .dots-n-arrow .slick-next:hover{
      background:transparent;
      transition: 0.7s;
    }
  .dots-n-arrow .slick-prev:before,
  .dots-n-arrow .slick-next:before {
    font-size: 26px;
    margin-right: 3px; }
  .dots-n-arrow .slick-next:before {
    content: "\f105"; 
    margin-left: 6px;}
  .dots-n-arrow .slick-prev:before {
    content: "\f104"; }
  .slide{
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
  opacity: 0.9;
}

.dots-n-arrow-1 {
  overflow: visible; }
  .dots-n-arrow-1 .slick-dots {
    z-index: 1;
    left: 0;
    bottom: 40px;
    }

    .dots-n-arrow-1 .slick-dots .slick-active button {
      background: white;
      height: 13px;
      width: 13px;
      border: 5px solid black;
      }
    .dots-n-arrow-1 .slick-dots li button {
      /* background: gray; */
      }
  .dots-n-arrow-1 .slick-next {
    right: 20px; }
  .dots-n-arrow-1 .slick-prev {
    left: 10px;
    z-index: 1; }
  .dots-n-arrow-1 .slick-prev:before,
  .dots-n-arrow-1 .slick-next:before {
    font-size: 40px; }
  .dots-n-arrow-1 .slick-next:before {
    content: "\f105"; }
  .dots-n-arrow-1 .slick-prev:before {
    content: "\f104"; }




.dots-n-arrow-2 {
  overflow: visible; }
  .dots-n-arrow-2 .slick-dots {
    z-index: 1;
    /*left: 0;*/
    text-align: right;
    right: -10%;
    bottom: -44px;
    }

    .dots-n-arrow-2 .slick-dots .slick-active button {
      background: #fff;
      height: 4px;
      width: 50px;
      /* border: 5px solid black; */
      }
    .dots-n-arrow-2 .slick-dots li button {
      background: gray;
      }
  .dots-n-arrow-2 .slick-next {
    right: 50px; }
  .dots-n-arrow-2 .slick-prev {
    left: 10px;
    z-index: 1; }
  .dots-n-arrow-2 .slick-prev:before,
  .dots-n-arrow-2 .slick-next:before {
    font-size: 40px; }
  .dots-n-arrow-2 .slick-next:before {
    content: "\f105"; }
  .dots-n-arrow-2 .slick-prev:before {
    content: "\f104"; }


    .dots-n-arrow-3 {
  overflow: visible; }
  .dots-n-arrow-3 .slick-dots {
    z-index: 1;
    /*left: 0;*/
    text-align: right;
    right: -10%;
    bottom: -44px;
    }

    .dots-n-arrow-3 .slick-dots .slick-active button {
      background: #fff;
      height: 4px;
      width: 50px;
      /* border: 5px solid black; */
      }
    .dots-n-arrow-3 .slick-dots li button {
      background: gray;
      }
  .dots-n-arrow-3 .slick-next {
    right: -48px;
    }
  .dots-n-arrow-3 .slick-prev {
    left: -60px;
    z-index: 1;
    }
  .dots-n-arrow-3 .slick-prev:before,
  .dots-n-arrow-3 .slick-next:before {
    font-size: 116px;
    }
  .dots-n-arrow-3 .slick-next:before {
    content: "\f0da";
    }
  .dots-n-arrow-3 .slick-prev:before {
    content: "\f0d9";
    }







.dots-n-arrow-4 {
  overflow: visible; }
  .dots-n-arrow-4 .slick-dots {
    z-index: 1;
    /*left: 0;*/
    text-align: right;
    right: -10%;
    bottom: -44px;
    }

    .dots-n-arrow-4 .slick-dots .slick-active button {
      background: #fff;
      height: 4px;
      width: 50px;
      /* border: 5px solid black; */
      }
    .dots-n-arrow-4 .slick-dots li button {
      background: gray;
      }
  .dots-n-arrow-4 .slick-next {
    right: 76px;
    top: 77%;
    /* padding: 10px; */
    /* background: #fc3a2e; */
    }
  .dots-n-arrow-4 .slick-prev {
    left: 68%;
    top: 77%;
    z-index: 1;
    }
  .dots-n-arrow-4 .slick-prev:before,
  .dots-n-arrow-4 .slick-next:before {
    font-size: 37px;
    }
  .dots-n-arrow-4 .slick-next:before {
    content: "\f105";
    background: #fc3a2e;
    padding: 7px 20px;
    border-radius: 50px;
    /* width: 35px; */
    /* height: 66px; */
    color: white;
    }
  .dots-n-arrow-4 .slick-prev:before {
    content: "\f104";
    background: white;
    padding: 7px 20px;
    border-radius: 50px;
    /* width: 35px; */
    /* height: 66px; */
    color: black;
    }





  .slide{
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  opacity: 0.9;
}
/*.slide1{
 
}*/

@media only screen and (max-width: 460px) {

    .dots-n-arrow .slick-next {
    right: 10px;
    background-color: #e6e6e6;
    width: 35px;
    height: 35px;
    border-radius: 50%; }
  .dots-n-arrow .slick-prev {
    left: 10px;
    z-index: 1;
    background-color: #e6e6e6;
    width: 35px;
    height: 35px;
    border-radius: 50%; }
}


@media only screen and (max-width: 1200px){
  .dots-n-arrow-4 .slick-prev{
    left: 59%;
  }
}
@media only screen and (max-width: 1024px){
  .dots-n-arrow-3 .slick-prev{
    left: -42px;
  }
.dots-n-arrow-3 .slick-prev:before, .dots-n-arrow-3 .slick-next:before{
  font-size: 100px;
}
.dots-n-arrow-3 .slick-next {
    right: -29px;
}
}

@media only screen and (max-width: 991px){
 .dots-n-arrow-4 .slick-next{
    right: 54px;
  }
  .dots-n-arrow-4 .slick-prev {
    top: 79%;
  }
.dots-n-arrow-4 .slick-next {
    top: 80%;
  }
  .dots-n-arrow-3 .slick-prev:before, .dots-n-arrow-3 .slick-next:before {
    font-size: 80px;
}
.dots-n-arrow-3 .slick-prev {
    left: -35px;
}

}