/* Style Button Chung */
/* .main-slide {
   position: relative;
 }
.main-slide .main-button,
.main-slide .main-button > * {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
}
.main-slide .main-button > * {
   color: #ccc;
   font-size: 40px;
}
.main-slide .main-button > .swiper-button-disabled {
   opacity: 0.5;
}
.main-slide .main-button > * {
   margin-right: 10px;
   margin-left: 10px;
   margin-top: 30px;
}
@media screen and (min-width: 1024px) {
   .main-slide .main-button > * {
      font-size: 50px;
   }
}
@media screen and (min-width: 1024px) {
   .main-slide .main-button > * {
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 11;
   }
   .main-slide .main-button > * {
      margin: 0;
   }
   .main-slide .main-button > * {
      font-size: 60px;
   }
}
@media screen and (min-width: 1280px) {
   .main-slide .main-button > * {
      font-size: 80px;
   }
} */
/* Style Button Chung */

/************* Album Swiper Slide *************/
/* .album-swiper-slide .img-scale {
   background-color: #000;
   padding-top: 65%;
}
@media screen and (min-width: 1280px) {
   .album-swiper-slide .img-scale {
      padding-top: 56.25%;
   }
}
.album-swiper-slide .swiper-slide-next .img-scale img,
.album-swiper-slide .swiper-slide-prev .img-scale img {
   opacity: 0.4;
}
.album-swiper-slide .swiper-slide-prev .image-caption,
.album-swiper-slide .swiper-slide-next .image-caption {
   display: none;
}
.album-swiper-slide .swiper-slide {
   position: relative;
}
.album-swiper-slide .main-button > * {
   color: var(--main-color);
}
@media screen and (min-width: 1024px) {
   .album-swiper-slide .main-button > * {
      color: #ccc;
   }
   .album-swiper-slide .main-button .button-prev {
      left: 10%;
   }
   .album-swiper-slide .main-button .button-next {
      right: 10%;
   }
} */
/************* Album Swiper Slide *************/
/* Item Swipper */
/* @media screen and (min-width: 1024px) {
   .item-swiper-slide .main-button .button-prev {
      left: -40px;
    }
    .item-swiper-slide .main-button .button-next {
      right: -40px;
    }
} */
/* @media screen and (min-width: 1280px) {
   .item-swiper-slide .main-slide .swiper-container {
      overflow: visible;
   }
   .item-swiper-slide {
        overflow: hidden;
   }
   .main-slide .main-button > * {
      font-size: 60px;
   }
   .item-swiper-slide .main-button .button-prev {
      left: -40px;
   }
   .item-swiper-slide .main-button .button-next {
      right: -40px;
   } 
} */
/* @media screen and (min-width: 1400px) {
   .main-slide .main-button > * {
      font-size: 80px;
   }
   .item-swiper-slide .main-button .button-prev {
      left: -50px;
   }
   .item-swiper-slide .main-button .button-next {
      right: -50px;
   } 
} */
/* @media screen and (min-width: 1550px) {
   .item-swiper-slide .main-button > * {
      position: absolute;
      z-index: 11;
      margin: 0;
   }
   .item-swiper-slide .main-button .button-prev {
      -webkit-transform: none;
      -ms-transform: none;
      top: 0;
      left: -120px;
      transform: none;
   }
   .item-swiper-slide .main-button .button-next {
      -webkit-transform: none;
      -ms-transform: none;
      top: 0;
      right: auto;
      left: -60px;
      transform: none;
   }
}
 */




/* Item Swipper */


.main-slide {
   position: relative;
}

.main-button-hb {
   position: absolute;
   top: 50%;
   z-index: 10;
   width: 100%;
}
.main-button-hb,
.main-button-hb > * {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
}
.main-button-hb .button-prev,
.main-button-hb .button-next {
   position: absolute;
}

.swiper-btn-wrap {
   position: relative;
   padding: 0px 5px;
}
.swiper-btn-wrap:after {
   content:'';
   background-color: #000;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0.5;
}
.swiper-btn-wrap i {
   position: relative;
   z-index: 1;
   /* padding: 7px 15px 6px; */
}
.home-page-banner .swiper-btn-wrap:after {
   opacity: 0.5;
}
.main-button-hb > .swiper-button-disabled {
   opacity: 0.25;
   cursor: default;
   /* display: none; */
   /* background-color: #ff0000; */
}
.main-button-hb .button-prev {
   left: 0;
}
.main-button-hb .button-next {
   right: 0;
}
.main-slide .equipment-image-item.main-button-hb > * {
   font-size: 40px;
}
.main-slide .main-button-hb > * {
   color: var(--white-color);
   font-size: 40px;
}
@media screen and (min-width: 1024px) {
   .main-slide .main-button-hb > * {
      font-size: 60px;
   }
   .main-slide .main-button-hb.equipment-image-item > * {
      font-size: 50px;
   }
}
@media screen and (min-width: 1280px) {
   .main-slide .main-button-hb > * {
      font-size: 70px;
   }
}
/* @media screen and (min-width: 1280px) {
   .main-slide .main-button-hb > * {
      font-size: 70px;
   }
} */
/************* Album Swiper Slide *************/
.album-detail-swiper-main .img-scale {
   background-color: #000;
   /* padding-top: 65%; */
}
.album-swiper-slide .img-scale {
   background-color: #000;
   /* padding-top: 65%; */
}
/* @media screen and (min-width: 1280px) {
   .album-swiper-slide .img-scale {
      padding-top: 56.25%;
   }
} */
/* .album-detail-swiper-main .img-scale,
.album-detail-swiper-thumb .img-scale {
   padding-top: 56.25%;
} */
/* .album-swiper-slide .img-scale,
.album-detail-swiper-main .img-scale {
   border-left: 1px solid var(--white-color);
   border-right: 1px solid var(--white-color);
} */
.album-swiper-slide .swiper-slide-next .img-scale img,
.album-swiper-slide .swiper-slide-prev .img-scale img {
   opacity: 0.2;
}
.album-detail-swiper-main .swiper-slide-next .img-scale img,
.album-detail-swiper-main .swiper-slide-prev .img-scale img {
   opacity: 0.2;
}
.album-swiper-slide .swiper-slide-prev .image-caption,
.album-swiper-slide .swiper-slide-next .image-caption {
   display: none;
}
.album-detail-swiper-main .swiper-slide-prev .image-caption,
.album-detail-swiper-main .swiper-slide-next .image-caption {
   display: none;
}
.album-swiper-slide .swiper-slide {
   position: relative;
}
.album-detail-swiper-main {
   margin-bottom: 1px;
}
.swiper-slide-thumb-active .img-scale {
   background-color: #000;
}
.swiper-slide-thumb-active .img-scale img {
   opacity: 0.4;
}
/* .swiper-slide.swiper-slide-active {
   overflow: hidden;
} */
/* .album-swiper-slide .main-button > * {
   color: var(--main-color);
} */
/* @media screen and (min-width: 1024px) {
   .album-swiper-slide .main-button > * {
      color: #ccc;
   }
   .album-swiper-slide .main-button .button-prev {
      left: 10%;
   }
   .album-swiper-slide .main-button .button-next {
      right: 10%;
   }
} */
.swiper-pagination {
   bottom: 25px !important;
   /* left: 0 !important; */
}
.home-projects-section .swiper-pagination {
   bottom: -150px !important;
   /* left: 0 !important; */
}
@media screen and (min-width: 1440px) {
   .home-projects-section .swiper-pagination {
      bottom: 15px !important;
      /* left: 0 !important; */
   }
}
.swiper-pagination-bullet {
   width: 25px !important;
   height: 5px !important;
   border-radius: 2px !important;
   opacity: 0.25 !important;
   background-color: #fff !important;
}
.swiper-pagination-bullet-active {
   background-color: var(--white-color) !important;
   opacity: 1 !important;
}
/************* Album Swiper Slide *************/

.home-banner .swiper-slide {
   height: auto;
}