.img-nb:before{

	position: absolute;

	top: -10px;

	left: -10px;

	width: calc(100% + 20px);

	height: calc(100% - 20px);

	content: '';

	background: transparent;

	border: 1px solid #C5C5C5;

	z-index: 1;

}

.color-section{

	background: linear-gradient(to top, #f2f2f2 0%, #f2f2f2 33%, #ffffff 33%, #ffffff 100%);

}

.slider-dots {

  max-width: 200px;

  width: 10vw;

  margin: 20px auto 0;

  padding: 0;

  text-align: center;

  list-style: none;

}

.slider-dots li {

  display: inline-block;

  width: calc(25% - 8px);

  margin: 0 1px;

}

.slider-dots button {

  position: relative;

  width: 100%;

  height: 2px;

  border: 0;

  background-color: #ccc;

  font-size: 0;

}

.slider-dots button:after {

  position: absolute;

  top: 0;

  left: 0;

  content: "";

  display: block;

  width: 0%;

  height: 100%;

}

.slider-dots .slick-active button:after {

  background-color: #3C3C3C;

  -webkit-animation: progress 5.5s linear forwards;

          animation: progress 5.5s linear forwards;

}

.sp-dots {

    max-width: 200px;

    margin: 0 auto;

    padding: 0;

    text-align: center;

    list-style: none;

    position: absolute;

    bottom: 15%;

    left: 50%;

    transform: translateX(-50%);

    z-index: 3;

    width: 10vw;

}

.sp-dots li {

  display: inline-block;

  width: calc(25% - 8px);

  margin: 0 1px;

}

.sp-dots button {

  position: relative;

  width: 100%;

  height: 2px;

  border: 0;

  background-color: #ccc;

  font-size: 0;

}

.sp-dots button:after {

  position: absolute;

  top: 0;

  left: 0;

  content: "";

  display: block;

  width: 0%;

  height: 100%;

}

.sp-dots .slick-active button:after {

  background-color: #3C3C3C;

  -webkit-animation: progress 5.5s linear forwards;

          animation: progress 5.5s linear forwards;

}





@-webkit-keyframes progress {

  from {

    width: 0%;

  }

  to {

    width: 100%;

  }

}



@keyframes progress {

  from {

    width: 0%;

  }

  to {

    width: 100%;

  }

}

.list-sp .box-content h3 b{

	font-size: 25px;

	display: block;

}

.list-sp .item:before{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 30%;

	content: '';

	z-index: 2;

	background: linear-gradient(180deg, rgba(3, 8, 25, 0) 0%, #000000 100%);



}

.san_pham .slick-dotted.slick-slider{

	margin-bottom: 0;

}

.list-service .item img{

	transition: 0.4s all ease-out;

}

.list-service .item:hover img{

	transform: scale(1.2);

}



@media(max-width:767px){

	.slider-dots {

		width: 90%;

		max-width: 90%;

	}

	.sp-dots{

		width: 90%;

		max-width: 90%;

		bottom: 12%;

	}

}