/*All*/

body > br{
    display: none;
}

#main_index{
    padding-bottom:0rem!important;
    overflow:hidden;
    background-color:#000;
}
#main_index h1,
#main_index h2,
#main_index h5{
    cursor:default;
}

.breakspan{
    display:block;
}

.section_all{
    padding:3% 9% 6%;
}
.small_all{
    font-size:1vw;
    font-weight:400;
    margin-bottom:15px;
    color:#000;
}
.title_all{
    font-size: 3vw;
    font-weight: 400;
    margin-bottom: 15px;
    color: #fff;
}
.subtitle_all{
    font-size: 1.5vw;
    font-weight: 700;
    margin-bottom: 1%;
    color: #fff;
}
.subtitle2_all span{
    font-size: 2.8vw;
    font-weight: 500;
    margin-bottom: 1%;
    color: #fff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 35%, #F8971D 93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.subtitle2_all:hover{
    text-decoration: none;
}
.subtitle2_all:hover span{
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    text-decoration: none;
    color:#fff;
}
.subtitle2_all span{
    position:relative;
}
.subtitle2_all:hover span:after{
    position: absolute;
    content: "";
    background-image: url(https://cdn1.npcdn.net/img/1723619882arrow-right.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    right: -7rem;
    margin: auto 0;
    width: 100px;
    height: 50px;
    animation:move 1s ease-out infinite;    
}
.subtitle3_all{
    font-size:1.2vw;
    font-weight:400;
    margin-bottom:1%;
    color:#000;
}
.content_all{
    font-size:1vw;
    font-weight:400;
    margin-bottom:0%;
    color:#fff;
}
.image_all{
    width:100%;
    margin:0 auto;
    display:block;
}
.btnbox_left{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:4% 0% 0%;
}
.btnbox_center{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:4% 0% 0%;
}
.btnbox_right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin:4% 0% 0%;
}
.button_all{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    position: relative;
}
.button_all:hover{
    text-decoration: none;
    color:#fff;
}
.button_all:after{
    position: absolute;
    content: "";
    background-image: url(https://cdn1.npcdn.net/img/1723619882arrow-right.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    right: -7rem;
    margin: auto 0;
    width: 100px;
    height: 50px;
    animation:move 1s ease-out infinite;
}
.c_lineHi{
    line-height:2vw;
}
.text_center{
    text-align:center;
}
.c_bold{
    font-weight:700;
}
.c_space{
    display:block;
    font-size:0;
    opacity:0;
    height: 15px;
}
@media screen and (max-width: 1200.5px){
    .small_all{
        font-size:1.2vw;
    }
    .subtitle_all{
        font-size:1.5vw;
    }
    .subtitle2_all{
        font-size:1.5vw;
    }
    .subtitle3_all{
        font-size:1.5vw;
    }
    .content_all{
        font-size:1.2vw;
    }
    .button_all{
        font-size:1.2vw;
    }
    .c_lineHi{
        line-height:2.4vw;
    }
    .button_all:after{
        right: -4rem;
        width: 55px;
    }
}
@media screen and (max-width: 991.5px){
    .small_all{
        font-size:1.5vw;
    }
    .title_all{
        font-size:4vw;
    }
    .subtitle_all{
        font-size:1.8vw;
    }
    .subtitle2_all{
        font-size:1.8vw;
    }
    .subtitle3_all{
        font-size:1.8vw;
    }
    .content_all{
        font-size:1.5vw;
    }
    .button_all{
        font-size:1.5vw;
    }
    .c_lineHi{
        line-height:3vw;
    }

}
@media screen and (max-width: 767.5px){
    .section_all{
        padding:12% 3% 12%;
    }
    .small_all{
        font-size:14px;
    }
    .title_all{
        font-size:35px;
    }
    .subtitle_all{
        font-size:20px;
    }
    .subtitle2_all{
        font-size:14px;
        margin-bottom:5px;
    }
    .subtitle2_all span{
        font-size:6vw;
    }
    .subtitle2_all:hover span:after{
        right: -3rem;
        width: 40px;
    }
    .subtitle3_all{
        font-size:14px;
    }
    .content_all{
        font-size:14px;
    }
    .btnbox_left{
        margin:9% 0% 0%;
    }
    .btnbox_center{
        margin:9% 0% 0%;
    }
    .btnbox_right{
        margin:9% 0% 0%;
    }
    .button_all{
        font-size:16px;
    }
    .c_lineHi{
        line-height:30px;
    }
}

/*top_spacing*/
#top_spacing{
    background-color:#fff;
}
#main_index #top_spacing{
    background-color:#000;
}

@media screen and (max-width: 991.5px){
    #top_spacing{
        background-color:#fff;
    }
    #main_index #top_spacing{
        background-color:#000;
    }    
}

/*cateogory 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;
}

/*product detail page*/
@media screen and (max-width: 767.5px){
    .table_wrapper{
        overflow-y:scroll;
    }
}

/*news page*/
.latest_new_type4 .news_box .img_frame img{
    object-fit: contain;
}

/*navbar*/
.navbar_type8{
    background-color:#f8971c;
    height:120px;
}
#main_index .navbar_type8{
  background-color:transparent;  
}
.navbar_type8 .logo{
    overflow:unset;
    margin-left:4%;
}

.navbar_type8 .logo img{
    width:100%;
    padding:0px;
    height:100%;
}
#main_index .navbar_type8 .logo img{
    height:140%;
}
.navbar_type8 .nav_tab{
    justify-content: flex-start;
    padding-right:3%;
}
.navbar_type8 .nav_tab .nav_item a{
    font-size:1vw;
    font-weight:600;
    padding:15px 1.2vw;
    color:#fff;
}
.navbar_type8 .nav_tab .nav_item::before{
    border-bottom:2px solid #fff;
}
.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:#f8971c!important;
}
.navbar_mobile{
    background-color:#fff!important;
}
#main_index .dark_nav{
    background-color:#f8971c!important;   
}
#main_index .dark_nav .logo img{
    height:100%;
}
@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:-120px;
}
.slider_banner .banner_content{
    overflow:hidden;
}
.hp_banner{
	position:relative;
	left:12%;
	top:54%;
	transform:translate(0,-50%);
}
.hp_banner_title{
    font-size: 4.5vw;
    font-weight: 400;
    color:#fff;
    margin-bottom:0;
}
.banner_bold{
    font-weight:600
}
.hp_banner_buttonbox{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    margin:4% 0% 0%;
}
.hp_banner_button{
    font-size: 24px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    position: relative;
}
.hp_banner_button:hover{
    text-decoration: none;
    color:#fff;
}
.hp_banner_button:after{
    position: absolute;
    content: "";
    background-image: url(https://cdn1.npcdn.net/img/1723619882arrow-right.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    right: -7rem;
    margin: auto 0;
    width: 100px;
    height: 50px;
    animation:move 1s ease-out infinite;
}
@keyframes move{
    0%,100%{
        transform:translate(0,0);
    }
    50%{
        transform:translate(0.5rem,0);
    }
}
@media screen and (max-width: 991.5px){
    .index_wrapper_2{
        margin-top:0px;
    }    
    .hp_banner{
        top:50%;
    }
    .hp_banner_title{
        font-size:7vw
    }
}
@media screen and (max-width: 767.5px){
    .index_wrapper_2 .item>img{
    	min-height:80vw!important;
    	object-fit:cover;
    }
    .hp_banner{
        left:4%;
    }
    .hp_banner_title{
        font-size:9vw;
    }
    .hp_banner_buttonbox{
        margin:4% 0% 0%;
    }
    .hp_banner_button{
        font-size:16px;
        width:60%;
    }
    .hp_banner_button:after{
        right: -4rem;
        width: 46px;
        height: 30px;
    }
}


/*hp_choose*/
.index_wrapper_3{
    background: linear-gradient(#f8971c 2%, rgba(255, 255, 255, 0) 54%,#000);
}
.hp_choose{
    position:relative;
    padding:9% 12%;
}
.hp_choose:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 8vw;
    top: -38px;
    background: linear-gradient(transparent,rgba(248,151,28,1) 28%,transparent 101%);
    left: 0;
    right: 0;
    z-index: 1; 
}
.hp_choose .row{
    align-items: center;
}
.choose_row2 .col-md-6{
    padding:0 0.5rem 1rem 0.5rem;
}
.choose_row2 .col-md-6:nth-child(2) .hp_choose_box,
.choose_row2 .col-md-6:nth-child(4) .hp_choose_box{
    transform:translate(0,2rem);
}
.hp_choose_box{
    background-color: rgba(166, 161, 155, 0.7);
    padding: 8%;
    border-radius: 15px;
    min-height:13vw;
    transition:0.25s all linear;
}
.hp_choose_box:hover{
    transform:scale(0.98);
}
.choose_row2 .col-md-6:nth-child(2) .hp_choose_box:hover,
.choose_row2 .col-md-6:nth-child(4) .hp_choose_box:hover{
    transform:scale(0.98) translate(0,2rem);
}
.hp_choose_buttonbox{
    margin:9% 0% 0%;
}
@media screen and (max-width: 991.5px){
    .hp_choose_buttonbox{
        margin: 3% 0% 9%;
    }
    .hp_choose_content .breakspan{
        display:inline;
    }
}
@media screen and (max-width: 767.5px){
    .hp_choose{
        padding:12% 3%;
    }
    .hp_choose:before{
        top:-18px;
    }
    .choose_row2 .col-md-6{
        padding:0 0.5rem 2rem 0.5rem;
    }
    .hp_choose_buttonbox {
        margin: 9% 0% 20%;
    }
    .choose_row2 .col-md-6:nth-child(2) .hp_choose_box,
    .choose_row2 .col-md-6:nth-child(4) .hp_choose_box{
        transform:translate(0,0rem);
    }
    .choose_row2 .col-md-6:nth-child(2) .hp_choose_box:hover,
    .choose_row2 .col-md-6:nth-child(4) .hp_choose_box:hover{
        transform:scale(0.98) translate(0,0rem);
    }
}

/*hp_pro*/
.hp_pro{
    padding: 0% 5% 6% 12%;
}
.hp_pro .row{
    align-items: center;
}
.hp_pro_image{
    display:none;
}
.hp_pro_content{
    position: absolute;
    font-size: 1.5vw;
    font-weight: 300;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 0;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    top: 12%;
    left: 3%;
}
.hp_pro_box{
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width:100%;
    flex-wrap:nowrap;
}
.c_show{
    display:block;
    animation:oop 0.75s linear;
}

@keyframes oop{
    0%{opacity:0.5;}
    100%{opacity:1;}
}

@media screen and (max-width: 991.5px){
    .hp_pro_content{
        font-size:2vw;
        left:0;
    }
}
@media screen and (max-width: 767.5px){
    .hp_pro{
        padding:0% 0% 12% 3%;
    }
    .hp_pro_content{
        font-size:4vw;
        top: 1%;
        left:-5%;
    }
    .hp_pro_box{
        margin-left:5%;
    }
}

/*hp_gallery*/
.hp_gallery{
    padding:6% 12%;
}
.hp_gallery .row{
    align-items: center;
}
.hp_gallery .col-md-4:nth-child(3) .hp_gallery_box:first-child{
    margin-bottom:2rem;
}
.hp_gallery_title{
    font-weight:600;
}
.hp_gallery_box{
    overflow:hidden;
}
.hp_gallery_image{
    transition:1s all linear;
}
.hp_gallery_image:hover{
    transform:scale(1.05);
}
.hp_gallery_buttonbox{
    margin-top: 2rem;
    height: 9rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 9%;
}
.hp_gallery_button:before{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 125px;
    height: 125px;
    background-image: url(https://cdn1.npcdn.net/img/1723626017target-icon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto 0;
}

@media screen and (max-width: 767.5px){
    .hp_gallery{
        padding:12% 3%;
    }
    .hp_gallery_title{
        margin-bottom:2rem;
    }
    .hp_gallery .col-md-4 .hp_gallery_box{
        margin-bottom:2rem;        
    }
}


/*hp_google*/
.hp_google{
    padding:6% 12%;
}
.hp_google_title{
    font-weight:600;
}

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


/*hp_about*/
.hp_about{
    padding: 0% 0% 6% 12%;
}
.hp_about .row{
    align-items: center;
}
.hp_about_sub{
    position: absolute;
    font-size: 1.5vw;
    font-weight: 300;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 0;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    top: 12%;
    left: 3%;
}
.hp_about_content{
    width:90%;
}
@media screen and (max-width: 991.5px){
    .hp_about_sub{
        font-size:2vw;
        left:0;
    }
}
@media screen and (max-width: 767.5px){
    .hp_about{
        padding:0% 3% 0% 6%;
    }
    .hp_about .col-md-6:last-child{
        margin-top:15%;
    }
    .hp_about_title .breakspan{
        display:inline;
    }
    .hp_about_content{
        width:100%;
    }
    .hp_about_sub{
        font-size:4vw;
        top: 1%;
        left:-5%;
    }
}

/*footer*/
.footer_type6{
    background-color:#000;
    padding-bottom:0;
}
.footer_type6 > .row{
    /*background: linear-gradient(360deg, #f26324 0%, #f8971c 46%, rgba(0, 0, 0, 1) 101%);*/
    background-image: url(https://cdn1.npcdn.net/img/1723630718footer-bg.jpg);
    background-size: cover;
    background-position: 0vw 0vw;
    background-repeat: no-repeat;
    padding-bottom: 1.5rem;
    padding-top: 5rem;
}
.footer_type6 .logo{
    min-height:200px;
}
.footer_type6 .logo img{
    max-height:200px;
}
.npfooter_languagebar .text-muted{
    color:#fff;
}
.npfooter_languagebar{
    color:#fff;
}
.platinum_website_visitor{
    color:#fff; 
}
.footer_type6 .copy_right{
    color:#fff;
}
.platinum_website_visitor{
	color:#fff;
}
.copy_right small{
    color:#fff;
}
@media screen and (max-width: 1200.5px){
    .footer_type6 .logo{
        min-height:175px;
    }
    .footer_type6 .logo img{
        max-height:175px;
    }    
}
@media screen and (max-width: 991.5px){
    .footer_type6 .logo{
        min-height:165px;
    }
    .footer_type6 .logo img{
        max-height:165px;
    }    
}
@media screen and (max-width: 991.5px){
    .footer_type6 .input-container input, 
    .footer_type6 .input-container label{
        font-size:1.1vw;
    }
    .footer_type6 .input-container .moveUp{
        font-size:1.1vw;
    }	
}
@media screen and (max-width: 767.5px){
    .footer_type6 .input-container input, 
    .footer_type6 .input-container label{
        font-size:14px;
    }
    .footer_type6 .input-container .moveUp{
        font-size:14px;
    }
}