@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

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

.index_wrapper_1 {
    height: 0;
}


@media screen and (max-width: 991.5px){
.index_wrapper_1 {
    height: 80px;
}

}



@media screen and (max-width: 767.5px){
.index_wrapper_2 .item>img{
      
    	min-height:70vw!important;
    	object-fit:cover;
}

}


/*Nav*/



.navbar_type8 {
    
    background-color: #ff8f1c;
    
    height: 100px;
    
}



#main_index .navbar_type8 {
    
    background-color: transparent;
    
    height: 120px;
    
}

#main_index .dark_nav {
    
    background-color: #ff8f1c !important;
    
    height: 100px;
    
}

.dark_nav {
    
    background-color: #ff8f1c !important;
    
    height: 100px;
    
}

.navbar_type8 .logo img {
 
    width: 140px;
    height: 100%;
    padding: 10px;
}

#main_index .navbar_type8 .logo img {
 
    width: 140px;
    height: 140%;
    padding: 15px;
}

#main_index .dark_nav .logo img {
 
    width: 140px;
    height: 100%;
    padding: 10px;
}

.navbar_type8 .logo {
    flex: 0 1 15%;
    overflow: visible;
    margin-left: 9%;
}

.navbar_type8 .nav_tab {
    flex: 0 1 85%;
    padding-left: 0;
    padding-right: 4%;
   
}

.navbar_type8 .nav_tab .nav_item a {
    color: white;
    padding: 15px 2vw;
    font-size: 15px;
    transition: 0.3s;
    font-weight: 500;
}

.navbar_type8 .nav_tab .nav_item.login a {
    padding: 15px 10px;
}
.navbar_type8 .nav_tab .nav_item.shopping a {
    padding: 15px 10px;
}

.navbar_type8 .nav_tab .nav_item:hover a {
    color: black;
    font-weight: 600;
 
}

#main_index .navbar_type8 .nav_tab .nav_item:hover a {
    color: lightgrey;
    font-weight: 600;
 
}

.navbar_type8 .nav_tab .nav_item:hover a {
    color: lightgrey;
    font-weight: 600;
 
}

#main_index .dark_nav .nav_tab .nav_item:hover a {
    color: #fff;
    font-weight: 600;
 
}

.dark_nav .nav_tab .nav_item:hover a {
    color: #fff !important;
    font-weight: 600;
 
}

.dark_nav .nav_tab .nav_item:hover a {
    color: black;
    font-weight: 600;
 
}

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

.navbar_mobile {
  
    background-color: #ff8f1c;
  
    color: black;
 
}

.navbar_mobile .btn-outline-light {
    border-color: black;
    color: black;
}

.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle {
    color:  #f8f9fa;
    background-color: #000;
    border-color: #f8f9fa;
}

.navbar_mobile .logo_img {
    
    transform: scale(1.35);
}

@media screen and (max-width: 1200.5px){
.navbar_type8 .nav_tab .nav_item a {
   
    padding: 15px 1.5vw;
    font-size: 14px;
    
}

}



/*Banner*/

.hp_banner {
    padding-top: 22%;
    padding-left: 10%;
}

.hp_banner_title {
    color: white;
    font-size: 1.25vw;
    text-shadow: 2px 2px 4px #555;
    margin-bottom: 1.5%;
}

.hp_banner_desc {
    color: white;
    font-weight: 700;
    text-shadow: 2px 2px 4px #555;
    font-size: 3vw;
    margin-bottom: 2%;
}

.hp_banner_link {
    color: white;
    font-size: 1.25vw;
    font-weight: 500;
    text-shadow: 2px 2px 4px #555;
    transition: 0.3s;
}

.hp_banner_link:hover {
    color: black;
    text-decoration: none;
    text-shadow: unset;
    text-shadow: 2px 2px 4px #888;
}


@media screen and (max-width: 1200.5px){
.hp_banner_title {
  
    font-size: 1.75vw;
  
    margin-bottom: 1.5%;
}

.hp_banner_desc {
 
    font-size: 3.5vw;
    margin-bottom: 2%;
}

.hp_banner_link {
 
    font-size: 1.75vw;
  
}

}


@media screen and (max-width: 767.5px){
.hp_banner_title {
  
    font-size: 4.5vw;
  
    margin-bottom: 4%;
}

.hp_banner_desc {
 
    font-size: 7.5vw;
    margin-bottom: 6%;
}

.hp_banner_link {
 
    font-size: 4.5vw;
  
}

.hp_banner {
    padding-top: 21%;
    padding-left: 3%;
}

}

/*About*/

.hp_about {
    padding: 6% 9% 3%;
}

.hp_about .row {
    align-items: center;
}

.hp_about_title1 {
    color: black;
    font-size: 1.25vw;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.hp_about_title2 {
    color: #ff8f1c;
    font-size: 2vw;
    font-weight: 800;
    margin-bottom: 2.5%;
}

.hp_about_desc {
    color: black;
    font-size: 1.05vw;
    line-height: 1.8;
    font-weight: 400;
}

.hp_about_link {
    color: #ff8f1c;
    font-size: 1.2vw;
    font-weight: 600;
    transition: 0.3s;
}

.hp_about_link:hover {
    color: black;
    text-decoration: none;
}

.hp_about_bbox {
    margin-top: 4%;
    margin-bottom: 6%;
}

.hp_about_tbox {
    position: relative;
    padding-top: 8%;
    margin-top: -9%;
}

.hp_about_tbox:before {
    position: absolute;
    content: "";
    top: 0%;
    left: 0%;
    background-image: url(https://cdn1.npcdn.net/img/1744357984elements.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 7vw;
    height: 2vw;
    animation: wobble-hor-bottom 2s infinite both;
}

.hp_about_box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hp_about_ibox {
    margin-left: 3%;
}

.hp_about_icon {
    width: 4vw;
    transition: 0.3s;
}

.hp_about_icon:hover {
    transform: translateY(-15px);
}

.hp_about_item {
    color: black;
    font-size: 1vw;
    margin-bottom: 0;
}


@media screen and (max-width: 1200.5px){
.hp_about_title1 {
   
    font-size: 1.75vw;
   
    margin-bottom: 0.25rem;
}

.hp_about_title2 {
   
    font-size: 2.5vw;
    
    margin-bottom: 2.5%;
}

.hp_about_box {
  
    gap: 5px;
}

.hp_about_desc {
   
    font-size: 1.55vw;
    
}

.hp_about_tbox {
   
    margin-top: -3%;
}

.hp_about_desc br {
   
    display: none;
}


.hp_about_link {
    
    font-size: 1.7vw;
    
}

.hp_about_icon {
    width: 5vw;
}

.hp_about_item {
   
    font-size: 1.4vw;
    
}

.hp_about {
    padding: 6% 6% 3%;
}

.hp_about_tbox:before {
   
    top: 0%;
    left: 0%;
    
    width: 8vw;
    height: 3vw;
}

}


@media screen and (max-width: 767.5px){
.hp_about_title1 {
   
    font-size: 4vw;
   
    margin-bottom: 0.25rem;
}

.hp_about_title2 {
   
    font-size: 6vw;
    
    margin-bottom: 2.5%;
}

.hp_about_box {
  
    gap: 5px;
}

.hp_about_desc {
   
    font-size: 4vw;
    
}

.hp_about_tbox {
   
    margin-top: 0%;
    padding-top: 10%;
}

.hp_about_ibox {
    margin-left: 0;
    margin-top: 7%;
}

.hp_about_link {
    
    font-size: 4vw;
    
}

.hp_about_icon {
    width: 15vw;
}

.hp_about_item {
   
    font-size: 4vw;
    
}

.hp_about {
    padding: 12% 3%;
}

.hp_about_tbox:before {
   
    top: 0%;
    left: 0%;
    
    width: 21vw;
    height: 6vw;
}

}

/*Products*/

.hp_products {
    padding: 3% 0 3%;
}

.hp_products .container-fluid {
    padding: 0;
}

.hp_products_tbox {
    text-align: center;
    padding-top: 3%;
    margin-bottom: 3%;
    position: relative;
}

.hp_products_tbox:before {
    position: absolute;
    content: "";
    top: 0%;
    left: 0%;
    right: 0;
    margin: 0 auto;
    background-image: url(https://cdn1.npcdn.net/img/1744357984elements.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 7vw;
    height: 2vw;
    animation: wobble-hor-bottom 2s infinite both;
}

.hp_products_title1 {
    color: black;
    font-size: 2vw;
    font-weight: 800;
    
}

.hp_products .col-12.col-md-4 {
    padding: 0 5px;
}

.hp_products_bbox {
    text-align: center;
    margin-top: -2%;
}

.hp_products_link {
    background: #ff8f1c;
    color: white;
    padding: 1vw 4vw;
    border-radius: 30px;
    font-size: 1.25vw;
    font-weight: 500;
    transition: 0.3s;
}

.hp_products_link:hover {
    background: black;
    color: white;
    text-decoration: none;
}

.hp_products_image {
    width: 100%;
}

@media screen and (max-width: 1200.5px){
.hp_products_title1 {
    
    font-size: 2.5vw;
   
    
}

.hp_products_link {
    
    padding: 1.25vw 4.5vw;
    border-radius: 30px;
    font-size: 1.75vw;

}

.hp_products_tbox:before {
   

    width: 8vw;
    height: 3vw;
}

}



@media screen and (max-width: 767.5px){
.hp_products_title1 {
    
    font-size: 6vw;
   
    
}

.hp_products_tbox {

    padding-top: 8%;
    margin-bottom: 6%;
    
}

.hp_products_link {
    
    padding: 3vw 14vw;
    border-radius: 50px;
    font-size: 5vw;

}

.hp_products_bbox {
 
    margin-top: -3%;
}

.hp_products_tbox:before {
   

    width: 21vw;
    height: 6vw;
}

.hp_products {
    padding: 12% 0;
}

.hp_products .col-12.col-md-4 {
    margin-bottom: 9%;
}

}


/*Promotion*/

.hp_promotion_tbox {
    text-align: center;
    padding-top: 3.5%;
    margin-bottom: 3%;
    position: relative;
}

.hp_promotion_tbox:before {
    position: absolute;
    content: "";
    top: 0%;
    left: 0%;
    right: 0;
    margin: 0 auto;
    background-image: url(https://cdn1.npcdn.net/img/1744357984elements.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 7vw;
    height: 2vw;
    animation: wobble-hor-bottom 2s infinite both;
}

.hp_promotion_title {
    color: black;
    font-size: 2vw;
    font-weight: 800;
    
}

.index_wrapper_5 {
    padding: 4% 9% 7%;
}

.productSlider-1 .product_img .product_box .text-left {
    text-align: center !important;
}

.productSlider-1 .slick-track .slick-slide {
    margin: 10px 15px;
 
    border-radius: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 1);
    background-color: white;
}

.productSlider-1 .product_img .product_box .product_img_frame img {
   
    border-radius: 0;
}

.productSlider-1 .product_img .product_box {
    margin: 10px;
    border: 5px solid transparent;
    background-color: white;
}

.productSlider-1 .product_img .product_box h6 {
    color: black;
    font-weight: 400 !important;
}

.productSlider-1 .product_img .product_box a {
    color: black;
}

.productSlider-1 .product_img .product_box p {
    
    color: #ff8f1c;
    font-weight: 700;
    font-size: 17px;
}

.productSlider-1 .slick-next:before, .productSlider-1 .slick-prev:before {
  
    font-size: 25px;
    
    opacity: 1;
    color: rgba(0,0,0,0.3);
    
}

.productSlider-1 .slick-prev::before, .productSlider-1 .slick-next::before {
    text-shadow: unset;
}

.productSlider-1 .slick-prev {
    left: -15px;
    z-index: 10;
}

.productSlider-1 .slick-next {
    right: -15px;
    z-index: 10;
}


@media screen and (max-width: 1200.5px){
.hp_promotion_tbox:before {
   
    width: 8vw;
    height: 3vw;
}

.hp_promotion_title {
  
    font-size: 2.5vw;
  
    
}

}


@media screen and (max-width: 767.5px){
.hp_promotion_tbox:before {
   
    width: 21vw;
    height: 6vw;
}

.hp_promotion_title {
  
    font-size: 7vw;
  
    
}

.productSlider-1 .slick-prev {
    left: -10px;
    z-index: 10;
}

.productSlider-1 .slick-next {
    right: -10px;
    z-index: 10;
}

.index_wrapper_5 {
    padding: 12% 3%;
}

.hp_promotion_tbox {
   
    padding-top: 9%;
    margin-bottom: 3%;

}

}

/*Recommendation*/

.hp_recom {
    padding: 17% 9% 16.25%;
    background-image: url('https://cdn1.npcdn.net/userfiles/26482/image/middle_banner_new.jpg');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.hp_recom_box {
    background: rgba(255, 255, 255, 0.8);
    width: 51.5%;
    margin-left: auto;
    padding: 3.5% 3% 3% 6%;
}

.hp_recom_tbox {
    padding-top: 9%;
    margin-bottom: 2%;
    position: relative;
}

.hp_recom_tbox:before {
    position: absolute;
    content: "";
    top: 0%;
    left: 0%;
    background-image: url(https://cdn1.npcdn.net/img/1744357984elements.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 7vw;
    height: 2vw;
    animation: wobble-hor-bottom 2s infinite both;
}

.hp_recom_title {
    color: black;
    font-size: 2.35vw;
    font-weight: 800;
    
}

.hp_recom_desc {
    color: black;
    font-size: 1vw;
    font-weight: 400;
    line-height: 1.8;
}

.hp_recom_link {
    color: black;
    font-weight: 600;
    font-size: 1vw;
    transition: 0.3s;
}

.hp_recom_link:hover {
    color: #ff8f1c;
    text-decoration: none;
}

.hp_recom_bbox {
    margin-top: 3%;
}


@media screen and (max-width: 1200.5px){
.hp_recom_title {
   
    font-size: 2.85vw;

    
}

.hp_recom_desc {
   
    font-size: 1.5vw;

}

.hp_recom_link {
    
    font-size: 1.5vw;
   
}

.hp_recom_tbox:before {
  
    width: 8vw;
    height: 3vw;
}

.hp_recom_box {
   
    width: 69%;
    
    padding: 3.5% 3% 3% 6%;
}

}


@media screen and (max-width: 767.5px){
.hp_recom_title {
   
    font-size: 6vw;

    
}

.hp_recom_desc {
   
    font-size: 4vw;

}

.hp_recom_desc br {
   
    display: none;

}

.hp_recom_link {
    
    font-size: 4vw;
   
}

.hp_recom_tbox:before {
  
    width: 21vw;
    height: 6vw;
}

.hp_recom_box {
   
    width: 100%;
    
    padding: 5% 3% 5% 6%;
}

.hp_recom {
    padding: 18% 3% 18%;
   
    background-position: top;
    
}

}

/*News*/

.index_wrapper_7 {
    padding: 6% 9% 6%;
}

.hp_news_tbox {
    text-align: center;
    padding-top: 3.5%;
    margin-bottom: 3%;
    position: relative;
}

.hp_news_tbox:before {
    position: absolute;
    content: "";
    top: 0%;
    left: 0%;
    right: 0;
    margin: 0 auto;
    background-image: url(https://cdn1.npcdn.net/img/1744357984elements.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 7vw;
    height: 2vw;
    animation: wobble-hor-bottom 2s infinite both;
}

.hp_news_title {
    color: black;
    font-size: 2vw;
    font-weight: 800;
    
}

.hp_latest_new_8 .text-muted {
    
    display: none;
}

.hp_latest_new_8 .news_box {
    padding: 20px 20px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

.hp_latest_new_8 .news_box .date {
    opacity: 0.9;
    font-size: 90%;
    font-weight: 800;
    color: #333 !important;
    padding-top: 3%;
}

.hp_latest_new_8 .news_box .read_more {

    color: #ff8f1c;
    font-weight: 700;
    text-decoration: underline !important;
}



@media screen and (max-width: 1200.5px){
    
.hp_news_tbox:before {
   
    width: 8vw;
    height: 3vw;
}

.hp_news_title {
   
    font-size: 2.5vw;
   
    
}

.hp_news_tbox {

    padding-top: 4%;
    margin-bottom: 3%;
    
}

}


@media screen and (max-width: 767.5px){
    
.hp_news_tbox:before {
   
    width: 21vw;
    height: 6vw;
}

.hp_news_title {
   
    font-size: 7vw;
   
    
}

.hp_news_tbox {

    padding-top: 10%;
    margin-bottom: 7%;
    
}

.index_wrapper_7 {
    padding: 12% 3%;
}

}

/*Contact*/

.hp_contact {
    padding: 3% 8% 7%;
}

.hp_contact .row {
    align-items: center;
}

.hp_contact_title {
    color: #ff8f1c;
    font-size: 2vw;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 9%;
}

.hp_contact_item1 {
    color: black;
    font-size: 1.5vw;
    font-weight: 400;
}

.hp_contact_item2 {
    font-size: 1.1vw;
    
}

.hp_contact_link {
    color: black;
    transition: 0.3s;
}

.hp_contact_link:hover {
    color: #ff8f1c;
    text-decoration: none;
}

.hp_contact_itbox {
    margin-bottom: 4%;
}

.hp_contact_image {
    width: 100%;
}

.hp_contact_ibox {
    margin-right: 4%;
}

.hp_contact_icon {
    width: 1.8vw;
    margin: 0 1px;
}

.hp_contact_endbox {
    margin-top: -2%;
}


@media screen and (max-width: 1200.5px){
    
.hp_contact_title {
  
    font-size: 2.5vw;

    margin-bottom: 9%;
}

.hp_contact_item1 {
   
    font-size: 2vw;
   
}

.hp_contact_item2 {
    font-size: 1.6vw;
    
}

.hp_contact_icon {
    width: 2.5vw;
    margin: 0 1px;
}

}


@media screen and (max-width: 767.5px){
    
.hp_contact_title {
  
    font-size: 7vw;

    margin-bottom: 9%;
}

.hp_contact_item1 {
   
    font-size: 5vw;
   
}

.hp_contact_item2 {
    font-size: 4vw;
    
}

.hp_contact_icon {
    width: 6vw;
    margin: 0 1px;
}

.hp_contact {
    padding: 12% 3%;
}

.hp_contact_ibox {
    margin-right: 0;
    margin-bottom: 9%;
}

}


/*Footer*/

.footer_type3 {
    background-color: #ff8f1c;
    color: white;
}


/*A*/

.wobble-hor-bottom {
  -webkit-animation: wobble-hor-bottom 2s infinite both;
          animation: wobble-hor-bottom 2s infinite both;
}

@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-10px) rotate(-2deg);
            transform: translateX(-10px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(6px) rotate(2deg);
            transform: translateX(6px) rotate(2deg);
  }
  45% {
    -webkit-transform: translateX(-4px) rotate(-1deg);
            transform: translateX(-4px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translateX(2px) rotate(0.6deg);
            transform: translateX(2px) rotate(0.6deg);
  }
  75% {
    -webkit-transform: translateX(-1px) rotate(-0.3deg);
            transform: translateX(-1px) rotate(-0.3deg);
  }
}


/**/

#main_contactus .mb-0 {
    font-size: 18px;
}