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


@media screen and (min-width: 1400px){
    .c_maxw{
        max-width:1240px;  
        margin: 0 auto;
        padding: 0 1rem;
    }
}
@media screen and (max-width: 1399.5px){
    .c_maxw{
        max-width:1140px;   
            margin: 0 auto;
        padding: 0 1rem;
    }
}
@media screen and (max-width: 1199.5px){
    .c_maxw{
        max-width:960px;    
            margin: 0 auto;
        padding: 0 1rem;
    }
}
@media screen and (max-width: 991.5px){
    .c_maxw{
        max-width:720px;
            margin: 0 auto;
        padding: 0 1rem;
    }
}
@media screen and (max-width: 767.5px){
    .c_maxw{
        max-width:540px;
            margin: 0 auto;
        padding: 0 1rem;
    }
}

.m_default_languagebar .footer_langbar_item{
    color:#fff;
}

.breakspan{
    display:block;
}
.section_all{
    padding:80px 0;
}
.section_half{
    padding:80px 0 0;
}
.small_all{
    font-size:16px;
    font-weight:400;
    margin-bottom:1rem;
    color:#000;
}
.title_all{
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: #4b2e1b;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.bigtitle_icon{
    width: 183px;
    object-fit: contain;
    margin: 0 0.5rem;
}
.title_icon {
    width: 173px;
    object-fit: contain;
    margin:0 1rem 0 0;
}
.subtitle_all{
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;
    color: #4b2e1b;
}
.subtitle2_all{
    font-size:18px;
    font-weight:400;
    margin-bottom:1rem;
    line-height:1.5;
    color:#000;
}
.subtitle_vw{
    font-size:1.2vw;
    font-weight:400;
    margin-bottom:2%;
    line-height:1.5;
    color:#000;
}
.content_all{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.5;
    color: #4b2e1b;
}
.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;
    object-fit:contain;
}
.btnbox_left{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:2rem 0 0;
    width:100%;
}
.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{
    border: 1px solid #720a21;
    border-radius: 5px;
    background-color: #720a21;
    width: 130px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    transition: 0.25s all linear;
}
.button_all span{
    position:relative;
    margin-left:-0.75rem;
}
.button_all span:before{
    position: absolute;
    content: ">";
    top: 0;
    bottom: 0;
    right: -1.5rem;
    margin: auto 0;
    animation: pushright 1s ease-out infinite;
    font-weight: 800;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 0px -1px 8px #fff;
}
@keyframes pushright{
    0%{
        transform:translate(0,0);
    }
    50%{
        transform:translate(-0.5rem,0);
    }
    100%{
        transform:translate(0,0);
    }
}

.button_all:hover{
    border:1px solid #720a21;
    background-color:#fff;
    text-decoration: none;
    color:#720a21;
    transform:scale(0.98);
}
.ul_all{
    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:#720a21;
}
.c_color4{
    color:#4b2e1b;
}
.c_stroke{
    color: black;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}
.c_dflex{
    flex-direction:column;   
}
@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:60px 0;
    }
    .section_half{
        padding:60px 0 0;
    }
    .title_all{
        font-size:25px;
        flex-wrap:wrap;
    }
    .subtitle_vw{
        font-size:18px;
    }
    .content_vw{
        font-size:16px;
    }
    .bigtitle_icon{
        width:115px;
    }
    .title_icon{
        width:125px;
    }
}

/*testimonial*/
.ws_testimonials .testimonial_box strong{
    font-size:28px;
}
#main_testimonials p,
.ws_testimonials .testimonial_box div,
.ws_testimonials .testimonial_box small{
    font-size:20px;
}


/*navbar*/
.navbar_type8{
    height:120px;
}
.navbar_type8 .logo img{
    width: 8vw;
    padding: 5px;
}
.navbar_type8 .nav_tab .nav_item a{
    font-size: 1.2vw;
    font-weight: 700;
    padding: 15px 1.5vw;
    color: #4b2e1b;
}
.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;
}
.navbar_type8 .nav_tab .nav_item::before{
    border-bottom:2px solid #720a21;
}

.dark_nav{
    background-color:#fdfbf7!important;
    border-bottom: 1px solid rgba(61,28,9,0.3);
}

.navbar_mobile{
    background-color:#fdfbf7;
    border-bottom: 1px solid rgba(61,28,9,0.3);
}
.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_mobile .btn-outline-light {
    border-color: #4b2e1b;
    color: #4b2e1b;
}

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

/*hp_banner*/
.index_wrapper_2{
    margin-top:-120px;
}
.slider_banner .banner_content{
    overflow:hidden;
}
.hp_banner{
    position: relative;
    left: 18%;
    top: 56%;
    transform: translate(0, -50%);
    width: calc(100% - 24%);
}
.hp_banner_small {
    font-size: 1.5vw;
    font-weight: 700;
    line-height: 1;
    color: #4b2e1b;
}
.hp_banner_small span{
    position:relative;
}
.hp_banner_small span:before{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: -11vw;
    width: 10vw;
    height: 1px;
    background-color: #4b2e1b;
    margin: auto 0;
}
.hp_banner_title {
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1;
    color: #4b2e1b;
}
.hp_banner_title span{
    position: relative;
}
.hp_banner_title span:before{
    position:absolute;
    content:"";
	background-image:url("https://cdn1.npcdn.net/img/1752456964banner-1-logo.png");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 32vw;
    height: 7vw;
    margin: auto 0;
    top: 0;
    bottom: 0;
    right: -34vw;
}
.hp_banner_subtitle{
    font-size:1.2vw;
    font-weight:400;
    line-height:1.5;
    color:#000;
}
.hp_banner_content{
    font-size:1vw;
    font-weight:400;
    line-height:1.5;
    color:#000;
}
.hp_banner .hp_banner_image {
    width: 100% !important;
}
.hp_banner .hp_banner_hit{
    position: absolute;
    top: 16%;
    left: -18%;
    width: 19% !important;
}
.hp_banner .hp_banner_logo{
    width: 70% !important;
    margin-top: -4%;
}
.hp_banner_buttonbox{
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:4%;
}
.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){
    .index_wrapper_2{
        margin-top:0px;
    }
    .hp_banner{
        top: 50%;
    }
    .hp_banner_content{
        font-size:1.5vw;
    }
}
@media screen and (max-width: 767.5px){
    .index_wrapper_2 .item>img{
    	min-height:100vw!important;
    	object-fit:cover;
    }
    .hp_banner{
        left:0%;
        width:calc(100% - 0%);
    }
    .hp_banner_small{
        font-size:4vw;
        margin-bottom: 0.5rem;
    }
    .hp_banner_small span:before{
        right: -22vw;
        width: 20vw;
    }
    .hp_banner .hp_banner_logo {
        width: 95% !important;
        margin-top: 0;
    }
    .hp_banner .hp_banner_hit{
        top: -4%;
        left: unset;
        width: 15% !important;
        right: 1%;
    }
    .hp_banner_title{
        font-size:5vw;
            padding-bottom: 13vw;
        line-height: 1.3;
    }
    .hp_banner_title span:before{
        top: 16vw;
        left: 0;
        width: 80vw;
        height: 16vw;
        right:unset;
    }
}

/*hp_tf*/
.hp_tf {
	background-image:url("https://cdn1.npcdn.net/img/1752476356bg.jpg");
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;    
    padding: 60px 0 90px;
}
.tf_row1{
    position:relative;
}
.tf_row1:before{
    position:absolute;
    content:"";
	background-image:url("https://cdn1.npcdn.net/img/1752474043fk.png");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 12vw;
    height: 12vw;
    object-fit: contain;
    top: 0;
    left: -12vw;
}
.hp_tf_bigtitle{
    justify-content: center;
}
.hp_tf_box{
    position:relative;
	background-image:url("https://cdn1.npcdn.net/img/1752474673bg-02.jpg");
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;    
    margin-top:2rem;
    box-shadow: 0px 0px 10px rgba(235, 223, 207, 255);
    padding: 6% 11% 9%;
}
.hp_tf_box:before{
    position:absolute;
    content:"";
	background-image:url("https://cdn1.npcdn.net/img/1752474772PORCUPINE-DATES.png");
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    bottom: 1.5vw;
    right: 5vw;
    width: 15vw;
    height: 15vw;
    object-fit: contain;
    z-index: 1;
}
.hp_tf_grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 10px;
	row-gap: 10px;
}
.hp_tf_tick {
    width: 30px;
    object-fit: contain;
}
.hp_tf_element{
    width: 67%;
    margin-right: 3vw;
}
.hp_tf_line{
    border-bottom:3px dashed rgba(64,32,13,0.5);
    margin:2rem 0;
}
.tf_row2{
   position:relative; 

}
.tf_row2:before{
    position:absolute;
    content:"";
	background-image:url("https://cdn1.npcdn.net/img/1752474295real.png");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 12vw;
    height: 12vw;
    object-fit: contain;
    top: -3vw;
    left: -12vw;
}
.tf_row2 .col-md-12{
    display:flex;
    justify-content: flex-start;
    align-items: center;
   margin-bottom:2rem;
}
.hp_tf_buttonbox2{
    margin-top:0;
    flex:0 0 60%;
}
.tf_row2 .hp_tf_title{
    margin-bottom:0;
    flex:0 0 40%;
    justify-content: flex-start;
}
.tf_row3 .col-md-6.col-lg-4{
    padding:0.5rem;
}
.hp_tf_image_spec{
    margin:1rem 0;
}

@media screen and (max-width: 1200.5px){
    .hp_tf_grid{
    	grid-template-columns: 1fr 1fr;
    }
    .tf_row2 .hp_tf_title{
        flex:0 0 50%;
    }
    .hp_tf_buttonbox2{
        flex:0 0 50%;
    }
}
@media screen and (max-width: 991.5px){
    .hp_tf_element{
        margin-bottom:2rem;
    }
    .tf_row2 .col-md-12{
        display:block;
    }
    .hp_tf_buttonbox2{
        margin-top:2rem;
    }
}
@media screen and (max-width: 767.5px){
    .hp_tf{
        padding:60px 0;
    }
    .hp_tf_box{
        padding: 9%;
    }
    .hp_tf_grid{
    	grid-template-columns: 1fr;
    }
    .tf_row1:before{
        width: 20vw;
        height: 20vw;
        object-fit: contain;
        top: -12vw;
        left: unset;
        right: -6vw;
    }
    .hp_tf_element{
        width:100%;
    }
    .tf_row2:before{
        width: 20vw;
        height: 20vw;
        object-fit: contain;
        top: -12vw;
        left: unset;
        right: -6vw;
    }
    .hp_tf_image_spec {
        margin: 2rem 0;
    }
    .hp_tf_box:before{
        bottom: 0;
        right: 0;
        width: 36vw;
        height: 19vw;
    }

}

/*hp_video*/
.index_wrapper_4 {
	background-image:url("https://cdn1.npcdn.net/img/1752477263bg-03.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 90px 0 60px;
}
.index_wrapper_4:before{
    position: absolute;
    content: "";
    height: 4rem;
    width: 1px;
    background-color: #40200d;
    top: -2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.hp_video_bigtitle{
    justify-content: center;
}
.new_video .video_box .video_frame_outline{
    border-radius:0;
}

@media screen and (max-width: 767.5px){
    .index_wrapper_4{
        padding:60px 0 0;
    }
}

/*hp_cert*/
.hp_cert{
	background-image:url("https://cdn1.npcdn.net/img/1752482869bg-05.jpg");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    padding:60px 3% 60px 3%;
}
.hp_cert .row{
    align-items: center;
}
.hp_cert .cert_row1:nth-child(3) .col-lg-7{
    position:relative;
}
.hp_cert .cert_row1:nth-child(3) .col-lg-7:before{
    position: absolute;
    content: "";
    top: -124px;
    bottom: 0;
    right: -15px;
    background-image: url(https://cdn1.npcdn.net/img/1752542075element-02.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    width: 100px;
    height: 10px;
    margin: auto 0;
}
.hp_cert_image{
    position: relative;
    z-index:1;
    transform:scale(1.2) translate(2rem,0rem)!important;
}
.hp_cert_lastbox {
    position:relative;
    padding: 0 6%;
}
.hp_cert_lastbox:before{
    position: absolute;
    content: "";
    top: 0;
    left: -27rem;
    right: 0;
    margin: 0 auto;
    width: 25px;
    height: 7rem;
    background-image: url(https://cdn1.npcdn.net/img/1752571690element-03.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.hp_cert_lastimagebox{
    background-image:url("https://cdn1.npcdn.net/img/1752482952bg-06.jpg");
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;  
    border-radius:10px;
    box-shadow:0px 0px 5px rgba(0,0,0,0.3);
    padding:6%;
}
.hp_cert_last_content{
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background-color: #720a21;
    border-radius: 1000px;
    width: 260px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.hp_cert_last_content span{
    font-weight:700;
    font-size:30px;
}
.cert_row1{
    margin:120px 0;
}
.hp_cert_title{
    justify-content: center;
}
.hp_cert_title_a{
    justify-content: center;
    font-size:2vw;
}
.hp_cert_content_a{
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
}
.hp_cert_tick {
    width: 30px;
    object-fit: contain;
}
.hp_cert_box {
    background-color: #fff;
    padding: 6%;
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    width: 75%;
    margin: 0 auto;
}
.hp_cert_contentbox{
    box-shadow: 0px 0px 10px rgba(235, 223, 207, 255);
    padding:6%;
    border-radius:10px;    
    margin:2rem 0;
    background-color:#fff;
}
.hp_cert_grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 10px;
	row-gap: 10px;
	margin:2rem 0;
}
.hp_cert_gridbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
}
.hp_cert_image2 {
    width: 120px;
    margin: 0 auto;
    display: block;
}
.hp_cert_gridbox h3{
    margin-top:0.5rem;
}
.hp_cert_content_b{
    position:relative;
    margin-left:2rem;
}
.hp_cert_content_b:before{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -30px;
    background-image:url("https://cdn1.npcdn.net/img/1752481825ICON.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    margin: auto 0;
}
.hp_cert_amcenbox{
    padding:6%;
    border-radius:10px;
    background-color:#fff;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
    margin-bottom:2rem;
}
.hp_cert_content_c{
    color:#000;
}
.hp_cert_content_c2{
    width: 59%;
    margin: 0 0 0 2rem;
}
.spec_cert_title_c{
    justify-content: center;
    margin-bottom:0;
}
.hp_cert_last_content2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width:80%;
    margin:2rem auto 0;
}
.hp_cert_last_content2 span{
    text-align: center;
}
.hp_cert_last_icon2{
    width: 30px;
    object-fit: contain;
    margin-right:1rem;
}
.hp_cert:before{
    position: absolute;
    content: "";
    background-image: url(https://cdn1.npcdn.net/img/1752474772PORCUPINE-DATES.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    bottom: 1.5vw;
    right: 5vw;
    width: 15vw;
    height: 15vw;
    object-fit: contain;
    z-index: 1;
}
@media screen and (max-width: 991.5px){
    .hp_cert_image{
        transform:scale(1) translate(0,0)!important;
    }
}
@media screen and (max-width: 767.5px){
    .hp_cert{
        padding: 60px 0 20px;
    }
    .cert_row1 {
        margin: 0 0 60px;
    }
    .hp_cert_box{
        width:100%;
    }
    .hp_cert_title_a {
        font-size: 25px;
    }
    .hp_cert_grid{
        grid-template-columns: 1fr 1fr;
    }
    .hp_cert_content_c2{
        width:100%;
        margin:0;
    }
    .hp_cert_last_content{
        margin-bottom:2rem;
    }
    .hp_cert_last_content2{
        width:100%;
    }
    .hp_cert:before {
        bottom: 0;
        right: 0;
        width: 36vw;
        height: 19vw;
    }
    .spec_cert_title_123{
        margin: 4rem 0 2rem;
    }
    .spec_cert_title_456{
          display:block;
    }
    .hp_cert_last_content2{
        font-size:16px;
    }
    .hp_cert_last_content2 span{
        text-align: left;
    }
    .hp_cert_lastbox{
        padding:0;
    }
    .hp_cert .cert_row1:nth-child(3) .col-lg-7:before{
        top: -41px;
        right: 9px;
    }
}


/*hp_tong*/
.hp_tong{
    background-color:#fcfbf7;
    padding:80px 0;
}
.hp_tong_title{
    justify-content: center;
    margin-bottom:0;
}
.hp_tong_line {
    width: 16rem;
    height: 1px;
    background-color: #000;
    margin: 1rem auto;
}
.hp_tong_image002 {
    width: 250px;
    margin: 2rem auto;
    display: block;
}
.hp_tong_tick {
    width: 30px;
    object-fit: contain;
}
.hp_tong_content004{
    margin-bottom:4rem;
}
.hp_tong_title003{
    font-size: 1.9vw;
}
@media screen and (max-width: 767.5px){
    .hp_tong_title003 {
        font-size: 5vw;
        margin-bottom:2rem;
    }
    .hp_top_image{
        margin:2rem auto;
    }
}

/*hp_zao*/
.hp_zao{
    background-color:#fcfbf7;
    padding:0 0 60px;
}
.hp_zao .row{
    align-items: center;
}
.hp_zao_title001{
    justify-content: center;
}
.hp_zao_title002{
    justify-content: center;
    align-items: baseline;
}
.hp_zao_title002 span{
    position: relative;
    font-size: 70px;
}
.hp_zao_title002 span:before{
    position:absolute;
    content:"";
    top:0;
    bottom: 0;
    right: -6rem;
    width: 86px;
    height: 100px;
	background-image:url("https://cdn1.npcdn.net/img/1752486809element-04.png");
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	margin:auto 0;
}
.hp_zao_box003{
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    padding: 0 6% 6% 6%;
    margin:2rem 0;
    background-color:#fff;
}
.hp_zao_image003 {
    width: 250px;
    margin: 0 auto;
    display: block;
    transform: translate(0, -2rem);
}
.hp_zao_title003,
.hp_zao_title004{
    justify-content: center;
    font-size:2vw;
    margin-bottom:0;
}
.hp_zao_image005{
    width:70%;
    margin:2rem auto;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.hp_zao_grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 10px;
	row-gap: 10px;
	margin:2rem 0;
}
.hp_zao_box007 {
    width: 30%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hp_zao_image008{
    box-shadow:0px 0px 2px rgba(0,0,0,0.2);
}
.hp_zao_image009{
    transform:scale(1.4) translate(3rem,2rem);
}
@media screen and (max-width: 767.5px){
    .hp_zao_title002 span{
        font-size:30px;
    }
    .hp_zao_title002{
            justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .hp_zao_title002 span:before{
            width: 42px;
    }
    .hp_zao_title003, .hp_zao_title004{
        font-size:20px;
    }
    .hp_zao_image005{
        width:100%;
    }
    .hp_zao_grid{
    	grid-template-columns: 1fr;
    }
    .hp_zao_image009{
        margin-top:2rem;
    }
}

/*hp_gong*/
.hp_gong{
    padding:60px 0;
}
.hp_gong_title{
    justify-content: center;
}
.hp_gong_word {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    width: 185px;
    height: 34px;
    margin: 1rem auto;
}
.hp_gong_word span{
    font-size:25px;
}
.hp_gong_word:before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
	background-image:url("https://cdn1.npcdn.net/img/1752488265frame.png");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*hp_about*/
.hp_about{
    padding:0 0 60px;
}
.hp_about .row{
    align-items: flex-start;
}
.hp_about_title{
    font-size: 2vw;
    margin-bottom: 0.5rem;
}
.hp_about_icon{
    margin-top:1rem;
}
.hp_about_button{
    background-color: transparent !important;
    background-image: url(https://cdn1.npcdn.net/img/1752488265frame.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 185px;
    height: 55px;
    border-color: transparent !important;
    font-size: 18px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hp_about_button:hover{
    color:#fff;
    background-color:transparent;
    border:1px solid transparent;
}

@media screen and (max-width: 767.5px){
    .hp_about_title{
        font-size: 25px;
        margin-bottom: 2rem;
        flex-wrap: wrap;
    }
}

/*hp_brand*/
.hp_brand{
    padding:60px 0 0px 9%;
	background-image:url("https://cdn1.npcdn.net/img/1752489201background.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.hp_brand .row{
    align-items: center;
}
    .hp_brand_image{
        width:30%;
    }
    .hp_brand_title{
        font-weight:800;
        margin-bottom:1rem;
    }

@media screen and (max-width: 767.5px){
    .hp_brand{
        padding:60px 0 60px 3%;
    }
}

#custom_brand .slick-prev{
    left:0px;
    z-index: 500;
}
#custom_brand .slick-next{
    right:60px;
    z-index: 500;
}
#custom_brand .slick-prev:before{
    background-image:url("https://cdn1.npcdn.net/img/1752501480button-left.png");  
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
    content: "";
    width: 3rem;
    height: 4rem;
    display: flex;
}
#custom_brand .slick-next:before{
    background-image:url("https://cdn1.npcdn.net/img/1752501485button-right.png");
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
    content: "";
    width: 3rem;
    height: 4rem;
    display: flex;
}

@media screen and (max-width: 767.5px){
    #custom_brand{
        padding:0 5px;
    }
    #custom_brand .slick-prev{
        left:4px;
    }
    #custom_brand .slick-next{
        right:32px;
    }
    .hp_brand_image{
        width:80%;
    }
}

/*hp_contact*/
.index_wrapper_10{
	background-image:url("https://cdn1.npcdn.net/img/1752489517bg-04.jpg");
    background-size:cover;
    background-position:left bottom;
    background-repeat:no-repeat;
    padding:60px 9%;
}
.index_wrapper_10 .row{
    align-items: center;
}
.ex_hpcontact_formonly .subtitle{
    display:none;
}
.ex_hpcontact_formonly .title {
    font-size: 35px;
    margin-bottom: 10px;
    font-weight: 900;
}
.ex_hpcontact_formonly button{
    background-color: transparent !important;
    background-image: url(https://cdn1.npcdn.net/img/1752488265frame.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 185px;
    height: 55px;
    border-color: transparent !important;
    font-size: 18px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}


@media screen and (max-width: 767.5px){
    .index_wrapper_10{
        padding:60px 3%;
    }
}

.hp_bottom{
    background-color:#fbf6f2;
}
.hp_bottom .col-md-12{
    padding:0;
    border-bottom:1px solid #fff;
}

/*footer*/
.footer_type4{
    background-image:unset;
    background-color:#7b1124;
}
.footer_type4 .footer_subtitle{
    font-size:16px!important;
}
.footer_type4 .btn.btn-primary{
    color: #000;
    font-weight: 700;
    width: 110px;
    height: 38px;
    border-radius: 1000px;
    background-color:#fdfbf7!important;
}
.footer_type4 .copy_right,
.npfooter_languagebar .text-muted,
.platinum_website_visitor,
.npfooter_languagebar,
.copy_right small,
.footer_type4 .privacy_policy:hover,
.footer_type4 .mb-1{
    color:#fff!important;
}
.footer_langbar_item{
    color:#fff!important;
}

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

/*latestnews*/
.latest_new_type4 .news_box .img_frame img {
    object-fit: contain;
}
/*services*/
.ws_service_type3 .col-md-9 {
   
    flex: 0 0 100%;
    max-width: 100%;
}

.ws_service_type3 .col-md-3 {
    display: none;
    flex: 0 0 0%;
    max-width: 0%;
}

.service_box .my-3 {
  font-size: 16px;  
}

/*products*/
.product_list_horizontal .product_box .horizontal_detail_box .product_simple_description {
font-size: 16px;
}