@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
 
 .page_title b{
    font-family: 'Bebas Neue', cursive;
    font-size:2.5rem;   
    color:#d59b1d;     
 }
 
/*nav*/
.navbar_type8 {
    background-color: black;
}

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

.navbar_type8 .logo img {
    padding: 0;
}

/*footer*/
.footer_type4 {
  padding-top: 80px;
  background-color: #000;
}

.footer_type4 h6{
    font-family: 'Bebas Neue', cursive;
    font-size:2rem;   
    color:#d59b1d;
}

.footer_type4 .left_line {
  border-right: 0px;
}

/*Banner*/
.slider_banner{
    margin-top:-80px;
}
.banner_content{
    display:flex;
    justify-content: center;
    align-items:center;
}

.b-img {
    max-width:1000px;
    margin:0 auto;
}

/*homepage*/
#main_index{
    padding-bottom:0 !important;
}

.title_big{
    font-family: 'Bebas Neue', cursive;
    font-size:3rem;
    line-height:1;
    font-weight:400;
    color:#d59b1d;
}

.title_big span{
    display:block;
}

.title_small{
    font-family: 'Bebas Neue', cursive;
    font-size:1.6rem;
    line-height:1.2;
    font-weight:400;
    color:#000;
}

.content_text{
    font-size:.9rem;
    line-height:1.6;
    font-weight:400;
    color:#686868;
}

/*hp_about*/
.hp_about{
    background-image:linear-gradient(#39383a,#231f20);
    background-size:content;
    background-position:left bottom;
}

.hp_about::before{
    content:'';
    position:absolute;
    display:block;
    z-index: 1;
    left:0;
    bottom:0;
    background-image:url(https://cdn1.npcdn.net/userfiles/24338/image/about_img.png);
    background-size:100%;
    background-repeat: no-repeat;
    background-position:bottom left;
    width:100%;
    max-width:600px;
    height:100%;
}

.hp_about .col-lg-5{
    position:relative;
    z-index: 2;
    display:flex;
    align-items:center;
    justify-content: center;
}

.about_img{
  max-width: 550px;
}

.about_content{
    padding-top:120px;
    padding-bottom:120px;
    width:90%;
    margin-right:auto;
    position: relative;
    z-index: 3;
}

.about_content p{
    color:#ccc;
}

.about_video{
    width:55%;
    max-width: 500px;
}

/*hp_why*/
.hp_why{
    background:#fff;
    position:relative;
}

.hp_why::before{
    content:'';
    position:absolute;
    display:block;
    z-index: 1;
    right:0;
    top:0;
    background-image:url(https://cdn1.npcdn.net/userfiles/24338/image/why_bg.png);
    background-size:100%;
    background-repeat: no-repeat;
    width:100%;
    max-width:600px;
    height:100%;
}

.why_img{
    position:relative;
    z-index: 2;
    max-width: 500px;
    margin:40px auto;
}

.why_group{
    display:flex;
    flex-wrap: wrap;
    width:83%;
    margin-left:auto;
    margin-top:80px;
}

.why_box{
    width:50%;
    display:flex;
    flex-wrap: wrap;
    align-items:top;
    margin-bottom:10px;
}

.why_box img{
    width:100%;
}

.why_icon{
    max-width:60px;
    width:30%;
    padding-right:10px;
}

.why_boxcontent{
    width:70%;
}

.why_boxcontent h3{
    font-family: 'Bebas Neue', cursive;
    font-size:1.6rem;
    line-height:1;
    font-weight:400;
    color:#000;   
    margin-bottom:5px;
    margin-top:10px;
}

.why_boxcontent h3 span{
    display:inline-block;
}

.why_boxcontent p{
    font-size:.9rem;
    line-height:1.6;
    font-weight:400;
    color:#686868;   
}

.why_table{
  width:80%;
  max-width:1200px;
  margin: 0 auto;
}
.why_tablecontent{
    width:90%;
   margin-top:25px;
   display:none;
}

/*hp_service*/
#main_index .index_wrapper_5{
    background-image:url(https://cdn1.npcdn.net/userfiles/24338/image/bg1.jpg);
    background-size:100%;   
    background-repeat: no-repeat;
    background-position:bottom;
    position:relative;
    padding-bottom:80px;
    padding-top:80px;
}

#main_index .index_wrapper_5::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    background-image:url(https://cdn1.npcdn.net/userfiles/24338/image/service_bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size:100%;
    width:100%;
    max-width:900px;
    height:100%;
}

.service_content{
  width: 80%;
  margin: 0 auto;
}

.product_cat-3{
    width:80%;
    position: relative;
    z-index: 2;
}
.product_cat-3 .cat_box {
    height: 250px;
}

.product_cat-3 .cat_box .content h4{
    font-family: 'Bebas Neue', cursive;
    font-size:1.6rem;    
}

/*hp_care*/
.hp_care{
    background:#000;
    position:relative;
}

.care_img{
    position:relative;
    z-index: 2;
    max-width: 500px;
    margin:40px auto;
}

.care_content{
    width:80%;
    margin-left:auto;
    margin-top:80px;
    padding-bottom:80px;
}

.care_content h3{
    color:#fff;
}

.care_content ul{
    padding-left:10px;
}

.care_content ul li{
    font-size: .95rem;
    line-height: 1.6;
    font-weight: 400;
    color: #cccccc; 
    margin-bottom:8px;
}

/*hp_product*/
#main_index .index_wrapper_7{
    background-image:url(https://cdn1.npcdn.net/userfiles/24338/image/bg2.jpg);
    background-size:cover;   
    background-repeat: no-repeat;
    background-position:bottom;
    position:relative;
    padding-top:80px;
    padding-bottom:80px;
}

.ourproduct_content{
  width: 80%;
  margin: 0 auto;
}

.productSlider-1{
    width:80%;
    margin:0 auto;
}

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

.productSlider-1 .slick-track .slick-slide {
  border-radius: 0;
  background-color: rgba(255,255,255,0.8);
  box-shadow:none;
}

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

/*hp_productintro*/
.hp_productintro{
    background:#000000;
    padding-top:80px;
    padding-bottom:80px;
}

.hp_productintro .row .col-xl-4{
    display:flex;
    align-items:center;
}

.productintro_content{
    width:70%;
    margin-left:auto;
}

.productintro_group{
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content:center;
    width:90%;
    margin-right:auto;
}

.productintro_img1{
    width:45%;
}

.productintro_img2{
    width:55%;
    margin-top:25px;
    margin-left:-50px;
}

/*hp_brand*/
.hp_brand{
    background:#d7a83f;
    padding-top:40px;
    padding-bottom:40px;
}

.hp_brand #container {
     position:relative;
     width:100%;
     height:120px;
     overflow:hidden;
     border:0;
 }
 
.hp_brand #div1 {
     position:absolute;
     left:0px;
     top:20px;
     width:4000px;
     height:120px;
 }
 
.hp_brand #div2 {
     position:absolute;
     left:4000px;
     top:20px;
     width:4000px;
     height:120px;
 }
 
.hp_brand .img1 {
     border:0;
     margin:0;
     float:left;
 }
 
 /*about us page*/
  .titleAboutUs{
    font-family: 'Bebas Neue', cursive;
    letter-spacing:0;
    margin-top:20px;
    color:#d59b1d;     
 }
 
 @media only screen and (max-width: 1200px) {
     
    .b-img {
      width: 80%;
      margin: 10% auto 0 auto;
    }
    
    .hp_about::before {
        max-width:500px;
    }
    
    .why_group {
      display: flex;
      flex-wrap: wrap;
      width: 90%;
      margin-left: auto;
      margin-top: 80px;
      margin-right: auto;
    }
    
    .why_boxcontent h3 {
      font-family: 'Bebas Neue', cursive;
      font-size: 1.4rem;
    }
    
    .why_boxcontent p {
      font-size: .9rem;
      line-height: 1.4;
    }
    
    .why_icon {
      max-width: 50px;
    }
    
    .why_table {
      width: 90%;
      max-width: 1200px;
      margin: 0 auto;
      overflow:scroll;
      position:relative;
      z-index:99;
    }
    
    .why_table img{
        width:auto;
        height:550px;
        overflow:scroll;
    }
    
    .why_tablecontent{
        display:block;
        width:90%;
        margin:0 auto;
    }
    
    .service_content {
      width: 90%;
      margin: 0 auto;
    }
    
    .product_cat-3 {
        width: 90%;
    }
    
    .care_content {
      width: 90%;
    }
    
    .care_content ul li {
      line-height: 1.4;
    }
    
    .productSlider-1 {
      width: 90%;
    }
    
    .ourproduct_content {
      width: 90%;
      margin: 0 auto;
    }
    
    .productintro_content{
        width:90%;
        margin:0 auto;
    }
    
    .productintro_group {
        width: 100%;
    }
    
    .hp_brand {
      padding-top: 0;
      padding-bottom: 20px;
    }
}

@media only screen and (max-width: 991.5px) {
    .navbar_mobile {
      flex-basis: auto;
      background-color: #151415;
    }
    
    .b-img {
      width: 60%;
      margin: 5% auto 0 auto;
    }
    
    .hp_about .title_big{
        text-align:center;
    }
    
    .title_big span{
        display:inline-block
    }
    
    .hp_about{
        padding-top:80px;
    }
    
    .hp_about::before{
        transform: translateX(60%);
        max-width:400px;
    }
    
    .about_content {
      padding-top: 20px;
      padding-bottom: 250px;
      width: 90%;
      margin: 0 auto;
    }
    
    .about_content p {
      text-align: center;
    }

    .hp_about::before {
      max-width: 400px;
    }
    
    .why_group {
        margin-top:0;
    }
    
    .care_content {
      width: 90%;
      margin: 80px auto 0 auto;
      padding-bottom:0;
    }
    
    .footer_type4 .container{
        max-width:90%;
    }
}

@media only screen and (max-width: 768px) {

    .slider_banner .item img {
      width: 100% !important;
      min-height: 450px !important;
      object-fit: cover;
      object-position: bottom;
    }
    
    .slider_banner .banner_content .b-img{
        width:80%;
    }
    .slider_banner .banner_content .b-img img{
      width: 100% !important;
      min-height: unset !important;
      object-fit: 100% !important;
      object-position: center;
    }
    
    .hp_about::before {
        transform: translateX(0%);
        max-width:100%;
        background-size:contain;
    }
    
    .why_group {
        display: block;
    }
    
    .why_box {
        width: 100%;
    }
    
    .why_icon {
      max-width: 55px;
      width:20%;
    }
    
    .why_boxcontent {
      width: 80%;
    }
    
    .footer_type4 .left_line {
      border-bottom: 0px;
    }
}

@media only screen and (max-width: 600px) {
    .slider_banner .banner_content .b-img {
      width: 100%;
    }
    
    .title_big {
      font-family: 'Bebas Neue', cursive;
      font-size: 2.5rem;
    }
    
    .title_small {
        font-size: 1.2rem;
    }
    
    .hp_about .title_big{
        text-align:left;
    }
    
    .about_content p{
        text-align:left;
    }
    
    .about_video {
      width: 90%;
    }
    
    .product_cat-3 .col-6{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .product_cat-3 .cat_box {
      height: 200px;
    }
    
    .productintro_img2 {
      margin-left: -20px;
    }
    
    
}