.mast__text {

        white-space: break-spaces;

        display: block;

    }

    .ani .mast__text span, .ani .mast__text2 span {

        animation: letter-glow 0.2s 0s ease both;

    }



    @keyframes letter-glow {

        0% {

            opacity: 0;

            text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);

        }

        66% {

            opacity: 1;

            text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);

        }

        77% {

            opacity: 1;

        }

        100% {

            opacity: 1;

            text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.0);

        }

    }

    

	.slider-center .slick-active { 

	  padding: 0; 

	  margin: 60px 0;

	}



	.slider-center .slick-center { 

	  transform: scale(1.1);

	  z-index: 9;

	}



	.slider-center .slick-slide:not(.slick-active) { 

	  margin: 60px 0; 

	  opacity: 0.65;

      filter: blur(2px);

	}



	.slider-center .child { 

	  width:100%; 

	}



	.slider-center .slide:not(.slick-active) { 

	  cursor: pointer; 

	}

	.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%);



	}

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

	}



	.list-service .item a::before {

	    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

	    content: "";

	    display: block;

	    height: 100%;

	    left: -75%;

	    position: absolute;

	    top: 0;

	    transform: skewX(-25deg);

	    width: 50%;

	    z-index: 1;

	}

	.list-service .item:hover a::before {

	    animation: new_shine 1s;

	}



	.list-service .item a img {

	    transition: all 300ms ease-in-out;

	}

	.list-service .item:hover a img {

	    transition: all 300ms ease-in-out;

	    transform: scale(1.1);

	}

	.list-service .item:hover h4{

	    color: #E8C981;

	}

	@media(max-width:767px){



		.sp-dots{

			width: 90%;

			max-width: 90%;

			bottom: 12%;

		}

		.slider-dots {

			width: 100%;

			max-width: 100%;

		}

		.slider-center .slick-active { 

		  margin: 30px 0;

		}

		.slider-dots li{

			width: calc(25% - 2px);

		}



		

		.slider-center .slick-slide:not(.slick-active) { 

		  margin: 30px 0; 

		

		}

	}