/*font-family: "Archivo Black", sans-serif;*/
/*font-family: "Poppins", sans-serif;*/

#main_index {
    padding-bottom: 0!important;
    overflow: hidden;
}

body {
    font-family: "Poppins", sans-serif;
}

.topspace {
    /*padding: 1rem;*/
    /*background-color: #000;*/
}

.np_language_btn {
    /*right: 8rem;*/
}

.np_language_btn .dropdown_btn {
    /*background-color: #6cba61;*/
    /*padding: 8.1px 50px;*/
    /*box-shadow: unset;*/
    /*border-radius: 0;*/
    /*clip-path: polygon(10% 0%, 100% 0%, 87% 100%, 0% 100%);*/
}

.np_language_btn .dropdown_btn a {
    /*color: #fff;*/
}

.np_language_btn .dropdown_btn span {
    /*color: #fff;*/
}

@media (max-width: 991.5px) {
    .np_language_btn {
        /*right: 3.5rem;*/
    }
    
    .np_language_btn .dropdown_btn {
        /*padding: 5px 30px;*/
        /*box-shadow: unset;*/
    }

}

/*Search Bar Search*/
.hp_search_icon{
    /*width:30px;*/
/*    width: 1.5vw;*/
/*    filter:brightness(0) invert(0);*/
}
/*#main_index .navbar_type8 .hp_search_icon{*/
/*    filter:brightness(0) invert(0);    */
/*}*/
/*.boxSearch {*/
/*    display: none; */
/*    position: absolute;*/
/*    top: 60px;*/
/*    right: 9%;*/
/*}*/
/*.nav_search .search_button {*/
/*    background-color: transparent;*/
/*    color: #000;*/
/*    box-shadow: none;*/
/*    border: none;*/
/*    border-radius: 0;*/
/*    padding: 0 15px;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    right: 0;*/
/*    height: 100%;*/
/*}*/
/*.nav_search input {*/
/*    background: #f0f2f5;*/
/*    width: 300px;*/
/*    height: 45px;*/
/*    border: 0;*/
/*    box-shadow: none;*/
/*    padding: 0px 50px 0px 25px;*/
/*    border-radius: 0;*/
/*    max-height: 45px;*/
/*}*/
/*.nav_search {*/
/*    flex-grow: 1;*/
/*    display: flex;*/
/*    position: relative;*/
/*    max-width: 300px;*/
/*    align-self: center;*/
/*    border: 1px solid #e0dede;*/
/*    box-shadow: 0 0 7px rgb(191 191 191/65%);*/
/*}*/


/*.btnClose{*/
/*    display: none;*/

/*}*/
/*#closeIcon{*/
/*    display: none;*/
/*}*/
/* .searchWrapper img{*/
/*     font-size: 20px;*/
/*    color: #c7996d;*/
/*    margin-left: 25px;*/
/*}*/
/*.searchBar{*/
/*    width: 100%;*/
/*    margin: 0 auto;*/
/*}*/
/*.searchBar input{*/
/*    width: 100%;*/
/*    font-size: 1rem;*/
/*    border: 0;*/
/*    background: 0 0;*/
/*    box-shadow: none;*/
/*    padding-left: 1.75rem;*/
/*    padding-right: 0.75rem!important;*/
/*    position: relative;*/
/*}*/
/*.row_searchBarWrapper{*/
/*    width: 100%;*/
/*    z-index: 99999;*/
/*    position: relative;*/
/*    height: 120px;*/
/*    left: 0;*/
/*    top: 0;*/
/*    background: #fff;*/
/*}*/

/*.btnSearch{*/
/*    cursor: pointer;*/
/*    color:#000;*/
/*    font-family: "Alice";*/
/*    font-size: 1vw;*/
/*    padding: 15px 1vw;*/
/*    padding: 15px 0vw;*/
/*    font-weight: 400;*/
/*    color: #444;*/
/*}*/
/*.searchBar{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    height: 100%;*/
/*}*/
/*.searchBar form {*/
/*    width: 100%;*/
/*    display: block;*/
/*    padding: 0.6rem 1rem;*/
/*    position: relative;*/
/*    font-size: .75rem;*/
/*    font-weight: 500;*/
/*    line-height: 1.7;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    color: #60697b;*/
/*    background-color: #fefefe;*/
/*    background-clip: padding-box;*/
/*    -webkit-appearance: none;*/
/*    -moz-appearance: none;*/
/*    appearance: none;*/
/*    border-radius: 0.4rem;*/
/*    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
/*}*/
/*.searchBar i{*/
/*    font-size: 1.2rem;*/
/*}*/
/*button:focus {*/
/*    outline: unset;*/
/*}*/
/*.searchBar button {*/
/*    font-size: 1.05rem;*/
/*    width: 2rem;*/
/*    height: 2rem;*/
/*    line-height: 1.8rem;*/
/*    border-radius: 50%;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border: unset;*/
/*    box-shadow: none;*/
/*    transition: background .2s ease-in-out;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
/*.searchBarWrapper{*/
/*    position: fixed;*/
/*    width: 100%;*/
/*    z-index: 9999;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 100%;*/
/*    background: rgba(0,0,0,0.5);*/
/*    display: none;*/
/*}*/
/*.hp_topspace_sticky-menu{*/
/*    filter:brightness(0) invert(0)!important;*/
/*}*/
.navbar_type8 .nav_tab .search::before{
    display:none;
}
    
    
/*navigation bar*/
.navbar_type8 {
    height: 120px;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    transition: all 0.25s ease-in-out;
    padding: 0 8%;
}

#main_index .navbar_type8 {
    border-bottom: none;
}

.dark_nav {
    height: 80px;
    background-color: rgb(255,255,255,0.9) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.navbar_type8 .logo {
    margin-left: 0;
    flex: 0 1 20%;
}

.navbar_type8 .nav_tab {
    padding-right: 0;
    flex: 0 1 80%;
    gap: .7vw;
}

.navbar_type8 .nav_tab .nav_item {
    text-transform: unset;
    padding: 7px 0;
}

.navbar_type8 .logo img {
    width: 100%;
    padding: 10px 0;
    object-position: left;
    transition: all 0.25s ease-in-out;
}

.navbar_type8.dark_nav .logo img {
    padding: 5px 0;
}

.navbar_type8 .nav_tab .nav_item a {
    color: #000;
    font-size: 1.1vw;
    padding: 8px .7vw;
    transition: all 0.35s ease-in-out;
}

.navbar_type8 .nav_tab .login a,
.navbar_type8 .nav_tab .shopping a {
    padding: 8px .3vw;
}

.navbar_type8 .nav_tab .nav_item:hover a {
    color: #fddd58;
}


.navbar_type8 .nav_tab .nav_item::before {
    display: none;
}


.navbar_type8 .nav_tab .nav_item:last-child::before {
    /*width: 100%;*/
}

.navbar_type8 .nav_tab .nav_item:hover::before {
    /*width: 100%;*/
}

/* 6th nav button base */
.navbar_type8 .nav_tab .nav_item:nth-child(7) a {
    /*background-color: #fddd58;*/
    /*border-radius: 30px;*/
    /*color: #000;*/
    /*display: inline-flex;*/
    /*align-items: center;*/
    /*gap: 2vw;*/
    /*padding-left: 1.6vw;*/
}

/* icon after text */
.navbar_type8 .nav_tab .nav_item:nth-child(7) a::after {
    /*content: "";*/
    /*width: 25px;*/
    /*height: 25px;*/
    /*background-image: url("https://cdn1.npcdn.net/images/A_BUTTON_3_v5o76k_1767318629.png?md5id=3cc4f07c92a240dd56dcdebf58161f58&new_width=1000&new_height=1000&type=4");*/
    /*background-size: contain;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
}

.navbar_type8 .nav_tab .nav_item:hover:nth-child(7) a {
    /*color: #fff;*/
    /*background-color: #6cba61;*/
}


.navbar_type8 .nav_tab .nav_item:nth-child(7) a::after {
    /*transition: transform 0.25s ease;*/
}

.navbar_type8 .nav_tab .nav_item:nth-child(7):hover a::after {
    /*transform: translateX(4px);*/
}



/**/


.navbar_ecommerceDropdown .nav_search {
    flex-grow: 0;
    align-items: center;
    
}

.navbar_ecommerceDropdown .nav_logo img {
    max-height: 90px;
}

.nav_bottom .menu .nav_item .dropdown a {
    font-size: 1vw;
    padding: 10px 2vw;
    font-weight: 300;
}

.nav_bottom .menu .nav_item:hover .dropdown .title {
    background-color: #000;
}


.navbar_ecommerceDropdown .e_commerce .login {
    filter: unset;
}

.navbar_ecommerceDropdown .e_commerce .login a {
    color: #000;
}

.navbar_ecommerceDropdown .e_commerce .faicon i {
    filter: unset;
    color: #000;
}


@media (max-width: 1200.5px) {

}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    
}




/*custom drop down*/

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#fff;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu{
    top:25px;
}
.navbar_type8 .nav  _tab .dropdown .dropdown-menu {
    top: 20px;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item:first-child {
    padding-top: 0.25rem;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item:last-child {
    padding-bottom: 0.25rem;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item>span {
    padding-top: 0!important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item {
    display: flex; 
    flex-direction: column; 
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img {
    position: absolute;
    border-top: 0;
    top: 20px!important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel.p-3 {
    padding: 0!important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel a {
     flex: 0 1 100%;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item {
    height: auto;
    text-align: left;
    padding: 0;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .img_frame {
    display: none;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .text {
    color:#fff;
    text-align: left;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .text {
    max-width: 350px;
}


/*setting*/

.hp-title {
    font-size: 2.8vw;
    font-weight: 800;
    position: relative;
    color: #000;
    z-index: 1; /* keep text above */
    font-family: "Archivo Black", sans-serif;
}

.hp-title::before {
    /*content: "";*/
    /*position: absolute;*/
    /*left: -3%;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/

    /*width: 60px;*/
    /*height: 60px;*/

    /*background-image: url("https://cdn1.npcdn.net/images/ELEMENT_gju5nm_1767325557.png?md5id=3cc4f07c92a240dd56dcdebf58161f58&type=4");*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: contain;*/

    /*z-index: -1; */
    /*pointer-events: none;*/
}

.white-wording {
    color: #fff!important;
}

.white-wording::before {
    display: none;
}

.hp-content {
    font-size: 1.2vw;
    color: #4d4d4d;
    line-height: 1.9;
    padding-bottom: 1rem;
    font-style: italic;
    font-weight: 600;
}

.hp-button {
    background-color: #6cba61;
    color: #fff;
    padding: 8px .6vw 8px 1.2vw; /* extra right space for arrow */
    border-radius: 500px;
    font-size: 1vw;
    display: inline-flex;
    align-items: center;
    gap: 55px;
    text-decoration: none;
    transition: ease .5s;
}

.hp-button:hover {
    background-color: #fddd58;
    color: #000;
    text-decoration: none;
}

.hp-button::after {
    content: "";
    width: 25px;          /* arrow size */
    height: 25px;
    background-image: url("https://cdn1.npcdn.net/images/A_BUTTON_3_v5o76k_1767318629.png?md5id=3cc4f07c92a240dd56dcdebf58161f58&new_width=1000&new_height=1000&type=4");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.hp-button::after {
    transition: transform 0.25s ease;
}

.hp-button:hover::after {
    transform: translateX(4px);
}



@media (max-width: 1200.5px) {
    
    .hp-title {
        font-size: 3.1vw;
    }
    
    .hp-button {
        font-size: 1.3vw;
    }
    
    .hp-content {
        font-size: 1.5vw;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    
    .hp-title {
        font-size: 30px;
    }
    
    .hp-button {
        font-size: 14px;
        padding: 7px 2vw 8px 3.2vw;
    }
    
    .hp-content {
        font-size: 16px;
    }
}


/*banner*/


.hp-banner-big-new {
    text-align: center;
    color: #fff;
    font-weight: 900;
    font-size: 2.5vw;
    background-color: rgba(0, 0, 0, .6);
    padding: .5rem 2rem;
    width: fit-content;
    margin: 0 auto;
}

.hp-banner-content-new {
    font-size: 1.2vw;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    font-weight: 700;
    padding: .5rem 1rem;
    margin-top: 2rem;
    text-align: center;
}

.slider_banner .banner_content {
     overflow: hidden;
}

.slider_banner .banner_content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hp-banner {
    padding-left: 10vw;
    padding-bottom: 6vw;
}

.hp-banner-big {
    color: #fff;
    font-weight: 400;
    font-size: 2.4vw;
    margin-bottom: 1.5rem;
    padding-right: 55vw;
}

.slider_banner {
    margin-bottom: 0 !important;
}

.slider_banner .slick-dots {
  position: absolute;
  bottom: 5vw;
}

.slider_banner .slick-dots li button::before {
  color: transparent;
  font-size: 0;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 500px;
  background-color: #fff;
  opacity: 1;
  padding: 0;
  
  transition: 0.2s ease;
}

.slider_banner .slick-dots li button {
    width: 10px;
  height: 10px;
  padding: 0;
  transition: 0.2s ease;
}

.slider_banner .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 10px;
  transition: 0.2s ease;
}

.slider_banner .slick-dots li.slick-active button::before {
    background: linear-gradient(to bottom, #ccc, #ccc);
    opacity: 1;
    width: 10px;
}

.slider_banner .slick-dots li:hover button::before {
    background: linear-gradient(to bottom, #ccc, #ccc);
}

.slider_banner .slick-dots li.slick-active button,
.slider_banner .slick-dots li.slick-active {
    width: 10px;
}


.slider_banner .slick-arrow {
    z-index: 1;
}

.slick-next, .slick-prev {
    width: 75px;
    height: 75px;
}

.slider_banner .slick-next {
    right: 40px;
}

.slider_banne .slick-prev {
    left: 40px;
}

.slider_banner .slick-prev::before {
    background-image: url('https://cdn1.npcdn.net/images/A_BUTTON_1_1h93c8_1767318629.png?md5id=3cc4f07c92a240dd56dcdebf58161f58&type=4');
    width: 75px;
    height: 75px;
}

html:lang(zh-Hans) .slider_banner .slick-prev::before {
    background-image: url('https://cdn1.npcdn.net/images/A_BUTTON_1_f6rezu_1770286928.png?md5id=3cc4f07c92a240dd56dcdebf58161f58&type=4');
}

.slider_banner .slick-next::before {
    background-image: url('https://cdn1.npcdn.net/images/A_BUTTON_2_uxnfbd_1767318629.png?md5id=3cc4f07c92a240dd56dcdebf58161f58&type=4');
    width: 75px;
    height: 75px;
}

html:lang(zh-Hans) .slider_banner .slick-next::before {
    background-image: url('https://cdn1.npcdn.net/images/A_BUTTON_2_iyd7s9_1770286928.png?md5id=3cc4f07c92a240dd56dcdebf58161f58&type=4');
}

/*.hp_banner_scroll {*/
/*    position: absolute;*/
/*    bottom: -50px;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/

/*.hp_scroll {*/
/*    background-color: transparent;*/
/*    border: none;*/
/*    width: 10px!important;*/
/*    height: 10px!important;*/
/*}*/


@media (max-width: 1200.5px) {
    .hp-banner-big {
        font-size: 2.7vw;
    }
    
    .slider_banner .slick-next {
        right: 10px;
    }
    
    .slider_banner .slick-prev {
        left: 10px;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    
    .slider_banner .banner_content {
        /*align-items: unset;*/
        padding: 1rem;
    }
    
    .index_wrapper_2 {
        /*background-color: #000;*/
    }
    
    .index_wrapper_2 .item>img{
    	/*min-height: 140vw !important;*/
        /*object-fit: cover;*/
        /*padding-top: 260px;*/
        /*object-position: -14rem 0;*/
    }
    
    .index_wrapper_2 .item>img{
    	min-height:80vw!important;
    	object-fit:cover;
    }
    
    .hp-banner {
        padding: 2rem;
    }
    
    .hp-banner-big {
        font-size: 30px;
        padding-right: 0;
    }
    
    
    .hp-banner-big-new {
        font-size: 25px;
    }
    
    .hp-banner-content-new {
        font-size: 14px;
    }
}



/**/

.hp-explore {
    padding: 5rem 6rem;
}

.hp-explore-box {
    height: 50vh;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 2rem;
    transition: ease .5s;
}

.hp-explore-box:hover {
    transform: scale(1.05);
}

.hp-explore-box.box-one {
    background-image: url('https://cdn1.npcdn.net/images/B_PIC1_5g3esa_1777972661.jpg?md5id=3cc4f07c92a240dd56dcdebf58161f58&new_width=1000&new_height=1000&type=4');
}

.hp-explore-box.box-two {
    background-image: url('https://cdn1.npcdn.net/images/B_PIC2_tqnl1a_1777972661.jpg?md5id=3cc4f07c92a240dd56dcdebf58161f58&new_width=1000&new_height=1000&type=4');
}

.hp-explore-box.box-three {
    background-image: url('https://cdn1.npcdn.net/images/B_PIC3_7cit13_1777972661.jpg?md5id=3cc4f07c92a240dd56dcdebf58161f58&new_width=1000&new_height=1000&type=4');
}

.hp-explore-box.box-four {
    background-image: url('https://cdn1.npcdn.net/images/B_PIC4_xipqkj_1777972661.jpg?md5id=3cc4f07c92a240dd56dcdebf58161f58&new_width=1000&new_height=1000&type=4');
}

.hp-explore-title {
    font-size: 30px;
    color: #fff;
    font-weight: 900;
    text-align: center;
}


@media (max-width: 1200.5px) {
    .hp-explore {
        padding: 5rem 1rem;
    }
    
    .hp-explore-title {
        font-size: 20px;
    }
}

@media (max-width: 991.5px) {
    
    .hp-explore {
        padding: 5rem 1rem 3rem;
    }
    
    .hp-explore-box {
        margin-bottom: 2rem;
    }
}

@media (max-width: 767.5px) {
    
}




/**/


.hp-featured {
    padding: 0 6rem 5rem;
}

.hp-featured-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 2rem;
}

.hp-featured-box {
    height: 50vh;
    background-color: #000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 1rem;
    transition: ease .5s;
}

.hp-featured-box:hover {
    transform: scale(1.05);
}

.hp-featured-box.box-one {
    background-image: url('https://cdn1.npcdn.net/images/C_PIC1_lm8zaw_1777973746.jpg?md5id=3cc4f07c92a240dd56dcdebf58161f58&new_width=1000&new_height=1000&type=4');
}

.hp-featured-box.box-two {
    background-image: url('https://cdn1.npcdn.net/images/C_PIC2_9f7o0z_1777973746.jpg?md5id=3cc4f07c92a240dd56dcdebf58161f58&new_width=1000&new_height=1000&type=4');
    
}

.hp-featured-box.box-three {
    background-image: url('https://cdn1.npcdn.net/images/C_PIC3_ikg6yo_1777973746.jpg?md5id=3cc4f07c92a240dd56dcdebf58161f58&new_width=1000&new_height=1000&type=4');
    
}

.hp-featured-box.box-four {
    background-image: url('https://cdn1.npcdn.net/images/C_PIC4_vegha5_1777973746.jpg?md5id=3cc4f07c92a240dd56dcdebf58161f58&new_width=1000&new_height=1000&type=4');
    
}

.hp-featured-box.box-five {
    background-image: url('https://cdn1.npcdn.net/images/C_PIC5_u9fl53_1777973746.jpg?md5id=3cc4f07c92a240dd56dcdebf58161f58&new_width=1000&new_height=1000&type=4');
    
}

.hp-featured-title {
    font-size: 23px;
    color: #fff;
    font-weight: 900;
    text-align: center;
    background-color: rgba(0, 0, 0, .8);
    width: 100%;
    padding: 1rem .5rem;
}


@media (max-width: 1200.5px) {
    .hp-featured {
        padding: 0 1rem 5rem;
    }
    
    .hp-featured-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
    
    .hp-featured-title {
        font-size: 20px;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    .hp-featured-wrapper {
        grid-template-columns: 1fr;
    }
}




/*scroll*/

.hp-banner-scroll {
    text-align: center;
    margin: -2vw 8vw 0;
    background-color: #fff;
}

.scroll-button {
    width: 7%;
    margin: -1rem auto 0;
    background-color: #fff;
    border-radius: 500px;
    padding: .6rem;
}

@media (max-width: 1200.5px) {
    
    .hp-banner-scroll {
        margin: -2vw 2vw 0;
    }
    
    .scroll-button {
        width: 9%
    }
    
    .slider_banner .slick-prev::before {
        width: 45px;
        height: 45px;
    }
    
    .slider_banner .slick-next::before {
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    .scroll-button {
        width: 20%;
    }
}


/*hp-product*/

.hp-product {
    padding: 8vw 8vw 2vw;
}

#main_index .product_cat-11 {
    padding: 0 8vw 0;
}

#main_index .product_cat-11 .hp_product_cat_slider .item a {
    background-color: #f4f4f4;
    color: #000;
}


#main_index .product_cat-11 .hp_product_cat_slider .card {
    box-shadow: none;
    overflow: hidden;
}

#main_index .product_cat-11 .hp_product_cat_slider .item a .wrapper_btn .view_btn {
    display: none;
}

#main_index .product_cat-11 .hp_product_cat_slider .item::after {
    display: none;
}

#main_index .product_cat-11 .hp_product_cat_slider .item .wrapper_brand:hover img {
    transform: unset;
    width: 100%;
    height: 100%;
}

#main_index .product_cat-11 .hp_product_cat_slider .item a .wrapper_title .category_title {
    margin: 0rem;
    font-size: 1.4vw;
    font-weight: 400;
}

#main_index .product_cat-11 .hp_product_cat_slider .item a .wrapper_title {
    text-align: left;
    width: 100%;
    padding: 1vw 1vw 3vw;
    position: relative;
}

#main_index .product_cat-11 .hp_product_cat_slider .item a .wrapper_title::before {
    position: absolute;
    right: 0%;
    bottom: 0%;
    width: 4.2vw;
    height: 4.2vw;
    pointer-events: none;
    background-color: #6cba61;
    clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
    COLOR: #fff;
    display: flex;
    font-size: 14px;
    line-height: 2;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f054";
    justify-content: flex-end;
    align-items: flex-end;
    padding: .7vw;
    
}

#main_index .product_cat-11 .hp_product_cat_slider .item:hover a .wrapper_title::before {
    background-color: #fddd58 ;
    COLOR: #000;
    
}

#main_index .product_cat-11 .hp_product_cat_slider .item .wrapper_brand .cat_img {
    display: none;
}



@media (max-width: 1200.5px) {
    .hp-product {
        padding: 8vw 2vw 2vw;
    }
    
    #main_index .product_cat-11 {
        padding: 0 2vw 0;
    }
    
    #main_index .product_cat-11 .hp_product_cat_slider .item a .wrapper_title .category_title {
        font-size: 1.7vw;
    }
    
    #main_index .product_cat-11 .hp_product_cat_slider .item a .wrapper_title::before {
        width: 6.2vw;
        height: 6.2vw;
        font-size: 18px;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    .hp-product {
        padding: 5rem 2vw 2rem;
    }
    
    #main_index .product_cat-11 .hp_product_cat_slider .item a .wrapper_title .category_title {
        font-size: 18px;
    }
     #main_index .product_cat-11 .hp_product_cat_slider .item a .wrapper_title::before {
        width: 10.2vw;
        height: 10.2vw;
        font-size: 15px;
     }
}


/*about*/

.hp-about {
    padding: 8vw 8vw;
    background-image: url('https://cdn1.npcdn.net/images/C_BG_2_ezykug_1767337581.jpg?md5id=3cc4f07c92a240dd56dcdebf58161f58&new_width=1600&new_height=700&type=4');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}



@media (max-width: 1200.5px) {
    .hp-about {
        padding: 8vw 2vw;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    .hp-about {
        padding: 5rem 2vw;
    }
    
    .hp-about-right {
        padding-top: 2rem;
    }
}


/*.hp-impact*/

.hp-impact-bg {
    padding: 0 8vw;
    background: linear-gradient(to bottom, #fff 65%, #eee 65%);
    position: relative;
    /*z-index: -1;*/
}

.hp-impact {
    background: linear-gradient(to bottom, #2a2a2c 20%, #555459 20%, #35343a 100%);
    padding: 0 5vw 3vw;
    z-index: 1;
    position: relative;
}

.hp-photo::before {
    content: "";
    height: 25vw;
    width: 25vw;
    position: absolute;
    bottom: -20%;
    right: -10%;
    transform: translate(0, -50%);
    border-radius: 50%;
    background-color: #6cba61;
    filter: blur(50px);
    opacity: .15;
    z-index: -0;
}

.hp-impact-pic {
    width: 60%;
    margin: 0 auto;
    padding-top: 5vw;
    position: relative;
    z-index: 1;
}

/* background running text */
.hp-impact-pic::before {
    content: "power solutions power solutions power solutions";
    position: absolute;
    top: 27%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-size: 13vw;
    font-weight: 600;
    /*letter-spacing: 0.3em;*/
    /*text-transform: uppercase;*/
    white-space: nowrap;

    color: #fff; /* subtle behind text */
    
    z-index: -1;             /* behind image */
    pointer-events: none;
    
    animation: slideText 10s linear infinite alternate;
}

html:lang(zh-Hans) .hp-impact-pic::before {
    content: "电力解决方案 电力解决方案 电力解决方案";
    top: 30%;
    font-size: 9vw;
    animation: slideText 20s linear infinite alternate;
}


@keyframes slideText {
    from { transform: translate(-45%, -50%); }
    to   { transform: translate(-55%, -50%); }
}


.hp-impact-content {
    padding-top: 4vw;
}

.hp-impact-box {
    margin-bottom: 2rem;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, .5));
}

.impact-box-two {
    margin-top: -15vw;
}

.hp-impact-box img {
    border-radius: 10px;
}

@media (max-width: 1200.5px) {
    .hp-impact-bg {
        padding: 0 5vw;
    }
    .hp-impact {
        background: linear-gradient(to bottom, #2a2a2c 20%, #555459 20%, #35343a 100%);
        padding: 0 2vw 3vw;
    }
    
    .hp-photo::before {
        top: 27%;
        left: 50%;
        transform: translate(-50%, -50%);
    
        font-size: 16vw;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    .hp-impact-bg {
        padding: 0 5vw;
    }
    
    .hp-impact-pic {
        width: 100%;
        padding-top: 5rem;
    }
    
    .hp-impact {
        background: linear-gradient(to bottom, #2a2a2c 15%, #555459 15%, #35343a);
        padding: 0 2vw 3vw;
    }
    
    .hp-impact-content {
        padding: 4vw 0;
    }
    
    .hp-impact-pic::before {
        top: 27%;
        left: 50%;
        transform: translate(-50%, -50%);
    
        font-size: 16vw;
    }
    
    .impact-box-two {
      margin-top: 0vw;
    }
}



/*hp-photo*/

.hp-photo {
    padding: 8vw 8vw 2vw;
    background-color: #eee;
    position: relative;
}

#main_index .hp_photoGallerySlider_type3 {
  background-color: #eee;
  padding-bottom: 8vw;
} 

#main_index .hp_photoGallerySlider_type3 .photo-gallery3 {
    padding: 0 9vw;
}

#main_index .hp_photoGallerySlider_type3 .photo-gallery3 .outline_box {
    padding: 10px;
}

#main_index .hp_photoGallerySlider_type3 .container {
    max-width: 100%;
}

#main_index .hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box img {
    object-fit: cover;
    padding: 0;
}

#main_index .hp_photoGallerySlider_type3 .photo-gallery3 .slick-prev {
    left: -45px;
}

#main_index .hp_photoGallerySlider_type3 .photo-gallery3 .slick-prev::before {
    background-image: url('https://cdn1.npcdn.net/images/E_BUTTON1_18lkre_1767318630.png?md5id=3cc4f07c92a240dd56dcdebf58161f58&type=4');
    width: 75px;
    height: 75px;
    opacity: 1;
}

html:lang(zh-Hans) #main_index .hp_photoGallerySlider_type3 .photo-gallery3 .slick-prev::before {
    background-image: url('https://cdn1.npcdn.net/images/E_BUTTON1_hj8nzu_1770286928.png?md5id=3cc4f07c92a240dd56dcdebf58161f58&type=4');
}

#main_index .hp_photoGallerySlider_type3 .photo-gallery3 .slick-next {
    right: -45px;
}

#main_index .hp_photoGallerySlider_type3 .photo-gallery3 .slick-next::before {
    background-image: url('https://cdn1.npcdn.net/images/E_BUTTON4_c5e7xn_1767318630.png?md5id=3cc4f07c92a240dd56dcdebf58161f58&type=4');
    filter: none;
    width: 75px;
    height: 75px;
    opacity: 1;
}

html:lang(zh-Hans) #main_index .hp_photoGallerySlider_type3 .photo-gallery3 .slick-next::before {
    background-image: url('https://cdn1.npcdn.net/images/E_BUTTON4_yl2sm6_1770286928.png?md5id=3cc4f07c92a240dd56dcdebf58161f58&type=4');
}


@media (max-width: 1200.5px) {
    .hp-photo {
        padding: 8vw 2vw 2vw;
    }
    
    #main_index .hp_photoGallerySlider_type3 .photo-gallery3 {
      padding: 0 1vw;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    .hp-photo {
        padding: 5rem 2vw 2vw;
    }
    
    #main_index .hp_photoGallerySlider_type3 {
        padding-bottom: 5rem;
    }
}


/*logo*/

.hp-brand {
    padding: 8vw 8vw 3vw;
}

.hp-brand .hp-clientele-container div {
    line-height: 0;
}

.hp-brand .slick-dotted.slick-slider {
    margin-bottom: 100px;
}

/*.hp-clientele-container {*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr 1fr;*/
    /*gap: 2rem;*/
/*}*/

.hp-clientele-logo {
    border: 1px solid #dfdfdf;
    padding: 4vw;
}

/*.hp-awards-container {*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr 1fr;*/
    /*gap: 2rem;*/
/*}*/

.hp-awards-logo {
    border-right: 1px solid #dfdfdf;
    padding: 4vw;
}

.slick-dots li button::before {
    color: #949494;
}

.slick-dots li:hover button::before {
    color: #949494;
}


@media (max-width: 1200.5px) {
    .hp-brand {
        padding: 8vw 2vw 3vw;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    .hp-brand {
        padding: 5rem 2vw 3rem;
    }
    
    .hp-brand .slick-dotted.slick-slider {
        margin: 30px 0 80px;
    }
}



/*news*/

.index_wrapper_9 {
    background-color: #efefef;
    padding: 8vw 8vw 7vw;
}

.hp-news {
    padding-bottom: 2vw;
}

#main_index .hp_latest_new_8 .news_box {
    padding: 0;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

#main_index .hp_latest_new_8 .news_box .justify-content-between {
    padding: 1.5rem;
}

#main_index .hp_latest_new_8 .news_box .date {
    text-align: left!important;
}

#main_index .hp_latest_new_8 .news_box .read_more {
    display: none;
}



@media (max-width: 1200.5px) {
    .index_wrapper_9 {
        padding: 8vw 2vw 7vw;
    }
    
    .hp-news {
        padding-bottom: 2REM;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    .index_wrapper_9 {
        padding: 5REM 2vw;
    }
}




/*footer*/

.footer_type6 .container {
    max-width: 100%;
}

.footer_type6 {
    background-color: #000;
    color: #d2d2d2;
    padding: 5vw 8vw 2vw;
}

.footer_type6 a,
.footer_type6 p {
    font-size: 1.05vw;
    color: #d2d2d2;
}

.footer_type6 .logo {
    min-height: 110px;
}

.footer_type6 .logo img {
    max-height: 100px;
}

.footer_type6 .title h5 {
    font-size: 1.7vw;
    color: #fff;
}

.footer_type6 .input-container {
    background-color: #414141;
}

.footer_type6 .input-container input, .footer_type6 .input-container label {
    padding: 1rem;
}

.footer_type6 .input-container .submit {
    background-color: #e5b900 ;
    padding: 14px;
}

.footer_type6 .line {
    margin: 8rem 0 2rem;
    background-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1200.5px) {
    
    .footer_type6 {
        padding: 5vw 8vw 2vw;
    }
    
    .footer_type6 a,
    .footer_type6 p {
        font-size: 1.35vw;
        color: #d2d2d2;
    }
    
    .footer_type6 .title h5 {
        font-size: 2vw;
        color: #fff;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    
    .footer_type6 {
        padding: 5rem 8vw 2rem;
    }
    
    .footer_type6 a,
    .footer_type6 p {
        font-size: 14px;
        color: #d2d2d2;
    }
    
    .footer_type6 .title h5 {
        font-size: 20px;
        color: #fff;
    }
}



/**/

#main_category #category_2_2 {
    order: 2;
}

#main_category #category_2_3 {
    order: 1;
}

#main_category #category_2_4 {
    display: none;
}

#main_ourproducts #ourproducts_4_1 {
    order: 2;
}

#main_ourproducts #ourproducts_4_2 {
    order: 1;
}

#main_ourproducts #ourproducts_4_3 {
    display: none;
}