/*
 * Theme Name:Under Vucico
 * Description:Team Vucico Build
 * Version:1.0
 * Author:An Cao
 * Author URI:https://www.facebook.com/HoLopTenTruong
*/
/* FIX Unable to preventDefault inside passive event listener */
.owl-carousel{-ms-touch-action:pan-y;touch-action:pan-y}
/* HEADER TOP */
.header--layout-1.fix {
    max-width: 100%;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    left: 0;
}
.header-topbar.fix{left:0;max-width:100%;overflow:visible;position:fixed;top:0;width:100%;z-index:100000}
.header-topbar__col .header--block-phone-email .flexcontent {position: absolute;
    right: 0;}
/* .header--block-phone-email .flexcontent{float:right} */
.header--block-phone-email .flexcontent .list-inline{margin-top:5px}
.header--block-phone-email .flexcontent .list-inline .fa{font-size:20px;margin-right:10px}
.header--block-phone-email .flexcontent .list-inline a{font-size:20px}
.header--block-phone-email .flexcontent .list-inline a:hover{text-decoration:none}
.header .scroll-show--menu{width:100%;background-color:#fff;display:block;z-index:100000;max-width:100%;border-bottom:1px solid #ccc}
.header .show-fixed{position:fixed}
/* ICON TRANSLATE */
.translation-img--icon{width:28px;height:28px;border-radius:50%;padding-top:0;float:right}
/* BANNER */
.banner-events{position:relative}
.banner-events img{width:100%;float:left;}
.banner-events h3{position:absolute;color:#fff;font-size:40px;font-weight:bold;text-transform:uppercase;top:70px;right:40px;background:rgb(240 1 1 / 70%);padding:10px}
/* SLDIER */
#home-slider{display:block}
#home-slider img{width:100%;float:left}
#project-slider img{width:100%;float:left}
/* DỊCH VỤ TRANG CHỦ */
.rel{position:relative}
.section-header__title{padding-bottom:.5em;position:relative}
.section-header__title:before{position:absolute;content:"";left:0;bottom:0;width:40px;height:4px;border-radius:2px;background:linear-gradient(90deg,#9114c3,#202095)}
.section-header__description{margin-top:1em}
.feature-blocks__col:nth-child(-n+3){margin-top:0}
.feature-blocks--company-missions .icon-card{position:relative;overflow:hidden}
.icon-card--feature-blocks{flex:1 0 auto}
.icon-card{flex:1 1 auto;display:flex;flex-direction:column;background-color:#eee;margin:4px 0 7px;text-align:left;border:1px solid #cfd8e3;box-shadow:0 4px 7px rgb(0 0 0 / 10%);border-radius:0;padding-left:10px;padding-top:10px;padding-right:10px}
.feature-blocks--company-missions .icon-card .icon-card__content,.feature-blocks--company-missions .icon-card .icon-card__icon{position:relative;z-index:3}
.feature-blocks--company-missions .icon-card .icon-card__content {
    position: relative;
    padding-left: 70px;
    flex-direction: column;
    display: -webkit-flex;
}
.feature-blocks--company-missions .icon-card .icon-card__icon,.feature-blocks--core-values .icon-card .icon-card__icon{width:60px;height:60px}
.icon-card__icon{margin:0 0 1em;opacity:.75}
.feature-blocks--company-missions .icon-card .icon-card__icon-wrapper{background:#dee2e6}
.feature-blocks--company-missions .icon-card .icon-card__icon-wrapper,.feature-blocks--core-values .icon-card .icon-card__icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%}
.feature-blocks--company-missions .section-header__description p{font-size:15px}
.icon-card__title{margin-bottom:1em;color:#131112;font-weight:700;font-size:1.15rem;line-height:1.25}
.icon-card__description{color:black;font-size:1em;text-align:justify;padding:10px;background-color:#fff}
.feature-blocks--company-missions .icon-card:after{content:"";position:absolute;bottom:-5px;left:-5px;width:5px;height:5px;background:#fcb900;border-radius:50%;transition:all .4s;pointer-events:none}
.feature-blocks__col:nth-child(-n+3){margin-top:0}
.icon-card__content .icon-card__title{font-size:14px;line-height:22px;margin-top:0}
.feature-blocks__col{display:flex;flex-direction:column}
/* DỰ ÁN */
.section-header{margin-bottom:2em}
.section-header--center .section-header__title:before{width:25%;left:50%;transform:translateX(-50%)}
.intro-center--vision .section-header__inner{position:relative;padding:2em;margin:0 auto;max-width:8in}
.section-header--center{text-align:center}
.intro-center--vision .section-header__inner:before{content:"";position:absolute;top:0;left:0;width:40px;height:4px;background:#202095}
.intro-center--vision .section-header__inner:after{content:"";position:absolute;top:0;left:0;width:4px;height:60px;background:#202095}
.section-header--center .section-header__title{display:inline-block}
.intro-center--vision .section-header__description:before{content:"";position:absolute;bottom:0;right:0;width:40px;height:4px;background:#fcb900}
.intro-center--vision .section-header__description:after{content:"";position:absolute;bottom:0;right:0;width:4px;height:60px;background:#fcb900}
.intro-center--vision .cell-two{margin: 0 auto;}
.intro-center--vision .cell-two .flexcontent img{width: 100%;}
/* ĐỐI TÁC CHÚNG TÔI TRANG CHỦ */
.box-intro{width:100%;clear:both;float:left;background:#f2f2f2;padding:60px 0;margin-bottom:40px}
.box-intro__content{width:100%;clear:both;float:left;margin-bottom:60px}
.box-intro__content-detail{width:50%;float:left;padding-right:30px;padding-top:30px;box-sizing:border-box}
.box-intro__content-detail__desc{width:100%;clear:both;float:left;font-size:14px;line-height:24px;text-align:justify;margin:10px 0 30px;overflow:hidden}
.box-intro__content-detail__link{width:100%;clear:both;float:left;text-align:right}
.box-intro__content-media{width:50%;float:left;padding-left:30px;box-sizing:border-box}
.box-intro__slide{width:100%;clear:both;float:left;position:relative}
.box-intro__slide .item-image{border:1px solid #1293cb;width:100%;background:#ffffff;border-radius:10px;overflow:hidden;height:140px;box-sizing:border-box;margin:0 auto;position:relative}
.box-intro__slide img{max-width:90%;max-height:90%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}
.box-intro__slide .fa{position:absolute;font-size:25px;top:60px;z-index:10;cursor:pointer}
.box-intro__slide .fa-chevron-right{right:-25px}
.box-intro__slide .fa-chevron-left{left:-25px}
/* HEADER 125% */
@media (min-width: 1024px) and (max-width: 1239px) {
    /*.header--layout-1 .header__col--navigation {
        margin-left: 0;
    }*/
    /* .header--light-contract .header__col--navigation .header-topbar__content .search form {
        margin-right: 20px;
    } */
    /*.header__col--navigation .header-topbar__content .navigation {
        margin-left: 45px;
    }*/
}
/* @media print, screen and (min-width: 40em) {
    .header--light-contract .header-topbar__content .search form {
        margin-right: 0;
    }
    .header__col--menu-translate .header__col--mobile-button {
        right: 50px;
        bottom: 10px;
    }
    .header__menu-icons .block-hotline-email--mobile i.fa-phone {
        margin-right: 10px;
    }
} */
/* @media (min-width: 0px) and (max-width: 739px) {
    .header__col--menu-translate .header__col--mobile-button {
        bottom: 20px;
    }
}*/ 
/* 150% */
/* @media only screen and (max-width: 1076px) {
    .header__col--menu-translate .header__col--mobile-button {
        right: 50px;
        bottom: 10px;
    }
    .header__menu-icons .block-hotline-email--mobile i.fa-phone {
        margin-right: 10px;
    }
} */

/* HEADER */
.header-topbar__content .search{
    /* width:calc(100% - 45px);
    text-align:right; */
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.header-topbar__content .search input{float:right;height:34px;border:1px solid #e5e5e5;box-sizing:border-box;border-radius:8px;padding-left:10px;box-sizing:border-box;color:#666}
.header-topbar__content .navigation{float:right;margin-left:20px}
.header-topbar__content .search .fa-search{position:absolute;right:0;top:0;height:34px;width:34px;background:#e80611;padding:10px;border:none}
.header--layout-1 .header__col--navigation {
    margin-left: 0;
}
.header--light-contract .header-topbar__content .search form {
    position: relative;
}
/* Về Vucico */
.block1-about-vucico__right{width:50%;padding-right:40px}
.block2-about-vucico .sheraton-introduction-section__container{background:#1E4463}
.block2-about-vucico .sheraton-introduction-section__container .description-block__text{color:#fff;line-height:23px;font-size:18px;text-align:justify}
.block3-about-vucico.strip-component.featured-image-and-text .strip-content .info h2.heading{font-size:28px}
/* BOX SEARCH */
.top-search{padding-left:40px}
/* FOOTER */
.footer__top{padding:2em 0}
.widget:last-child{border-bottom:0}
.widget:nth-child(-n+1){margin-top:0}
.widget .textwidget p{margin-top:1em}
.widget .textwidget p>img{max-width:100%;height:auto;padding:0;}
.widget .textwidget ul{list-style-type:disc;margin-left:1em;padding-left:.5em}
.widget .textwidget li:first-child{margin-top:0}
.widget .textwidget li{margin-top:.25em}
.footer .footer__bottom{padding:10px;background-color:#000}
.footer *{color:#fff;}
.footer * a:hover{text-decoration:none;color:#fff}
.footer__bottom-col:nth-child(-n+2){margin-top:0}
.footer__copyright-text{margin-bottom:0;color:#fff;font-size:14px;margin-left:20px;}
.social-links--footer-bottom p.widget__title{text-transform:uppercase;margin-top:10px}
.social-links--footer-bottom a.social-links__item{width:30px;height:30px;border:1px solid #fff;border-radius:50%;float:left}
.social-links--footer-bottom ul{text-align:center}
.social-links--footer-bottom  li{display:inline;float:left;margin-left:7px}
.social-links--footer-bottom li:first-child{margin-left:0px;}
.social-links--footer-bottom a.social-links__item i{color:#fff;text-align:center;line-height:30px}
.social-links--footer-bottom .list-social{float:left}
.footer-bg--color{background-color:#1e4463}
/* VỀ DỊCH VỤ */
.block-services .title-news-event a{color:#fff}
.title-news-event{background:#1D4362;text-transform:uppercase;font-size:15px;display:inline-block;padding:10px 15px;margin-bottom:10px;font-weight:bold;position:relative}
.title-news-event a:hover{color:#fff}
#production-line .item{margin-bottom:30px;display:inline-flex;width:100%;clear:both;position:relative}
#production-line .item:nth-child(2n+1) .info{padding-right:50px}
#production-line .item:nth-child(2n+2) .info{padding-left:50px}
.block-services .css-content{background:#ededed}
#production-line .info{width:50%;float:left;box-sizing:border-box;text-align:justify;padding:20px;padding-top:0}
#production-line .info .collspan{padding:0;width:100%;overflow:hidden;transition:0.8s}
#production-line .info .title{color:#333;font-weight:bold;font-size:18px;padding:10px 0;padding-bottom:0}
.css-content ul{font-size:16px;margin-bottom:0}
.css-content ul li{margin-bottom:0;line-height:25px;position:relative;text-align:justify}
.css-content p{font-size:16px;line-height:30px;margin-bottom:0;text-align:justify}
#production-line .info .nav-view{clear:both;position:relative;height:30px;text-align:center}
#production-line .info .nav-view a#view-more{display:block}
#production-line .info .nav-view a{height:30px;width:100px;line-height:30px;background:#e00;color:#fff}
#production-line .item .image{width:50%;overflow:hidden}
.section-block-services--bg{position:relative}
.quote-site{color:#fff;font-size:24px;text-transform:uppercase;display:block}
.quote-site .bg-opacity{padding:150px 0}
.quote-site.bg_story{background: url(../images/bg_quote_store.jpg) no-repeat center center / cover scroll;}
.bg-opacity::before{position:absolute;display:block;content:"";left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2)}
.quote-text{position:relative;padding:10px;margin:0 auto;max-width:8in}
.quote-text:before{content:"";position:absolute;top:0;left:0;width:40px;height:4px;background:#202095}
.quote-text:after{content:"";position:absolute;top:0;left:0;width:4px;height:60px;background:#202095}
.quote-text .section-header__description:before{content:"";position:absolute;bottom:0;right:0;width:40px;height:4px;background:#fcb900}
.quote-text .section-header__description:after{content:"";position:absolute;bottom:0;right:0;width:4px;height:60px;background:#fcb900}
.quote-text .section-header__description p{font-weight:bold;}
/* CATEGORY */
.main-content{padding:30px 0}
.block-category__col-left .content-box-news .list-news{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #c7c7c7}
.block-category__col-left .content-box-news .list-news img{width:100%;border:1px solid #816e6e;object-fit:cover}
.block-category__col-left .content-box-news .list-news h3{text-transform:uppercase;font-size:14px;font-weight:500}
.block-category__col-left .content-box-news .list-news h3 a{color:#555}
.block-category__col-left .content-box-news .list-news h4{font-size:20px;font-weight:400;margin-bottom:5px;line-height:27px;font-weight:bold}
.block-category__col-left .content-box-news .list-news h4 a{color:#000}
.block-category__col-left .content-box-news .list-news h4 a:hover{text-decoration:none}
.block-category__col-right .sidebar .widget .widget-content.w-news h4 a:hover{text-decoration:none}
.block-category__col-left .content-box-news .list-news span{font-size:13px;font-weight:500;color:#777}
.block-category__col-right .sidebar .widget{border:1px solid #c7c7c7;padding:20px 20px 30px 20px;margin-bottom:30px}
.block-category__col-right .sidebar .widget h3{font-weight:400;text-transform:uppercase;font-size:20px;border-bottom:3px solid #333;margin-bottom:20px;position:relative;top:-10px}
.block-category__col-right .sidebar .widget h3 span{background:#fff;padding-right:19px;position:relative;top:12px;display:inline-block}
.block-category__col-right .sidebar .widget .w-category ul li{list-style:none;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #c7c7c7;font-size:16px;font-weight:400}
.block-category__col-right .sidebar .widget .w-category ul li a{color:#333;display:inline-block;margin-left:10px;transition:all .3s}
.block-category__col-right .sidebar .widget .w-category ul li a:hover{text-decoration:none}
.vucico-pagination{text-align:center}
.vucico-pagination .page-numbers{font-size:16px;display:inline-block;padding:5px 15px;border:1px #717171 solid}
.vucico-pagination .page-numbers:hover,.vucico-pagination a:hover{text-decoration:none}
.block-category__col-right .sidebar .widget .widget-content.w-news ul li img{width:100px;height:80px;border:1px solid #ededed;padding:1px;float:left;margin-right:10px}
.block-category__col-right .sidebar .widget .widget-content.w-news ul li{list-style:none;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ededed}
.block-category__col-right .sidebar .widget .widget-content.w-news h4{font-size:14px;margin-bottom:2px;line-height:21px;display:flex;}
.block-category__col-right .sidebar .widget .widget-content.w-news span{font-size:13px;color:#666}
.block-category__col-right .sidebar .widget .widget-content.w-news h4 a:hover{color:#4a42ec}
.clear{clear:both}
.view-more a{color:#007bff;}
.view-more a:hover{color:#E00;text-decoration:none}
.view-more a .fa:after {
    font-weight: 400;
}
.list-news--content .content-box{margin-bottom:5px}
.block-category__col-left .content-box-news .list-news .meta .fa{padding-right:5px}
/* VỀ VUCICO */
.block-about--list__services ul li{overflow:hidden}
.two-up-image--about-page{position:relative}
.two-up-image--about-page .two-up-image__wrapper{position:relative;z-index:2}
.two-up-image__wrapper{background-position:85% 25%;background-repeat:no-repeat;background-size:40%;border-radius:15px}
.fw{flex-wrap:wrap}
.f{display:flex}
.two-up-image--about-page .two-up-image__col--image{order:2}
.two-up-image--about-page .two-up-image__col--image .image__img{position:static;max-width:100%;height:auto;overflow:hidden;border-radius:20px}
.image--contain .image__img{-o-object-fit:contain;object-fit:contain}
.image .image__img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.two-up-image__label{display:inline-block;margin-bottom:0;padding-bottom:0;font-weight:600;text-transform:uppercase;color:#202095;position:relative}
.two-up-image__description p{font-size:1.15rem}
.two-up-image--about-page .two-up-image__grid{align-items:center;flex-direction:row}
/* HỆ THỐNG QUẢN LÝ */
.two-up-grid{padding:2pc 0}
.two-up-grid__col:first-child{margin-top:0}
.two-up-grid__col--image{width:auto;flex:1 1 0%}
.two-up-grid__image{position:relative}
.two-up-grid__image:before{content:"";display:block;padding-top:100%}
.two-up-grid__image .image__img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.two-up-grid__col--content{width:60%}
.two-up-grid__col{margin-top:0}
.two-up-grid__title{margin-bottom:1em}
.two-up-grid__items{margin:0 -20px}
.two-up-grid__item:nth-child(-n+2){margin-top:0}
.two-up-grid__item-title{padding-bottom:.5em}
.two-up-grid__item-title{position:relative}
.label-text{text-transform:uppercase;font-weight:600;font-size:1rem}
.two-up-grid__item-title:before{position:absolute;content:"";left:0;bottom:0;width:40px;height:4px;border-radius:2px;background:linear-gradient(90deg,#9114c3,#202095)}
/* TIN TỨC SỰ KIỆN TRANG CHỦ */
.top-content li:first-child{width:50%;float:left;background:#ededed;
    margin-right: -15px;
    margin-left: -15px;
}
.top-content li:nth-child(n+2){padding:15px;box-sizing:border-box;border:1px solid #ededed;border-bottom:none}
.top-content li{float:right;width:50%;overflow:hidden}
.top-content li:first-child .image{width:100%;max-height:400px;float:left;overflow:hidden;margin-bottom:10px}
.top-content li:first-child img{width:100%;float:left}
.top-content li:first-child .time{color: #1f6cab;padding:5px 20px;margin-bottom:0}
.top-content li:first-child .time i{padding-right:5px}
.top-content li:first-child .fa-clock-o{padding-left:20px}
.top-content li:first-child h3{color:#333;font-size:20px;line-height:25px;padding:0 20px 0px;margin-bottom:0;font-weight:bold;}
.top-content li:first-child .info{color:#333;height:78px;line-height:20px;padding:0 20px 20px;overflow:hidden}
.top-content li .infomation{width:calc(100% - 210px);float:right}
.top-content li:nth-child(n+2) .time{color: #1f6cab;padding:5px 0;margin-bottom:0}
.top-content li:nth-child(n+2) h3{color:#333;font-size:16px;line-height:20px;padding-bottom:0px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;}
.top-content li:nth-child(n+2) h3:hover, .top-content li:first-child h3:hover{color:#E00;}
.top-content li:nth-child(n+2) .info{color:#333;line-height:22px;height:66px;overflow:hidden}
.top-content li img{position:relative;width:100%;float:left;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}
.top-content li .image{width:190px;float:left;max-height:150px;overflow:hidden;margin-right:10px}
.top-content li:last-child{border-bottom:1px solid #ededed}
.top-content li a:hover{text-decoration:none}
/* GIAO DIỆN MENU MOBILE */
.header__col--icon-translate--mobile .translation-img--icon__mobile{width:25px;height:25px;border-radius:50%;float:left;margin-left:5px;}
.slideout-menu{opacity:0;visibility:hidden;position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .25s,visibility 0s .25s;transition:opacity .25s,visibility 0s .25s}
@media (min-width:1024px){
    .slideout-menu{display:none}
    .header__wrapper .header__grid .header__col--icon-translate--mobile{display:none}
    .block-hotline-email--mobile{display:none}
    .block--single-product__description{order:1}
}
.header__col--mobile-button{position:absolute;
    right:20px;
    height: 1em;
    text-align:center;background:#fff;;border:0;padding:10px}
.header__col--mobile-button .header__mobile-button .fa{color:#1E4463;font-size: 1.8rem;}
.header__col--mobile-button button:focus{outline:none}
.slideout-menu .header__vertical--logo{width:100%;max-width:90pt;margin:0 auto 1em}
.slideout-menu .header__vertical--logo *{width:100%;height:auto}
.slideout-menu .header__vertical-header{color:#fff;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1em;background-color:#1346af;padding:.25em 1.5em}
.slideout-menu .header__vertical-header svg{fill:#fff;width:1em;height:1em}
.slideout-menu .header__vertical-header .header__vertical-title{margin-left:.5em}
.slideout-menu li{list-style:none;font-size:.85rem;font-weight:400;margin-bottom:.5em;border-bottom:1px solid #f1f2f3;padding-bottom:.25em}
.slideout-menu li:last-child{border-bottom:0}
.slideout-menu .sub-menu{padding-top:.5em}
.slideout-menu .sub-menu li{font-weight:500;font-size:9pt;margin-bottom:.25em;padding-bottom:.15em;border-bottom:0}
.slideout-menu .slideout-menu__inner::-webkit-scrollbar{width:6px}
.is-slideout-visible .slideout-menu{opacity:1;visibility:visible}
.is-slideout-visible .slideout-menu .slideout-menu__wrapper{-webkit-transform:translate(0);transform:translate(0)}
.icon-menu-bars svg {
    display: inline-block;
    vertical-align: -0.5em;
    font-size: 1.8rem;
}
@media (min-width:1024px){.has-header-layout-2 .slideout-menu{display:block}}
.slideout-menu__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);z-index:1}
.slideout-menu__close-button{background:none;border:0;position:absolute;top:0;right:0;padding:.5em .85em;font-size:1.5rem}
.slideout-menu__close-button:focus{outline: 0;}
.slideout-menu__close-button *{pointer-events:none}
.slideout-menu__close-button svg{width:20px;height:20px;fill:#fff}
.slideout-menu__wrapper{position:absolute;top:0;bottom:0;left:0;-webkit-transform:translate(-100%);transform:translate(-100%);max-width:calc(100% - 4rem);width:300px;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .25s 125ms;transition:-webkit-transform .25s 125ms;transition:transform .25s 125ms;transition:transform .25s 125ms,-webkit-transform .25s 125ms;z-index:2}
.slideout-menu__inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;overflow-y:auto;background-color:#fff;padding:1em;z-index:1}
.slideout-menu__inner::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}
.slideout-menu__inner::-webkit-scrollbar{width:9pt;background-color:#f5f5f5}
.slideout-menu__inner::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#777}
.slideout-menu__inner .modal-search-form__form{margin-bottom:15px;font-size:14px}
.slideout-menu__inner .modal-search-form__form input{padding-left:10px}
.slideout-menu__inner .modal-search-form__form button{width:40px}
.slideout-menu__inner .modal-search-form__form button,.slideout-menu__inner .modal-search-form__form input{height:40px}
.slideout-menu__menu{margin:0;padding:0;text-indent:0;list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.slideout-menu__menu>.menu-item{padding:.5em 0}
.slideout-menu__menu>.menu-item>a{display:block;font-weight:700;font-size:17px;}
.slideout-menu__menu>.menu-item>a:not([href]) {color:#007bff;}
.slideout-menu__menu>.menu-item-has-children{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.slideout-menu__menu>.menu-item-has-children>.icon-toggle{display:block;position:relative;width:20px;height:20px;background:#1346af}
.slideout-menu__menu>.menu-item-has-children>.icon-toggle:before{content:"";position:absolute;height:10px;width:2px;top:5px;left:9px;background:#fff;-webkit-transition:all .3s;transition:all .3s}
.slideout-menu__menu>.menu-item-has-children>.icon-toggle:after{content:"";position:absolute;height:2px;width:10px;top:9px;left:5px;background:#fff}
.slideout-menu__menu>.menu-item-has-children>.icon-toggle.is-active:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.slideout-menu__menu>.menu-item-has-children>.sub-menu{padding-left:10px;height:0;overflow:hidden;width:100%;-webkit-transition:height 15s ease;transition:height 15s ease}
.slideout-menu__menu>.menu-item-has-children>.sub-menu>.menu-item{padding:.25em 0}
.slideout-menu__menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu{display:none}
.slideout-menu__menu>.menu-item-has-children.is-active>.sub-menu{height:auto}
.slideout-menu__loader{opacity:0;visibility:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:3}
.is-loading .slideout-menu__loader,.modal-search-form{opacity:1;visibility:visible}
.modal-search-form{display:none;position:fixed;left:0;right:0;bottom:0;top:0;background-color:rgba(55,58,71,.9);color:#444;-webkit-transition-duration:.4s;transition-duration:.4s;pointer-events:auto;z-index:200}
.modal-search-form--visible{opacity:1;visibility:visible;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.modal-search-form__wrapper{width:50%;max-width:650px;min-width:290px;background-color:#fff;position:relative;z-index:5;border-radius:4px;overflow:hidden;-webkit-animation-name:anim-open;animation-name:anim-open;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.modal-search-form__header{padding:.5em 40px .5em 1em;background:#fff}
.modal-search-form__title{text-transform:uppercase;font-size:1rem;font-size:.75rem}
@media (min-width:768px){.modal-search-form__title{font-size:.85rem}}
.modal-search-form__title{font-weight:700}
.modal-search-form__form{position:relative;background:#f8f8f8;border-top:1px solid #f1f2f3}
.modal-search-form__button--close{background:none;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;right:0;width:44px;height:44px;cursor:pointer}
@media (min-width:1024px){.modal-search-form__button--close{width:60px}}
.modal-search-form__button--close svg{width:18px;height:18px}
.is-slideout-visible .slideout-menu .slideout-menu__wrapper{-webkit-transform:translate(0)}
/* PAGE LIÊN HỆ */
.block-page-contact{margin-top:0px}
.title-contact{color:#333;font-weight:bold;font-size:22px;text-transform:uppercase}
#contacts .item{width:100%;float:left}
#contacts .item p{line-height:25px;padding:5px 0;margin-bottom:0}
#contacts .item p i{font-size:16px;padding-right:5px}
#contacts .item p.title{color:#ff0000;font-weight:bold;font-size:20px}
#contacts .block-page-contact__bottom .title-contact{text-align:center}
#contacts .block-page-contact__bottom input{height:50px;float:left;width:100%;padding-left:10px;box-sizing:border-box;font-size:16px;border:1px solid #ddd}
#contacts .form-inline{width:100%;float:left;margin-top:15px}
#contacts input[type="submit"]{color:#fff;text-transform:uppercase;background:#00aaea;font-weight:bold;border:1px solid #00aaea;font-size:14px;cursor:pointer}
#contacts input[name="email"]{width:calc(50% - 10px);float:left}
#contacts input[name="phone"]{width:calc(50% - 10px);float:right;margin-left:20px}
#contacts textarea{font-size:16px;width:100%;height:150px;border:1px solid #ddd;padding:10px;box-sizing:border-box}
/* PAGE SẢN PHẨM */
.block-product__list ul{overflow:hidden}
.block-product--icon-img{width:35px;margin-right:10px;float:left}
.block-product .card img.card-img-top{height:300px}
.block-product .card h5.card-title{color: #1D4362;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    }
.block-product .card a:hover{text-decoration:none}
/* SIDEBAR DANH MỤC SẢN PHẨM */
.services2 .block-taxonomy__sidebar--product .sidebar-left{background:#fff;border-radius:5px;overflow:hidden;margin-top:0;box-shadow:0 0 10px 0 rgb(4 0 0 / 16%)}
.services2 .block-taxonomy__sidebar--product .sidebar-left .title-left{padding:15px 30px;font-size:30px;color:#000;line-height:36px;}
.list-unstyled{padding-left:0;list-style:none}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat .has-children.active{margin-bottom:0;font-size:16px;line-height:21px;color:#00ABF0}
.services2.block-taxonomy-cat-child .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li.show-children-is-active::before{top:20px}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li.has-children::before{position:absolute;content:'';background:url(./resources/images/arrowsdown.png) no-repeat;right:15px;top:50%;width:14px;height:28px;background-size:contain;cursor:pointer}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li .icon{width:35px;margin-right:10px}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li>a{color:#337ab7}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li .children.show-children-is-active{display:block;top:10px;position:relative}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li .children{display:none}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li .children li{cursor:pointer;color:#1D4362!important}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li{padding:10px;position:relative;margin-bottom:0;font-size:16px;line-height:21px;color:#1D4362;border-top:1px solid rgb(0,0,0,0.1);cursor:pointer}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li .children li img{width:10px;height:10px;margin-right:10px}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li>a{color:#337ab7;font-size:18px}
.block-taxonomy__product .card-body .card-product-grid img{width:100%}
.block-taxonomy__product .card-body .card-product-grid .title{background:#07785c;color:#fff;display:inline-block;padding:10px 15px;font-weight:700;font-size:16px}
.block-taxonomy__product .card-body .card-product-grid a:hover{text-decoration:none}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li a:hover{text-decoration:none}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li.li-sub--nmenu{padding:10px}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li.li-sub--nmenu a{padding-left:15px}
.block-taxonomy__product .card-header {
    font-weight: bold;
    font-size: 20px;
}
/* SINGLE PRODUCT */
.gallery-wrap .img-big-wrap{border-radius:.37rem;overflow:hidden;background-color:#fff}
.gallery-wrap .img-big-wrap a{text-align:center;display:block}
.gallery-wrap .img-big-wrap img{height:100%;width:100%;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in}
.gallery-wrap .thumbs-wrap{text-align:center;margin-bottom:20px}
.gallery-wrap .thumbs-wrap .item-thumb{width:60px;height:60px;border:1px solid #ddd;border-radius:6px;margin:3px;display:inline-block;overflow:hidden}
.gallery-wrap .thumbs-wrap img{max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;cursor:-webkit-zoom-in;cursor:zoom-in}
.list-check{padding-left:0;list-style:none}
.block-single-product--bg .box{padding:18px;background:#fff;border:1px solid #e5e7ea;height:100%;}
.block-single-product--bg{background:#f6f7f9}
.block-single-product--related [class*='card-product'] .img-wrap img{max-width:100%;width:auto;display:inline-block;-o-object-fit:cover;object-fit:cover;margin:0;width:100%}
.block-single-product--related .card-product-grid .img-wrap{height:250px}
.block-single-product--related .card .img-wrap{overflow:hidden}
.block-single-product--related .title-wrap{
    padding: 10px;
}
.block-single-product--related .title{font-weight:600;color:#212529;font-size:20px}
.card-product-grid .info-wrap{overflow:hidden;padding:16px}
[class*='card-product'] .img-wrap .badge{top:10px;left:10px;position:absolute}
.block-single-product--description__content img{width:100%;height:100%;}
.block-single-product--description__content ul{margin-left:20px}
/* 404 */
.block-404 .box-notificate__image{width:100%;margin-bottom:20px}
.block-404 .box-notificate__image img{max-width:100%;max-height:100%;object-fit:cover;display:block;margin:0 auto}
.block-404 .box-notificate__title{font-size:30PX;font-weight:bold;color:#333;margin-bottom:10px;text-align:center}
.block-404 .box-notificate__subtitle{line-height:25px;text-align:center;margin-bottom:30px}
.block-404 .box-notificate__gohome{text-align:center}
.block-404 .box-notificate__gohome a{background:#1d428a;padding:10px 50px;color:#ffffff;border-radius:5px;text-align:center}
.block-404 .box-notificate__gohome a:hover{text-decoration:none}
/* SINGLE */ 
h1.single-title{font-size:30px;font-weight:600}
.meta-single{font-size:14px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ededed;color:#5a5a5a}
.meta-single span{display:inline-block;margin-right:30px}
article.post-content{position:relative}
article.post-content{font-size:15px;line-height:24px}
article.post-content P{line-height:1.8;font-size:16px}
/* TAGS */
.block-tags .td-tags li{list-style:none;display:inline-block;line-height:20px;margin-left:0;float:left;margin-bottom:4px}
.block-tags .td-post-small-box span{background-color:#222222;color:#fff;text-transform:uppercase;display:inline-block;padding:5px 10px}
.block-tags .td-tags span,.block-tags .td-tags a{margin-right:4px;margin-left:0}
.block-tags .td-post-small-box a{margin-left:5px;color:#111111;display:inline-block;margin-right:5px;margin-bottom:5px;background:#ededed;padding:5px 10px}
.block-tags .td-post-small-box a:hover{text-decoration:none}
/* PAGE WATER STORY */
.bg-f1f0f1{background:#f1f0f1}
.water_concept_inner .bg-blue{background:#1E4463;color:#fff}
.block-waters-story .water_concept{background:#fff;-webkit-box-shadow:0 0 5px 0 rgb(0 0 0 / 10%);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.1);box-shadow:0 0 5px 0 rgb(0 0 0 / 10%);border-radius:5px;-webkit-border-radius:5px}
.water_concept_inner .hover05 figure{position:relative;overflow:hidden;margin:0}
.water_concept_inner .content-top{background:#fff;margin-bottom:10px}
.water_concept_inner .padding-content{padding:10px}
.water_concept_inner .padding-content h3{font-size:18px;line-height:30px;text-align:justify;color:red;font-weight:bold;}
.water_concept_inner .padding-content p{text-align:justify;margin-bottom:5px}
.water_concept_inner .bg-blue-white .content-top h3{font-size:22px;color:#007bff;font-weight:bold}
.water_concept_inner .bg-blue-white .content-top p{text-align:justify;margin-bottom:10px}
.water_concept_inner img{width:100%}
.saving_water_inner img{width:100%}
.saving_water_inner .saving_water_inner--img{padding-left:0;padding-right:0}
.saving_water_inner .saving_water_inner--img figure{margin-bottom:0}
.mistake_water .mistake_water--content__block{text-align:justify;background-color:#ffffffc9;padding:15px}
.mistake_water .mistake_water--content__block h4,.mistake_water .mistake_water--content__block h3{font-size:20px;color:#1E4463;font-weight:bold}
.water_concept--title-introduce{color:#2e3192;text-align:center;padding:10px;font-size:30px;font-weight:bold;position:relative}
.water_concept--title-introduce:before{margin:0 auto;position:absolute;content:"";left:0;right:0;bottom:0;width:40px;height:4px;border-radius:2px;background:linear-gradient(90deg,#9114c3,#202095)}
.mistake_water .mistake_water--content__block p{margin-bottom:5px;font-size: 16px;}
.saving_water .saving_water-title--h3{font-size:22px;line-height:30px;font-weight:bold;color:#007bff}
.saving_water_inner .content-padding-bottom p,.saving_water_inner .content-padding-top p{margin-bottom:5px}
.saving_water_inner .content-padding-bottom a:hover{text-decoration:none}
.important_water{background-size:cover}
.important_water--title{font-weight:bold;color:#fff;font-size:25px}
.important_water p.text-white{margin-bottom:0}
.important_water .source-path a{color:#ffd400}
.important_water .source-path a:hover{text-decoration:none}
.bg-water-1{background-image:url('./resources/images/water-1.jpg');padding:20px;background-position:center}
.bg-water-2{background-image:url('./resources/images/water-2.jpg');padding:20px;background-position:center}
/* ĐỐI TÁC */
.block-partner .content-title{font-size:25px;font-weight:bold}
.block-partner .partner-item button.btn:focus{box-shadow:none}
.block-partner ul{text-align:justify;margin-left:10px}
.block-partner-logo .owl-dots{margin-top:30px}
.block--item--logo .partner-item {
	display: grid;
}
.block--item--logo:hover .partner-item{border:solid 1px red;}
.block--item--logo{float:left}
.block--item--logo:focus-visible {
    box-shadow:none;
}
.block-partner .partner-item button.btn-lg {
    padding: 30px 30px;
}
/* DỰ ÁN TRANG CHỦ */
.block-project{background:#1E4463}
.project-item figure img{width:100%;}
.project .title-project{font-weight:bold;font-size:15px;color:#333333;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.project .title-project:hover{color:#E00}
.project .meta-project a:hover{text-decoration:none}
.project-item{box-shadow:0 2px 5px 2px rgb(0 0 0 / 10%);position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.project .meta-project{background:#fff;color:#000;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:20px;text-align:justify;padding-top:0}
.block-project h4,.block-project .project-description{color:#fff}
.project-wrap .project-item figure{margin-bottom:0}
.block-project .project-description p{margin-bottom:10px;margin-top:10px;text-align:justify}
.project-wrap .meta-project .excerpt-project{font-size:14px;margin-top:5px;display: inline-block;}
.date-project,.location-project{display:inline-block;color:#1f6cab;margin:5px 0 0px;font-size:14px;}
.date-project i.fa, .location-project i.fa {
    margin-right: 5px;
}
.location-project{float:right}
.project-wrap .slide-post .block--item-post{max-width:100%;display:inline-block;padding:5px}
.project-wrap .slide-post .owl-dots{margin-top:15px;margin-bottom:15px}
/* SINGLE POST */
.block-single-post .post-content img{width:100%;height:100%;}
.block-single-post .post-content ul{margin-left:20px}
.banner-events .h3--single{color:#f8f9fa}
/* HOME */
.bottom-cta__inner .bottom-cta__description p.description{font-weight:600}
.bottom-cta__inner h2.bottom-cta__title{position:relative;padding-bottom:.5em}
.bottom-cta__inner h2.bottom-cta__title:before{margin:0 auto;position:absolute;content:"";left:0;right:0;bottom:0;width:40px;height:4px;border-radius:2px;background:linear-gradient(90deg,#9114c3,#202095)}
.bottom-cta--alignment-center .bottom-cta__inner .bottom-cta__footer .bottom-cta__button{text-transform:uppercase}
.bottom-cta__footer .bottom-cta__button {
    text-transform:uppercase
}
.section-header__text{text-transform:uppercase}
.block-project h4{padding-bottom:.5em;position:relative;text-transform:uppercase}
.block-project h4:before{position:absolute;content:"";left:0;bottom:0;width:40px;height:4px;border-radius:2px;background:red}
.block-project .button--primary{background:#e80611;text-transform:uppercase;font-size:16px}
.block-project .button--primary:hover{background:#e80611}
.feature-blocks--company-missions .bottom-cta__button .button__text{text-transform:uppercase}
.feature-blocks--company-missions .feature-blocks__container--main .icon-card__content .icon-card__icon{float:left;position: absolute;
    left: 0;
    margin: 0;}
/* VỀ VUCICO */
.box_iso{background:#1E4463 url(https://www.vucico.com/apps/uploads/2018/08/32304738524_1a65f91e0a_o-1.jpg) no-repeat center center / cover;padding:30px 0;color:#fff}
.box_iso .title{color:#fff}
.box_iso .list_work_iso{background:#ffffffc9;color:#000;height:100%;border-radius:10px;justify-content:center;display:flex;flex-direction:column;padding:0 30px}
.block-system-manager-vucico .block-infomation .title{padding-bottom:.5em;position:relative}
.block-system-manager-vucico .block-infomation .title:before{position:absolute;content:"";left:0;bottom:0;width:40px;height:4px;border-radius:2px;background:linear-gradient(90deg,#9114c3,#202095);right:0;margin:0 auto}
.block-system-manager-vucico .block-infomation .content p{font-weight:bold}
.block-list-iso .meta-title{font-size:20px;color:#1E4463;font-weight:bold;text-align:center}
.box-bg-right img{width:100%}
.block--content-list .list-task{background:#1e4463;color:#fff;border-radius:5px;padding:10px;position:relative}
.block--content-list .list-task:before{content:"";position:absolute;width:calc(100% - 30px);height:calc(100% - 30px);border:2px dashed #fff;top:15px;left:15px;border-radius:5px;pointer-events:none}
.block--content-list .list-task li{position:relative;padding-left:10px;margin-bottom:5px;overflow:hidden}
.block--content-list .list-task li p i{margin-right:5px}
.block--content-list .list-task li p{font-weight:bold}
/* PAGE DỊCH VỤ */
.line-title--bottom---services{position:relative}
.line-title--bottom---services:before{position:absolute;content:"";left:0;right:0;bottom:0;width:40px;height:4px;border-radius:2px;background:#e00;margin:0 auto}
.line-title--bottom---services .detail{padding-bottom:5px}
/* CHATBOX */
.hotline-phone-ring-wrap{position:fixed;bottom:0;right:0;z-index:999999}
.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
.hotline-phone-ring-circle{width:85px;height:85px;top:10px;left:10px;position:absolute;background-color:transparent;border-radius:100%;/*border:2px solid #e60808;*/
  -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0.5}
.hotline-phone-ring-circle-fill{width:55px;height:55px;top:25px;left:25px;position:absolute;/*background-color:rgba(230,8,8,0.7);*/
  border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.color-facebook{background:#4267b2}
.color-youtube{background:#FF2300}
.color-youtube i.fa{color:#fff;font-size:20px;}
.hotline-phone-ring-img-circle{width:60px;height:60px;top:0;left:37px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle a{font-size:30px}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:20px;height:20px}
.hotline-bar{position:absolute;background:rgba(230,8,8,0.75);height:40px;width:180px;line-height:40px;border-radius:3px;padding:0 10px;background-size:100%;cursor:pointer;transition:all 0.8s;-webkit-transition:all 0.8s;z-index:9;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.1);border-radius:50px!important;/* width:175px!important;*/
  left:33px;bottom:37px}
.hotline-bar>a{color:#fff;text-decoration:none;font-size:15px;font-weight:bold;text-indent:50px;display:block;letter-spacing:1px;line-height:40px;}
.hotline-bar>a:hover,.hotline-bar>a:active{color:#fff}
@-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:0.1}30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:0.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:0.1}}
@-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:0.6}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:0.6}100%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:0.6}}
@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}

/* BOX CHAT */
.block-show--box--chat{position:relative;z-index:99999}
.wrapper{position:fixed;top:0;right:0;bottom:0;max-width:400px;background:#fff;border-radius:15px;box-shadow:0 15px 20px rgba(0,0,0,0.1);display:none}
#click:checked ~ .wrapper{opacity:1;bottom:85px;pointer-events:auto}
.wrapper .head-text{min-height:50px;padding-right:10px;background-color:#007bff;border-top-left-radius:4px;border-top-right-radius:4px;cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.block--title{color:#fff;height:50px;line-height:50px;position:relative;padding-left:20px;-webkit-flex-grow:1;flex-grow:1;font-size:20px}
.close-box{color:#fff;width:24px;height:24px;outline:0;border:none;background-color:transparent;opacity:0.5;cursor:pointer;-webkit-transition:opacity 200ms;transition:opacity 200ms}
.wrapper .chat-box{padding:20px;width:100%}
.chat-box .desc-text{color:#515365;text-align:center;line-height:25px;font-size:17px;font-weight:500}
.chat-box form{padding:10px 15px;margin:20px 0;border-radius:25px;border:1px solid lightgrey}
.chat-box form .field{height:50px;width:100%;margin-top:20px}
.chat-box form .field:last-child{margin-bottom:15px}
form .field input,form .field button,form .textarea textarea{width:100%;height:100%;padding-left:20px;border:1px solid lightgrey;outline:none;border-radius:5px;font-size:16px;transition:all 0.3s ease}
form .field input:focus,form .textarea textarea:focus{border-color:#fc83bb}
form .field input::placeholder,form .textarea textarea::placeholder{color:silver;transition:all 0.3s ease}
form .field input:focus::placeholder,form .textarea textarea:focus::placeholder{color:lightgrey}
.chat-box form .textarea{height:70px;width:100%}
.chat-box form .textarea textarea{height:100%;border-radius:5px;resize:none;padding:15px 20px;font-size:16px}
.chat-box form .field button{border:none;outline:none;cursor:pointer;color:#fff;font-size:18px;font-weight:500;background:#007bff;transition:all 0.3s ease}
.chat-box form .field button:active{transform:scale(0.97)}
/* NƯỚC VÀ CÂU CHUYỆN */
@media (min-width:1024px){
    .block--show_img--water-1--mobile {
        display: none;
    }
    .project-button__read-more--mobile {
        display: none;
    }
    .block-bg-invatroments {
        display: none;
    }
}

/* FOOTER */
.footer__col--top ul li .fa{margin-right:10px}
.footer__container .footer__col--top .widget .textwidget ul{list-style-type:none;margin-left:26px}
.footer__col--bottom .widget_nav_menu{margin-left:35px}
.block-connect--us .form-contact .button-red,.block-connect--us .form-contact .button-red:hover{background:#E00}
.block-connect--us .block-wpcf7--name,.block-connect--us .block-wpcf7--email,.block-connect--us .block-wpcf7--content{margin-bottom:10px}
.block-connect--us .form-contact textarea{height:90px}
.block-connect--us .form-contact .button-red:focus{box-shadow:none}
.back-to-top-footer .vue-back-to-top{position:fixed;width:40px;height:40px;background:#787878;text-align:center;line-height:32px;font-size:32px;bottom:120px;right:23px;cursor:pointer}
/* LIÊN HỆ NEW */
.block-page-contact{background-repeat:no-repeat;background-size:100%,600px;width:100%;padding-top:20px;padding-bottom:40px;background-color:white}
.block-contact--desgin h4{color:#dc1920;font-size:16px;font-weight:bold}
.block-contact--desgin span{display:block;line-height:1.9}
.block-contact--desgin iframe{margin-top:15px}
/* .box-block--map-second {
    margin-top: 30px;
} */
/* THÔNG SỐ KỸ THUẬT CHI TIẾT SẢN PHẨM */
.block-thong-so-ky-thuat table {
    border: 1px solid #dee2e6;
}
.block-thong-so-ky-thuat table td, .block-thong-so-ky-thuat table th {
    border: 1px solid #dee2e6;
}
.block-thong-so-ky-thuat table td, .block-thong-so-ky-thuat table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
/* BREADCRUMBS */
#breadcrumbs a:hover {
    text-decoration: none;
}
#breadcrumbs a {
    color: #1e4463;
    font-weight: bold;
}

/* VALIDATE FORM */
#frm-contact__home .box-show-error .alert-error-info,
#form-contacts .box-show-error .alert-error-info {
    color: #ff0000;
}
#frm-contact__home .box-show-error .alert-error-info {
    font-size: 12px;
}
#form-contacts .box-show-error .alert-error-info {
    font-size: 15px;
    margin-top: 10px;
}
#frm-connect-us__home .alert-error-info {
    margin-top: 10px;
}
.alert-doctor {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-top: 15px;
}
.alert-info-doctor {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.alert-success-doctor {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-error-doctor {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
/* CHI TIẾT SẢN PHẨM */
.block-single--taxonomy .product-info-aside img {
    width: 100%;
    height: 100%;
}
.block-single--taxonomy .product-info-aside .description-small {
    background-color: #f5f5f5;
    padding: 20px;
}
.bg-single--product {
    background-color: #f5f5f5;
}
.block-single--taxonomy .product-info-aside .description-small h1 span,
.block-single--taxonomy .product-info-aside .description-small h2 span,
.block-single--taxonomy .product-info-aside .description-small h3 span,
.block-single--taxonomy .product-info-aside .description-small h4 span {
    font-weight: bold;
}
.block-single--taxonomy .product-info-aside .description-small h1 {
    font-size: 28px
}
.block-single--taxonomy .product-info-aside .description-small h1 span strong {
	font-weight: bold;
}
.block-single--taxonomy .product-info-aside .description-small h2 {
    font-size: 26px
}
.block-single--taxonomy .product-info-aside .description-small h3 {
    font-size: 24px
}
.block-single--taxonomy .product-info-aside .description-small h4 {
    font-size: 22px
}
.block-single--taxonomy .product-info-aside .description-small h1,
.block-single--taxonomy .product-info-aside .description-small h2,
.block-single--taxonomy .product-info-aside .description-small h3,
.block-single--taxonomy .product-info-aside .description-small h4 {
    line-height: 35px;
}
.bg-single--product .img-product img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.bg-single--product .description-small img {
    width: 100%;
    height: 100%;
}
.bg-single--product .block-taxonomy__product article.card {
    padding: 30px;
}
.services2 .block-taxonomy__sidebar--product .sidebar-left ul.list-cat li .children.show-children-is-active .show-choose-active i {
    color: red;
}
.bg-single--product .block-taxonomy__product .description-small ul {
    padding: 20px 20px 20px 50px;
}
.bg-single--product .block-taxonomy__product .product-info-aside .sub-title-post {
    position: relative;
    padding-bottom: .5em;
    font-size: 22px;
}
.bg-single--product .block-taxonomy__product .product-info-aside .sub-title-post:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 40px;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(90deg,#9114c3,#202095);
}
.block-single-product--related .block-single-product--box h4.title-section {
    position: relative;
    padding-bottom: .5em;
}
.block-single-product--related .block-single-product--box h4.title-section:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 40px;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(90deg,#9114c3,#202095);
}
.block-single-product--related .href:hover {
	text-decoration: none;
}
.block-single--taxonomy .title-description {
	position: relative;
    padding-bottom: .5em;
    font-size: 22px;
}
.block-single--taxonomy .title-description:before {
	position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 40px;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient( 90deg,#9114c3,#202095);
}
.block-taxonomy__product .product--thumbnail {
	margin-top: 70px;
}

/* ĐĂNG KÍ BỘ CÔNG THƯƠNG */
.logo-register-ministry-of-industry-trade img.logo-dkbct {
    width: 190px;
    margin-top: 15px;
}

/* MOBILE */
@media only screen and (max-width:768px) {
    .box-intro__slide .fa{display:none}
    .top-content li{width:100%}
    .top-content li:first-child{width:100%;margin-right:0;margin-left:0}
    .top-content li:first-child .image{height:100%}
    .feature-blocks--company-missions .section-header__title .section-header__text{font-size:25px}
    .feature-blocks--company-missions .section-header__description p{text-align:justify}
    .block-project .project-item{margin-bottom:0}
    .site-content .intro-center--vision,.site .site-content .intro-center--vision .section-header--center{margin-top:0!important}
    .block-project .project{padding-bottom:15px}
    .top-content li:nth-child(n+2){margin-top:15px;padding:0;background:#ededed}
    .top-content li .image{width:100%;margin-bottom:10px;max-height:100%}
    .top-content li:first-child .info{height:auto}
    .top-content li:nth-child(n+2) h3{overflow:visible;white-space:normal;font-size:20px;line-height:25px;padding:0 20px 0;margin-bottom:0;font-weight:bold}
    .top-content li:nth-child(n+2) .time{padding:5px 20px}
    .top-content li:nth-child(n+2) .info{padding:5px 20px;height:auto}
    .site-content .header__col--icon-translate--mobile .translation-img--icon__mobile{margin-top:10px;margin-left:15px}
    .site-content .header .custom-logo-link .custom-logo{max-height:70px}
    .block-project h4{font-size:25px}
    .bottom-cta__inner h2.bottom-cta__title{font-size:25px}
    .intro-center--vision .section-header__inner{padding:15px}
    .intro-center--vision .section-header__inner .section-header__title .section-header__text{font-size:25px}
    .box-news h2.section-header__title .section-header__text{font-size:25px}
    .box-intro h2.section-header__title .section-header__text{font-size:25px}
    .intro-center--vision .cell-two{margin-top:15px}
    .site-content .intro-center--vision .section-header--center{margin-bottom:0}
    .box-news{padding:0;padding-bottom:15px}
    .box-intro{padding-top:20px}
    .footer .footer__top .footer__container .footer__col--bottom{margin-top:0!important;margin-left:20px}
    .footer .footer__top .footer__container .footer__col--top .widget--footer{padding-bottom:10px}
    .footer .footer__top .footer__container .footer__col--top p.footer--logo{margin-top:0}
    .banner-events h3{font-size:23px}
    .box_iso{background-position:left center}
    .block-system-manager-vucico .content{padding:15px}
    .block-about-vucico .feature-blocks__main .feature-blocks__grid .feature-blocks__col{padding:0 30px}
    .block-category__col-left .content-box-news .list-news img{width:100%;height:100%;margin-bottom:10px}
    .block-category__col-left .content-box-news .list-news{padding-bottom:5px}
    .vucico-pagination{margin-bottom:20px}
    .category .main-content{padding-bottom:0}
    .slideout-menu__menu>.menu-item>a:hover{text-decoration:none}
    #production-line .info{width:100%}
    #production-line .item .image img{position:relative;top:0;left:0;width:100%;}
    #production-line .item .image{width:100%}
    #production-line .item{display:inline-block}
    #production-line .item:nth-child(2n+2) .info{padding-left:20px}
    .quote-site .bg-opacity{padding:50px 0}
    .page-dich-vu .main-content,.page-our-services .main-content{padding-bottom:0}
    .page-partner .main-content,.page-doi-tac .main-content{padding-bottom:0}
    .block-services .content{padding:15px}
    .block-partner--detail__logo .content-logo .col-sm-3{float:left;width:50%;padding-left:0}
    .partner-item button{padding:0}
    .block-partner--detail__logo .content-logo{overflow-x:hidden}
    .block-partner--detail__logo .content-logo .row{padding:0}
    .slideout-menu__menu>.menu-item-has-children>.sub-menu>.menu-item a{font-size:15px}
    .banner-events h3.h3--single{font-size:17px;text-align:center;right:0;line-height:25px}
    .block-single-post .box--single{margin:0;padding:0}
    .block-single-post .content-box-news h1.single-title{font-size:24px}
    .block-single-post .post-content img{height:100%}
    .saving_water_inner .saving_water_inner--img{padding-top:10px}
    .category-du-an .banner-events h3,.category-project .banner-events h3{top:25px}
    #home-slider img{height:190px;object-fit:cover}
    .block--content-list .list-task .col-md-6:first-child{padding-bottom:0!important}
    .block--content-list .list-task .col-md-6:nth-child(2){padding-top:0!important}
    .block--content-list .list-task li p{margin-bottom:5px}
    .bottom-cta.bg-gray{background-color:#fff;margin-top:0!important}
    .bottom-cta .bottom-cta__background-image{position:relative}
    .bottom-cta__inner h2.bottom-cta__title{text-align:left;color:#000}
    .bottom-cta__inner h2.bottom-cta__title:before{margin:0}
    .bottom-cta__inner .bottom-cta__description p.description{text-align:justify;color:#000;}
    .bottom-cta--alignment-center .bottom-cta__inner .bottom-cta__footer{text-align:left}
    .site-content .bottom-cta .bottom-cta__overlay{background-color:#fff!important}
    .water_concept .water_concept_inner .col-sm-6:first-child{order:1;padding-top:0}
    .header__container{height:85px}
    .grid__col{padding:0 0!important}
    .block-hotline-email--mobile i.fa{margin-right:15px;font-size:25px;margin-top:10px}
    .block-hotline-email--mobile a:nth-child(2) i.fa{margin-right:0}
    .header--layout-1 .header__grid .header__col--menu-icons{margin-left:0;position:relative;}
    .header--layout-1 .header__grid .header__col--menu-icons:after {
        content: '';
        position: absolute;
        top: 29px;
        right: 0px;
        width: 1px;
        height: 20px;
        background-color: #1E4463;
    }
    .block-hotline-email--mobile {
        padding: 10px;
        padding-right: 17px;
    }
    .block-hotline-email--mobile .list-inline a{color:#337ab7;font-weight:bold}
    .block-hotline-email--mobile .list-inline a:hover{text-decoration:none}
    .feature-blocks__main{padding:10px}
    .widget .textwidget ul{overflow:hidden}
    .box-show--padding{position:relative;margin:20px}
    .icon-card__content .icon-card__title{font-size:15px;text-align:left}
    .block--col__water-1 .water_concept--block figure img{display:none}
    .saving_water_inner--img--2{order:2}
    .block-single-product--description__content img{height:100%}
    .box_history_inner .box-bg-right{order:2}
    .footer__col--bottom .widget_nav_menu{margin-left:0}
    .block-connect--us{padding:20px;padding-top:0}
    .footer__copyright-text{margin-left:5px}
    .home_block--water-story .bottom-cta__wrapper{display:none}
    .back-to-top-footer .vue-back-to-top{bottom:110px}
    .block--item--logo:hover .partner-item{border:none}
    .header__container.fix{left:0;max-width:100%;overflow:visible;position:fixed;top:0;width:100%;z-index:1000;background:#fff}
    .block-category__col-left{order:2}
    .block--1{order:1}
    .block--2{order:3}
    .block-cate--right{display:contents}
    .services2 .section1 .sidebar-left .title-left::before{position:absolute;content:'';background:url(./resources/images/arrowsdown.png) no-repeat center center;right:15px;top:50%;width:14px;height:28px;transform:translateY(-50%);background-size:contain;cursor:pointer}
    .block-taxonomy-cat-child .list-cat{position:relative;width:100%;display:none;z-index:2}
    .services2 .section1 .sidebar-left .title-left{cursor:pointer;position:relative;font-size:22px}
    .services2 .block-taxonomy__sidebar--product .sidebar-left{margin-bottom:20px}
    .project-button__read-more{display:none}
    .project-button__read-more--mobile{margin-top:10px}
    .block-contact--desgin .main-contact{margin-bottom:10px}
    .section-header__title .section-header__text{font-size:25px}
    .block-partner .content-description{margin-bottom:15px}
    .block-bg-invatroments p {
        font-size: 20px;
    }
    .box-block--map-second {
        margin-top: 0;
    }
    .block-single--taxonomy .product-info-aside h2.title {
        font-size: 24px;
    }
    .feature-blocks__main .feature-blocks__container--main .feature-blocks__grid {
        display: inline-block;
    }
    .header__menu-icons .block-hotline-email--mobile i.fa-phone {
        position: relative;
        top: 3px;
    }
    .partner-item img {
        width: 100%;
    }
    .block-partner .partner-item button.btn-lg {
        padding: 10px 10px;
    }
    .banner-events img {
        height: 100%;
    }
    div.menu-menu-bottom-vietnamese-container ul#menu-footer-1-container > li > a {
        line-height: 1.8em;
    }
    .vucico__a--phone {
        padding: 10px;
        line-height: 1.8em;
    }
    .footer__copyright-text p {
        font-size: 12px;
    }
    .logo-register-ministry-of-industry-trade {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .block-system-manager-vucico .block-infomation .title{font-size:25px}
    .line-title--bottom---services .detail{padding:15px}
    .box-show--padding .wrapper{max-width:100%}
}
@media screen and (max-width: 375px) { 
    .block-hotline-email--mobile .flexcell{padding:0}
    .block-hotline-email--mobile .list-inline a{font-size:14px}
    .feature-blocks__main{padding:10px}
}

@media screen and (max-width: 320px) { 
    .site-content .header .custom-logo-link .custom-logo{max-height:60px}
    /*.header__col--menu-translate .header__col--mobile-button {
        bottom: 30px;
    }*/
    .header--layout-1 .header__grid .header__col--menu-icons:after {
        top: 24px;
    }
    .block-hotline-email--mobile i.fa {
        font-size: 22px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 360px) { 
    .block-hotline-email--mobile {
        padding: 0;
        padding-right: 12px;
    }
}

/* IPAD */
@media (min-width: 768px) and (max-width: 992px) {
   
}

/* IPAD PRO */
@media (min-width: 992px) and (max-width: 1200px) {
    .header__menu>.menu-item>a {
        font-size: 13px;
    }
}



/* iPad Mini in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
    .header__menu-icons .block-hotline-email--mobile {
        padding: 0;
        padding-right: 0
    }
    .header__container .header__grid .grid__col {
        padding: 0 10px !important;
    }
    .header__col--menu-translate .header__col--mobile-button {
        padding: 0;
    }
    .header--layout-1 .header__grid .header__col--menu-icons {
        margin-left: auto;
    }
    .footer__container .block-connect--us {
        flex: 100%;
        max-width: 100%;
    }
}

/* IPAD PRO */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) {
   
    .header--layout-1 .header__grid .header__col--menu-icons {
        display: none;
    }
    /*.header__menu>.menu-item>a {
        font-size: 10px;
    }*/


}


@media only screen and (max-width: 1280px) {
    .header__menu-icons .block-hotline-email--mobile i.fa-phone {
        margin-right: 10px;
    }
    .header__col--mobile-button {
        padding: 0;
    }
    .project-button__read-more--mobile a.button--primary {
        margin-bottom: 25px;
    }
    .box-block--map-second {
        margin-top: 0;
    }
}

/* SAFARI */
@media (max-width: 979px){
    .header__col--mobile-button .header__mobile-button {
        height: auto;
        display: inline-block;
    }
}