/*All*/
#main_index{
    padding-bottom:0rem!important;
    overflow:hidden;
}
#main_index h1,
#main_index h2,
#main_index h5{
    cursor:default;
}

.m_default_languagebar .footer_langbar_item{
    color:#fff;
}

.breakspan{
    display:block;
}
.section_all{
    padding:6% 9%;
}
.section_half{
    padding:6% 9% 0%
}
.small_all{
    font-size:16px;
    font-weight:400;
    margin-bottom:0;
    color:#000;
}
.title_all{
    font-size:40px;
    font-weight:900;
    margin-bottom:1rem;
    color:#000;
}
.subtitle_all{
    font-size:18px;
    font-weight:400;
    margin-bottom:1rem;
    color:#000;
}
.subtitle2_all{
    font-size:18px;
    font-weight:400;
    margin-bottom:1rem;
    color:#000;
}
.subtitle_vw{
    font-size:1.2vw;
    font-weight:400;
    margin-bottom:2%;
    color:#000;
}
.content_all{
    font-size:16px;
    font-weight:400;
    margin-bottom:0%;
    line-height:1.5;
    color:#000;
}
.content_vw{
    font-size:0.9vw;
    font-weight:400;
    margin-bottom:0%;
    line-height:1.5;
    color:#000;
}
.image_all{
    width:100%;
    margin:0 auto;
    display:block;
}
.btnbox_left{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:1.5rem 0 0;
}
.btnbox_center{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:1.5rem 0 0;
}
.btnbox_right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin:1.5rem 0 0;
}
.button_all{
    position:relative;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 125px;
    height: 35px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align:left;
    padding-left: 13px;
    transition:0.25s all linear;
}
.button_all:before{
    position: absolute;
    content:"";
    background-image:url("https://cdn1.npcdn.net/images/oranges_button_svgqme_1741309726.png?md5id=1745680a5a547dc1fb4b69f85054c299&new_width=600&new_height=600&type=4");
    background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
}
.button_all:hover{
    color:#fff;
    text-decoration: none;
    transform:scale(0.98);
}
.button_all span{
    position:relative;
    z-index:2;
}
.button_all span:before{
    position:absolute;
    content:">>";
    top:0;
    bottom:0;
    right:-25px;
    margin:auto 0;
    width:25px;
    height:25px;
    display:flex;
    justify-content: center;
    align-items: center;
 
}
.ul_all{
    list-style-type:none;
    padding:0;
    margin:0;
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    flex-direction:column;
}
.ul_all_dflex{
    list-style-type:none;
    padding:0;
    margin:0;
    display:flex;
    justify-content:flex-start;
    align-items:center;    
}
.c_lineHi{
    line-height:1.8;
}
.text_center{
    text-align:center;
}
.c_bold{
    font-weight:700;
}
.c_space{
    display:block;
    font-size:0;
    opacity:0;
    height: 15px;
}
.c_color1{
    color:#fff;
}
.c_color2{
    color:#000;
}
.c_color3{
    color:#f19321;
}
.c_stroke{
    color: black;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}
@media screen and (max-width: 1200.5px){
    .subtitle_vw{
        font-size:1.5vw;
    }
    .content_vw{
        font-size:1.2vw;
    }
}
@media screen and (max-width: 991.5px){
    .subtitle_vw{
        font-size:1.8vw;
    }
    .content_vw{
        font-size: 1.5vw;
    }
}
@media screen and (max-width: 767.5px){
    .section_all{
        padding:12% 3%;
    }
    .section_half{
        padding:12% 3% 12%;
    }
    .title_all{
        font-size:25px;
    }
    .subtitle_vw{
        font-size:18px;
    }
    .content_vw{
        font-size:16px;
    }
}

.all_functional_page > div > .container{
    max-width:100%;
}
.all_functional_page{
    padding:1.5rem 9%;
}

#main_index{
    padding:0;
}

#main_contactus{
    padding:0rem 0%;
}

@media screen and (max-width: 767.5px){
    .all_functional_page{
        padding:1.5rem calc(1rem + 0%);
    }   

}


/*navbar*/
.navbar_type8{
    height:100px;
    background-color: #fff;
}
.navbar_type8 .logo{
    margin-left:9%
}
.navbar_type8 .logo img{
    width:18vw;
    padding:10px;
}
.navbar_type8 .nav_tab{
    padding-right:9%;
}
.navbar_type8 .nav_tab .nav_item a{
    font-size:1vw;
    font-weight:600;
    padding:15px 1.5vw;
    color:#162d58;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff!important;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#fff!important;
}
.dark_nav{
    background-color:#fff!important;
}
.navbar_mobile{
    background-color:#fff!important;
}
.navbar_mobile .btn-outline-light:hover{
    background-color:transparent;
}
.navbar_mobile .btn-outline-light:hover{
    border-color: #000;
    color: #000;
}
.navbar_mobile .logo_img{
    transform:scale(1.2);
}
.navbar_mobile .btn-outline-light:not(:disabled):not(.disabled):active{
    color: #000;
    background-color: transparent;
    border-color: #000;
}

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

/*hp_banner*/
.index_wrapper_2{
    margin-top:-100px;
}
.slider_banner .banner_content{
    overflow:hidden;
}
.hp_banner{
	position:relative;
	left:9%;
	top:45%;
	transform:translate(0,-50%);
    width:calc(100% - 18%);
}
.hp_banner_box{
    overflow:hidden;
}
.hp_banner_title{
    font-size:2.5vw;
    font-weight:700;
    line-height:1.5;
    text-align: right;
    color:#fff;
}
.hp_banner_subtitle{
    font-size:1.2vw;
    font-weight:400;
    text-align: right;
    letter-spacing:1px;
    color:#fff;
}
.hp_banner_content{
    font-size:1vw;
    font-weight:400;
    text-align: right;
    color:#fff;
}
.hp_banner .hp_banner_image{
    width:30%!important;
}
.hp_banner_buttonbox{
    display:flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top:2%;
}
.hp_banner_button{
    position:relative;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 125px;
    height: 35px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align:left;
    padding-left: 13px;
    transition:0.25s all linear;
}
.hp_banner_button:before{
    position: absolute;
    content:"";
    background-image:url("https://cdn1.npcdn.net/images/oranges_button_svgqme_1741309726.png?md5id=1745680a5a547dc1fb4b69f85054c299&new_width=600&new_height=600&type=4");
    background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:-1;
}
.hp_banner_button:hover{
    color:#fff;
    text-decoration: none;
    transform:scale(0.98);
}
.hp_banner_button span{
    position:relative;
}
.hp_banner_button span:before{
    position:absolute;
    content:">>";
    top:0;
    bottom:0;
    right:-25px;
    margin:auto 0;
    width:25px;
    height:25px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.hp_banner_title.janimate{
    animation-delay: 0.25s;
}
.hp_banner_buttonbox.janimate{
    animation-delay: 0.5s;
}
@media screen and (max-width: 1200.5px){
    .hp_banner_subtitle{
        font-size:1.2vw;
    }
}
@media screen and (max-width: 991.5px){
    .index_wrapper_2{
        margin-top:0px;
    }
    .hp_banner_subtitle{
        font-size:1.5vw;
    }
}
@media screen and (max-width: 767.5px){
    .index_wrapper_2 .item>img{
    	min-height:64vw!important;
    	object-fit:cover;
    }
    .hp_banner{
        left:2%;
        top:38%;
        width:calc(100% - 4%);
    }
    .hp_banner_title{
        font-size:5vw;
    }
    .hp_banner_subtitle{
        font-size:3vw;
    }
    .hp_banner_title br{
        display:none;
    }
    .hp_banner_content{
        font-size:4vw;
    }
}

/*hp_cat*/
.hp_cat{
    padding:6% 9%;
}
.hp_cat_title{
    margin-bottom:0;
}
.hp_cat .row:nth-child(2){
    margin-top:3rem;
}
.hp_cat_box{
    position:relative;
    overflow:hidden;
    margin-bottom:2rem;
    transition:0.25s all linear;
}
.hp_cat_image{
    width:100%;
    margin:0 auto;
    display:block;
    transition:2.5s all linear;
    filter:brightness(0.9);
}
.hp_cat_image:hover{
    transform:scale(1.1);
    filter:brightness(1);
}
.hp_cat_box span{
    position:absolute;
    bottom:1rem;
    left:1rem;
    right:1rem;
    color:#fff;
    font-weight:600;
    font-size:22px;
    text-align: center;
    transition:0.25s all linear;
}
.hp_cat_box:hover{
    border-radius:10px;
    transform:scale(0.98);
    box-shadow:0px 2px 5px rgba(0,0,0,0.8);
}
.hp_cat_box:hover span{
    text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
    transform:translate(0,-0.5rem);
}

@media screen and (max-width: 767.5px){
    .hp_cat{
        padding:12% 0%;
    }   
    .hp_cat .row:nth-child(2){
        margin-top:1.5rem;
    }
    .hp_cat_box{
        margin-bottom:1rem;
    }
    .hp_cat_box span{
        font-size:18px;
    }
}

/*hp_why*/
.index_wrapper_4{
    position:relative;
    padding:6% 9%;
}
.index_wrapper_4:before{
    position:absolute;
    content:"";
    top:0;
    left:0;
    right:0;
    width:100%;
    height:72%;
    background-color:#0b2351;
}
.hp_why .row{
    align-items: center;
}
.hp_why .row:nth-child(1){
    margin-bottom:3rem;
}
.hp_why .row:nth-child(2){
    margin-bottom:calc(9% + 1rem);
}
.hp_why_title{
    font-size:55px;
}
.hp_why_subtitle{
    position:relative;
    text-align: right;
    margin-bottom:2rem;
    font-size:1.5vw;
    font-weight:600;
}
.hp_why_subtitle:before{
    position: absolute;
    content: "";
    bottom: -1rem;
    right: -35%;
    width: 40vw;
    height: 2px;
    background-color: #ef9221;
}
.hp_why_image{
    width:90%;
}
.hp_why_imagebox{
    opacity:0;
    animation: tutu 9s ease-in infinite;
}
.hp_why_image{
    animation: wave 0.5s infinite alternate ease-in-out;
}
.hp_why_word{
    display:flex;
    flex-direction:column;
    justify-content: flex-start;
    align-items: flex-start;
    width:100%;
}
.hp_why_word .subtitle_all{
    position:relative;
    font-weight:700;
    width:100%;
    margin-bottom:2rem;
}
.hp_why_word .subtitle_all:before{
    position:absolute;
    content:"";
    bottom:-1rem;
    left:0;
    width:100%;
    background-color:#fff;
    height:1px;
}
.hp_why_icon{
    width:100px;
}
.hp_why_word .content_all{
    font-size:14px;
    color:#fff;
}
.hp_why_word:hover .hp_why_icon{
    transform-origin:center;
    animation:j_shake 0.3s linear 0.1s 2;
}
@keyframes j_shake{
    25%{transform:rotate(10deg);}
    75%{transform:rotate(-10deg);}
}


@keyframes tutu{
    0%{opacity:0; transform:translate(-10rem,0rem) scale(0.5);}
    20%{opacity:1; transform:translate(0rem,0rem) scale(1);}
    80%{opacity:1; transform:translate(0rem,0rem) scale(1);}
    100%{opacity:0; transform:translate(10rem,2rem) scale(1.15);}
}
@keyframes wave {
  0% { transform: translateY(0px); }
  100% { transform: translateY(5px); }
}

/*component - product listing*/
.productSlider-1 .product_img .product_box{
    box-shadow:0px 0px 5px rgba(0,0,0,0.5);
    border:15px solid #fff;
    margin:0;
}
.productSlider-1 .product_img .product_box .product_img_frame img{
    object-fit:contain!important;
    background-color:#f2f2f2;
}
.productSlider-1 .slick-track .slick-slide{
    box-shadow:none;
    background-color:transparent;
    border-radius:0;
}
.productSlider-1 .product_img .product_box h6{
	font-size:14px;
	text-align: center;
	font-weight:500;
}
.productSlider-1 .product_img .product_box a:hover{
   text-decoration: none; 
}
.productSlider-1 .product_img .product_box .content > p{
    text-align: center;
    color:#f19321;
}
.productSlider-1 .slick-prev{
    left:-30px;
}
.productSlider-1 .slick-next{
    right:-30px;
}
.productSlider-1 .slick-prev:before{
    text-shadow:unset;
    color:#000;
}
.productSlider-1 .slick-next:before{
    text-shadow:unset;
    color:#000;
}
@media screen and (max-width: 991.5px){
    .hp_why_title{
        font-size:35px;
    }
    .index_wrapper_4:before{
        height:77%;
    }
}
@media screen and (max-width: 767.5px){
    .index_wrapper_4{
        padding:12% 3%;
    }
    .hp_why_subtitle{
        font-size:4vw;
        margin-top:1.5rem;
    }
    .hp_why_subtitle:before{
        width:106vw;
    }
    .index_wrapper_4:before{
        height:83%;
    }
    .productSlider-1{
        padding:0 9%;
    }
}

/*hp_best*/
.hp_nest_title{
    margin-bottom:35px;
}

/*hp_about*/
.index_wrapper_5{
    position:relative;
    padding:6% 9%;
}
.index_wrapper_5:before{
    position:absolute;
    content:"";
    top:0;
    left:0;
    right:0;
    width:100%;
    height:55%;
    background-image:url("https://cdn1.npcdn.net/images/About_Us_bg_f3an8c_1741309725.jpg?md5id=1745680a5a547dc1fb4b69f85054c299&new_width=600&new_height=600&type=4");
    background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.hp_about_content{
    width:80%;
    margin:0 auto;
    display:block;
}
.hp_about{
    margin-bottom:calc(1rem + 9%);
}

@media screen and (max-width: 767.5px){
    .index_wrapper_5{
        padding:12% 3%;
    }
    .hp_about_content{
        width:100%;
    }
    .index_wrapper_5:before{
        height:70%;
    }
}

/*hp_contact*/
.index_wrapper_6{
    position:relative;
    padding-bottom:3%;
    overflow:hidden;
}
.hp_contact{
    position:relative;
    padding: 3% 9%;
}
.hp_contact:before{
    position:absolute;
    content:"";
    background-image:url("https://cdn1.npcdn.net/images/bottom_orange_bar_mna5sb_1741309725.png?md5id=1745680a5a547dc1fb4b69f85054c299&new_width=600&new_height=600&type=4");
    background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
    height: 15vw;
    width: 100vw;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.index_wrapper_6:after{
    position:absolute;
    content:"";
    background-color:#0b2351;
    bottom:0;
    left:0;
    width:100%;
    height:50%;
    z-index:-1;
}
.hp_contact_iconbox{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16vw;
    width: 26vw;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    margin: auto 0;
    animation: floatTurn 1s infinite alternate ease-in-out;
    z-index:1;
    cursor:pointer;
}
.hp_contact_icon{
    width: 14vw;
}
.hp_contact_icon.clicked{
    animation:turnturnover 0.5s ease-in-out;
}
.hp_contact_button{
    padding-left:9px;
}
.hp_contact_button:before{
    background-image:url("https://cdn1.npcdn.net/images/blue_button_3gmab1_1741309725.png?md5id=1745680a5a547dc1fb4b69f85054c299&new_width=600&new_height=600&type=4");
}

@keyframes turnturnover{
    100%{transform: rotateY(360deg);}
}

@keyframes floatTurn {
  0% {
    transform: translateY(0px) rotate(-1deg);
  }
  100% {
    transform: translateY(5px) rotate(1deg);
  }
}

@media screen and (max-width: 1308.5px){
    .hp_contact:before{
        height:18vw;
    }
    .hp_contact_iconbox{
        left:12vw;
    }
}
@media screen and (max-width: 1286.5px){
    .hp_contact:before{
        height:26vw;
    }
    .hp_contact_iconbox{
        left:4vw;
    }
}
@media screen and (max-width: 1200.5px){
    .index_wrapper_6{
        padding-bottom:0;
    }
    .hp_contact:before{
        height:100vw;
    }
    .hp_contact_iconbox {
        left: 9%;
    }
    .hp_contact_icon {
        width: 20vw;
    }
}
@media screen and (max-width: 767.5px){
    .hp_contact{
        padding:12% 3%;
    }
    .hp_contact_iconbox{
        position:relative;
        width:100vw;
    }
    .hp_contact_icon{
        margin:0 0 1.5rem;
        width:35vw;
    }
    .hp_contact:before {
        height: 125vw;
    }
    .hp_contact_title{
        font-size:5.7vw;
    }
}

/*footer*/
.footer_type9 .copy_right,
.npfooter_languagebar .text-muted,
.platinum_website_visitor,
.npfooter_languagebar,
.copy_right small,
.footer_type9 .privacy_policy:hover,
.footer_type9 .mb-1{
    color:#fff!important;
}
.footer_langbar_item{
    color:#fff!important;
}

/*mobile side-navbar*/
.side_menu .footer_langbar_item{
    color:#fff!important;
}

.footer_type9{
    padding:3rem 9%;
    background-color:#0b2351;
}
.footer_type9 a,
.footer_type9 p,
.footer_type9 h5,
.footer_type9 .text,
.footer_type9 a:hover,
.footer_type9 .d-inline-flex,
.footer_type9 i{
    color:#fff!important;
}
.footer_type9 .social_media a .icon_s img{
    filter:brightness(0) invert(1);
}
.footer_type9 .nav_item li{
    margin-right:45px;
    padding-bottom:1rem;
}
.footer_row1{
    margin-top:1rem;
    margin-bottom:1rem;
}
.hp_footer_title{
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
}
.footer_type9 .nav_item{
    margin-top:5rem;
}
.footer_type9 .nav_item li a{
    font-size:16px;
    text-transform: capitalize;
}
.footer_type9 .nav_item li a::after{
    color:#fff;
    display:none;
}
.alter_footer_address{
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    margin-bottom:0;
    width:80%;
}
.npfooter_languagebar .text-muted{
    color:#fff;
}
.footer_type9 .social_media{
    margin-top:0!important;
}
.alter_footer_ul1{
    display: flex;
    list-style-type: none;
    margin: 0rem 0 0.5rem 0;
    padding: 0;
    color: #fff;
    font-size: 16px;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}
.alter_footer_ul2{
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding:0;
}
.footer_type9 .text-muted,
.npfooter_languagebar{
    color:#fff!important;
}
.spec_icon{
    filter:grayscale(1)!important;
}

@media screen and (max-width: 991.5px){
    .footer_type9 .nav_item{
        margin-top:2rem;
    }
    .alter_footer_address{
        width:90%;
    }
}
@media screen and (max-width: 767.5px){
    .footer_type9{
        padding:1.5rem calc(3% + 1rem);
    }
    .footer_type9 .nav_item{
        margin-top:2rem;
        margin-bottom:2rem;
    }
    .alter_footer_address{
        margin-top:1rem;
    }
    .footer_type9 .nav_item li{
        margin-right:18px;
    }
    .hp_footer_title{
        font-size:30px;
    }
    .alter_footer_address{
        width:100%;
    }
}