/*Font*/

#main_index{
    background-color: #000;
    background-image: url("https://cdn1.npcdn.net/images/D_Background_v9duas_1778035491.jpg?md5id=dd473ece077230d91b9340e3b4e57c11&new_width=1000&new_height=1000&type=4");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    
    
}

@media screen and (max-width: 991.5px){
    #main_index{
        background-image: url("https://cdn1.npcdn.net/images/Mypress_background_phone_lbxwtk_1778140352.jpg?md5id=dd473ece077230d91b9340e3b4e57c11&new_width=1000&new_height=1000&type=4");
    }
}

@media screen and (max-width: 767.5px){
    #main_index{
        background-image: url("https://cdn1.npcdn.net/images/Mypress_background_phone2_gxs4kj_1778140468.jpg?md5id=dd473ece077230d91b9340e3b4e57c11&new_width=1000&new_height=1000&type=4");
    }
}

.alltitle {
    color: #ffde00;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.3;
}

span.titlebold {
    font-weight: 600;
    font-size: 38px;
}


.allcontent {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.9;
}

.allsubtitle {
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}
@media screen and (max-width: 1199.5px){
    .allsubtitle{
        font-size: 16px;
    }
}


@media screen and (max-width: 991.5px) {
    .alltitle{
        font-size: 32px;
    }
    
    span.titlebold{
        font-size: 40px;
    }
}


@media screen and (max-width: 575.5px) {
    .alltitle{
        font-size: 20px;
    }
    
    span.titlebold{
        font-size: 24px;
    }
    
    .allsubtitle {
        font-size: 20px;
    }
}
/*deco*/


.hpdeco {
    width: 10rem;
}

.decoimg{
    width: 100%;
    padding-bottom: 11%;
}

@media screen and (max-width: 991.5px) {
    .hpdeco {
        width: 35%;
    }
}


/*Button*/

.allbtn:hover{
    text-decoration: none;
    color: #ffde00;
}

.allbtn_text {
    position: relative;
}

.allbtn_text:after{
    background-image: url("https://cdn1.npcdn.net/images/A_Icon_erglb9_1778035490.png?md5id=dd473ece077230d91b9340e3b4e57c11&new_width=1000&new_height=1000&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    width: 30px;
    height: 30px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: -2.8rem;
    position: absolute;
}



.btnbox {
    
    display: flex;
    justify-content: flex-start;
    align-items: center;
    
}

.allbtn{
    color: #ffde00;
    font-size: 16px;
    margin: 0;
    font-weight: 200;
    
}

/*navbar*/

#main_index #top_spacing{
    display: none;
}

.navbar_type8 {
    height: 100px;
}

.navbar_type8 .logo img{
    width:290px;
   
}

.navbar_type8 .logo{
    flex: 0 0 30%;
    margin-left: 7%;
}

.navbar_type8 .nav_tab{
    flex: 0 0 70%;
    padding-right: 165px;
}

.navbar_type8 .nav_tab .nav_item a{
    font-size:1vw;
    padding:15px 1.2vw;
    color: #ffde00;
    font-weight: 600;
}
.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_mobile{
    background-color: rgba(0, 0, 0, 1);
}

.navbar_mobile .btn-outline-light{
    color: #ffde00;
    border-color: #ffde00;
}

.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;
}

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

@media screen and (max-width: 991.5px){
    #main_index #top_spacing{
        display: block;
        
    }
    
    .navbar_mobile .logo_img{
        transform: translate(0,2px);
    }

}
@media screen and (max-width: 400.5px){
    .navbar_mobile .logo_img{
        max-height: 35px;
    }

}

/*hp_banner*/
.slider_banner .banner_content{
    overflow:hidden;
}
.hp_banner{
    position:relative;
    left:8%;
    top:50%;
    transform:translate(0,-60%);
    width:calc(100% - 18%);
}
/*.hp_banner_small{*/
/*    font-size:1vw;*/
/*    font-weight:400;*/
/*    line-height:1.5;*/
/*    color:#000;*/
/*}*/
.bannertitle {
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.1;
    color: #ffde00;
}



.bannerbottombox{
    display: flex;
    align-items: center;
    margin-top: 8%;
}

.bannerspan {
    font-size: 3vw;
    color: #fff;
    font-weight: 200;
}


.bannercontent {
    position: relative;
}

.bannercontent:after{
    background-image: url("https://cdn1.npcdn.net/images/A_Icon_erglb9_1778035490.png?md5id=dd473ece077230d91b9340e3b4e57c11&new_width=1000&new_height=1000&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    width: 25px;
    height: 25px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: -2.2rem;
    position: absolute;
}

.bannercontent br{
    display: none;
}

.bannerbtnbox {
    
    display: flex;
    justify-content: flex-start;
    align-items: center;
    
}

.bannerbtn{
    color: #fff;
    font-size: 1.6vw;
    margin: 0;
    display: flex;
}

.bannerbtn:hover{
    color: #fff;
    text-decoration: none;
}


@media screen and (max-width: 1200.5px){
    .bannercontent{
        font-size:1.2vw;
    }
}
@media screen and (max-width: 991.5px){
    .bannercontent{
        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%);
    }
    .bannertitle{
        font-size:12vw;
    }
    
    .bannerspan{
        font-size: 6vw;    
    }
    
    .bannercontent{
        font-size:4.2vw;
    }
    
    .slider_banner .banner_content{
        left: 55%!important;
    }
    
    .bannercontent br{
        display: block;
    }
    
    .bannercontentline{
        display: none;
    }
    
    .bannercontent:after {
        width: 50px;
        height: 50px;
        right: -5.2rem;
    }
    
    
}

@media screen and (max-width: 576.5px){
  
    
    .bannercontent:after {
        width: 40px;
        height: 40px;
        right: -3.5rem;
    }
    
    .hp_banner {
        left: 0%;
        top: 41%;
        width: calc(100% - 0%);
    }
    
    .index_wrapper_2 .item>img {
        min-height: 130vw!important;
        object-fit: cover;
    }
}


/*footer*/

.footer_type6{
    background-color: unset;
    background-image: url("https://cdn1.npcdn.net/images/G_Footer_Background_wu4z79_1778035491.jpg?md5id=dd473ece077230d91b9340e3b4e57c11&new_width=1000&new_height=1000&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.footer_subtitle{
    color: #ffde00;
}

.footer_type6 p {
    font-weight: 200;
}

/* About us */

#main_index .index_wrapper_3{
    margin-top: -175px;
    padding: 0 9%;
    background: linear-gradient(to top, #000 66%, transparent);
    position: relative;
}

.hpabout_box{
    display: flex;
    justify-content: center;
}

.hpabout_contentbox{
    padding: 0;
}

.hp_aboutimgbox{
    width: 42vw;
}

.alltitle.about{
    padding-bottom: 3%;
    position: relative;
}

.allcontent.about{
    padding-bottom: 3%;
    width: 88%;
}

.alltitle.about:after {
    line-height: 0.9;
    position: absolute;
    content: "ABOUT US";
    font-size: 1.5vw;
    font-weight: 300;
    transform: rotate(90deg);
  
    top: 5vw;
    right: 39vw;
    width: 9vw;
}

@media screen and (max-width: 1199.5px){
    #main_index .index_wrapper_3{
        margin-top: -100px;
    }
    
    #main_index .index_wrapper_3 {
       
        background: linear-gradient(to top, #000 75%, transparent);
        
    }
}

@media screen and (max-width: 991.5px){
    .alltitle.about:after {
        font-size: 2.5vw;
        top: 7vw;
        right: 79vw;
        width: 14vw;
    }
    
    
    
    .hp_aboutimgbig{
        display: flex;
        justify-content: center;
        padding: 3% 0 0 0;
    }
    
    .hp_aboutimgbox{
        width: 80vw;
    }
    
    #main_index .index_wrapper_3 {
        background: linear-gradient(to top, #000 90%, transparent);
    }
}

@media screen and (max-width: 767.5px){
    #main_index .index_wrapper_3 {
        margin-top: -70px;
    }
    
    
}

@media screen and (max-width: 576.5px){
    #main_index .index_wrapper_3{
        margin-top: -95px;
    }
    
    .allcontent.about{
        
        width: 100%;
    }
    
    #main_index .index_wrapper_3 {
        background: linear-gradient(to top, #000 82%, transparent);
    }
    
    
}



/*whyus*/


/*left*/

#main_index .index_wrapper_4{
    padding: 7% 9% 3.5% 9%;
}

.allcontent.whyus {
    width: 64%;
}

.whyus_contentbox{
    padding: 0;
}

.whyusleft{
    align-items: center;    
}

/*right*/

.whyusright{
    padding: 0;
}

.whyusbigbox{
    display: flex;
    flex-wrap: wrap;
}



.whyus_icon {
    width: 100%;
}

.icon_box {
    width: 4.5vw;
}

.boxgap {
    box-sizing: border-box;
    padding: 1%;
    flex: 0 0 50%;
}

.whycardtop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.whyusbox {
    padding: 7%;
    border-radius: 14px;
    height: 14rem;
}

.btnbox.whyus{
    padding-top: 3%;
}

.whyusbox.card1, .whyusbox.card2{
    background-image: url("https://cdn1.npcdn.net/images/C_Gradient_1_ry4kmg_1778035490.png?md5id=dd473ece077230d91b9340e3b4e57c11&new_width=1000&new_height=1000&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.whyusbox.card3, .whyusbox.card4{
    background-image: url("https://cdn1.npcdn.net/images/C_Gradient_2_p7r4dn_1778035490.png?md5id=dd473ece077230d91b9340e3b4e57c11&new_width=1000&new_height=1000&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.whyusbox.card1, .whyusbox.card3{
    transform: translateY(-10%);
}

.allcontent.whycard{
    color: #333333;
    padding-top: 3%;
}

@media screen and (max-width: 1199.5px) {
    .icon_box {
        width: 5vw;
    }
    
}


@media screen and (max-width: 991.5px){
    .whyusright {
        padding: 9% 0 0 0;
    }
    
    .icon_box {
        width: 5.5vw;
    }
    
    .allcontent.whyus {
        width: 100%;
    }
    
    #main_index .index_wrapper_4{
        padding: 7% 9% 7% 9%;
    }
}


@media screen and (max-width: 575.5px) {
    .whyusbox.card1, .whyusbox.card3 {
        transform: unset;
    }
    
    .whyusbox {
        height: 16rem;
    }
    
    .icon_box {
        width: 11vw;
    }
    
    .boxgap {
        
        flex: 0 0 100%;
    }
    
    
}

/*Product*/

#main_index .index_wrapper_5 {
    padding: 3.5% 9%;
}

#main_index .product_contentbox {
    padding: 0;
}


.btnbigbox.product{
    padding-top: 30%;
}


.productbtn {
    color: #fff;
    font-size: 24px;
    margin: 0;
}

.productbtn:hover{
    color: #fff;
    text-decoration: none;
}

.productbtn_text{
    position: relative;
    display: flex;
}

.productbtn_text:after {
    background-image: url("https://cdn1.npcdn.net/images/A_Icon_erglb9_1778035490.png?md5id=dd473ece077230d91b9340e3b4e57c11&new_width=1000&new_height=1000&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    width: 30px;
    height: 30px;
    top: 0;
    
    margin: auto 0;
    right: -2.8rem;
    position: absolute;
}


.productbtn_text.alignment:after {
    
    
    
}

.btnbox.product {
    
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 9%;
    
}

.product_topbox, .product_bottombox{
    padding: 0;
}



/*Product slider*/



.product_cat-11 .hp_product_cat_slider .card{
    background-color: unset;
}

.product_cat-11 .hp_product_cat_slider .item > a{
    display: none;
}

.product_cat-11 .hp_product_cat_slider .item .wrapper_brand{
    padding-top: 75%;
}

.product_cat-11 .hp_product_cat_slider .item .wrapper_brand:hover img{
    transform: unset;
}

.product_cat-11 .hp_product_cat_slider .item::after{
    display: none;
}
.product_cat-11 .slick-arrow::before{
    display: none;
    
}

.slick-dots li button:before{
    color: #d6f085;
    opacity: 1;
}

.slick-dots li.slick-active button:before{
    color: #ffde00;
    opacity: 1;
}

.product_cat-11 .hp_product_cat_slider .slick-track{
    padding-bottom: 0;
}

@media screen and (max-width: 1199.5px) {
    
    .productbtn {
       
        font-size: 20px;
       
    }
    
    .btnbigbox.product {
        padding-top: 10%;
    }
}

@media screen and (max-width: 991.5px){
    #main_index .index_wrapper_5 .col-md-4.generated_col.p-0, #main_index .index_wrapper_5 .col-md-8.generated_col.p-0{
        
        flex: 0 0 100%;
        max-width: 100%;

    }
    
    #main_index .index_wrapper_5 .col-md-8.generated_col.p-0{
        padding-top: 7%!important;
    }
    
    .hpdeco.product{
        width: 70%;
    }
    
    .btnbigbox.product{
        padding-top: 0;
    }
    
    .btnbox.product.firstproductbtnbox{
        padding-top: 0;
    }
    
    #main_index .index_wrapper_5 .container-fluid.innerContainer_6{
        padding: 0;
    }
    
    #main_index .index_wrapper_5{
        padding: 7% 9% 7% 9%;
    }
}


@media screen and (max-width: 767.5px){
    .product_topbox, .product_bottombox{
        flex: 0 0 50%;
    }
}

@media screen and (max-width: 575.5px){
    .product_topbox, .product_bottombox{
        flex: 0 0 100%;
    }
    
    .btnbigbox.product {
        padding-top: 5%;
    }
    
    .hpdeco.product{
        width: 35%;
    }
    
    .productbtn {
        font-size: 18px;
    }
    
    
}


/*gallery*/
#main_index .index_wrapper_7{
    padding: 3.5% 0 3.5% 9%;

}

.btnbox.gallery{
    padding-top: 3%;
}


.gallery_contentbox{
    padding: 0;
}

#main_index .index_wrapper_7 .hp_photoGallerySlider_type3{
    background-color: unset;
}

#main_index .index_wrapper_7 .hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box img{
    object-fit: cover;
    padding: 0;
}

#main_index .index_wrapper_7 .hp_photoGallerySlider_type3 .slick-slider{
    overflow: hidden;
}

#main_index .index_wrapper_7 .hp_photoGallerySlider_type3 .slick-list.draggable{
    margin-left: -9.5vw;
}

#main_index .index_wrapper_7 .hp_photoGallerySlider_type3 .photo-gallery3 .slick-prev:before{
    background-image: url("https://cdn1.npcdn.net/images/E_Arrow_u1exsp_1778035491.png?md5id=dd473ece077230d91b9340e3b4e57c11&new_width=1000&new_height=1000&type=4");
}

#main_index .index_wrapper_7 .hp_photoGallerySlider_type3 .photo-gallery3 .slick-next:before{
    display: none;
}


#main_index .index_wrapper_7 .hp_photoGallerySlider_type3 .col-12{
    padding: 0;
}

#main_index .index_wrapper_7 .hp_photoGallerySlider_type3 .photo-gallery3{
    padding: 0;
}


#main_index .index_wrapper_7 .hp_photoGallerySlider_type3 .photo-gallery3 .slick-prev{
    left: -5px;
}

@media screen and (max-width: 991.5px){
    #main_index .index_wrapper_7{
        padding: 7% 0 7% 9%;
    }
}

@media screen and (max-width: 767.5px){
    #main_index .index_wrapper_7 #index_8{
        padding-top: 3%!important;
    }
}

@media screen and (max-width: 575.5px) {
    #main_index .index_wrapper_7 #index_8 {
        padding-top: 7%!important;
    }
}



/* Contact*/



#main_index .index_wrapper_9 {
    padding: 3.5% 7% 9% 9%;
}

.contacttop{
    padding: 3% 0;
}





#main_index .contact_us_type3 .hpform .form-group .form-control{
    border-radius: 0;
}

#main_index .contact_us_type3 i{
    color: #ffde00;
}

#main_index .contact_us_type3 .col-md-4.text-center.mt-3, #main_index .contact_us_type3 .col-md-4.text-center.mt-3 a{
    color: #fff;
}

#main_index .form-group.p-3 h3{
    color: #ffde00;
    font-weight: 600;
}



#main_index .contact_us_type3 .hpform .form-group .btn-success {
    background-color: #ffde00;
    border-radius: 0;
    border: none;
    color: #000;
    font-weight: 700;
    padding: 5px 30px;
}

@media screen and (max-width: 1199.5px){
    #main_index .hpform .col-md-4.text-center.mt-3{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
}

@media screen and (max-width: 991.5px){
    
    #main_index .contact_us_type3 .col-12.col-md-6.p-0.google_map, #main_index .contact_us_type3 .col-12.col-md-6.hpform{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    #main_index .hpform .col-md-4.text-center.mt-3{
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    
    #main_index .index_wrapper_9{
        padding: 7% 9% 7% 9%;
    }
    
    
}


@media screen and (max-width: 767.5px){
    #main_index .hpform .col-md-4.text-center.mt-3{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    #main_index .contact_us_type3 .form-group.p-3{
        padding: 1rem 0!important;
    }
    
    #main_index .contact_us_type3 .col-12.col-md-6.hpform{
        padding: 0;
    }
    
}