@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

@font-face{

    font-family:"uicons-regular-straight";

    src:url("fonts/uicons-regular-straight.eot#iefix") format("embedded-opentype"),

    url("fonts/uicons-regular-straight.woff2") format("woff2"),

    url("fonts/uicons-regular-straight.woff") format("woff")

}


:root {

    --primary-color: #10352E;

    --secondary-color: #596F6B;

    --main-color:#38A949;

}

*{

    box-sizing: border-box;

}



body{

    font-family: 'Mulish', sans-serif;

    font-weight: 300;

    margin:0;

}

.uk-container{

    max-width: 1240px;

    padding:0 20px;

}



@media (max-width: 1024px){

    .uk-container{

        padding: 0 10px;

    }

}



button{

    font-family: Mulish;

}



ul{

    margin:0;

}



ul li{

    list-style: none;

}

.swiper-container{

    overflow: hidden;

}





/* HEADER */

html{

    height: 100vh;

}

.pc-header{

    /* height: 124px; */

}

.header-page{

    padding: 5px 0;

    background: #181414;

}

.header-page .logo-cp .image img{

    width: 135px;

}

.header-page .contact-hotline p{

    margin-bottom: 0;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

}

.header-page .contact-hotline{

    display: flex;

}

.header-page .contact-hotline img{

    width: 25px;

    margin-right: 10px;

}



.navigation {

    margin-right:20px;

}

.navigation .uk-navbar-nav>li>a{

    color:#fff;

    font-weight: 700;

    font-size: 15px;

    padding:12px 25px;

    text-transform: uppercase;

    transition: all 0.2s ease;

}

/* .navigation .uk-navbar-nav>li>a:hover{

    background: #fff;

    color: #000;

    transition: 0.1s ease;

} */

.header-search .form{

    position: relative;

    width:245px;

}

.header-search .form  input{

    width:100%;

    border-radius: 100px;

    background: #DEDEDE;

    height:36px;

}



.header-search .form button{

    position: absolute;

    top:50%;

    right:10px;

    transform: translate(0, -50%);

    background: transparent;

    border:0;

}



.pc-header .logo{

    position: absolute;

    left:calc(5% + 15px);

    top:10px;

    z-index:10;

}

.pc-header .logo-background{

    position: absolute;

    left:5%;

    top:0;

    z-index:9

}



.panel-slide{

    position: relative;

    z-index: 2;

}



.panel-service{

    padding: 40px 0;

}

.service-item{

    background: #D9D9D9;

    padding: 15px 15px 15px 65px;

    /* background: linear-gradient(to left, #D9D9D9 80%, #38A949 20%); */

    position: relative;

}

.service-item .number{

    position: absolute;

    left:0;

    top:50%;

    transform:translate(0, -50%);

    font-size:38px;

    color:#fff;

    width:50px;

    height:100%;

    background: var(--main-color);

    text-align: center;

    line-height:55px;

}

.service-item .title{

    margin-bottom:5px;

    text-transform: uppercase;

    line-height:10px;

}

.service-item .title > *{

    color:#000;

    font-weight: 600;

    font-size:16px;

}

.service-item .description{

    color:#797979;

    height:20px;

    overflow: hidden;

}



@media (max-width: 960px){

    .panel-service .uk-width-large-1-4:not(:last-child){

        margin-bottom: 20px;

    }

}



.heading-1{

    text-align: center;

    position: relative;

    font-size:35px;

    font-weight: 700;

    line-height:42px;

    text-transform: uppercase;

    padding-bottom:25px;

    margin-bottom:30px;

}





@media(max-width: 970px){

    .panel-intro .panel-head{

        margin-bottom:30px;

    }

    .heading-2 > *{

        font-size:24px;

    }

    .about-container .content{

        margin-bottom:20px;

    }

    .about-container .readmore{

        margin-bottom:20px;

    }

    .about-container .image{

        height:auto !important;

        margin-left:auto;

        margin-right:auto;

        max-width: 60%;

    }

    

    .about-container-register,

    .about-post-container .post-list{

        position: static;

        width:100%;

    }



    .about-post-container{

        margin-top:20px !important;

    }

  

   

}





/* PANEL PRODUCT */

.panel-product{

    padding: 50px 0;

}



.page .panel-head .heading-2{

    text-align: center;

}



.product-item .info{

    text-align: center;

}



.product-item .info .title{

    margin-bottom:15px;

}

.product-item .info .title > *{

    color:#fff;

    font-weight: 600;

}



.product-item .product-group .price-sale{

    font-size:16px;

    color:#000;

    font-weight: 500;

}



@media (max-width: 600px){

    .product-item .title > *{

        font-size:15px;

    }

    .product-item .image{

        height: 260px;

    }

}



@media (max-width: 380px){

    .product-item .image{

        height: 160px;

    }

}





@media (max-width: 600px){

    .project-item .image{

        height: 150px;

    }

}



.homepage .slide-item .image{

    max-height: calc(100vh - 124px);

}

.panel-slide{

    position: relative;

}

.panel-slide .form-overlay{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 900px;

}

.panel-slide .form-overlay form{

    padding: 40px 40px;

    background: rgba(0,0,0,0.4);

    border-radius: 10px;

}

.panel-slide .form-overlay form img{

    filter: brightness(1000%) contrast(100%);

    position: absolute;

    top: 50%;

    width: 26px;

    height: 26px;

    left: 10px;

    transform: translate(0, -50%);

}

.form-search .ip-search{

    position: relative;

}

.form-search .ip-search button{

    position: absolute;

    right: 10px;

    height: 32px;

    border-radius: 5px;

    top: 50%;

    transform: translate(0, -50%);

    padding: 0 15px;

    cursor: pointer;

    font-size: 15px;

    font-weight: 600;

    background: #f26c08;

    border: none;

    outline: none;

    color: #fff;

}

.form-overlay form .ip-search input{

    width: 100%;

    height: 48px;

    padding: 0 25px;

    padding-left: 50px;

    background: none;

    outline: none;

    border: 3px solid #fff;

    color: #fff;

    /* border-radius: 10px; */

}

.form-overlay form .ip-search input:focus{

    color: #fff;

    font-weight: 500;

    font-size: 15px;

}



.ip-search input::placeholder{

    color: #fff;

    font-weight: 500;

    font-size: 15px;

}

.mb30{

    margin-bottom: 30px;

}

.form-overlay .form-search{

    margin-bottom: 30px;

}

.nice-select{

    width: 100% !important;

}

.nice-select .list{

    width: 100% !important;

}

.form-overlay .btn-search{

    background: #f26c08;

    border: none;

    padding: 10px 30px;

    /* border-radius: 10px; */

    font-size: 15px;

    font-weight: 600;

    color: #fff;

    cursor: pointer;

    margin-right: 15px;

    border-radius: 5px;

}

.menu-level__2{

    background: #fff;

    z-index: 100;

    opacity: 0;

    visibility: hidden;

    position: absolute;

    top:44px;

    width: 200px;

}

.menu-level__2 a{

    color: #000;

    font-size: 15px;

    font-weight: 500;

    padding: 10px 15px;

    display: block;

}

.navigation .children:hover .menu-level__2{

    opacity: 1;

    visibility: visible;

    transition: 0.2s ease;

}

.menu-level__2 li:hover a{

    background: #f26c08;

    color: #fff;

}

.post-catalogue{

    

}

.post-catalogue .page-breadcrumb ul{

    display: flex;

    padding: 15px 0;

}

.post-catalogue .page-breadcrumb ul li{

    margin-right: 20px;

}

.post-catalogue .page-breadcrumb ul li a{

    font-size: 15px;

    font-weight: 600;

    color: #000000;

}

.post-catalogue .heading-1{

    padding-bottom: 0;

}

.post-catalogue .heading-1 span{

    color: #7000BC;

    font-size: 30px;

    text-transform: capitalize;

}

.post-catalogue .wrapper{

    width: 1000px;

    margin-left: auto;

    margin-right: auto;

}

.post-catalogue .blog-item h2.heading-1{

    text-align: left;

    font-size: 20px;

    line-height: 1.2;

    margin-bottom: 10px;

}

.post-catalogue .blog-item h2.heading-1 a{

    color: #7000BC;

}

.post-catalogue .blog-item h2.heading-1 a:hover{

    color: #ecb705;

}

.post-catalogue .blog-item{

    margin-bottom: 20px;

}

.post-catalogue .blog-item ul{

    padding-left: 0;

}

.post-catalogue .blog-item .list a{

    color: #000000;

    font-size: 15px;

    font-weight: 500;

    line-height: 1.4;

}

.post-catalogue .blog-item .list a:hover{

    color:#f26c08;

}

.post-catalogue .blog-item ul li{

    display: flex;

    align-items: center;

    width: 100%;

}

.post-catalogue .blog-item ul li:not(:last-child){

    margin-bottom: 10px;

}

.post-catalogue .blog-item ul li svg{

    margin-right: 10px;

    width: 16px !important;

    height: 16px !important;

}

.post-catalogue .blog-item ul li svg path{

    filter: invert(1);

}

.post-catalogue .blog-item ul li a{

    /* width: calc(100% - 24px); */

}

.form-quote input{

    width: 100%;

    margin-bottom: 15px;

    height: 42px;

    border-radius: 2px;

    outline: none;

    border: none;

    padding-left: 20px;

    border: 1px solid #e8e8e8;

}

.form-quote input::placeholder{

    font-size: 15px;

    font-weight: 500;

}

.form-quote input:focus{

    font-size: 15px;

    font-weight: 500;

}

.uk-grid{

    margin-bottom: 15px;

}

.quote{

    padding-bottom: 30px;

}

.quote .btn-search{

    padding: 10px 30px;

    border-radius: 10px;

    border: none;

    background: #f26c08;

    color: #fff;

    cursor: pointer;

    display: flex;

    margin-left: auto;

    margin-right: auto;

    font-size: 15px;

    font-weight: 600;

}

.post-detail .page-breadcrumb ul {

    display: flex;

    padding: 15px 0;

}

.post-detail  .page-breadcrumb ul li {

    margin-right: 20px;

}

.post-detail .page-breadcrumb ul li a {

    font-size: 15px;

    font-weight: 600;

    color: #000;

}

.post-detail .heading-1{

    font-size: 32px;

    padding-bottom: 0;

    margin-bottom: 30px;

}

.post-detail .heading-1 span{

    color: #7000BC;

    text-transform: capitalize;

}

.post-detail .description p{

    font-size: 15px;

    font-weight: 500;

    line-height: 1.6;

    margin-bottom: 0;

}

.product-container,

.product-catalogue{background: #ffffff;}

.product-container .page-breadcrumb ul,

.product-catalogue .page-breadcrumb ul{

    display: flex;

    padding: 15px 0;

}

.product-container .page-breadcrumb ul li,

.product-catalogue .page-breadcrumb ul li{

    margin-right: 20px;

}

.product-container .page-breadcrumb ul li a,

.product-catalogue .page-breadcrumb ul li a{font-size: 15px;font-weight: 600;color: #000000;}

.page-breadcrumb ul li{

    margin-right: 30px !important;

}

.product-catalogue h1.heading-2{

    margin-left: auto;

    margin-right: auto;

}

.product-catalogue h1.heading-2 span{

    color: #7000BC;

    font-size: 32px;

}

.product-catalogue h3.heading-2 span{

    text-transform: uppercase;

    color: #7000BC;

}

.product-catalogue .l1 li:not(:last-child){

    margin-bottom: 10px;

}

.product-catalogue .l1{

    padding-left: 0;

}

.page-breadcrumb li{

    position: relative;

}

.page-breadcrumb li:not(:last-child):after{

    position: absolute;

    content: "\f054";

    display: inline-block;

    position: absolute;

    right: -25px;

    top: 50%;

    line-height: 0;

    vertical-align: middle;

    font-family: "fontAwesome";

    font-weight: 400;

    font-size: 12px;

    background-color: #f26c08;

    color: #f26c08;

    transform: translate(-50%, -50%);

}

.product-catalogue .l1 li a{color: #000000;font-size: 15px;font-weight: 600;}

.product-catalogue  ul li svg {

    margin-right: 10px;

    width: 16px !important;

    height: 16px !important;

}

.product-catalogue  ul li svg path {

    filter: invert(1);

}

.product-catalogue  .l1 li {

    display: flex;

    align-items: center;

    width: 100%;

}

.productContent table{

    height:440px;

    overflow-y: scroll;

}

.productContent span{

    color: #000000 !important;

}

.productContent p{

    color: #000000 !important;

    margin-bottom: 10px;

    padding: 8px 8px;

}

.aside-category h2.heading-1{

    text-align: left;

    line-height: 20px;

    padding-bottom: 0;

    margin-bottom: 20px;

}

.aside-category .category-item{

    margin-bottom: 15px;

}

.aside-category h2.heading-1 a{

    font-size: 16px;

    color: #7000BC;

}

.aside-category ul{

    padding-left: 0;

}

.aside-category ul li a{

    color: #000000;

    font-size: 15px;

    font-weight: 500;

}

.aside-category ul li:not(:last-child){

    margin-bottom: 15px;

}

.category-item li{

    display: flex;

    align-items: center;

    width: 100%;

}

.category-item li svg{

    margin-right: 10px;

    width: 16px !important;

    height: 16px !important;

}

.category-item li a{

    width: calc(100% - 26px);

}

.category-item li path{

    filter: invert(1);

}

h2.heading-4 span{

    color: #fff;

}

.productContent td{

    border: 1px solid #fff !important;

}

.panel-product-detail h2.heading-3{

    margin-bottom: 30px;

}

.panel-product-detail h2.heading-3 span{

    color: #7000BC;

}

.aside-right a{

    padding: 5px 3px;

    color: #fff;

    border-radius: 6px;

    /* width: 120px; */

    display: block;

    text-align: center;

    font-size: 13px;

    font-weight: 400;

}

.aside-right .uk-width-medium-1-2:last-child{

    /* padding-left: 0; */

}

.aside-right .uk-width-medium-1-2:last-child a{

    background: red;

}

.aside-right .uk-width-medium-1-2 a{

    background: #f26c08;

}

.project h1.heading-6{

    text-align: center;

    margin-bottom: 30px;

}

.project h1.heading-6 span{

    color: #7000BC;

}

.project .project-item .image{

    margin-bottom: 20px;

}

.project .project-item .info{

    text-align: center;

}

.project .project-item .description p{

    color: #0a0a0a;

    margin-bottom: 0;

    font-size: 15px;

    font-weight: 500;

    line-height: 1.5;

    font-style: italic;

}

.project-container{

    background: #ffffff;

}

.project-container ul{

    display: flex;

    padding: 15px 0;

}

.project-container ul li{

    margin-right: 15px;

}

.project-container ul li a{

    font-size: 15px;

    font-weight: 600;

    color: #000000;

    text-align: center;

}

.project-container ul li a span{

    display: block;

}

.project-catalogue ul.l1{

    display: block !important;

    padding: 0 !important;

}

.project-catalogue h3.heading-2 span{

    color: #f26c08;

}

.project-catalogue ul.l1 li{

    margin-bottom: 15px;

}

.project-catalogue ul.l1 a img{

    margin-bottom: 15px;

}

.information-project h3.heading-2 span{

    color: #7000BC;

    text-transform: uppercase;

}

.information-project .info .content p{

    color: #000000;

    font-size: 14px;

    font-weight: 400;

}

.swiper-container-thumbs{

    overflow: hidden;

}

.swiper-container-thumbs .image{

    border-radius: 4px;

    text-align: center;

    line-height: 108px;

    cursor: pointer;

    height:85px;

}

.popup-gallery .swiper-container{

    margin-bottom: 15px;

}

.footer .wrapper-footer{

    background: #181414;

    padding: 20px 0;

}

.footer .info-company .image img{

    width: 150px;

}

.footer .text h3.heading-2{

    color: #7000BC;

    font-size: 20px;

    line-height: 1.4;

}

.footer .text .thumb{

    padding-right: 20px;

    margin-right: 20px;

    border-right: 2px solid #7000BC;

}

.footer .text .col{

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    display: flex;

    margin-bottom:10px;

}

.footer .copyright p{

    margin-bottom: 0;

    text-align: center;

    font-size: 14px;

    font-weight: 500;

    color: #fff;

}

.footer .copyright{

    padding: 10px 0;

    background: #181414;

    background-image: linear-gradient(to right, #7000BC, #f26c08) !important;

}

.footer-upper .uk-grid{

    align-items: center;

}

.footer-upper .thumb img{

    /* width: 170px; */

}

.footer-upper .gallery{

    /* display: flex;

    align-items: center;

    justify-content: flex-end; */

    margin-top:10px;

}

.footer-upper .gallery .thumb:not(:last-child){

    /* margin-right: 40px; */

}

.footer-lower a svg{

    width: 40px;

}

.footer-lower li{

    margin-right: 30px;

}

.footer-lower ul{

    display: flex;

    padding-left: 0;

    justify-content: center;

}

.page-wrapper h2.heading-1{

    padding: 15px 0;

}

.page-wrapper h2.heading-1 span{

    color: #7000BC;

    font-size: 32px;

    text-transform: capitalize;

}

.post-detail .detail-wrapper{

    padding-bottom: 30px;

}

.product-catalogue .pt20{

    color: #fff;

    font-size: 16px;

}

.search{

    padding: 50px 0;

}

.product-list table th{

    color: #000;

    width: 100px;

    padding: 5px 0;

    background-color: #ffc001;

}

.product-list table{

    width: 100%;

}

.product-catalogue .uk-container{

    max-width: 1350px !important;

}

.product-list table .sm{

    width: 50px !important;

}



.footer-upper{

    margin-bottom:10px !important;

}



.uk-table thead th{

    vertical-align: middle !important;

    text-align: center;

    font-size:13px;

}

.filter-table tbody td{

    background: #fff;

    color:#000;

    font-weight: 500;

}



.cat-name td{

    background: #6f2fa1 !important;

    color:#fff !important;

    font-weight: 600;

}



.cat-name .style-1{

    background: #002160 !important;

}



.cat-name .style-2{

    background: #0c70be !important;

}



.cat-name .style-3{

    background: #01b0ef !important;

}



.cat-name .style-4{

    background: #01b051 !important;

}



@media (max-width: 1000px){

    .homepage .slide-item .image{

        height:auto;

        max-height: none;

    }

    .panel-slide .form-overlay{

        width:100%;

        position: static;

        transform: translate(0, 0);

    }

    .panel-slide .form-overlay form{

        border-radius: 0;

    }

}





/* MOBILE HEADER */

.mobile-header{

    background: #3a3a3a;

}

.mobile-menu-button img{

    filter: brightness(0) invert(1);

}

.mobile-banner{

    padding:5px;

}

.mobile-banner .image{

    height:50px;

}

.mobile-banner .image img{

    border-radius: 5px;

}

.mobile-menu-button{

    max-width: 25px;

    margin-left:20px;

}

.mobile-upper{

    padding:20px 0;

}

.mobile-upper .mobile-logo{

    max-width: 120px;

}

.mobile-lower .header-form{

    margin-left:0;

    width:100%;

}

.uk-offcanvas-bar{

    background: #fff;

}



.uk-nav-parent-icon>.uk-parent>a:after {

    content: "\f104";

    width: 20px;

    margin-right: -10px;

    float: right;

    font-family: FontAwesome;

    text-align: center;

}



.uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover{

    background: var(--primary-color);

}



.offcanvas li.l1 > a:not(.dropicon)::after {

    display: none;

}



.offcanvas li.l1.uk-parent>a:not(.dropicon) {

    margin-right: 42px;

}



.offcanvas ul.l3 {

    border-top: 0;

    -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.05);

    box-shadow: inset 1px 0 0 rgba(255,255,255,.05);

    border-left: 1px solid rgba(0,0,0,.3);

}

.uk-nav-offcanvas>li>a{

    color:#253d4e;

    text-shadow: none;

    border-color:#ececec;

}

.offcanvas li.l1 > a.dropicon{

    border-color:#ececec;

}

.uk-nav-offcanvas{

    box-shadow: none;

    border-color:#ececec;

}

.uk-nav ul a,

.uk-nav-offcanvas a{

    color:#253d4e;

    font-size:16px;

}

html:not(.uk-touch) .uk-nav-offcanvas ul a:hover,

.uk-nav ul a:hover,

.uk-nav-offcanvas a:hover{

    color:#000;

}



.uk-offcanvas-bar:after{

    display: none;

}

.uk-offcanvas-bar .header-form{

    width:100%;

    padding:20px;

    margin-left:0;

}

.uk-offcanvas-bar .header-form button span{

    text-indent: -999999px;

    background: transparent;

    display: block;

}

.uk-offcanvas-bar .header-form button {

    right:23px;

    top:23px;

}

.uk-offcanvas-bar .header-form button:before{

    content:'\f207';

    font-family: 'uicons-regular-straight';

    display: block;

    position: absolute;

    left:3px;

    top:13px;

    width:40px;

    height:40px;

}





.header-form{

    width:500px;

    margin-left:60px;

    position: relative;

}

.header-form .input-text{

    width:100%;

    height:46px !important;

    border:1px solid var(--primary-color) !important;

    border-radius: 3px;

}

.header-form button{

    position: absolute;

    right: 3px;

    top: 3px;

    height:40px;

    color:#fff;

    background: var(--primary-color);

    font-size:14px;

    border:0;

    padding: 0 22px;

    border-radius: 3px;

}

.header-form{

    margin-bottom:20px;

}



@media (max-width: 1000px){

    .panel-slide .form-overlay form{

        padding:20px;

    }

}



@media (max-width: 600px){

    .info-company > .uk-flex{

        display: block;

    }

    .footer .info-company .thumb{

        border:0;

        padding:0;

        margin:0;

    }

    .post-catalogue .blog-item ul li a{

        width:100% !important;

    }

    .post-catalogue .wrapper{

        width:100% !important;

        padding:0 20px;

    }

    .post-title{

        font-size:20px;

        line-height:23px;

    }

    .heading-2 > *{

        font-size:18px;

    }

    .product-container .uk-width-medium-1-4:nth-child(1){

        order:3;

    }

    .product-container .uk-width-medium-2-4:nth-child(2){

        order:1;

    }

    .product-container .uk-width-medium-1-4:nth-child(3){

        order:2;

    }

    .product-container .aside-right{

        margin-top:20px !important;

    }

    .quote-container .uk-width-medium-1-3,

    .quote-container .uk-width-medium-1-2{

        margin-bottom:20px !important;

    }

    .product-list table{

        width:800px;

    }

    .footer .col span {
        white-space: pre-wrap;
    }

}

.col{

    width: 100%;

}

.col svg{

    width: 15px;

    height: auto;

    margin-right: 8px;

}

.col span{

    width: calc(100% - 28px);

    display: block;

    white-space: nowrap;

}

.panel-product-detail .productContent ul li{

    color: #fff;

    list-style: disc;

}

.nice-select .list{

    max-height: 300px !important;

    overflow-y: scroll;

}



.product-content {

    color:#fff;

    font-size:15px;

    line-height:24px;

}

.product-content  ul{

    padding-left:10px;

    margin:15px 0;

}

.product-content  ul li{

    position: relative;

    padding-left:10px;

}



.product-content ul li:before{

    content:'';

    display: block;

    position: absolute;

    left:0;

    top:50%;

    transform: translate(0, -50%);

    width:4px;

    height:4px;

    border-radius: 50%;

    background: #fff;

}



.content-heading {

    text-align: center;

    text-transform: uppercase;

    background: #f00;

    padding:10px 25px;

    display: inline-block;

    color:#fff;

}



@media (max-width: 768px){

    .productContent table{

        width:1000px;

        overflow-y: scroll;

    }

    .product-content iframe{

        width:100% !important;

        height: auto !important;

    }

    .page-breadcrumb ul li:last-child{

        display: none;

    }

    .search .product-item .image{

        height: 120px !important;

    }

}

.productContent .description{

    color: #fff;

    font-size: 18px;

    text-transform: capitalize;

    font-weight: 700;

}



.navigation .children:before{

    content:'\f107';

    display: block;

    position: absolute;

    right:0;

    top:50%;

    transform: translate(0, -50%);

    font-family: FontAwesome;

    color:#fff;

}



.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{

    background: #f26c08;

}





.productContent table {

    width: 100%;

    border-collapse: collapse;

    color:#000 !important;

  }

  

  .productContent table th, .productContent table td {

    border: 1px solid #000;

    padding: 8px;

    text-align: center;

    vertical-align: middle;

  }

  

  /* Tiêu đề (header) màu xám đậm */

  .productContent table th {

    background-color: #4b4b4b; /* Màu xám đậm */

    color: #fff;

  }

  

  /* Dòng chẵn (even) màu xám nhẹ */

  .productContent table tr:nth-child(even) {

    background-color: #e0e0e0; /* Màu xám nhẹ */

  }

  

  /* Dòng lẻ (odd) màu xám nhạt hơn */

  .productContent table tr:nth-child(odd) {

    background-color: #f2f2f2; /* Màu xám nhạt */

  }



  .productContent table td{

    color:#000 !important;

  }



  .productContent table *{

    color:#000 !important;

    font-weight: 500;

  }



  .productContent table p{

    margin:0 !important;

    padding:0 !important;

  }



  .productContent table tbody tr:nth-child(1){

    background: #f26c08;

  }



  .navigation .uk-navbar-nav>li:hover>a{

    color:#f26c08

  }



  .uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover{

    background: #f26c08;

  }



  .nice-select{

    border-radius: 0 !important;

  }

.reset a{

    color: #fff;

}

.form-overlay .button{

    text-align: center;

}

.search .product-item .image{

    height: 300px;

    margin-bottom: 15px;

}

.search .product-item .title{

    margin-bottom: 0;

}

.page-breadcrumb ul li:last-child > *{

    color:#f26c08 !important;

}



.category-item ul li:hover > *,

.product-catalogue-item ul li:hover >*{

    color:#f26c08 !important;

}



.category-item ul li a.active{

    color:red;

}



.information-project table{

    width:100% !important;

    color:#fff;

    height: 100% !important;

}


/* .info-company .text{

    margin-top:-25px;

} */

.information-project table tr td{

    padding:5px;

}

.information-project table tr td:nth-child(1){

    background: #eaeaea;

    color:#000;

}

/* 

.information-project table tr:nth-child(even){

    bca

} */



@media (max-width: 600px){

    .info-company .text{

        margin-top:25px;

    }

}