*{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; }
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/font/Roboto-Regular.html') format('woff2'),
        url('../fonts/font/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto_bold';
    src: url('../fonts/font/Roboto-Bold.html') format('woff2'),
        url('../fonts/font/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'UTMHanzel';
    src: url('../fonts/font/UTMHanzel.html') format('woff2'),
        url('../fonts/font/UTMHanzel.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'UTMHelvetIns';
    src: url('../fonts/font/UTMHelvetIns.html') format('woff2'),
        url('../fonts/font/UTMHelvetIns.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SVN_Avo';
    src: url('../fonts/font/SVN-Avobold.html') format('woff2'),
        url('../fonts/font/SVN-Avobold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'SVN_Avo_r';
    src: url('../fonts/font/SVN-Avo.html') format('woff2'),
        url('../fonts/font/SVN-Avo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SVN_Abril_Fatface';
    src: url('../fonts/font/SVN-AbrilFatface.html') format('woff2'),
        url('../fonts/font/SVN-AbrilFatface.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body{font-family: 'SVN_Avo_r';font-size: 14px; color: #333; background: #fff;}
p{margin: 0}
ul{margin-bottom: 0px}
h4{font-size: 0rem}
a:hover{color: #ffffff}
/* header */
.flex{display: flex;flex-wrap: wrap;align-items: center;}

/* menu */
.menu ul li a{font-family:'SVN_Avo';line-height: 1;}
.menu{position: relative;z-index: 9;position: absolute;left: 0px;right: 0px;top: 20px;z-index: 11;}
.m_l{flex: 1;}
.m_r{flex: 1;}
.g_l{padding: 0px 20px;}

.slick_slide1 .slideshow-item.slick-current .mw_sl:before, .slick_slide1 .slideshow-item.slick-current .mw_sl:after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    border: 2px solid transparent;
    width: 0;
    height: 0;
}

.slick_slide1 .slideshow-item.slick-current .mw_sl:before {
    top: 0;
    left: 0;
    border-top-color: #45e0db;
    border-right-color: #45e0db;
    animation: border 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.slick_slide1 .slideshow-item.slick-current .mw_sl:after {
    bottom: 0;
    right: 0;
    animation: border_after 1s .5s,borderColor 1s .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.slick_slide1 .slideshow-item {
    padding: 15px 19px;
}
.slick_slide1 .slideshow-item{background-color: #00000057;margin: 0px 10px;}
.slick_slide1 .slideshow-item.slick-current{background-color: #000000b0;}
.slick_slide1 .slideshow-item.slick-current .mw_sl span{color: #45e0db;}
.slick_slide1 .slideshow-item.slick-current .mw_sl .name_sl{color: #45e0db;}




.mg_sl1 {
    margin: 0px -19px;
}

@keyframes border {
    0% {
        width: 0;
        height: 0;
    }

    25% {
        width: 100%;
        height: 0;
    }

    50% {
        width: 100%;
        height: 100%;
    }

    100% {
        width: 100%;
        height: 100%;
    }
}

@keyframes border_after {
    0% {
        width: 0;
        height: 0;
    }

    25% {
        width: 100%;
        height: 0;
    }

    50% {
        width: 100%;
        height: 80%;
    }

    100% {
        width: 100%;
        height: 80%;
    }
}

@keyframes borderColor {
    0% {
        border-bottom-color: #45e0db;
        border-left-color: #45e0db;
    }

    50% {
        border-bottom-color: #45e0db;
        border-left-color: #45e0db;
    }

    51% {
        border-bottom-color: #45e0db;
        border-left-color: #45e0db;
    }

    100% {
        border-bottom-color: #45e0db;
        border-left-color: #45e0db;
    }
}

.mw_sl span {
    font-size: 26px;
    color: #fff;
    font-weight: 300;
    position: relative;
    z-index: 12;
    font-family: 'SVN_Avo';
    padding-right: 5px;
}

p.name_sl {
    margin-bottom: 0px;
    font-size: 16px;
    color: #fff;
    margin-top: 1px;
    overflow: hidden;
    position: relative;
    z-index: 12;
    font-family: 'SVN_Avo_r';
}
.desc_sl{color: #fff;
    font-family: 'SVN_Avo_r';
    font-size: 13px;
}
.slideshow-item{min-height: 226px;}
.ab_slide1 {
    position: absolute;
    bottom: 20px;
    right: 0px;
    width: 100%;
    /* padding-right: calc(50% - 1200px/2); */
    z-index: 12;
}

.ab_slide1 .fr_o {
    max-width: 1300px;
    width: 100%;
    margin: auto;
}

.slideshow-item {
    position: relative;
}

.slideshow-image .info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    padding-left: calc(50% - 1245px/2);
}

.slideshow-image .info > div {
    max-width: 655px;
    position: relative;
    z-index: 1234
}

.slideshow-image .info p.namesl1 {
    margin: 0;
    animation: fadeIn 1s both;
    font-size: 15px;
    color: #fac23c;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0px;
    letter-spacing: 12px;
}

.slideshow-image .info .desc_mota {
    font-size: 42px;
    color: #ffffff;
    animation: fadeIn 1s both;
    text-transform: capitalize;
    overflow: hidden;
    height: 63px
}

.slideshow .slick_for .slick-slide.slick-current p.namesl1 {
    animation: fadeInUp 1s both 1s;
}

.slideshow .slick_for .slick-slide.slick-current .desc_mota {
    animation: fadeInUp 1s both 1.5s;
}

.slideshow .slick_for .slick-slide.slick-current .btn_xemthemslide {
    animation: fadeInUp 1s both 2s;
}

.slideshow .slick_for .slider-track {
    -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.slideshow .slick_for .slideshow-image {
    height: 100%;
    position: relative;
    z-index: 1;
    
}

.slideshow .slick_for .slideshow-image img {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(0.7,0,0.3,1);
    transition: all 1s cubic-bezier(0.7,0,0.3,1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.slideshow .slick_for .slick-slide.slick-current img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: cssAnimation 3s 1 ease-in-out forwards;
    animation: cssAnimation 8s 1 ease-in-out forwards;

}

@keyframes cssAnimation {
    from {
        -webkit-transform: scale(1) translate(0px);
    }

    to {
        -webkit-transform: scale(1.1) translate(0px);
    }
}

@-webkit-keyframes cssAnimation {
    from {
        -webkit-transform: scale(1) translate(0px);
    }

    to {
        -webkit-transform: scale(1.1) translate(0px);
    }
}
.social-slide {
    position: absolute;
    bottom: 40px;
    left: calc(50% - 1260px/2);
    z-index: 12;
}

.social-slide a {
    padding: 0px 6px;
}

.social-slide a:first-child {
    padding-left: 0px;
}

.social-slide a:last-child {
    padding-right: 0px;
}

/* linhvuchaottadong */
.noidung_top{padding-bottom: 20px;text-align: center;}
.title_h2{font-size:40px;color: #333333;font-family:'SVN_Abril_Fatface';text-transform: uppercase;}
.slogan1{font-size:20px;color: #45e0db;font-family:'SVN_Avo';text-transform: uppercase;}
.sanpham_banchay{padding: 60px 0px;}
.name-product{font-size: 15px;color:#333333;margin-top: 15px;margin-bottom: 5px;}
.gia{color: #555555;}
.lv_vi{font-size: 20px;font-family: 'SVN_Avo_r';color: #333333;margin-top: 15px;margin-bottom: 5px;}
.lv_desc{font-size: 14px;font-family: 'SVN_Avo_r';color: #4c4c4c;line-height: 2;}
.xemthem{font-size: 14px;color: #fff;text-transform: uppercase;display: inline-block;width: 165px;height: 45px;line-height: 45px;background-color: #333333;text-align: center;margin-top: 20px;}
.lv_info{text-align: center;}
.lv_hd{padding: 60px 0px;}
.sp_vi{font-size: 18px;color: #000;margin-top: 20px;text-align: center;}
.xemthem:hover{background-color:#45e0db;transition: all 0.3s;color: #ffffff;}
.lv_vi:hover{color: #45e0db;transition: all 0.3s;}

/* .danhmuc_list */
.grid-page{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px 20px}
.danhmuc_sanpham {justify-content: center;margin-top: 20px;margin-bottom: 10px;}
.li_a {padding: 0px 5px;}
a:not([href]):not([class]){color: unset;}
.danhmuc_sanpham li a {font-size: 15px;color: #333333;padding: 8px 24px;display: inline-block;text-transform: uppercase;cursor: pointer;border-top: 1px solid #33333330;border-bottom: 1px solid #33333330;}
.danhmuc_sanpham li a.active {color: #000;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.danhmuc_sanpham li {list-style: none;}
.wrap-content.space_sp{padding: 60px 0px;}
.danhmuc_sanpham li a:hover{transition: all 0.3s;color: #ffffff;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.sp_id:nth-child(2n+1){background-color: #000;}
.sp_id:nth-child(2n+1){color: #fff;}
.sp_id:nth-child(2n+1) .title_h2{color: #fff;}
.sp_id:nth-child(2n+1) .danhmuc_sanpham li a{color: #fff;border-top: 1px solid #ffffff54;border-bottom: 1px solid #ffffff54;}
.sp_id:nth-child(2n+1) .danhmuc_sanpham li a.active{color: #fff;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.sp_id:nth-child(2n+1) .danhmuc_sanpham li a:hover{transition: all 0.3s;color: #ffffff;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.sp_id:nth-child(2n+1) .sp_vi{color: #fff;}
.retative{position: relative;}
.sp_vi:hover{color: #45e0db!important;transition: all 0.3s;}

/* //quytrinh */
.box_qt{position: relative;}
.box_qt_item{max-width: 930px;margin: auto;justify-content: space-between;transform: translateX(40px);}
.qt_info{flex: 1;padding-left: 10px;}
.qt_name{font-size: 15px;color: #000;font-family: 'SVN_Avo';text-transform: uppercase;margin-bottom: 20px;max-width: 125px;}
.qt_desc{font-size: 13px;color: #000;}
.img_qt{align-self: flex-start;}
.qt_item{width: 22.5%;}
.box_qt_item1{flex-direction: row-reverse;justify-content: end;margin-top: 70px;}
.box_qt_id{position: absolute;top: -17px;left: 0px;right: 0px;}
.box_qt_item1 .qt_item:last-child{margin-right: 30px;}
.lh_btn{width: 210px;height: 40px;line-height: 40px;border: 1px solid #d9d9d9;border-radius: 30px;text-align: center;}
.ha_lh{padding-left: calc((100% - 1200px) / 2);margin-top: -100px;}
.img_r{margin-left:60px;align-self: flex-end;margin-bottom: 100px;}
.noidung_top_1{margin-bottom: 50px;}
.quytrinh{padding: 60px 0px;}

/* gioithieu */
.gioithieu_left{width: 27%;text-align: center;}
.gioithieu_left1{padding: 40px 30px;background-color: #0189e1;margin-right:-70px;position: relative;z-index: 1;}
.gioithieu_left{border: 2px dotted #67bfc7;padding: 10px;}
.gioithieu_right{width:73%;}
.doinet{font-size: 36px;color: #ffffff;font-family:'UTMEdwardian';}
.doinet1{font-size: 18px;color: #ffffff;fontvideo-fotorama-family:'Mulish_regular';}
.gioithieu_vi{font-size:35px;color: #ffffff;font-family:'UTMAmericanSans';margin-top: 10px;margin-bottom: 10px;}
.gioithieu_mota{color: #ffffff;text-align: justify;}
.gioithieu{padding: 60px 0px;}
.box_ab:nth-child(1) { grid-column: 1 / 5; grid-row: 1 / 3}
.box_ab:nth-child(2) { grid-column: 5 / 8; grid-row: 1 / 2;}
.box_ab:nth-child(3) { grid-column: 5 / 8; grid-row: 2 / 3;}
.qc_sl {display: grid;grid-template-columns: repeat(7, 1fr);grid-gap:5px;}

/* danhmuc */
.danhmuc_list{position: relative;}
.danh_muc_title{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;padding:0px 20px}
.danhmuc_vi{font-size: 24px;color: #ffffff;font-family:'Muli_semibold' ;}

/* //sp_cap */
.dm1 li{list-style: none;}
.dm1 li a{font-size: 15px;color: #000;display: inline-block;cursor: pointer;padding: 10px 40px;border-radius: 30px;border: 1px solid #344729;}
.dm1{justify-content: center;}
.dm1 li a.active{background-color:#966551;color: #fff;border: 1px solid #966551;}

/* album */
.box_ab1:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 5}
.box_ab1:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 4;}
.box_ab1:nth-child(3) { grid-column: 1 / 2; grid-row: 5 / 9;}
.box_ab1:nth-child(4) { grid-column: 2 / 3; grid-row: 4 / 9;}
.qc_sl1 {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:0px;}
.album_anh{padding: 60px 0px;background: url(../images/image/bck_album.html)no-repeat;background-size: cover;}
.album_gallery{display: none;}
.info-product{text-align: center;}
.addcart{cursor: pointer;}
.modal-header{background-color:#0189e1;color: #ffffff;}
.zoom_hinh{position: relative;}
.line_index{margin-top: 10px;}
.album_vi1{font-size:17px;color: #ffffff;font-family:'BeVietnam_light';}
.mau{color: #ffffff;}
.album-name{font-size: 15px;text-align: center;margin-top: 15px;color: #000;font-family: 'Roboto_bold';text-transform: uppercase;}
.box_ab1{position: relative;}
.info_al{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;background-color: #000000a1;opacity: 0;}
.info_al1{margin: 35px;border: 1px solid #d9d9d961;position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;flex-direction: column;}
.al_name{font-size: 20px;color: #fff;margin-bottom: 10px;}
.al_desc{font-size: 15px;color: #fff;}
.box_ab1:hover .info_al{opacity: 1;transition: all 0.3s;}
.duan_index{padding: 60px 0px;background: url(../images/image/nen_da.png)no-repeat;background-size: cover;}
.color{color: #fff;}

/* tintuc */
.box_tintuc_video{justify-content: space-between;}
.newshome-scroll{width:calc(100% - 44.5%);height:400px;overflow:hidden;width: 100%}
.newshome-scroll ul li{margin-bottom:15px!important;}
.newshome-normal{display:block;}
.tintuc_img{width: 38%}
.tintuc_title{width: 62%;padding-left: 15px;}
.tintuc_box{display: flex;flex-wrap: wrap;}
.tintuc_top{font-family:Roboto_bold;font-size:15px;color:#1b1b1b}
.tintuc_title1{font-family:Roboto;font-size: 14px;color:#575757;text-align: justify;}
.tintuc_img{border-radius: 10px;overflow: hidden;}
.ngaythang{font-size: 12px;color: #6f6f6f;margin: 10px 0px;}
.xemthem_vi{font-size:13px;color: #000;text-decoration: underline;text-align: end;margin-top: 10px;}
.tintuc_video{padding: 75px 0px;}
.info_tt{box-shadow: 0px 0px 10px #888888;padding: 20px;position: relative;z-index: 1;background-color: #fff;margin: -60px 20px 0px 20px;}
.ngay_info{font-size: 14px;color: #000;}
.name_tt{font-size: 18px;color: #000;text-transform: capitalize;margin-top: 10px;margin-bottom: 10px;}
.desc_tt{font-size: 13px;color: #000;text-transform: capitalize;line-height: 1.8;}
.xt_ten{font-size: 13px;color: #000;text-transform: uppercase;margin-top: 20px;}
.xt_ten img{position: relative;top:7px;padding-left: 5px;}
.tintuc_index{padding: 60px 0px;}
.name_tt:hover{color: #45e0db;transition: all 0.3s;}
.xt_ten:hover{color: #45e0db;transition: all 0.3s;}
.footer-ul li a:hover{color: #45e0db;transition: all 0.3s;}

/* footer */
.box_footer{display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer-news:nth-child(1){width: 45%;}
.footer-news:nth-child(2){width: 20%;}
.footer-news:nth-child(3){width: 29%;}
.title-footer{font-size:32px;font-family:'SVN_Avo';color:#ffff;margin-bottom: 20px;}
.footer_icon li {list-style: none;padding: 6px 0px;}
.footer_icon ul li{display: flex;align-items: center;}
.footer_icon li span{color: #ffff}
.copyright,.statistic{font-size: 14px}
.list_icon ul {display: flex;}
.list_icon ul li img{margin-right: 10px;max-width: 46px}
.list_icon ul li {list-style: none}
.chinh_sach{margin-bottom:30px;font-size: 15px;color:#ffff;position: relative;}
.chinh_sach::after {content: "";position: absolute;width: 30px;height: 1px;bottom: -20px;left: 0px;background-color: #67bfc7;}
.footer_icon img{padding-right: 10px;}
.box_footer{padding-top: 60px;}
.footer-article{background: url('../images/image/bg_ft.png') no-repeat;background-size: cover;}
.list_icon{margin-top: 10px;}
.mxh{color: #fff;margin-right: 10px;}
.footer-copyright{text-align: center;}
.lv_name{font-size: 18px;margin-top: 15px;margin-bottom: 5px;font-family: 'SVN_Avo';color: #000;}
.info_lv{text-align: center;}

/* trangtrong */
.title-main span{text-transform:uppercase;font-size:36px;display: inline-block;color: #45e0db;font-family: 'UTMHanzel';}
.title-main1 span{font-size:26px;display: inline-block;color: #45e0db;font-family: 'Roboto_bold';text-transform: capitalize;}
.wrap-detail{padding-bottom: 40px;padding-top: 20px;}
.gird_duan{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 26.67px 26.67px}
.gird_dichvu{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 26.67px 26.67px}

.title-main1{text-align: center;margin-bottom: 20px;}
.gird-product{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 26.67px 26.67px}
.news-desc{text-align: justify;}
.news-image span{border-radius: 10px;overflow: hidden;}
.news-name a{color:#333;font-size:16px;font-family: 'Roboto_bold';line-height: 1.6;}
.list-news-other li a{color:#45e0db ;}
.lv_name:hover{color: #45e0db;transition: all 0.3s;}
.list-news-other li {margin-bottom: 2px;list-style: none;padding: 3px 0px;font-family: auto;}
.list-news-other li a:hover{color: #7c440a;transition: all 0.3s;}
.cart-product span{width: unset;}
.cart1{text-align: center;}
.cart1 span{float: unset;display: inline-block;margin-top: 5px;padding: 7px 20px;background-color:#0189e1;}

/* hover */
.sanpham_list_vi:hover,.name-product:hover{color: red;transition: all 0.3s;}
.dm1 li a:hover{background-color:red;transition: all 0.3s;color: #ffff!important;}
.duan_vi:hover,.tintuc_top:hover{color: red;transition: all 0.3s;}
.xemthem_vi:hover{color: #7c440a;transition: all 0.3s;}
.fixed{position: fixed;left: 0px;right: 0px;top: 0px;z-index: 99;}
.header-bottom.fixed{animation:fadeInDown; animation-duration: 1.5s;}
.xemthem_vi:hover{color: red;transition: all 0.3s;}
.img-hover img:hover{transition: all 0.3s;transform: translateY(-5px);}
.img-hover img{transition: all 0.3s;}
.listvideos {width: 100%;padding: 10px 0px;}
.video-main {height: 400px;}


#Tags {
    margin: 20px 0 0;
}
.tag_item {
    background: #f1f1f1;
    color: #656565;
    font: 400 12px/20px arial;
    margin: 0 5px 5px 0;
    padding: 0 10px;
    white-space: nowrap;
    display: inline-block;
}

.tag_item:hover{color: red;transition: all 0.3s;}
.header-bottom.fixed{background-color: #fff;box-shadow: 0px 0px 10px #888888;}
.pro_desc{color: #000;font-size: 14px;}
.menu_detail{position: relative;top: 0px;background-color: #00000082;padding: 20px 0px;}


.modal-header {
    background-color:#45e0db;
    padding: 0.5rem 1rem!important;
    text-align: center;
}
.modal_title1 {
    padding: 5px 20px;
    color: #333333;
    font-size: larger;
    font-family: Roboto;
    font-size: 15px;
}
.form_1 {
    padding: 0px 20px 20px 20px;
}
.form-contact1 {
    padding: 10px;
    background-color: #F8F8F8;
}
.img_dangki{cursor: pointer;}
.modal-content{background-color: #fff;}
.modal-title{color: #fff;}
.a_2:hover{background-color:#45e0db;color: #fff;transition: all 0.3s;border: 1px solid #45e0db;}
.a_1:hover{background-color:#45e0db;color: #fff;transition: all 0.3s;cursor: pointer;}
.menu.fixed{margin-top: 0px;margin-bottom: 0px;}
.info-header:hover{color: #45e0db;transition: all 0.3s;}

.lienhe_baogia{background: url(../images/bck_lienhe.png)no-repeat;background-size: cover;}
.box_baogia{justify-content: space-between;}
.form_lienhe .input-contact{margin-top: 15px;}
.form-contro1{height: 50px;border-radius: 0px;background: transparent;border: none;border: 1px solid #45e0db;color: #fff;}
.form-contro2{padding: 1.375rem 0.75rem;border-radius: 0px;background: transparent;border: none;border: 1px solid #45e0db;}
.btn1{font-size: 15px;color: #FFF;height: 50px;width: 170px;text-align: center;background-color: #45e0db;border:none;margin-top:30px;line-height: 46px;}
.lienhe_baogia{padding: 70px 0px;}
.btn1:hover{background-color: #7c440a;transition: all 0.3s;}
.center{text-align: center;}
.lh_btn:hover{background-color: #45e0db;transition: all 0.3s;cursor: pointer;color: #fff;}

.banner_tv {width: 100%;display: inline-block;vertical-align: top;margin-bottom: 20px;}
.img_tt_tv{border-radius: 50%;overflow: hidden;width: 180px;margin: 0px auto;}

.menu.fixed{background-color: #fff;box-shadow: 0px 0px 10px #888888;}



/* // */
.duan_id_d .title_h2{color: #000;}
/* Project */
#project_slider li {
    position: relative;
}

#project_slider li.slider-open div.slider-back {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    visibility: hidden;
}

#project_slider div.slider-bg {
    background: rgba(0, 0, 0, 0.55);
    bottom: 0px;
    height: 101px;
    width: 100%;
    left: 0;
    position: absolute;
    z-index: 10;
}

#project_slider div.slider-info {
    bottom: 30px;
    left: 0;
    position: absolute;
    width: 155px;
    z-index: 15;
    padding: 0px 20px 0px;
}

#project_slider div.slider-info .desc_da {
    opacity: 0;
    color: #fff;
    visibility: hidden;
}

#project_slider div.slider-info strong.text-split {
    -webkit-line-clamp: 2;
}

#project_slider div.slider-info strong {
    font-size: 15px;
    color: #fff !important;
    margin-bottom: 0px;
    text-transform: capitalize;
    line-height: 25px;
    font-weight: 500;
    white-space: nowrap;
}

#project_slider div.slider-info p {
    display: none;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    margin: 0 !important;
}

#project_slider li.slider-open div.slider-info {
    width: 100%;
}

#project_slider li.slider-open div.slider-info strong {
    font-size: 17px;
    line-height: 43px;
    color: #fff;
    font-weight: 700;
}

#project_slider li.slider-open div.slider-info p {
    display: block;
}

#project_slider li.slider-open div.slider-info {
    padding: 0px 20px 23px;
}

#project_slider li.slider-open div.slider-bg {
    background: #00a54fe3;
}

#project_slider li.slider-open div.desc_da {
    opacity: 1;
    color: #fff;
    visibility: visible;
}

#project_slider li.slider-open div.slider-info strong.text-split {
    -webkit-line-clamp: 1;
}

#slick-project-news li {
    position: relative;
}

#slick-project-news li.slider-open div.slider-back {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    visibility: hidden;
}

#slick-project-news div.slider-bg {
    background: rgba(0, 0, 0, 0.55);
    bottom: 0px;
    height: 101px;
    width: 100%;
    left: 0;
    position: absolute;
    z-index: 10;
}

#slick-project-news div.slider-info {
    bottom: 30px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 15;
    padding: 0px 20px 0px;
}

#slick-project-news div.slider-info .desc_da {
    opacity: 0;
    color: #fff;
    visibility: hidden;
}

#slick-project-news div.slider-info strong.text-split {
    -webkit-line-clamp: 2;
}

#slick-project-news div.slider-info strong {
    font-size: 15px;
    color: #fff !important;
    margin-bottom: 0px;
    text-transform: capitalize;
    line-height: 25px;
    font-weight: 500;
    white-space: nowrap;
}

#slick-project-news div.slider-info p {
    display: none;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    margin: 0 !important;
}

#slick-project-news li.slider-open div.slider-info {
    width: 100%;
}

#slick-project-news li.slider-open div.slider-info strong {
    font-size: 17px;
    line-height: 43px;
    color: #fff;
    font-weight: 700;
}

#slick-project-news li.slider-open div.slider-info p {
    display: block;
}

#slick-project-news li.slider-open div.slider-info {
    padding: 0px 20px 23px;
}

#slick-project-news li.slider-open div.slider-bg {
    background: #00a54fe3;
}

#slick-project-news li.slider-open div.desc_da {
    opacity: 1;
    color: #fff;
    visibility: visible;
}

#slick-project-news li.slider-open div.slider-info strong.text-split {
    -webkit-line-clamp: 1;
}