/* desktop */

body {
    color: #1f1f1f;
    line-height: 1.75;
}

a {
    text-decoration: none !important;
    transition: all 0.50s !important;
}

.all_functional_page {
    padding-top: 50px;
    padding-bottom: 50px !important;
    min-height: auto;
    font-size: 1rem;
    background-image: url(https://cdn1.npcdn.net/userfiles/27769/image/E_portfolio_bg_image.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#main_index {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0 !important;
    background-image: inherit;
}

.d-none{
    z-index: 101;
    position: relative;
}

/* menu */

.d-none.d-lg-block.editor{
    background: #000;
}

.navbar_type8 {
    position: fixed;
    display: flex;
    background-color: #000;
    width: 100%;
    height: 60px;
    z-index: 100;
}

.navbar_type8 .logo{
    display: none;
}

.navbar_type8 .nav_tab{
    flex: 0 0 100%;
    padding: 0;
    justify-content: center;
    /*border-top: 1px solid #58595b;*/
    border-top: 1px solid #fff;
}

.navbar_type8 .nav_tab .nav_item{
    /*color: #58595b;*/
    
    color: #fff;
    font-size: 1.15vw;
}

.navbar_type8 .nav_tab .nav_item a{
    /*color: #58595b;*/
    
    color: #fff;
    padding: 10px 1.7vw;
}

.navbar_type8.dark_nav .nav_tab .nav_item a{
    color: #fff;
}

.navbar_mobile{
    background-color: #000;
}

.side_menu div div > form{
    display: none;
}

@media screen and (max-width: 991.5px){
    .navbar_type8{
        display: none;
    }
}


/*search*/

/*.topicon {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: flex-end;*/
/*}*/

/*.topicon > div {*/
/*    margin-right: 25px;*/
/*}*/

/*.btnSearch {*/
/*    position: relative;*/
/*    z-index: 999;*/
/*    cursor: pointer;*/
/*    transition: all .43s ease-in-out;*/
/*}*/

/*.boxSearch {*/
/*    display: none;*/
/*    position: absolute;*/
/*    top: 70px;*/
    /* left: -40px; */
/*    left: 95px;*/
/*}*/

/*.editor .bi-search {*/
/*    font-size: 15px;*/
/*}*/

/*.editor .shopping .bi-cart3, .editor .bi-person-plus, .editor .bi-search {*/
/*    color: #4b4b4b;*/
/*}*/

/*.nav_search {*/
/*    flex-grow: 1;*/
/*    display: flex;*/
/*    max-width: 100%;*/
/*    align-self: center;*/
/*    margin-bottom: -5px;*/
/*    border: 1px solid #e0dede;*/
/*    box-shadow: 0px 0px 7px rgb(191 191 191 / 65%);*/
/*}*/

/*.nav_search input {*/
/*    background: rgba(240, 242, 245, 1);*/
/*    width: 100%;*/
/*    height: 45px;*/
/*    border: 0;*/
/*    box-shadow: none;*/
/*    padding: 5px 60px 5px 25px;*/
/*    border-radius: 0;*/
/*    max-height: 45px;*/
/*}*/

/*.nav_search .search_button {*/
/*    background-color: #f0f2f5;*/
/*    color: white;*/
/*    box-shadow: none;*/
/*    border: none;*/
/*    border-radius: 0;*/
/*    padding: 0 15px;*/
/*    max-height: 45px;*/
/*}*/


/*top spacing*/

#top_spacing{
    height: 60px !important;
    background: #000;
}

@media screen and (max-width: 991.5px){
    #top_spacing{
        height: 80px !important;
    }
}


/* video banner*/
/*.index_wrapper_2{*/
    
/*    margin-top: -180px;*/
    

/*}*/
.customVideo .embed-responsive.embed-responsive-16by9{
    height: calc(100vh - 161.44px);
    background: #000;
}

.customVideo .embed-responsive-item {
    height: calc(100vh - 161.44px);
    object-fit: contain;
}


.customVideo {
position: relative;
}
.videoPlay {
    position: absolute;
    z-index: 99;
    bottom: 1.5rem;
    right: 4rem;
}
.videoPlay button {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    background: rgba(256,256,256,0.7);
    position: relative;
    border-radius: 50%;
    border: none;
}
.videoPlay button:focus {
    outline: none;
}
.videoPlay button.paused {
    background: rgba(256,256,256,1);
}
.videoPlay button:after {
    content: "\f04c";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    font-weight: 700;
    font-size: .9rem;
}
.videoPlay button.paused:after {
    content: "\f04b";
    left: 1px;
}

.videoMute {
    position: absolute;
    z-index: 99;
    bottom: 1.5rem;
    right: 1.5rem;
}
.videoMute button {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    background: rgba(256,256,256,1);
    position: relative;
    border-radius: 50%;
    border: none;
}
.videoMute button:focus {
    outline: none;
}
.videoMute button.muted {
    background: rgba(256,256,256,.7);
}
.videoMute button:before {
    content: "\f028";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 1px;
    font-weight: 700;
    font-size: .9rem;
}
.videoMute button.muted:after {
    content: "\f715";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    font-weight: 700;
    font-size: .9rem;
}
@media only screen and (max-width: 768px) {
.videoPlay {
    bottom: 1rem;
    right: 3.5rem;
}
.videoMute {
    bottom: 1rem;
    right: 1rem;
}
}

@media screen and (max-width: 991.5px){
    .index_wrapper_2{
    
        margin-top: 0;
        position: relative;
        z-index: 0;
    
    }
}

@media screen and (max-width: 767.5px){
    .customVideo .embed-responsive.embed-responsive-16by9{
        height: 100%;
    }
    
    .customVideo .embed-responsive-item {
        height: 100%;
        object-fit: contain;
    }
}


/*banner btn*/


.bannerbtn {
    color: #fff;
    font-size: 20px;
    margin: 0;
    font-weight: 400;
    transition: .8s transform;
    cursor: pointer;
    
    padding: 10px 50px 10px 15px;
}

.bannerbtn:hover{
    text-decoration: none;
    color: #fff;
    transform: scale(1.1);
}

.bannerbtn_text {
    position: relative;
}

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

.bannerbtnbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    bottom: 80px;
    left: 10vw;
    color: #fff;
}

a:hover{
    text-decoration: none;
}

@media screen and (max-width: 991.5px){
    .bannerbtnbox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        bottom: 40px;
        left: 5vw;
        color: #fff;
    }
}

@media screen and (max-width: 767.5px){
    .bannerbtnbox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        bottom: 1rem;
        left: 5vw;
        color: #fff;
    }
    
    .bannerbtn{
        padding: 10px 50px 0px 15px;
    }
}

@media screen and (max-width: 767.5px){
    .bannerbtnbox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        bottom: .5rem;
        left: 5vw;
        color: #fff;
    }
    
    .bannerbtn{
        padding: 10px 50px 0px 0px;
    }
}



/* about */

.index_wrapper_3 {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f4f4f4;
}

.index_wrapper_3 #index_3 {
    padding-right: 0;
    padding-left: 0;
}

.hp_about{
    padding: 0 9%;
}

.hp_about_content {
    gap: 15px;
    color: #847b76;
}

.hp_about_running div.d-flex.align-items-center.justify-content-center {
    line-height: 1;
}

.hp_counter, .hp_about_running div div:last-child {
    font-size: 125px;
    font-weight: bold;
    color: #847b76;
}

.hp_about_running p {
    color: #847b76;
}

.hp_title {
    font-size: 40px;
    line-height: normal;
    font-family: "Playfair Display", serif;
    color: #847b76;
}

.hp_title2 {
    font-size: 40px;
    line-height: normal;
    font-family: "Playfair Display", serif;
    color: #897a67;
}


.hp_about_content h3 {
    font-size: 16px;
    line-height: normal;
}

.hp_button_2 p a {
    color: #847b76;
    display: flex;
    align-items: center;
    gap: 15px;
}

.hp_button_2 p a:hover {
    color: #1f1f1f;
}

.hp_button_2 p a img {
    max-width: 15px;
}

/* why */



/*hp_why*/
.hp_why{
    background-image:url("https://cdn1.npcdn.net/images/C_Background_7t5uoi_1779938039.jpg?md5id=10155a0cc6dde7d912d2ac796956876d&new_width=1600&new_height=1600&type=4");
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    
    padding: 3rem 9%;
}

.why_title{
    padding-bottom: 1rem;
}

.hp_middle.whyus{
    color: #fff;
}

.hp_title.whyus{
    color: #fff;
}

.hp_why .title_big, .hp_why .title_small{
    color:#fff;
}

.why_box{
    padding:20px;
    /*margin-top:30px;*/
}

.why_box h4{
    color:#fff;
    font-size:20px;
    font-weight:600;
    border-bottom:1px solid #e5ded2;
    padding-bottom:10px;
}

.why_box p{
    
    font-size:14px;
    line-height:1.8;
    
    margin-bottom:0;
}

.whyleftbox, .whyrightbox{
    padding: 0;
}

.whyleftbox{
    text-align: left;
}

.whyrightbox{
    text-align: right;
}


.whycontent{
    color: #cccccc;
    font-weight: 300;
    
    
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: flex-end;*/
   
}
.whycontent.whyleft{
    padding-inline-start: 20px;
}

.whycontent.whyright{
     list-style-position: inside;
     padding-inline-start: 0;
}

.subsubtitle{
    color: #fff;
    font-weight: 500;
}

@media screen and (max-width: 1199.5px){
    .why_img{
        display: flex;
        justify-content: center;
    }
    
    .whyrightbox{
        text-align: left;
    }
    
    .whycontent.whyright{
         list-style-position: outside;
         padding-inline-start: 20px;
    }
}

/* service */

.index_wrapper_5 {
    padding-top: 50px;
    
    background: #f4f4f4;
    
}

.index_wrapper_5 #index_5 {
    padding-right: 0;
    padding-left: 0;
}

.hp_service_content {
    gap: 15px;
}

.hp_service_box {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.hp_service_box_content {
    background-color: #ffffff;
    padding: 50px 25px;
    gap: 15px;
}

.hp_service_box_content div {
    max-width: 75px;
}

.hp_service > div{
    padding: 0;
}

.servicetop {
    padding-bottom: 45px;
}

.servicebottom{
    padding: 0;
    background: #000;
}


.serviceslider {
    display: flex;
    flex-wrap: wrap;
    max-width: calc(100% - 2rem);
    margin-left: 1rem;
    background-color: #000;
}

.servicecard{
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    /*cursor: pointer;*/
}

/*.servicecontent {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    background: rgba(0,0,0,0.9);*/
/*    align-items: end;*/
/*    display: flex;*/
/*    padding: 30px 5%;*/
    
/*    opacity: 1;*/
/*    transition: .5s all;*/
/*}*/

.servicecontent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.9);
    /* align-items: end; */
    /* justify-content: space-between; */
    /* flex-direction: column; */
    display: flex;
    padding: 30px 5%;
    opacity: 1;
    transition: .5s all;
}

.serviceimg {
    width: 100%;
    height: auto;
    max-height: 20vw;
    object-fit: cover;
}

.servicecard:hover .servicecontent{
    opacity: 0;
}

/*.servicesubtitle {*/
/*    color: #897a67;*/
/*    font-size: 18px;*/
/*    width: 65%;*/
/*    line-height: 1.2;*/
/*    margin: 0;*/
/*}*/


.servicearrow {
    width: 40px;
    padding-bottom: 1vw;
}

.servicebox {
    display: flex;
    /*justify-content: space-between;*/
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}


.servicesubtitle{
    
    /*font-size: 18px;*/
    font-size: 1.4vw;
    color: #897a67;
}

.servicesmallbox{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
    flex-wrap: wrap;
    align-content: flex-end;
}

.servicenumber{
    
    /*font-size: 52px;*/
    font-size: 3vw;
    font-weight: 700;
    color: #897a67;
    padding-right: 2vw;
}

.services_content {
    padding: 0px 4vw;
    font-size: 1.05vw;
    margin: 0;
    color: #897a67;
}

.slick-prev {
    left: 20px;
    width: 30px;
    height: 30px;
    z-index: 10;
    background-image: url("https://cdn1.npcdn.net/images/Button1_m2u9v6_1780396199.png?md5id=10155a0cc6dde7d912d2ac796956876d&new_width=1600&new_height=1600&type=4")!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: contain!important;
}



.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before{
    opacity: 0;
}

.slick-prev:before{
    opacity: 0;
}

.slick-next {
    right: 20px;
    width: 30px;
    height: 30px;
    z-index: 10;
    background-image: url("https://cdn1.npcdn.net/images/Button2_h03w6z_1780396199.png?md5id=10155a0cc6dde7d912d2ac796956876d&new_width=1600&new_height=1600&type=4")!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: contain!important;
}

.slick-next:before{
    opacity: 0;
}
/*@media screen and (max-width: 767.5px){*/
/*    .servicecontent {*/
/*        position: absolute;*/
/*        top: unset;*/
/*        bottom: 0;*/
/*        left: 0;*/
/*        right: 0;*/
/*        height: 20%;*/
/*        background: rgba(0,0,0,0.7);*/
/*        align-items: end;*/
/*        display: flex;*/
/*        padding: 30px 5%;*/
/*        opacity: 1;*/
/*        transition: .5s all;*/
/*    }*/
/*}*/


/*@media screen and (max-width: 575.5px){*/
/*    .servicecontent {*/
/*        position: absolute;*/
/*        top: unset;*/
/*        bottom: 0;*/
/*        left: 0;*/
/*        right: 0;*/
/*        height: 35%;*/
/*        background: rgba(0,0,0,0.7);*/
/*        align-items: end;*/
/*        display: flex;*/
/*        padding: 30px 5%;*/
/*        opacity: 1;*/
/*        transition: .5s all;*/
/*    }*/
/*}*/


@media screen and (max-width: 991.5px){
    
    .servicenumber{
        font-size: 3.5vw;
    }
    
    .services_content{
        font-size: 1.3vw;
        padding: 0px 6vw;
    }
    
    .servicesubtitle{
        font-size: 1.8vw;
    }
    
    .servicecard{
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        /*cursor: pointer;*/
    }
}

@media screen and (max-width: 767.5px){
    
    .servicenumber{
        font-size: 6vw;
        padding-right: 4vw;
    }
    
    .services_content {
        font-size: 2vw;
        padding: 0px 9vw;
    }
    
    .servicesubtitle {
        font-size: 2.5vw;
    }
    
    .servicearrow {
      
        padding-bottom: 1.8vw;
    }
    
    .servicecard{
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        /*cursor: pointer;*/
    }
    
    .serviceimg{
        max-height: 45vw;
    }
}

@media screen and (max-width: 500.5px){
    
    .servicenumber{
        font-size: 12vw;
    }
    
    .services_content {
        font-size: 4vw;
        padding: 0px 13vw;
    }
    
    .servicesubtitle {
        font-size: 4vw;
    }
    
    .servicearrow {
       
        padding-bottom: 2.5vw;
    }
}

/* project */

.index_wrapper_6 {
    
    background-color: #1f1f1f;
    padding: 50px 9%;
}

.index_wrapper_6 #index_6 {
    padding-right: 0;
    padding-left: 0;
}

/*.hp_middle.project{*/
/*    color: #fff;*/
/*    font-size: 46px;*/
/*    margin-bottom: 2rem;*/
/*}*/

.hp_middle.project {
    color: #fff;
    font-size: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.hp_middle.project span {
    font-weight: bold;
    font-size: 58px;
    padding-right: 2vw;
    display: flex;
    align-items: center;
}

.hp_projectsubtitle{
    text-align: center;
    font-weight: bold;
}

/*.hp_project_content {*/
/*    gap: 15px;*/
/*}*/

.hp_project_running{
    align-items: center;
}

.hp_project_running div.d-flex.align-items-center {
    line-height: 1;
}



.hp_project_running_box {
    border-right: 1px solid #ffffff;
    padding: 0 4%;
}

.hp_project_running_box.noline {
    border-right: 0;
    
}



.hp_project_running div.d-flex.align-items-center div.text-white {
    font-size: 38px;
    font-weight: bold;
}

@media screen and (max-width: 1199.5px){
    .projecttop{
        padding: 0!important;
        padding-bottom: 1rem!important;
    }
    
    
    .hp_project_content .hp_title{
        text-align: center;
    }
}

@media screen and (max-width: 767.5px){
    .hp_project_running_box {
        border-right: 0;
        border-bottom: 1px solid #ffffff;
        padding: 20px 0;
        width: 50%;
    }
    
    .hp_project_running_box.noline {
        border-bottom: 0;
        
    }
    
    .hp_middle.project{
        font-size: 40px;
    }
    
    .index_wrapper_6 {
        
        padding: 30px 9%;
    }

}

 /*portfolio */

.index_wrapper_7 {
    padding-top: 50px;
    padding-bottom: 50px;
    background: linear-gradient(to bottom, #f4f4f4 20%, transparent 80%);
    
}



.index_wrapper_7 #index_7 {
    padding-right: 0;
    padding-left: 0;
}

.hp_middle.gallery{
    color: #847b76;
}

.hp_portfolio_content{
    margin-bottom: 25px;
}

.product_cat-3{
    padding: 0 30px;
}


.product_cat-3 .row{
    justify-content: center;
}


.product_cat-3 .row > div{
    margin-bottom: 30px!important;
}

.product_cat-3 .cat_box{
    height: 250px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.product_cat-3 .cat_box .content .line{
    display: none;
}

.product_cat-3 .cat_box .content .content_box .animated-arrow > .main > .the-arrow{
    display: none;
}

.product_cat-3 .cat_box .content .content_box .the-arrow.-left{
    display: none;
}

.product_cat-3 .cat_box:hover .content .content_box .animated-arrow > .main{
    transform: unset;
}

.product_cat-3 .cat_box .content .content_box
{
    justify-content: center;
}

.product_cat-3 .cat_box:hover img{
    transform: unset;
}
.product_cat-3 .cat_box .content{
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.4);
}

.product_cat-3 .cat_box:hover .content{
    background-color: unset;
    opacity: 0;
}

.product_cat-3 .cat_box .content .content_box .animated-arrow > .main > .text {
    margin: 0 16px 0 0;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 200;
}

.product_cat-3 .cat_box .content h4 {
    font-family: "Playfair Display", serif;
    font-weight: 500;
    margin-bottom: 1rem!important;
    font-size: 28px;
}




@media screen and (max-width: 991.5px){
    .product_cat-3 .row > div {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .product_cat-3 .cat_box .content {
        opacity: 1;
    }
}

@media screen and (max-width: 767.5px){
    .product_cat-3 .row > div {
    
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .product_cat-3 .cat_box .content {
        opacity: 1;
    }
}

/* feedback */

/*.index_wrapper_8 {*/
/*    padding-top: 3rem;*/
/*    padding-bottom: 3rem;*/
/*    background-image: url(https://cdn1.npcdn.net/userfiles/27769/image/F_feedback_bg_image.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: top right;*/
/*    background-size: 65%;*/
/*}*/

/*.index_wrapper_8 #index_8 {*/
/*    padding-right: 0;*/
/*    padding-left: 0;*/
/*}*/

/*.hp_feedback_content {*/
/*    gap: 15px;*/
/*}*/

/*.hp_middle {*/
/*    color: #897a67;*/
/*    font-size: 18px;*/
/*    text-transform: uppercase;*/
/*}*/

/*.hp_testimonial_type3 .testimonial_box {*/
/*    margin-top: 0 !important;*/
/*}*/

/*.hp_testimonial_type3 .testimonial_box .testimonial_card .img {*/
/*    display: none;*/
/*}*/

/*.hp_testimonial_type3 .testimonial_box .testimonial_card .text_area {*/
/*    margin-top: 0;*/
/*}*/

/*.hp_testimonial_type3 .testimonial_box .testimonial_card .text_area div:last-child {*/
/*    display: none;*/
/*}*/

/*.hp_testimonial_type3 .testimonial_box .testimonial_card .text_area .text{*/
/*    color: #837b76;*/
/*}*/

/*.hp_testimonial_type3 .testimonial_box .testimonial_card .name p{*/
/*    font-size: 1rem!important;*/
/*}*/

/* client */

/*.index_wrapper_9 {*/
/*    padding-top: 60px;*/
/*    padding-bottom: 60px;*/
/*}*/

/*.index_wrapper_9 #index_9 {*/
/*    padding-right: 0;*/
/*    padding-left: 0;*/
/*}*/

/*.hp_client_slider {*/
/*    border-top: 1px solid #1f1f1f;*/
/*    border-bottom: 1px solid #1f1f1f;*/
/*}*/

/*.hp_client_slider_item {*/
/*    padding: 15px;*/
/*}*/

/* touch */

/*.index_wrapper_10 {*/
/*    padding: 50px 9%;*/
/*    background-image: url(https://cdn1.npcdn.net/userfiles/27769/image/H_contact_background.jpg);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    background-size: cover;*/
/*}*/

/*.index_wrapper_10 #index_10 {*/
/*    padding-right: 0;*/
/*    padding-left: 0;*/
/*}*/

/*.hp_touch_content {*/
/*    gap: 25px;*/
/*}*/

/*.hp_touch_content .hp_button_3 a button {*/
/*    border-radius: 0;*/
/*    background-color: #ffffff;*/
/*    color: #847b76;*/
/*    padding: 10px 50px;*/
/*    font-weight: 500;*/
/*}*/

/*.hp_touch_content .hp_button_3 a button:hover {*/
/*    color: #fff;*/
/*    background-color: #847b76;*/
/*}*/

/* footer */

.footer_type7 {
    background-color: #ffffff;
    color: #847b76;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
}

.footer_type7 .logo {
    min-height: 40px !important;
    padding-top: 0;
}

.footer_type7 .logo img {
    position: static;
    transform: none;
    max-height: 100%;
}

.hp_footer_bottom {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    max-width: 75%;
}

.footer_type7 .title {
    min-height: auto;
}

.footer_type7 .title h5 {
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
}

.footer_type7 .col-12.col-md-5.mb-md-0.p-3 p {
    width: 85%;
    margin-bottom: 0;
    text-align: justify;
}

.footer_type7 .list-unstyled {
    margin-bottom: 0;
}

.footer_type7 a {
    color: #847b76;
}

.footer_type7 a:hover {
    color: #1f1f1f;
}

.footer_type7 .mb-1 {
    margin-bottom: 0 !important;
}

.footer_type7 .col-12.col-md-4.mb-md-0.p-3 .list-unstyled li.mb-1:last-child {
    display: none;
}

.footer_type7 .mb-1.location, .footer_type7 ul li.mb-1:nth-child(4),
.footer_type7 ul li.mb-1:nth-child(5) {
    margin-bottom: 15px !important;
}

.hp_footer_social div {
    gap: 15px;
}

.hp_footer_social div a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0;
    height: 0;
    background-color: #847b76;
    border-radius: 100%;
    padding: 15px;
    color: #ffffff;
}

.hp_footer_social div a:hover {
    background-color: #1f1f1f;
    color: #847b76;
}

.footer_type7 .col-12.col-md-6.mb-3.mb-md-0 {
    padding: 15px;
    flex: 0 0 100%;
    max-width: 100%;
}

.footer_type7 .copy_right.text-center.text-md-left {
    border-top: 1px solid #847b76;
    padding-top: 15px;
}

.footer_type7 p.mb-1, .footer_type7 p.powered_by {
    margin-bottom: 0 !important;
}

.footer_type7 .col-12.col-md-6.pb-5.pb-md-0 {
    display: none;
}

/* page */

.page_title {
    text-align: center !important;
}

.page_title b {
    font-size: 35px;
    color: #232323;
    font-weight: bold;
}

.wspages {
    padding: 50px 0;
    min-height: auto !important;
    font-size: 1rem;
}

/* latesnews*/

#main_latestnews {
    padding-top: 0;
    background-image: inherit;
}

#main_latestnews .latestnews_wrapper_1 #latestnews_1 .row.innerRow_1 {
    position: relative;
}

#main_latestnews .latestnews_wrapper_1 #latestnews_1 .row.innerRow_1 #latestnews_1_2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#main_latestnews .page_title b {
    color: #ffffff;
    display: none;
}

#main_latestnews .latest_new_type4 .news_box .date {
    display: none;
}

#main_latestnews .latest_new_type4 .news_box .badge-primary{
    display: none;
}

#main_contactus {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 1rem;
    background-image: url(https://cdn1.npcdn.net/userfiles/27769/image/E_portfolio_bg_image.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}

#main_contactus #contactus_1_1 .ws_contact {
    display: flex;
    flex-direction: column-reverse;
}

#main_contactus #contactus_1_1 .ws_contact h5 {
    font-size: 18.5px;
}

#main_contactus #contactus_1_1 .col-12.col-md-4.ws_contact {
    margin-bottom: 15px !important;
}

#main_contactus #contactus_1_1 .ws_contact .col-12.p-0.contact_map.mb_10 {
    display: flex;
    margin-bottom: 0;
}

#main_contactus #contactus_1_1 .ws_contact .col-12.p-0.contact_map.mb_10 iframe {
    height: 500px;
    max-width: 1240px;
    margin: 0 auto;
    padding: 15px;
}
#service_appointment_form .btn-whatsapp {
    display: none;
}

/* */

/* tablet */

@media only screen and (max-width: 993px), only screen and (min-width: 768px) and (max-width: 1140px) {

/* why */

.hp_why_box_content div {
    gap: 25px;
}

.hp_why_box_content div p {
    font-size: 16px;
}

/* service */

.hp_service_box {
    grid-template-columns: repeat(3, 1fr);
}

/* project */

.index_wrapper_6 section .row.align-items-center {
    align-items: flex-start !important;
    flex-direction: column;
}

.index_wrapper_6 section .col-12.col-sm-8.p-3 {
    flex: 0 0 100%;
    max-width: 100%;
}

}

/* */

/* mobile */

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

/* menu */

#main_index .navbar_type11_right_height {
    min-height: 80px;
}

.navbar_type11_right .mobile_background {
    background-color: #ffffff;
}

.hp_sticky .logo_frame {
    display: block;
}

.navbar_type11_right .level_1 {
    margin-top: 150px;
}

.navbar_type11_right .menu_btn.change .bar1, .navbar_type11_right .menu_btn.change .bar3 {
    background-color: #847b76;
}

/* banner video */

.index_wrapper_2 #index_2 #index_2_2 {
    position: static;
    transform: none;
}

/* about */

.hp_counter, .hp_about_running div div:last-child {
    font-size: 50px !important;
}

.hp_title {
    font-size: 30px;
}

/* service */

.hp_service_box {
    grid-template-columns: repeat(2, 1fr);
}

/* project */

.hp_project_content {
    text-align: center;
}

.hp_project_running {
    flex-direction: column;
}

.hp_project_running_left {
    border-right: 0;
    padding-right: 0;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 15px;
}

.hp_project_running_right {
    padding-left: 0;
    padding-top: 15px;
}

.hp_project_running div.d-flex.align-items-center {
    justify-content: center;
}

.hp_counter, .hp_project_running div div:last-child {
    font-size: 50px !important
}

/* portfolio */

.hp_portfolio_box_content {
    width: 50%;
}

/* footer */

.footer_type7 .col-12.col-md-5.mb-md-0.p-3 p {
    width: 100%;
}

.footer_type7 .col-12.col-md-6.mb-3.mb-md-0 {
    margin-bottom: 0 !important;
}

}

/*.category_list_type4 .category_box .img_frame{*/
/*    border-radius: 10%;*/
/*}*/

/*.product_list_5 .product_box .img_frame{*/
/*    border-radius: 10%;*/
/*}*/
/* */

/*portfolio pages*/
.category_list_type4 .category_box{
    position: relative;
    display: flex;
    flex-wrap: wrap;
}


.category_list_type4 .category_box .img_frame {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	height: 410px;
	padding-bottom: unset;
	z-index: 1;
	/*border: 1px solid red;*/
	width: 100%;
}


.category_list_type4 .category_box h6 {
	margin-top: 0.5rem;
	position: absolute;
	top: 0;
	bottom: 0;
	align-items: center;
	display: flex;
	margin: 0 auto;
	margin-bottom: 0px;
	background: rgba(0,0,0,0.7);
	left: 0;
	right: 0;
	color: #fff;
	font-family: "Playfair Display", serif;
	font-weight: 500;
	font-size: 28px;
	text-align: left;
	padding: 10%;
	opacity: 1;
	transition: ease-in 0.4s;
	z-index: 2;
}

.category_list_type4 .category_box p {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #fff;
	padding: 0 10%;
	opacity: 1;
	z-index: 2;
	
	display: none;
}

.category_list_type4 .row > div{
    margin-bottom: 30px;
}

.category_list_type4 .category_box:hover h6{
    opacity: 0;
}

.category_list_type4 .category_box:hover p{
    opacity: 0;
}

@media only screen and (max-width: 767.5px){
    .category_list_type4 .category_box h6{
        opacity: 1;
    }
    
    .category_list_type4 .category_box p{
        opacity: 1;
    }
    
    .category_list_type4 .row > div{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    
}


/* international-projects page */

.product_list_5 .product_box .img_frame{
    
    aspect-ratio: 4/3;
    padding-top: 0;
}



/*.product_list_5 .product_box .img_frame img {*/
/*    height: 410px;*/
/*}*/


/* product items*/

.nextprev_product .nextpre_product_frame{
    width: 115px;
    height: 115px;
}

.nextprev_product .previous_btn{
    background-color: #897a67;
    color: white;
}


.nextprev_product .nextpre_product_frame .nextprev_product_img{
    object-fit: cover;
}

.ws_service .img_frame img {
    object-fit: cover;
}

.ws_contact .ws_contactus_socialicon,
.ws_contact .contact_form .form-group:nth-child(4) {
    display: none !important; 
} 

@media screen and (max-width: 575.5px){
    .nextprev_product .nextpre_product_frame {
        width: 48px;
        height: 48px;
        padding-top: 48px;
    }
}

.productDetailImageSpecial .one_img div {
  flex: 0 1 50%;
}



/*portfolio*/

#category_1 h1.page_title{
    display: none;
}


#ourproducts_1 h1.page_title{
    display: none;
}

/*services*/

#services_1 h1.page_title{
    display: none;
}



/*productlist*/

@media screen and (max-width: 767.5px){
    .product_list_5 .row > div{
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/*news*/

.navbar_category .navbar-nav li {
    flex: 1 0 auto;
    max-width: 100%;
    overflow: hidden;
    width: auto;
    padding: 5px;
}