/*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:1rem;
    color:#000;
}
.small_all{
    clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    background-color: #2236af;
    height: 35px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 1rem;
    width: 14rem;
}
.title_all{
    font-size:40px;
    font-weight:700;
    margin-bottom:4rem;
    line-height:1.3;
    color:#000;
}
.title_line{
    position: relative;
}
.title_line:before{
    position: absolute;
    content: "";
    width: 8rem;
    height: 4px;
    background-color: #2236af;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-bottom: -1rem;
}
.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:2rem 0 0;
}
.btnbox_center{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:2rem 0 0;
}
.btnbox_right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin:2rem 0 0;
}
.button_all{
    border: 1px solid #2236af;
    border-radius: 0px;
    background-color: #2236af;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    width: 135px;
    height: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 1rem;
    transition:0.25s all linear;
}
.button_all span{
    position: relative;
}
.button_all span:before{
    position: absolute;
    content: "\2192";
    font-family: "Font Awesome 5 Free";
    top: 0;
    bottom: 0;
    right: -1.5rem;
    margin: auto 0;
    transform:rotate(-45deg);
    transition:0.25s all linear;
    font-size:16px;
}
.button_all:hover span:before{
    transform:rotate(0deg);
}
.button_all:hover{
    text-decoration: none;
    color:#fff;
    transform:scale(0.98);
}
.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:#2236af;
}
.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;
    }
    .title_all{
        font-size:35px;
    }
}
@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;
    }
}

/*category page*/
.category_list_type4 .category_box .img_frame img{
    object-fit: contain;
}

/*product page*/
.product_list_5 .product_box .img_frame img{
    object-fit: contain;
}

/*photoalbum page*/
.gallerycategory .img_frame{
    box-shadow:0px 0px 2px rgba(0,0,0,0.2);
}
.gallerycategory .img_frame img{
    object-fit: contain;
}
.gallerycategory .img_frame:hover img{
    transform:scale(0.9) translate(-50%,-50%);
}

/*photoalbum inside page*/
.ws_gallery-2 .img_frame img{
    object-fit: contain;
}
.ws_gallery-2 .img_frame:hover img{
    width:100%;
    height:100%;
}

/*hp_top*/
.hp_top_ul{
    margin:0;
    padding:0;
    list-style-type: none;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width:100%;
}
.hp_top_link{
    color: #000;
    font-size: 14px;
}
.hp_top_link:hover{
    color:#000;
}

/*navbar*/
.navbar_type10 > .container .nav_logo{
    order:1;
}
.navbar_type10 > .container div:nth-child(2){
    order:3;
}
.navbar_type10 > .container .nav_search{
    order:2;
    max-width:30vw;
}
.navbar_type10{
    padding:1rem 9%;
}
.navbar_type10 > .container{
    max-width:100%;
    align-items: center;
}
.navbar_type10 .nav_logo img{
    max-height:60px;
}
.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 .btn-outline-light:not(:disabled):not(.disabled):active{
    color: #000;
    background-color: transparent;
    border-color: #000;
}

.navbar_type10 .nav_search input{
    border: 1px solid #000;
    border-right: 0px solid transparent;
    border-radius: 30px 0px 0px 30px;
    background-color: #fff;
}
.navbar_type10 .nav_search .search_button{
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    border-left: 0px solid transparent;
    border-radius: 0px 30px 30px 0px;
}
.nav_bottom{
    padding:0rem 9%;
}
.nav_bottom > .container{
    max-width:100%;
    justify-content: center!important;
}
.nav_bottom .menu .nav_item .dropdown a{
    font-size:1vw;
    padding:15px 1.5vw;
}
.nav_bottom .menu .nav_item:hover{
    background-color:#2236af;
}
.nav_bottom .menu .nav_item .dropdown a:hover{
    color:#fff!important;
}

@media screen and (max-width: 1200.5px){
    .nav_bottom .menu .nav_item .dropdown a{
        font-size:1.2vw;
        padding:15px 1.2vw;
    }
    .navbar_type10{
        padding:1rem 7%;
    }
}

/*hp_banner*/
.index_wrapper_2{
    position: relative;
    z-index: 1;
}
.slider_banner .banner_content{
    overflow:hidden;
}
.hp_banner{
	position:relative;
	left:9%;
	top:50%;
	transform:translate(0,-50%);
    width:calc(100% - 18%);
}
.hp_banner_title{
    font-size:2vw;
    font-weight:700;
    line-height:1.5;
    color:#000;
}
.hp_banner_subtitle{
    font-size:1.2vw;
    font-weight:400;
    letter-spacing:1px;
    color:#000;
}
.hp_banner_content{
    font-size:1vw;
    font-weight:400;
    letter-spacing:1px;
    color:#000;
}
.hp_banner .hp_banner_image{
    width:30%!important;
}
.hp_banner_buttonbox{
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:2%;
}
.hp_banner_button{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 135px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align:center;
    background-color: #000;
    transition:0.25s all linear;
}
.hp_banner_button:hover{
    color:#fff;
    text-decoration: none;
    transform:scale(0.98);
}
@media screen and (max-width: 1200.5px){
    .hp_banner_content{
        font-size:1.2vw;
    }
}
@media screen and (max-width: 991.5px){
    .hp_banner_content{
        font-size:1.5vw;
    }
}
@media screen and (max-width: 767.5px){
    .index_wrapper_2 .item>img{
    	min-height:40vw!important;
    	object-fit:cover;
    }
    .hp_banner{
        left:2%;
        width:calc(100% - 4%);
    }
    .hp_banner_title{
        font-size:7vw;
    }
    .hp_banner_subtitle{
        font-size:4vw;
    }
    .hp_banner_content{
        font-size:4vw;
    }
}

/*hp_about*/
.hp_about{
    background-image:url("https://cdn1.npcdn.net/images/about_us_background_5ygriw_1741226297.jpg?md5id=4360aad4b6737e02e0dfa46aad3f100c&new_width=600&new_height=600&type=4");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
    margin-top: -63px;
    padding-bottom:3%;
}
.hp_about .col-lg-5:first-child{
    padding-left:0;
}
.hp_about .col-lg-7:last-child{
    padding:9% calc(1rem + 9%) 6% 1rem;
}
.hp_about_image{
    width:90%;
    margin:0 auto 0 0;
}
.hp_about_small{
    margin-bottom:36px;
}
.hp_about_title{
    margin-bottom:31px;
}

@media screen and (max-width: 991.5px){
    .hp_about{
        padding:calc(6% + 63px) 9% 6%;
    }
    .hp_about .col-lg-5:first-child{
        order:2;
        padding:0 1rem;
    }
    .hp_about .col-lg-7:last-child{
        order:1;
        padding:0 1rem;
    }    
    .hp_about_image{
        width:50%;
        margin:4rem 0 0;
    }
}

@media screen and (max-width: 767.5px){
    .hp_about{
        padding:calc(12% + 63px) 3% 12%;
    }
    .hp_about_title br{
        display:none;
    }
    .hp_about_image{
        width:100%;    
    }
}

/*hp_why*/
.hp_why{
    background-image:url("https://cdn1.npcdn.net/images/wcu_background_najbwf_1741226297.jpg?md5id=4360aad4b6737e02e0dfa46aad3f100c&new_width=600&new_height=600&type=4");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;    
    padding:6% 9%;
}
.hp_why .col-md-6.col-lg-3{
    padding:0 calc(1rem + 1%);
}
.hp_why_box{
    position:relative;
    background-color:#fff;
    padding:9%;
    z-index:1;
}
.hp_why_box:after{
    position: absolute;
    content: "";
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    clip-path: polygon(10% 0%, 100% 0, 100% 90%, 90% 100%, 0 100%, 0% 10%);
    transform:scale(1);
    z-index:-1;
}
.hp_why_box:before{
    position: absolute;
    content: "";
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#2236af;
    clip-path: polygon(10% 0%, 100% 0, 100% 90%, 90% 100%, 0 100%, 0% 10%);
    transform:scale(1.01);
    z-index:-1;
}
.hp_why_icon{
    width: 5rem;
    margin-bottom: 1.5rem;
}
.hp_why_word{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}
.hp_why_word .subtitle_all{
    color:#2236af;
    font-weight:600;
}
.hp_why_word .content_all{
    color:#555;
    font-size:14px;
}
.hp_why_box: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);}
}

@media screen and (max-width: 991.5px){
    .hp_why_box{
        margin-bottom:3rem;
    }
}
@media screen and (max-width: 767.5px){
    .hp_why{
        padding:12% 3%;
    }
}

/*hp_pro*/
.index_wrapper_5{
    position:relative;
    padding:6% 9%;
    background-image:url("https://cdn1.npcdn.net/images/category_background_yova4l_1741226298.png?md5id=4360aad4b6737e02e0dfa46aad3f100c&new_width=600&new_height=600&type=4");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;     
}
.hp_pro{
    margin-bottom:2rem;
}
.hp_pro .row{
    align-items: center;
}
.hp_pro_buttonbox{
    margin:0;
}
.hp_pro_title{
    margin-bottom:0;
}
.hp_pro_button{
    width:175px;
}

/*component - product category*/
.product_cat-3 .cat_box .content{
    background:linear-gradient(to bottom, transparent, transparent,rgba(0,0,0,0.6));
}
.product_cat-3 .cat_box .content .content_box{
    justify-content: flex-end;
    width: 83%;
    height: 95%;
}
.product_cat-3 .cat_box .content .content_box .animated-arrow{
    display:none;
}
.product_cat-3 .cat_box .content .line{
    display:none;
}
.product_cat-3 .cat_box .content h3{
    display:none;
}
.product_cat-3 .cat_box .content h4{
    font-size:16px;
    margin: 0 0 0.5rem!important;
}
.product_cat-3 .cat_box .content .content_box{
    position:relative;
}
.product_cat-3 .cat_box .content .content_box:before{
    position: absolute;
    content: "\2192";
    font-family: "Font Awesome 5 Free";
    bottom: -3%;
    right: -11%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2236af;
    color: #fff;
    font-size: 25px;
}
.product_cat-3 .cat_box img{
    object-fit: contain;
}
.product_cat-3 .cat_box{
    background-color:#000;
}

@media screen and (max-width: 991.5px){
    .product_cat-3 .col-6.col-md-4{
        flex:0 0 50%;
        max-width:50%;
    }
    .product_cat-3 .cat_box img{
        object-fit: contain;
        background-color:#000;
    }
}
@media screen and (max-width: 767.5px){
    .index_wrapper_5{
        padding:12% 3%;
    }
    .hp_pro_buttonbox{
        justify-content: flex-start;
        margin-top:1.5rem;
    }
    .product_cat-3 .col-6.col-md-4{
        flex:0 0 100%;
        max-width:100%;
    }    
}

/*hp_news*/
.index_wrapper_6{
    padding:6% 9%;
    background-image:url("https://cdn1.npcdn.net/images/news_background_3pquwc_1741226297.jpg?md5id=4360aad4b6737e02e0dfa46aad3f100c&new_width=600&new_height=600&type=4");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat; 
}

/*component - news*/
.hp_latest_new_8 .news_box .img_frame{
    border-radius: 10px;
    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom:1rem;
}
.hp_latest_new_8 .news_box .date{
    text-align: left!important;
    color:#000;
    opacity:1;
}
.hp_latest_new_8 .news_box .date i{
    color:#2236af;
}
.hp_latest_new_8 .news_box .read_more{
    display:none;
}
.hp_latest_new_8 .news_box .img_frame img{
    object-fit: contain;
}

@media screen and (max-width: 767.5px){
    .index_wrapper_6{
        padding:12% 3%;
    }
    .hp_latest_new_8 .news_box{
        padding:10px 0;
    }
}

/*hp_social*/
.hp_social{
    padding:0% 9% 6%;
}
.insta_embed{
    height:30.3vw;
    width:100%;
}
.hp_social blockquote{
    height:30.3vw;
    margin-top:0;
    margin-bottom:0;
}
.hp_social_icon{
    height:30.3vw;
    width:100%;
}

@media screen and (max-width: 1200.5px){
    .hp_social blockquote iframe{
        width:86%!important;
    }
}
@media screen and (max-width: 991.5px){
    .hp_social .col-md-6.col-lg-4{
        margin:0 0 3rem;
    }
    .insta_embed,
    .hp_social blockquote,
    .hp_social_icon{
        height:45vw;
    }
    .hp_social blockquote iframe{
        width:100%!important;
    }
}
@media screen and (max-width: 767.5px){
    .hp_social{
        padding:0% 3% 0%;
    }  
    .insta_embed,
    .hp_social blockquote,
    .hp_social_icon{
        height:100vw;
    }
 
}

/*hp_contact*/
.index_wrapper_8 .outerRow_8{
    justify-content: flex-end;
}
.hp_contact .col-md-12:first-child{
    align-items:0px;
}
.hp_contact_image{
    width: 90%;
    margin: 0 auto 0 0;
}

/*component - contact*/
.hp_contact .col-md-12{
    padding:0;
}
.ex_hpcontact_formonly .title{
    font-size:40px;
    font-weight:600;
    color:#2236af;
}
#index_8{
    display:flex;
    justify-content: flex-end;
    align-items: flex-end;
}
#index_9{
    padding-bottom:1.5rem!important;
    padding-right:9%!important;
}

@media screen and (max-width: 991.5px){
    #index_8{
        flex:0 0 100%;
        max-width:100%;
        order:2;
        padding:0 calc(1rem + 6%)!important;
        
    }
    #index_9{
        flex:0 0 100%;
        max-width:100%;
        order:1;
        padding:0 calc(1rem + 6%)!important;
        margin-bottom:2rem;
    }
}
@media screen and (max-width: 991.5px){
    #index_9,
    #index_8{
        padding:0 calc(1rem + 3%)!important;
    }
    .hp_contact_image{
        margin-bottom:3rem;
        width:100%;
    }
}

/*footer*/
.footer_type10{
    background-image:url("https://cdn1.npcdn.net/images/footer_background_7ajnkh_1741226298.jpg?md5id=4360aad4b6737e02e0dfa46aad3f100c&new_width=600&new_height=600&type=4");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;    
}
.footer_type10 .copy_right,
.npfooter_languagebar .text-muted,
.platinum_website_visitor,
.npfooter_languagebar,
.copy_right small,
.footer_type10 .privacy_policy:hover,
.footer_type10 .mb-1{
    color:#fff!important;
}
.footer_langbar_item{
    color:#fff!important;
}

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

@media screen and (max-width: 767.5px){
    .footer_type10 .logo{
        min-height:60px;
    }
    .footer_type10 .logo img{
        max-height:60px;
    }
}