@charset "utf-8";
.slick-prev {
  position: absolute;
  top: 93%;
  left: calc(50% - 170px);
  text-indent: -9999px;
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: none;
  background-image: url(../images/left_arr.png);
  background-repeat: no-repeat;
  background-size: auto 50px;
  height: 50px;
  width: 50px;
  z-index: 350;
}

.slick-next {
  position: absolute;
  top: 93%;
  right: calc(50% - 160px);
  text-indent: -9999px;
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: none;
  background-image: url(../images/right_arr.png);
  background-repeat: no-repeat;
  background-size: auto 50px;
  height: 50px;
  width: 50px;
  z-index: 350;
}

.slick-dots {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 40px;
}

.slick-dots li {
  position: relative;
  width: 13px!important;
  height: 13px;
  margin: 0 3px;
  padding: 0;
  cursor: pointer;
  float: none;
  top: 10px
}

.slick-dots li button {
  text-indent: -9999px;
  background-color: transparent;
  border: 0
}

.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;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  content: '';
  background-color: #fff;
  border:1px solid #C09B16;
  text-align: center;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  background-color: #C09B16;
  border:1px solid #C09B16;
  opacity: 1;
  border-radius: 50%
}



.slick_div li {
  width: 25%;
  padding: 0 13px;
  float: left;
}

.slick_div li a {
  display: block;
  transition: 0.3s ease-in-out;
}

.slick_div li a:hover {
  opacity: 0.7;
}

.slick_div li img {
  border-radius: 15px;
  width: 100%;
}

.a_slider {
  display: block;
  margin: 0 auto;
  padding-top: 20px;
}

.slick-slide a {
  outline: none;
}





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

}

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

}




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

.slick_div li {
  width: 25%;
  padding: 0 10px;
  float: left;
}
.slick_div li img {
  width: 100%;
}
.a_slider {
  display: block;
  margin: 0 auto;
  padding-top: 20px;
  outline: none;
}

.slick-dots li {
  position: relative;
  width: 10px!important;
  height: 10px;
  margin: 0 8px;
  padding: 0;
  cursor: pointer;
  float: none;
  top: 10px
}

.slick-prev {
  position: absolute;
  top: 92%;
  left: calc(50% - 150px);
  text-indent: -9999px;
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: none;
  background-image: url(../images/left_arr.png);
  background-repeat: no-repeat;
  background-size: auto 50px;
  height: 50px;
  width: 50px;
  z-index: 350;
}

.slick-next {
  position: absolute;
  top: calc(93% - 5px);
  right: calc(50% - 155px);
  text-indent: -9999px;
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: none;
  background-image: url(../images/right_arr.png);
  background-repeat: no-repeat;
  background-size: auto 50px;
  height: 50px;
  width: 50px;
  z-index: 350;
}


}