-->-->/* Slick Slider */

.zoom {
	transition: transform .2s;
	/* Animation */
}

.zoom:hover {
	transform: scale(1.05);
	/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.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 3% 0 3%;
  padding: 0;
}
@media only screen and (max-width: 912px) {
    .slick-list {
		margin: 0 3% 0 4.5%;
		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);
}

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

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

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
	margin: 0 0;
}

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

.slide {
    transition: filter .4s;
    margin:0px 5px;
}
.slide {
    transition: filter .4s;
    margin:0px 5px;
	text-align: center;
	filter: brightness(1);
    cursor: pointer;
}
.slide a:hover {
    transition: filter .4s;
    filter: brightness(1.5);
	text-decoration: none;
}
.fas {
    color: #96bd0b;
}
/*.slick-prev {
	position: absolute;
    top: 35%;
	width: 27px;
	height:51px;
    left: 0;
	background: url("../images/prev.png") no-repeat;
    background-size: contain;
	z-index: 9;
    cursor: pointer;
}
.slick-next {
    position: absolute;
    top: 35%;*/
    /*font-size: 1.8rem;*/
	/*width: 27px;
	height:51px;
    right: 0;
	background: url("../images/next.png") no-repeat;
    background-size: contain;
	z-index: 9;
    cursor: pointer;
}*/
.gift-box .slide img {
    background-color: #1e74fd;
}
.gift-box .slide:hover img {
    background: url(../images/bg-item-f2.png) no-repeat;
    background-size: 100% 100%;
}

/*------------------Animation------------------*/
.pulse {
	animation-name: pulse;
	-webkit-animation-name: pulse;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 1;
	}

	50% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(0.9);
		opacity: 1;
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 1;
	}

	50% {
		-webkit-transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(0.95);
		opacity: 1;
	}
}
.time-box {
	-webkit-animation: sluk 5s linear infinite;
    animation: sluk 5s linear infinite;
}
@-webkit-keyframes sluk {
    0%, 20%, 33%, 60%, 64%, 66%, 69%, 73%, 75%, 90%, 93%, 100% {
      -webkit-transform: skew(0deg);
      transform: skew(0deg); }
    21%, 81% {
      -webkit-transform: skew(20deg, 0deg);
      transform: skew(20deg, 0deg); }
    22%, 82% {
      -webkit-transform: skew(-20deg, 0deg);
      transform: skew(-20deg, 0deg); }
    61% {
      -webkit-transform: skew(15deg);
      transform: skew(15deg); }
    62% {
      -webkit-transform: skew(-15deg, -8deg);
      transform: skew(-15deg, -8deg); }
    65% {
      -webkit-transform: skew(15deg, -8deg);
      transform: skew(15deg, -8deg); }
    70% {
      -webkit-transform: skew(-25deg);
      transform: skew(-25deg); }
    74% {
      -webkit-transform: skew(15deg, -15deg);
      transform: skew(15deg, -15deg); } }
  
  @keyframes sluk {
    0%, 20%, 33%, 60%, 64%, 66%, 69%, 73%, 75%, 90%, 93%, 100% {
      -webkit-transform: skew(0deg);
      transform: skew(0deg); }
    21%, 81% {
      -webkit-transform: skew(20deg, 0deg);
      transform: skew(20deg, 0deg); }
    22%, 82% {
      -webkit-transform: skew(-20deg, 0deg);
      transform: skew(-20deg, 0deg); }
    61% {
      -webkit-transform: skew(15deg);
      transform: skew(15deg); }
    62% {
      -webkit-transform: skew(-15deg, -8deg);
      transform: skew(-15deg, -8deg); }
    65% {
      -webkit-transform: skew(15deg, -8deg);
      transform: skew(15deg, -8deg); }
    70% {
      -webkit-transform: skew(-25deg);
      transform: skew(-25deg); }
    74% {
      -webkit-transform: skew(15deg, -15deg);
      transform: skew(15deg, -15deg); } }

.error_message {
    color: red;
    font-weight: 500;
    font-size: 16px;
}