#c_static_001-16478525354420 {
    min-height: 300px;
    display-radio: 1;
    padding-top: 30px;
    margin-top: 30px;
    padding-bottom: 99px
}

    #c_static_001-16478525354420 .e_container-1 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        display-radio: flex;
        max-width: 1320px;
        margin-left: auto;
        margin-right: auto
    }

        #c_static_001-16478525354420 .e_container-1 > .p_item {
            flex: 1;
            max-width: 100%;
            max-height: 100%
        }

    #c_static_001-16478525354420 .e_text-2 {
        line-height: normal;
        display-radio: 1;
        font_radio: 2;
        font-size: 40px;
        color: rgba(0,0,0,1);
        font-weight: bold;
        text-align: left;
        margin-bottom: 55px
    }

    #c_static_001-16478525354420 .e_container-3 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        display-radio: flex;
        margin-top: 15px
    }

        #c_static_001-16478525354420 .e_container-3 > .p_item {
            flex: 1;
            max-width: 100%;
            max-height: 100%
        }

        #c_static_001-16478525354420 .e_container-3 .p_item {
            display-radio: 1
        }
    #c_static_001-16478525354420 .e_loop-8{
        position:relative;
    }
    #c_static_001-16478525354420 .e_loop-8 .p_list {
        display: block;
        overflow: hidden;
        padding: 150px 0
    }

        #c_static_001-16478525354420 .e_loop-8 .p_list:before {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            background: #666;
            position: absolute;
            top: 213px;
            left: 0
        }

    #c_static_001-16478525354420 .e_loop-8 .p_loopitem {
        position: relative;
        animation: none;
        opacity: 1
    }

        #c_static_001-16478525354420 .e_loop-8 .p_loopitem:before {
            content: "";
            width: 20px;
            height: 20px;
            border-radius: 50px;
            background: #3b70ec;
            border: 5px solid #fff;
            box-shadow: 0 0 2px #ddd;
            position: absolute;
            top: -45px;
            left: 0
        }

        #c_static_001-16478525354420 .e_loop-8 .p_loopitem:nth-child(even):before {
            top: 155px
        }

        #c_static_001-16478525354420 .e_loop-8 .p_loopitem:nth-child(even) {
            transform: translateY(-100px);
            width: 14.2% !important;
        }

        #c_static_001-16478525354420 .e_loop-8 .p_loopitem:nth-child(odd) {
            transform: translateY(100px);
            width: 14.2% !important;
        }

    #c_static_001-16478525354420 .e_loop-8 .p_page {
        text-align: center
    }

    #c_static_001-16478525354420 .e_loop-8 .p_filter_wrapper {
        width: 100%;
        font-size: 13px
    }

    #c_static_001-16478525354420 .e_loop-8 .p_kv_wrapper {
        display: flex;
        flex-wrap: nowrap;
        line-height: 40px;
        margin: 15px 0
    }

    #c_static_001-16478525354420 .e_loop-8 .p_filter_key {
        width: 70px;
        overflow: hidden;
        margin-right: 10px;
        font-weight: bold;
        color: #333333;
        font-size: 12px
    }
.wd-20220321202450 {
    width: 16em;
    font-size: 20px;
}
#c_static_001-16478525354420 .e_text-10 {
    line-height: normal;
    display-radio: 1;
    font_radio: 2;
    font-size: 24px;
    color: rgba(0,0,0,1);
    font-weight: bold;
    margin-bottom: 11px;
}
#c_static_001-16478525354420 .e_richText-12 {
    display-radio: 1;
    font_radio: 2;
    font-size: 13px;
    color: rgba(106,106,106,1);
    line-height: 2;
    text-align: left;
}
.page-document .row.document{
    display:flex;
}
.page-document .row #left_column {
    background: #eee;
    flex: 0 0 300px;
    display: block;
    padding: 15px 0 0 30px;
}

.center_column h2.product-name {
    display: none;
}

.whyus-desc {
    height: 90px;
    overflow: hidden;
}
.whyus-desc h3{
   margin-bottom:0;
   padding-bottom:0;
   font-size:24px;
}
.whyus-desc p{
    color: #666;
   margin:0;
   padding:0;
   font-size:12px;
}
.columns-container.policy {
    margin-top: 80px;
}
h3.other-item{
    font-size:24px;
    line-height:28px;
}
#main-menu .navbar .navbar-nav > li.home {
    display: none;
}
.lower-content ul.info li {
    display: inline-block;
    font-size: 14px;
}
.box-news{
    border:1px solid #eee;
    margin-bottom:30px;
    overflow:hidden
}
.pic-about {
    width: auto;
    height: auto;
    background-color: #f6f6f6;
    border-radius: 10px;
    overflow: hidden;
    max-height: none;
    height: 14vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.image-box img {
    width: 100%;
    height: auto;
    transition: 1s;
    transition: filter 1s;
}
.pic-about img {
    width: 100%;
    height: 10vw;
    object-fit: scale-down;
    transition: 1s;
    filter: blur(0);
    transition: filter 1s;
}
.image-box:hover img,
.pic-about:hover img {
    transition: 1s;
    transform: scale(1.05)
}
.lower-content {
    line-height: normal;
    padding: 30px 15px 10px;
}
.about-desc {
    line-height: normal;
    display-radio: 1;
    font_radio: 2;
    text-align: center;
    margin-top: 15px;
    color: rgba(1,1,1,1);
    font-weight: bold;
    font-size: 16px;
}

.list_category {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
    justify-content: center;
    width: max-content;
    padding-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}
    .list_category li {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 10);
        flex: 0 1 auto;
        margin: 0 5px;
        /*padding: 0 !important;*/
    }
.list_category li.wd-current{
    font-weight: bold;
    position: relative;
    background-color: #1f438e;
    color: #fff !important;
    padding: 0 15px;
}
.list_category li.wd-current a{
    color: #fff !important;
}
.list_category li a {
    margin: 0 !important;
    line-height: 3.5;
    display: block;
    /*padding: 10px 20px;*/
}
.nav-top-menu .logo-head {
    display: none
}

.nav-top-menu .logo-mobile {
    display: block
}
.footer-widget{
    padding: 0 0 15px 15px;
}
.list_category,
.list,
.sub_list,
.list-contact {
    margin: 0 !important;
    padding: 0 !important;
}
    .list .widget-title {
        width: 100%;
        font-size: 18px;
        display: inline-flex;
        margin: 10px 0;
    }
    .sub_list li,
    .list-contact li {
        display: grid;
        text-align: left;
    }
.list-contact li a .fa{
    margin-right:5px;
}

.block-container li.more {
    display: none;
}

.block-container .read_more {
    color: #e17b12;
    cursor: pointer;
}

.there_video_icons {
    transition: all .3s;
    position: absolute;
    left: 45%;
    top: 45%;
    text-align: center;
    /*    background: rgb(253 253 253);*/
    color: #000000ba;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    font-size: 60px;
}

    .there_video_icons i {
        display: none;
    }

.block-video .products-block-left {
    float: left;
    width: 30%;
}

.block-video .products-block-right {
    float: right;
    width: 70%;
    margin-left: 15px;
}

.block-video .box-video {
    position: relative;
    margin-bottom: 15px;
    display: flex;
}

#loadMoreWaiting {
    text-align: center;
    padding: 50px 0px;
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    z-index: 99;
    background: #ffffffb8;
}

.designed {
    margin-left: 10px;
    font-size: 14px;
}

    .designed a {
        padding-left: 10px;
        position: relative;
    }

        .designed a::before {
            content: ':';
            width: 1px;
            color: #fff;
            position: absolute;
            left: 0;
        }

        .designed:hover, .designed a:hover {
            color: #ffae00;
        }

.trademark-list {
    font-size: 14px;
}

#btnSentWait {
    display: none
}

.btnLoadMore {
    background: #ddd;
    width: 100%;
    padding: 6px 0;
    height: auto
}

.desc-cart, .desc-like {
    min-width: 240px;
    white-space: nowrap;
    padding: 10px 18px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    position: fixed;
    top: -70px;
    right: 50px;
    border-radius: 5px;
    border: 1px solid #111;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 0;
    background-color: #004988;
    font-weight: 700;
    z-index: 999
}

    .desc-cart a, .desc-like a {
        color: #fff;
    }

        .desc-cart a:hover, .desc-like a:hover {
            color: #e4d318
        }

.head-lead .Rateactive .star {
    color: #ee8b2d;
    font-size: 21px;
    margin-top: 5px
}

.commentbox .head-lead {
    display: inline-block;
    margin: 5px 0 15px
}

.lead .cl-rate {
    font-size: 14px;
    font-weight: 600
}

.lead .btn {
    font-size: 16px;
    padding: 0 10px
}

.Rateactive {
    float: left
}

#hearts, .Rateactive {
    color: #ee8b2d;
    font-size: 32px
}

.number-star {
    display: inline-block;
    font-size: 24px;
    color: #c7c7c7;
    margin-left: 15px
}

.single-comment {
    margin: 30px 0 15px 0;
    border-top: 1px solid #ddd
}

    .single-comment h2 {
        margin: 15px 0
    }

    .single-comment .comment_text {
        padding-left: 0;
        padding-top: 5px
    }

        .single-comment .comment_text h3 small {
            text-align: right;
            line-height: 20px;
            margin-left: 15px;
            font-size: 12px
        }

    .single-comment .comment-info {
        display: block;
        margin: 0 0 10px 0
    }

    .single-comment .comment_avata {
        padding: 15px 5px;
        display: block;
        border: 1px solid #467694;
        background: #1f6fa0;
        border-radius: 50%;
        width: 55px;
        height: 55px;
        text-align: center;
        vertical-align: middle;
        color: #fff
    }

.box-comment {
    width: 100%;
    display: block;
    position: relative
}

.comment_text h3 {
    padding: 0 !important;
    margin: 0 !important
}

.comment-left {
    width: 55px;
    display: inline-block;
    float: left
}

.comment-right {
    margin-left: 80px
}

.post-controls {
    line-height: 18px;
    color: #777;
    font-weight: 400;
    cursor: pointer
}

    .post-controls.liked i {
        color: #117bbb
    }

.messages .message_wrapper {
    margin-left: 50px;
    margin-right: 40px
}

.message {
    margin: 5px 0 -5px;
    font-size: 16px;
    padding: 0 0 0 15px;
    border-left: 5px solid #e8e8e8
}

blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 70%;
    line-height: 25px;
    color: #777
}

.message .comment_text {
    font-size: 14px;
    font-weight: 400;
    margin: 15px 0
}

    .message .comment_text .comment-info {
        margin: 5px 0 15px 0
    }

.error-comment {
    display: none;
    color: red
}

.lead .group-led {
    float: left;
    padding-right: 10px
}

    .lead .group-led .set-right {
        font-size: 12px;
        line-height: 20px
    }

        .lead .group-led .set-right span {
            font-size: 18px;
            color: #007f28;
            font-weight: 600
        }

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.img_par:hover .there_video_icons i {
    color: #fff;
}

.img_par {
    width: 100%;
}

    .img_par .scale-video {
        position: relative;
        padding-bottom: 56.20%;
        height: 0;
    }

    .img_par .video-bg {
        width: 100%;
        height: 100%;
        max-height: 208px;
        position: absolute;
        top: 0;
        left: 0;
    }

.header {
    position: relative;
    justify-content: center;
    align-items: center;
}

.home .header {
    position: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    background: none;
    border-bottom: none;
}

    .home .header.noptop .pos-absolute .nav-ontop {
        position: fixed;
        box-shadow: inherit;
        z-index: 1;
    }

.category-page .header {
    position: fixed;
    display: block;
    /*min-height: 71px;*/
}

.category-page .nav-top-menu.nav-04 .logo a img {
    max-height: 60px;
    position: absolute;
    /*background-color: #fff;*/
}

.home .nav-top-menu.nav-04 .logo a img {
    z-index: 1;
    background: none;
}

.slick-slide .scale-video {
    margin-top: -10px;
    display: flex;
    justify-items: center;
    align-items: center;
    max-height: 50vw;
    position: relative;
}

    .slick-slide .scale-video video {
        width: 100vw;
        height: 100vh;
    }

.page-service .contact-form-send {
    padding: 30px;
    background: rgb(245 122 0 / 64%);
    border-radius: 20px;
    border: 2px solid #ddd2ac;
}

.search-head {
    z-index: 99
}

#contact input, #contact select, #contact textarea, textarea {
    border-radius: 3px;
}

.nav-top-menu.nav-04 > .container {
    position: relative
}

.entry-detail .entry-meta-data {
    padding: 0 10px;
    color: #7c7a7a;
    font-size: 14px
}

.entry-title {
    margin-top: 10px;
    font-weight: 500;
    line-height: 28px
}

.entry-detail .entry-desc {
    font-weight: 600;
}

.entry-desc table, .entry-desc table tr, .entry-desc table tr td {
    border-collapse: collapse;
    border: 1px solid #eaeaea;
    padding: 5px;
}

/*.entry-ci .entry-title {
    padding: 0 10px;
}*/
.related-posts .entry-ci .entry-more a {
    display: block;
}

.about .content .mis-vis h3 {
    font-size: 26px
}

.mis-vis .mis {
    background-color: #4cc07e
}

.mis-vis .vis {
    background-color: #355a97
}

.mis-vis .core-values {
    background-color: #3a76bf
}

.mis-vis .core-values, .mis-vis .mis, .mis-vis .vis {
    color: #fff;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 20px
}
/*Video page*/
.about-bar .bg-bar {
    box-shadow: 0px 7px 8px 0px rgba(167, 167, 167, 0.2);
    border-bottom: solid 1px #E6E6E6;
}

    .about-bar .bg-bar .bar {
        font-weight: 600;
        border-right: 1px solid #eaeaea;
    }

        .about-bar .bg-bar .bar.bar4 {
            border-right: none;
        }

        /*.about-bar .bg-bar .bar:before {
            content: '';
            width: 30px;
            height: 30px;
            background-position: left center;
            background-repeat: no-repeat;
            background-size: contain;
            display: inline-block;
            margin-bottom: -7px;
            margin-right: 10px;
        }

.about-bar .bar1:before {
    background-image: url(../files/images/icon/icon-video.png);
}

.about-bar .bar2:before {
    background-image: url(../files/images/icon/icon-dow-load.png);
}

.about-bar .bar3:before {
    background-image: url(../files/images/icon/icon-user.png);
}

.about-bar .bar4:before {
    background-image: url(../files/images/icon/icon-chung-nhan.png);
}*/

/*Document Page*/
.bread.pg-document, .bread.pg-policy {
    display: none;
}
.top-header .marquee {
    color: #666;
}

#form-search-opntop {
    right: 15px;
    top: 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 5px 5px;
}

    #form-search-opntop:hover {
        border: 1px solid #eaeaea;
        box-shadow: 0 0 10px rgb(0 0 0 / 22%);
        background: #fff;
    }

#contact_form_map {
    margin: 0
}

#main-menu .dropdown-menu .block-container .link_container > a {
    font-weight: 400;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding: 10px 0;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 13px;
}

#main-menu .dropdown-menu.container-fluid .block-container .group_header > a:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 14px;
    vertical-align: 0;
    padding-left: 7px;
    float: right;
}
.btn-cart a {
    font-size: 0
}

#shopping-cart-box-ontop:hover .cart-block {
    margin-top: -19px
}

span.notify-right {
    display: none
}

.list-band-home, .video-home {
    padding: 40px 0 50px 0
}

.video-player {
    padding: 30px 0 50px 0;
    background: #fff url(../files/images/bg/bg1.jpg);
}

    .video-player .nav-tabs {
        max-height: 420px;
        overflow: hidden
    }

        .video-player .nav-tabs:hover {
            overflow-y: scroll
        }

        .video-player .nav-tabs::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.1);
            background-color: #cdf8f9
        }

        .video-player .nav-tabs::-webkit-scrollbar {
            width: 1px;
            background-color: #cdf8f9
        }

        .video-player .nav-tabs::-webkit-scrollbar-thumb {
            background-color: #25348e
        }

        .video-player .nav-tabs li {
            width: 100%;
            margin-bottom: 4px
        }

            .video-player .nav-tabs li:last-child {
                margin-bottom: 0
            }

            .video-player .nav-tabs li .vid-thumb {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                /* justify-content: center; */
                align-items: center;
                align-content: center;
            }

                .video-player .nav-tabs li .vid-thumb .vid-box {
                    width: 220px;
                }

                .video-player .nav-tabs li .vid-thumb img {
                    width: 100%;
                    margin-right: 10px;
                }

                .video-player .nav-tabs li .vid-thumb h3 {
                    font-size: 20px;
                    width: calc(100% - 220px);
                    padding-left: 20px;
                    font-weight: 400;
                }

        .video-player .nav-tabs > li > a {
            border-radius: 0;
            margin-right: 0;
            cursor: pointer;
            padding: 7.3px 15px;
        }

            .video-player .nav-tabs > li > a:hover {
                border: none;
                border-bottom: 1px solid transparent;
                background-color: rgb(248 223 186 / 48%);
            }

        .video-player .nav-tabs > li.active > a, .video-player .nav-tabs > li.active > a:focus, .video-player .nav-tabs > li.active > a:hover {
            border: none;
            border-bottom: 1px solid #f0b28f;
            background-color: rgb(255 152 0 / 22%);
            font-weight: 600;
        }

    .video-player .nav-tabs {
        border-bottom: none;
    }

.header-top-right.slide-full {
    width: 100%;
    margin: 0;
    clear: both;
    position: relative;
    display: block;
}

.header-top-right .homeslider .bx-controls-direction .bx-next, .header-top-right .homeslider .bx-controls-direction .bx-prev {
    width: 80px;
    height: 81px;
    z-index: 10
}

.header-top-right .homeslider .item-slide .content {
    position: absolute;
    max-width: 1320px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: right;
    width: 100%;
    font-family: 'Lobster', cursive;
    text-shadow: 1px 1px 1px #a19c9c;
}

.header-top-right .content-slide .slider-thumb .scale-video {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    /* max-height:692px*/
}

.header-top-right .content-slide .slider-thumb {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    /* height: 692px;*/
}

    .header-top-right .content-slide .slider-thumb .scale-video .video-bg {
        text-align: center;
        width: 100% !important;
        height: 100% !important
    }

.owl-carousel .owl-item {
    background: #fff;
}

.product-list li:hover .quick-view a.search {
    display: none;
}

.properties-page-wrapper .table table,
.properties-page-wrapper .table-bordered, .properties-page-wrapper .table-bordered td, .properties-page-wrapper .table table tr td {
    border: 0 none;
    margin-bottom: 0;
    padding: 0
}

.content-header {
    display: none;
    position: relative;
    border-bottom: 1px solid #1f438e;
    margin-bottom: 20px;
}

    .content-header .content-header-left {
        width: auto;
        float: left;
        display: inline-block
    }

        .content-header .content-header-left .drop-brand, .content-header .content-header-left .drop-group-sort {
            float: left;
            margin-right: 10px
        }

    .content-header .content-header-right {
        width: auto;
        float: right
    }

    .content-header select {
        width: auto;
        height: 38px;
        padding-left: 10px
    }

.view-product-list .display-product-option {
    top: 8px;
    right: 5px;
    list-style: none;
    display: inline-block;
    padding-inline-start: inherit;
    margin-bottom: inherit;
}

#col_left .filter-container {
    display: block
}

    #col_left .filter-container .layered-filter-brand {
        width: 100%
    }

#col_left .filter-container {
    position: relative;
    display: flex
}

.layered-filter-brand {
    width: calc(100%/5);
}

    .layered-filter-brand .filter-brand .layered_subtitle {
        font-size: 13px;
        cursor: pointer;
    }

    .layered-filter-brand .filter-brand {
        margin-top: 0;
        position: relative;
    }

.filter-brand .layered_subtitle {
    padding-top: 3px;
    display: block;
    color: #212121;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 40px;
}
.filter-brand .layered_subtitle span {
        display: block;
        text-align: center
    }
.filter-brand .layered_subtitle span i {
            float: right;
            padding-right: 5px;
        }
.filter-brand .layered_subtitle.dm-mb {
        display: block;
    }

.layered-filter-brand .filter-brand .check-box-list {
    visibility: hidden;
    opacity: 0;
    transition: all .25s;
    transform: translateY(25px);
    position: absolute;
    width: 100%;
    padding: 5px 10px;
    background: #fff;
    z-index: 9;
    box-shadow: 0 0 1px rgb(40 40 40 / 50%);
    padding-inline-start: inherit;
}

.filter-brand .check-box-list li {
    line-height: 24px;
    display: flex;
    margin: 0;
    padding: 5px 5px 5px 0;
    color: #222;
    width: 100%;
}

.header-top-right .homeslider .item-slide .content .slide-info-in {
    width: 100%;
    max-width: 560px;
    margin-top: 10%;
    text-align: center;
    padding: 10px 30px 40px;
    background: rgb(138 196 30 / 42%);
    border-radius: 10px;
    border: 1px solid #789544;
}

.header-top-right .homeslider .item-slide .content .title {
    font-size: 36px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Prata', serif;
}

.header-top-right .homeslider .item-slide .content .desc {
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0.065em;
    font-weight: 400;
    font-family: 'Prata', serif;
}

    .header-top-right .homeslider .item-slide .content .desc span {
        color: #f16824;
        font-size: 24px;
    }

.header-top-right .homeslider .item-slide .content .sdide-button {
    height: 32px;
    border: 1px solid #50bcee;
    display: inline-block;
    padding: 0 30px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    line-height: 30px;
    margin-top: 30px;
    background: #39a8dc;
    border-radius: 5px;
    font-weight: 600;
}

    .header-top-right .homeslider .item-slide .content .sdide-button:hover {
        background: #000;
        border-color: #000;
        color: #fff
    }

.header-top-right .homeslider .bx-wrapper .bx-has-pager .bx-pager {
    display: none
}

#loadMore,
.loadMore {
    width: 160px;
    color: #fff;
    background: #525b56;
    border: 1px solid #525b56;
    font-size: 14px;
    line-height: initial;
    font-weight: normal !important;
    padding: 8px 10px 0;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    display: block;
}

    #loadMore > span,
    .loadMore > span {
        display: block;
        color: #fff;
    }

    #loadMore i,
    .loadMore i {
        padding-left: 4px;
        padding-top: 1px;
        padding-bottom: 2px;
        margin-right: -4px;
        font-size: 16px !important;
        display: block;
    }

.category-slider {
    position: relative;
    display: block
}

    .category-slider .owl-carousel .owl-item {
        margin-bottom: 0;
    }

    .category-slider .item-slider .slider-thumb img {
        margin: 0 auto;
        display: block;
        width: 100%
    }

    .category-slider .item-slider .content {
        position: absolute;
        max-width: 1170px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        width: 100%
    }

        .category-slider .item-slider .content .slide-info-in {
            padding: 10px 0 20px 0;
            background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%);
            background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%);
            background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%)
        }

        .category-slider .item-slider .content .title {
            font-size: 26px;
            text-transform: uppercase;
            line-height: 40px;
            text-shadow: 0 1px #404040
        }

        .category-slider .item-slider .content .desc {
            font-size: 16px;
            line-height: 26px
        }

        .category-slider .item-slider .content .banner-button {
            border: 1px solid #fff;
            display: inline-block;
            padding: 0 20px;
            color: #08c;
            line-height: 30px;
            margin-top: 10px
        }

            .category-slider .item-slider .content .banner-button:hover {
                background: #d4441e;
                border-color: #eaeaea;
                color: #fff
            }

                .category-slider .item-slider .content .banner-button:hover a {
                    color: #fff
                }

.box-center-home {
    margin-bottom: 30px;
}

.box-service-home {
    padding: 30px 0 20px 0;
    position: relative
}

.box-about-home {
    padding: 40px 0 0 0;
    position: relative
}

    .box-about-home .box-home {
        line-height: 32px;
        text-align: justify
    }

.product-list li .content_price {
    font-size: 16px;
    color: #e50012;
    text-align: center;
    padding-bottom: 10px;
    font-weight: 600;
    display: none;
}

    .product-list li .content_price strike {
        color: #666
    }

    .product-list li .content_price.content-link {
        display: inline-block;
        font-size: 12px;
        padding-top: 5px;
        border: none
    }

.product-list.pro-tieubieu li {
    margin-bottom: 30px;
}

    .product-list.pro-tieubieu li .product-name, .page-product-box .product-list li .product-name {
        padding: 10px;
        height: 65px;
        overflow:hidden;
        margin-bottom: 0;
    }

        .product-list.pro-tieubieu li .product-name:hover, .page-product-box .product-list li .product-name:hover {
            background-color: #525b56;
        }

            .product-list.pro-tieubieu li .product-name:hover a, .page-product-box .product-list li .product-name:hover a {
                color: #fff;
            }

    .product-list.pro-tieubieu li .right-block, .page-product-box .product-list li .right-block {
        padding: 0;
    }

label.input {
    border: none;
}

.cat-name span {
    color: #919191;
    position: relative;
    display: block;
    text-align: center;
    font-size: 12px;
}

    /*.cat-name span:before, .cat-name span:after {
        content: '';
        position: absolute;
        height: 1px;
        width: 10%;
        background-color: #e5e5e5;
        top: 50%;
        left: 0;
    }*/

    .cat-name span:after {
        right: 0;
        left: auto;
    }

.section-featured-banner {
    background-color: #f1f7fc;
    padding: 50px 0
}

    .section-featured-banner .featured-banner .why-us {
        margin-bottom: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
        display: table;
    }

        .section-featured-banner .featured-banner .why-us:hover {
            background-color: rgb(0 0 0 / 5%)
        }

.whyus .breadcrumb, .sidebar-page-container .breadcrumb, .project .breadcrumb, .contacts .breadcrumb {
    margin: 8px 0;
    padding: 0;
}

.whyus .section-featured-banner {
    background-color: inherit;
}

    .whyus .section-featured-banner .featured-banner .why-us .why-container {
        padding-left: 15px;
        padding-right: 15px;
    }

        .whyus .section-featured-banner .featured-banner .why-us .why-container:hover {
            border-color: #ccc
        }

.whyus .featured-banner .whyus-thumb {
    width: 150px;
    min-width: 100px;
}

.whyus .section-featured-banner .featured-banner .post-title {
    line-height: 24px;
    min-height: 48px;
    font-size: 18px;
}

.lasttest-blog-lager {
    background-color: #f1f7fc;
    padding: 5px 0 30px 0
}

    .lasttest-blog-lager .blog-list .blog-list-wapper .post-thumb img {
        width: 100%
    }

    .featured-banner .post-title, .lasttest-blog-lager .blog-list .blog-list-wapper .post-desc.pos-0 .post-title {
        font-size: 16px;
        display: block;
        border-top: none;
        margin: 0
    }

    .lasttest-blog-lager .blog-list .blog-list-wapper .post-desc .post-content {
        font-size: 14px;
        margin-bottom: 15px
    }

    .lasttest-blog-lager .blog-list .blog-list-wapper .post-desc .post-title {
        font-size: 16px;
        padding: 18px 0;
        border-top: 1px solid #ccc
    }

.featured-banner .post-thumb a img {
    width: 100%
}

.featured-banner .whyus-thumb {
    overflow: hidden;
    width: 100px;
    display: table-cell;
    vertical-align: middle;
}

.featured-banner .whyus-info-text {
    display: table-cell
}

.featured-banner .post-desc .post-content {
    padding: 10px 0;
    height: 100px;
    overflow: hidden;
    color: #333
}

.featured-banner .post-desc {
    position: relative;
    padding: 0 0 0 30px
}

.featured-banner .post-title {
    text-transform: uppercase;
    line-height: 26px;
    font-weight: 600;
    min-height: 52px;
    font-size: 20px;
}

    .featured-banner .post-title a {
        color: #333
    }

.featured-banner .whyus-info-text:hover .post-title a {
    color: #25348e
}

.title-box2 {
    text-transform: uppercase;
    padding-top: 30px;
    text-align: center;
}

.center-title {
    text-align: center;
    font-size: 20px;
    color: #08c310;
    font-weight: 500;
    line-height: 28px;
}


.service3 {
    padding-bottom: 50px
}

    .service3 .service-item .service-info {
        padding-top: 15px
    }

.about .blog-posts .post-item .entry-excerpt {
    text-align: justify;
    max-height: 52px;
    overflow: hidden
}

.blog-posts .post-item .entry {
    background-color: #fff;
    border: 1px solid #eee;
}

    .blog-posts .post-item .entry .entry-ci {
        padding: 10px 25px 25px;
    }

.box-products .box-tabs li:last-child > a {
    padding-right: 10px
}

.about .entry-ci .entry-title {
    font-size: 20px
}

    .about .entry-ci .entry-title a {
        color: #333
    }

#left_column .block .block_content {
    padding-left: 0;
    padding-right: 0;
    border: none
}

    #left_column .block .block_content.news, #left_column .block .block_content.product {
        margin-bottom: 30px
    }

        #left_column .block .block_content.news:last-child, #left_column .block .block_content.product:last-child {
            margin-bottom: 0
        }

.pro-album {
    padding: 30px 0 20px 0
}

    .pro-album .product-list li .product-name {
        text-align: center;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }

.gran-box {
    position: relative;
}

    .gran-box .col-gran {
        width: 25%;
    }

.gran-box-over {
    background: #ef6a28 none repeat scroll 0 0;
    border: 1px solid #d9e2e7;
    border-radius: 5px;
    color: #fff;
    margin: 20px 0;
    padding: 10px 10px;
    text-align: left;
    display: table;
    vertical-align: middle;
    width: 100%;
}

    .gran-box-over:hover {
        background: #c91820 none repeat scroll 0 0;
        color: #fff;
    }

.gran-box .gran-box-over .gran-tilte, .gran-box .gran-box-over .gran-text {
    display: table-cell;
    color: #fff;
}

    .gran-box .gran-box-over .gran-text .gran-title-1 {
        font-size: 100%;
        font-weight: bold;
        text-transform: uppercase;
    }

    .gran-box .gran-box-over .gran-text .gran-title-2 {
        font-style: italic;
    }

#baogia {
    bottom: 60px !important;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
    border-radius: 20px !important;
    background-color: #83c011;
    border-color: #83c011;
    padding: 3px 15px !important
}

.modal-open .modal {
    z-index: 9999;
}

#RegPopup .modal-body {
    padding: 15px 0 0 0;
}

    #RegPopup .modal-body h2 {
        font-size: 20px;
        text-transform: uppercase;
        line-height: 26px
    }

#RegPopup .modal-dialog {
    width: 768px;
    margin: 20vh auto;
    vertical-align: middle;
    display: flex;
    background-color: #fff
}

    #RegPopup .modal-dialog .modal-content {
        width: 50%;
        margin: 10px;
        border: 1px solid rgb(212 212 212 / 20%);
    }

        #RegPopup .modal-dialog .modal-content.box-no {
            width: 100%
        }

#RegPopup .modal-footer {
    text-align: center;
    border-top: none;
    padding-top: 0;
}

#RegPopup .modal-dialog .show-text-popup {
    width: 50%;
    margin: 10px;
}

    #RegPopup .modal-dialog .show-text-popup p {
        margin: 0 0 15px;
        text-align: justify;
    }

    #RegPopup .modal-dialog .show-text-popup .box-home img {
        max-height: 475px;
    }

/*.ds-email {
    display: none
}*/

.ps-form-us {
    background: #0b8fd7;
    padding: 20px 15px 5px 15px
}

    .ps-form-us .ps-title {
        text-align: center;
        font-size: 24px;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 20px
    }

    .ps-form-us .show_dangky {
        margin-top: 10px;
        text-align: center
    }

.show_dangky {
    text-align: center;
    margin-top: 30px
}

    .show_dangky .btn-dky {
        -moz-transition: all .45s ease;
        -webkit-transition: all .45s ease;
        -o-transition: all .45s ease;
        -ms-transition: all .45s ease;
        transition: all .45s ease;
        line-height: 32px
    }

    .show_dangky .btn-dky {
        display: inline-block;
        padding: .25rem 3.25rem;
        border-radius: 10rem;
        color: #fff;
        text-transform: uppercase;
        /*letter-spacing: .15rem;*/
        transition: all .3s;
        position: relative;
        overflow: hidden;
        z-index: 1
    }

        .show_dangky .btn-dky:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #f90;
            border-radius: 10rem;
            z-index: -2
        }

        .show_dangky .btn-dky:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 100%;
            background-color: #ff7d3b;
            transition: all .3s;
            border-radius: 10rem;
            z-index: -1
        }

        .show_dangky .btn-dky:hover {
            color: #fff
        }

            .show_dangky .btn-dky:hover:before {
                width: 100%
            }

#main-menu .dropdown-menu.mega_dropdown .block-container .link_container.group_header > a:before {
    display: none;
}

.block-container .img_container {
    padding: 0 20px;
}

.section-title-2.section-product h2 {
    margin-bottom: 10px
}

.section-title-2.section-product {
    margin-bottom: -15px;
    margin-top: 30px
}

.section-title-box {
    text-align: center;
    position: relative;
    margin-bottom: 25px;
    color: #25348e
}

    .section-title-box .box-title {
        font-size: 28px;
        position: relative;
        margin-bottom: 20px;
        text-transform: uppercase
    }

    .section-title-box:after {
        content: '';
        width: 320px;
        height: 10px;
        margin: 0 auto;
        margin-top: 10px;
        display: block
    }

.btn-cl {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 2px 20px;
    font-size: 16px;
    margin-top: 10px
}

.btn-success {
    color: #fff;
    background-color: #83c011;
    border-color: #83c011;
    cursor: pointer
}

.page-product-box .product-list {
    list-style-type: none;
    padding-inline-start: inherit;
}

    .page-product-box .product-list .product-container {
        border: none;
        padding-bottom: 0;
    }

.entry-detail .list-unstyled {
    padding: 20px 15px;
    background-color: #fff9f5;
    list-style: none;
}

    .entry-detail .list-unstyled li {
        line-height: 32px
    }

.entry-detail .entry-photo {
    display: none
}

.entry-detail .project-content-img .img-project .entry-photo {
    display: block;
}

.padding-bt {
    padding-bottom: 0
}

.list-service .service3 .col-sm-3 {
    width: 20%
}

.list-service .service3 .service-item .service-title a {
    color: #333
}

.list-service2 .item-service1 .service-icon, .list-service2 .item-service1 .service-info {
    text-align: center
}

.padding-bt .col-sm-4 {
    margin-bottom: 25px
}

.padding-bt img {
    height: auto !important;
    width: 100% !important
}

.box-products .box-product-content .box-product-adv .adv-desc {
    display: none
}

.form-send-contact .coment-form .input, .form-send-contact .sky-form .input {
    border: none;
    margin-bottom: 15px
}

.product-comments-block-tab .sky-form .input {
    border: none;
}

    .product-comments-block-tab .sky-form .input input, .product-comments-block-tab .sky-form input {
        height: 40px;
    }

.services-wapper, .sale-wapper {
    padding: 40px 0
}

.service4 .service-item .service-in > .icon {
    position: relative;
    margin-bottom: 20px;
    text-align: center
}

    .service4 .service-item .service-in > .icon img {
        margin: 0 auto;
        display: block
    }

.service4 .service-item .info {
    text-align: center;
    line-height: 26px;
    padding-top: 20px
}

    .service4 .service-item .info a {
        color: #333;
        text-transform: uppercase;
        text-shadow: .5px 1px 1px #097b7d
    }

        .service4 .service-item .info a h3 {
            text-transform: capitalize;
        }

.service4 .service-item .service-in {
    padding: 30px;
    position: relative
}

.service4 .service-item {
    margin-bottom: 20px
}

    .service4 .service-item .service-in .sl-icon {
        position: absolute;
        content: "";
        opacity: 1;
        visibility: visible;
        z-index: 1;
        width: 68px;
        height: 68px;
        bottom: 80px;
        left: 43.5%;
        right: 0;
        /* background-color: #00605c;*/
        background-position: bottom center;
        background-repeat: no-repeat;
        display: none;
    }

/*Sale*/
.service5233 .service-item {
    margin-bottom: 30px;
}

    .service5233 .service-item .service-in > .icon {
        position: relative;
        margin-bottom: 20px
    }

    .service5233 .service-item .service-in:hover > .icon:after {
        background-color: #25348e;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease
    }

    .service5233 .service-item .service-in > .icon img {
        border: 2px solid #005ba9;
        border-radius: 50%;
        width: 100%;
    }

    .service5233 .service-item .info {
        text-align: center;
        line-height: 26px;
        padding-top: 20px
    }

        .service5233 .service-item .info a {
            color: #25348e;
            text-transform: uppercase;
            text-shadow: .5px 1px 1px #097b7d
        }

    .service5233 .service-item .service-in > .sale-social {
        display: flex;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        text-align: center
    }

    .service5233 .service-item .info .agent_name {
        font-size: 20px;
        padding-right: 5px;
        letter-spacing: -0.7px;
        line-height: 30px;
    }

    .service5233 .service-item .info .agent_tel {
        background-color: #ff4545;
        line-height: 30px;
        padding: 5px 15px;
        border-radius: 20px;
        white-space: nowrap;
        font-size: 16px;
    }

        .service5233 .service-item .info .agent_tel a {
            color: #fff;
        }

.service4 .service-item .info .agent_tel:hover {
    background-color: #25348e;
}

.service5233 .service-item .service-in {
    padding: 20px;
    position: relative;
    background-color: #ffcb37;
}

.service5233 .service-item.item-1 .service-in, .service5233 .service-item.item-3 .service-in, .service5233 .service-item.item-5 .service-in, .service5233 .service-item.item-7 .service-in {
    background-color: #25348e
}

.service5233 .service-item .service-in .sl-icon {
    position: absolute;
    content: "";
    opacity: 1;
    visibility: visible;
    z-index: 1;
    width: 68px;
    height: 68px;
    bottom: 80px;
    left: 43.5%;
    right: 0;
    background-position: bottom center;
    background-repeat: no-repeat
}

.sale-social a img {
    max-height: 35px;
}
/*Counter Up*/
.count-home {
    padding: 60px 0 20px 0;
}

.counter {
    border-radius: 5px;
}

.count-title {
    text-align: center;
}

.count-text {
    text-align: center;
}

.icon-img {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}
/*Project*/
.m-5j {
    padding: 0;
    padding-bottom: 20px;
}

    .m-5j .m-more a {
        display: inline-block;
        transition: all 0.3s ease 0s;
    }

    .m-5j ul li {
        position: relative;
        background: #000;
    }

        .m-5j ul li a {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 10;
        }

        .m-5j ul li i {
            width: 45px;
            height: 45px;
            background: url(../files/images/icon/cp-i-01.png) no-repeat center;
            right: 0px;
            position: absolute;
            top: 45px;
            filter: alpha(opacity:0);
            opacity: 0;
            z-index: 10;
        }

        .m-5j ul li:hover i {
            top: 0;
            filter: alpha(opacity:100);
            opacity: 1;
        }

        .m-5j ul li .m-5j-txt {
            position: absolute;
            width: 100%;
            padding: 0 50px;
            top: 30%;
            text-align: center;
            filter: alpha(opacity:0);
            opacity: 0;
            z-index: 5;
        }

            .m-5j ul li .m-5j-txt span {
                font-size: 16px;
                line-height: 26px;
                color: #fff;
                white-space: nowrap;
                text-overflow: ellipsis;
                max-height: 26px;
                overflow: hidden;
            }

            .m-5j ul li .m-5j-txt p {
                font-size: 12px;
                max-height: 22px;
                max-height: 66px;
                overflow: hidden;
                margin: 15px 0 0 0;
                color: #fff;
            }

        .m-5j ul li:hover .m-5j-txt {
            top: 40%;
            filter: alpha(opacity:100);
            opacity: 1;
        }

        .m-5j ul li .m-5j-img {
            width: 100%;
            filter: alpha(opacity:100);
            opacity: 1;
        }

            .m-5j ul li .m-5j-img img {
                width: 100%;
                height: auto;
            }

        .m-5j ul li:hover .m-5j-img {
            filter: alpha(opacity:30);
            opacity: .3;
        }

.m-more {
    text-align: center;
    margin: 15px 0 0 0;
    position: relative;
}

    .m-more a {
        font-size: 12px;
        line-height: 36px;
        color: #53a100;
        padding: 2px 40px 0;
        width: auto;
        position: relative;
        text-transform: capitalize;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: #fff;
        vertical-align: middle;
        border: 1px solid #09d16c;
        text-transform: uppercase;
    }

        .m-more a:hover {
            background: #09d16c;
            border: 1px solid #09d16c;
            color: #fff;
        }

#right_column {
    margin-top: 30px
}

    #right_column .left-module {
        margin-bottom: 30px;
        overflow: hidden
    }

        #right_column .left-module .owl-dots {
            bottom: 5px
        }

        #right_column .left-module:last-child {
            margin-bottom: 0
        }

        #right_column .left-module img {
            margin: 0 auto
        }

    #right_column .block {
        border: 1px solid #eaeaea
    }

        #right_column .block .title_block {
            font-size: 16px;
            font-weight: 700;
            border-bottom: 1px solid #eaeaea;
            padding-left: 28px;
            text-transform: uppercase;
            padding-top: 11px;
            padding-bottom: 12px
        }

        #right_column .block .block_content {
            padding: 15px 20px
        }

.box-about-home .box-home p {
    margin-bottom: 10px;
    line-height: 26px
}

.wrapper-home-banner {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;
    overflow: hidden;
    margin-bottom: 40px
}

    .wrapper-home-banner img {
        background-position: center;
        margin-top: -100px;
        right: 0
    }

    .wrapper-home-banner .pages-width {
        position: absolute;
        display: inline-block;
        text-align: center;
        color: #000;
        cursor: pointer;
        max-width: 500px;
        margin-left: auto;
        padding: 100px 0;
        right: 0
    }

        .wrapper-home-banner .pages-width .title {
            position: relative;
            margin: 0;
            padding-bottom: 20px
        }

            .wrapper-home-banner .pages-width .title:before {
                content: '';
                height: 2px;
                width: 120px;
                background: #999;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 10px;
                margin: 0 auto;
                text-align: center;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s
            }

            .wrapper-home-banner .pages-width .title h2 {
                font-size: 60px;
                font-weight: 600;
                color: #000;
                line-height: 1.2;
                position: relative
            }

        .wrapper-home-banner .pages-width .description {
            margin-bottom: 50px
        }

            .wrapper-home-banner .pages-width .description p {
                font-size: 20px;
                line-height: 1.4;
                font-weight: 400;
                color: #666;
                letter-spacing: 1px
            }

        .wrapper-home-banner .pages-width .offer {
            display: block
        }

.wrapper-home-banner-img {
    text-align: center
}

.wrapper-heading-home {
    padding: 40px 0 35px;
    text-align: center
}

    .wrapper-heading-home h2 {
        font-size: 34px;
        line-height: 1.6;
        margin: 0;
        font-weight: 500;
        position: relative;
        padding: 0 0 12px
    }

        .wrapper-heading-home h2:before {
            position: absolute;
            content: "";
            display: block;
            width: 55px;
            height: 1px;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            background: #323232;
            -webkit-transition: all .3s linear;
            -moz-transition: all .3s linear;
            -o-transition: all .3s linear;
            -ms-transition: all .3s linear;
            transition: all .3s linear
        }

.wrapper-home-banner-img .padding-img {
    padding-top: 30px;
    position: relative
}

.wrapper-home-banner-img .fade-out {
    position: relative
}

.fade-box img.lazyloaded {
    opacity: 1;
    width: 100%
}

.fadeoutcenter {
    transition: opacity 150ms linear,color 150ms linear,background 150ms linear
}

.wrapper-home-banner-img .fade-out .fadeoutcenter:after {
    background: rgba(0,0,0,.1) repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1
}

.wrapper-home-banner-img .fade-out .fadeoutcenter:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition-duration: 1s;
    opacity: 0
}

.content br {
    content: "";
    margin: 1em;
    display: block;
    font-size: 24%
}

.blog-posts .post-item .entry-thumb {
    margin-right: -15px
}

.block-thongke {
    display: none
}

.block .title_block {
    background-color: #cd6330;
    color: #fff
}

    .block .title_block a {
        color: #fff
    }

#user-info-opntop {
    width: auto
}

.dropdown-2 {
    margin-top: 2px
}

    .dropdown-2 a {
        display: inline-block;
        float: left;
        margin: 0 2px
    }

.row-cate-pro {
    padding: 40px 0;
    background: #fff url(../files/images/bg/bg1.jpg);
}

    .row-cate-pro .cate-pro li, .list-cate-pro .cate-pro li {
        text-align: center
    }

        .row-cate-pro .cate-pro li a .cate-name, .list-cate-pro .cate-pro li a .cate-name {
            padding: 15px 0 0px 0;
            font-weight: 600;
            font-size: 16px;
            height: 58px;
            overflow: hidden;
        }

        .row-cate-pro .cate-pro li .product-container .block-cate-name {
            padding-top: 25px
        }

.cate-item .effect-cate-image {
    display: block;
    position: relative;
}

    .cate-item .effect-cate-image:before, .cate-item .effect-cate-image:after {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        content: "";
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        z-index: 1;
    }

    .cate-item .effect-cate-image:before {
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        -webkit-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    .cate-item .effect-cate-image:after {
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
    }

.cate-item:hover .effect-cate-image:before, .cate-item:hover .effect-cate-image:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.group-products .list-cate-pro {
    padding: 0 5px;
}

.group-products .cate-title {
    position: relative;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.pro-cate-name {
    margin-top: 15px;
}

.list-cate-pro .cate-pro .cate-item {
    margin-bottom: 15px;
}

.group-products
.option4 .product-list li .price-percent-reduction2 {
    right: -8px
}

.option4 .blog-list .blog-list-wapper ul li .readmore a {
    color: #08c
}

.option4 {
    background: #eaeaea
}

    .option4 .product-list li .product-price {
        color: #08c
    }

    .option4 a:hover {
        color: #08c
    }

    .option4 .scroll_top:hover {
        background: #08c
    }

    .option4 .nav-center .owl-controls .owl-next, .option4 .nav-center .owl-controls .owl-prev {
        -moz-transition: all .45s ease;
        -webkit-transition: all .45s ease;
        -o-transition: all .45s ease;
        -ms-transition: all .45s ease;
        transition: all .45s ease;
        opacity: 0;
        visibility: hidden
    }

    .option4 .nav-center .owl-controls .owl-prev {
        left: -30px
    }

    .option4 .nav-center .owl-controls .owl-next {
        right: -30px
    }

    .option4 .nav-center.owl-loaded:hover .owl-next {
        right: 0;
        visibility: inherit;
        opacity: 1
    }

    .option4 .nav-center.owl-loaded:hover .owl-prev {
        left: 0;
        visibility: inherit;
        opacity: 1
    }

    .option4 .owl-controls .owl-next:hover, .option4 .owl-controls .owl-prev:hover {
        background: #08c;
        color: #fff
    }

    .option4 .product-list li .add-to-cart:hover {
        background-color: #08c
    }

    .option4 .product-list li .quick-view a:hover {
        background-color: #08c
    }

.layered-content .block-pro-list {
    line-height: 32px;
    list-style: none;
    text-align: center;
    margin-bottom: 10px;
    /*    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

    .layered-content .block-pro-list li {
        margin-top: 0;
    }

    .layered-content .block-pro-list li {
        margin: 0 0 5px 0;
        background: #25348e;
        font-size: 18px;
        border-radius: 3px;
    }

        .layered-content .block-pro-list li a {
            color: #fff;
            padding: 0 10px;
        }

        .layered-content .block-pro-list li:hover {
            background-color: #ff4318
        }

            .layered-content .block-pro-list li:hover a {
                color: #fff;
            }

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none
}

#boxes .window {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 9999
}

.window-popup {
    background: 0 0;
    padding: 0;
    max-width: 800px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    border-radius: 4px;
    background-size: 100% 100%;
    position: relative
}

    .window-popup .close-popup {
        background: #fff none repeat scroll 0 0;
        display: block;
        height: 30px;
        line-height: 30px;
        position: absolute;
        right: -15px;
        text-align: center;
        top: -15px;
        width: 30px;
        z-index: 999;
        border-radius: 50%;
        box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
    }

.content-popup {
    position: relative;
    z-index: 99
}

    .content-popup input[type=submit] {
        border-width: 0 0 3px;
        display: block;
        width: 100%;
        border-radius: 4px;
        height: 50px
    }

    .content-popup input[type=text] {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        color: #999;
        display: block;
        font-size: 18px;
        height: 50px;
        margin: 0 0 16px;
        padding: 0 10px;
        text-align: center;
        width: 100%
    }

    .content-popup .image-popup {
        margin: 10px 0
    }

    .content-popup .title30 {
        margin-bottom: 20px
    }

    .content-popup select {
        background: rgba(0,0,0,0) linear-gradient(to bottom,#fff 0,#e5e5e5 100%) repeat scroll 0 0;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        color: #555;
        display: block;
        height: 40px;
        margin-bottom: 15px;
        padding: 0 15px;
        width: 100%
    }

        .content-popup select option {
            padding: 0 15px
        }

.option4 .group-button-header {
    margin-top: 10px;
    padding-left: 0
}

    .option4 .group-button-header .btn-cart, .option4 .group-button-header .btn-compare, .option4 .group-button-header .btn-heart, .option4 .group-button-header .btn-login {
        width: auto;
        float: right;
        text-indent: inherit;
        padding-left: 30px;
        padding-top: 19px
    }

    .option4 .group-button-header .btn-heart {
        background: url(../images/heart-icon.png) no-repeat center left;
        font-size: 14px
    }

    .option4 .group-button-header .btn-login {
        background: url(../images/user-icon.png) no-repeat center left;
        font-size: 14px;
        height: 39px;
        margin-right: 16px
    }

    .option4 .group-button-header .btn-cart {
        background: url(../images/cart-icon4.png) no-repeat center left;
        font-size: 14px;
        margin-right: 0;
        padding-left: 25px;
        padding-top: 12px
    }

        .option4 .group-button-header .btn-cart > a {
            font-size: 14px
        }

        .option4 .group-button-header .btn-cart .notify-right {
            right: 22px;
            top: -8px
        }

.option4 span.notify-right {
    background: url(../images/notify-right-red.png) no-repeat
}

.option4 .hot-deals-box {
    background: #fff;
    border: none
}

.option4 .box-products .box-product-content .box-product-list .product-list li {
    border: none;
    background: #fff
}

.option4 .box-products .box-product-head {
    border-color: #ccc
}

.option4 .blog-list .page-heading span.page-heading-title {
    border-color: #09c
}

.option4 .nav-top-menu {
    background: 0 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.option4 .box-vertical-megamenus .title {
    height: 42px;
    line-height: 42px;
    background: #08c
}

    .option4 .box-vertical-megamenus .title .btn-open-mobile {
        line-height: 40px
    }

.option4 .main-menu .navbar {
    min-height: 40px
}

.option4 #main-menu .navbar .navbar-nav > li > a {
    margin: 10px 0;
    padding: 0 10px;
    text-transform: uppercase;
    border: none
}

.option4 #main-menu .navbar .navbar-nav > li.active, .option4 #main-menu .navbar .navbar-nav > li:hover {
    background: 0 0;
    color: #08c
}

    .option4 #main-menu .navbar .navbar-nav > li.active > a, .option4 #main-menu .navbar .navbar-nav > li:hover > a {
        color: #08c;
        border: none
    }

    .option4 #main-menu .navbar .navbar-nav > li.active:last-child > a, .option4 #main-menu .navbar .navbar-nav > li:last-child > a {
        border: none;
        padding-right: 0
    }

.option4 #main-menu .navbar-nav > li:hover .dropdown-menu {
    -webkit-transform: translate(0,5px);
    -moz-transform: translate(0,5px);
    -o-transform: translate(0,5px);
    -ms-transform: translate(0,5px);
    transform: translate(0,5px);
    opacity: 1;
    visibility: visible
}

.option4 #main-menu li.dropdown:before {
    content: '';
    width: 100%;
    height: 5px;
    left: 0;
    right: 0;
    top: inherit;
    bottom: -5px
}

.option4 #main-menu {
    margin: 0;
    margin-top: 12px
}

.option4 .nav-ontop {
    height: 40px;
    background: #08c
}

    .option4 .nav-ontop #box-vertical-megamenus .title {
        background: #08c;
        color: #fff;
        border: none
    }

.option4 .box-vertical-megamenus .vertical-menu-content {
    border: 1px solid #eaeaea;
    padding-bottom: 32px
}

.option4 .box-vertical-megamenus .vertical-menu-list {
    border: none
}

    .option4 .box-vertical-megamenus .vertical-menu-list li {
        border: none;
        padding: 0 20px
    }

        .option4 .box-vertical-megamenus .vertical-menu-list li:last-child > a {
            border: none
        }

    .option4 .box-vertical-megamenus .vertical-menu-list > li > a {
        border: none;
        padding-left: 0;
        border-bottom: 1px dotted #eaeaea;
        line-height: 36px
    }

.option4 .box-vertical-megamenus {
    top: -1px
}

    .option4 .box-vertical-megamenus .vertical-menu-list > li:hover {
        background: #08c
    }

        .option4 .box-vertical-megamenus .vertical-menu-list > li:hover > a {
            border-color: transparent
        }

    .option4 .box-vertical-megamenus .vertical-menu-list > li:hover {
        border-left: none
    }

        .option4 .box-vertical-megamenus .vertical-menu-list > li:hover > a {
            border-top: none
        }

    .option4 .box-vertical-megamenus .all-category {
        margin-top: 0;
        padding-right: 20px;
        padding-left: 20px
    }

        .option4 .box-vertical-megamenus .all-category span:after {
            content: "\f101";
            font-size: 16px;
            font-weight: 400
        }

.option4 .vertical-dropdown-menu .mega-group-header span {
    border-color: #08c
}

.option4 .box-vertical-megamenus .all-category:hover span {
    background: #08c;
    border-color: #08c
}

.option4 #main-menu .dropdown-menu .block-container .group_header > a {
    border-color: #08c
}

.option4 .box-vertical-megamenus .vertical-menu-content ul > li > a.parent:before {
    right: 20px
}

.option4 .vertical-dropdown-menu .mega-products .mega-product .product-price .new-price {
    color: #08c
}

.option4 .cart-block .cart-block-content .product-info .p-right .p-rice {
    color: #08c
}

.option4 .cart-block .cart-block-content .cart-buttons a.btn-check-out {
    background: #08c
}

.option4 .nav-ontop #box-vertical-megamenus {
    width: 60px
}

.option4 .nav-ontop #main-menu .navbar .navbar-nav > li > a {
    color: #fff;
    border-right: none
}

.option4 .nav-ontop #main-menu .navbar .navbar-nav > li.active, .option4 .nav-ontop #main-menu .navbar .navbar-nav > li:hover {
    background: #31a5df;
    color: #08c
}

    .option4 .nav-ontop #main-menu .navbar .navbar-nav > li.active > a, .option4 .nav-ontop #main-menu .navbar .navbar-nav > li:hover > a {
        color: #fff
    }

.option4 #form-search-opntop {
    height: 40px
}

    .option4 #form-search-opntop form {
        margin-top: 4px;
        color: #fff
    }

    .option4 #form-search-opntop .btn-search:before {
        color: #fff
    }

    .option4 #form-search-opntop:hover form {
        border: 1px solid #cacaca;
        background: #31a5df
    }

.option4 .header {
    background: #fff
}

.option4 .main-header {
    background: #fff;
    padding: 20px 0
}

.option4 #home-slider {
    background: #fff
}

.option4 .header-top-right .homeslider {
    width: 100%;
    padding: 10px 0 0 10px
}

.option4 .header-top-right {
    border: none;
}

.home .pos-absolute {
    top: 0;
    width: 100%;
    z-index: 9;
}

.product-list li .product-price.pro-content {
    color: #666;
    padding-bottom: 15px;
    font-size: 14px;
    opacity: 0;
    height: 0
}

.product-list li:hover .product-price.pro-content {
    opacity: 1;
    height: auto;
    max-height: 200px;
    overflow: hidden
}

.content-shop .content-pro2 {
    font-size: 14px
}

    .content-shop .content-pro2 p {
        margin: 0 0 10px
    }

.sp-brand .product-list .product-container .right-block .product-star {
    float: none;
    display: block;
    width: auto;
    text-align: center
}

.sp-brand .product-list .product-container .content_price {
    border-bottom: none
}

.row-blog {
    background: #fff;
    margin-top: 40px
}

.formsearch-option4 {
    padding: 0;
    height: 40px
}

    .formsearch-option4 > form {
        border-right: 1px solid #ccc;
        height: 40px
    }

    .formsearch-option4 .form-category {
        border-right: 1px solid #ccc;
        height: 40px;
        min-width: 150px
    }

    .formsearch-option4 .select2-container--default, .formsearch-option4 .select2-selection--single {
        border: none;
        height: 40px;
        padding: 0;
        margin: 0;
        width: 100% !important
    }
.formsearch-option4 .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0
    }
.formsearch-option4 .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 5px
    }
.formsearch-option4 .form-category select {
        padding: 10px 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../images/dropdow.png) no-repeat right center;
        padding-right: 25px;
        color: #666
    }
.formsearch-option4 .input-serach {
        padding-left: 10px
    }
.formsearch-option4 .btn-search {
        width: 50px;
        height: 40px;
        border-left: 1px solid #ccc;
        color: #666
    }
.formsearch-option4 .btn-search .fa {
            line-height: inherit
        }

.cate-pt .category-featured .show-brand {
    background-color: #fff
}

.sale-product {
    padding: 0 15px 20px 15px;
    position: relative;
    background: linear-gradient(90deg,#f3f3f3 10%,#fff 30%)
}
.sale-product .product-list .owl-controls .owl-next, .sale-product .product-list .owl-controls .owl-prev {
        border-radius: 20px;
        overflow: hidden
    }
.sale-product .product-list li .content_price {
        border-bottom: none
    }
.sale-product .product-list li .product-star {
        padding-top: 0
    }

.option4 .group-banner4 .list-banner {
    margin-left: -5px;
    margin-right: -5px
}
.option4 .group-banner4 .list-banner li {
        display: inline;
        float: left;
        padding: 0 5px
    }

.option4 .header-top-right .homeslider .bx-controls-direction .bx-next, .option4 .header-top-right .homeslider .bx-controls-direction .bx-prev {
    background: #08c
}

.option4 .header-top-right .homeslider .bx-wrapper .bx-pager .bx-pager-item {
    width: 10px;
    height: 10px
}
.option4 .header-top-right .homeslider .bx-wrapper .bx-pager .bx-pager-item a {
        width: 100%;
        height: 100%;
        float: left;
        background: 0 0;
        margin: 0;
        padding: 0;
        text-align: center;
        text-indent: 0;
        border-radius: 90%;
        color: #666;
        border: 1px solid #fff;
        padding-left: 1px;
        background: #fff;
        font-size: 0
    }
.option4 .header-top-right .homeslider .bx-wrapper .bx-pager .bx-pager-item a.active {
            background: #08c;
            border-color: #08c
        }
.option4 .blog-list .page-heading {
    font-size: 18px
}
.option4 #footer2 {
    margin-top: 0;
    padding-top: 40px;
    border: none
}
.option4 #footer2 .footer-top {
        border-top: 1px solid #eaeaea
    }
.main-footer {
    background-color: rgba(33,33,33,1);
    color: #999;
    font-size: 14px;
}
.main-footer a{
    color:#999;
}
.main-footer a:hover {
            color: #fff;
        }
.main-footer .footer-top {
            padding: 40px 0 0;
            text-align: center;
        }
.main-footer .footer-center .footer-widget .widget-content p {
            margin: 0 0 10px;
        }

.footer-top .list {
    position: relative;
    list-style: none;
}

    .footer-top .list li {
        display: inline-block;
        vertical-align: top;
        font-size: 1.8rem;
        text-transform: uppercase;
        line-height: 24px;
        margin-right: 14px;
        font-weight: 600;
    }

.footer-center {
    padding: 40px 0 30px;
}

.main-footer .footer-bottom {
    background-color: rgba(33,33,33,1);
    line-height: 24px;
    padding: 15px 0;
    color: #999;
}

.main-footer .footer-center .list li a {
    line-height: 1.25em;
    display: block;
    padding: 5px 0;
}

.main-footer .footer-center .list .mb .mobile i, .main-footer .footer-center .list .ml .email i {
    margin-right: 5px;
}

.footer-bottom .copyright-text, .main-footer a {
    margin-bottom: 5px;
}
.footer-bottom .copyright-text{
    float:left;
}
.footer-bottom .social-links{
    float:right;
}
.copyright-text p {
    margin-bottom: 10px;
}

.social-icon {
    text-align: center;
}

    .social-icon li {
        display: inline-block;
        vertical-align: top;
        margin-left: 10px;
    }

        .social-icon li:first-child {
            margin-left: 0;
        }

        .social-icon li a .fa {
            display: block;
            width: 27px;
            height: 27px;
            text-align: center;
            line-height: 27px;
            border-radius: 50%;
            color: #fff;
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
        }

            .social-icon li a .fa:hover {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }

        .social-icon li a .fa-facebook {
            background-color: #4B64A6;
        }

        .social-icon li a .fa-instagram {
            background-color: #d38f2e;
        }

        .social-icon li a .fa-twitter {
            background-color: #00ABF1;
        }

        .social-icon li a .fa-youtube {
            background-color: #C4302A;
        }

        .social-icon li a .fa-linkedin {
            background-color: #0F76A8;
        }

.maps > iframe {
    max-width: 100%;
    max-height: 70px;
    margin-top: 10px;
}

.nav-top-menu .link-mainmenu {
    width: auto;
    display: inline-block;
    float: right;
    height: 40px
}

    .nav-top-menu .link-mainmenu img {
        vertical-align: middle;
        display: inline-block
    }

    .nav-top-menu .link-mainmenu .dropdown {
        padding: 0 10px;
        border-right: 1px solid #ccc
    }

        .nav-top-menu .link-mainmenu .dropdown > a {
            line-height: 40px
        }

            .nav-top-menu .link-mainmenu .dropdown > a:after {
                content: "\f107";
                font-family: FontAwesome;
                font-size: 17px;
                vertical-align: 0;
                padding-left: 10px
            }

            .nav-top-menu .link-mainmenu .dropdown > a > img {
                margin-top: -3px;
                margin-right: 5px
            }

    .nav-top-menu .link-mainmenu .dropdown-menu {
        border-radius: 0;
        border: none;
        top: 100%;
        left: 0
    }

        .nav-top-menu .link-mainmenu .dropdown-menu > li > a > img {
            margin-top: -2px;
            margin-right: 5px
        }

.group-link-main-menu {
    padding-left: 0
}

.bg-breadcrumb {
    border-bottom: solid 1px #e6e6e6;
}

.breadcrumb {
    margin: 15px 0 15px 0;
    padding-bottom: 0;
}

#left_column .post-item {
    margin-bottom: 15px;
    background: #fff;
}

#left_column .related-posts .entry-ci {
    padding: 0 10px 10px;
}

.blog-grid {
    margin: 0;
}

.thumbnail-box {
    background-color: #FFF;
    box-shadow: 0 0 10px rgb(204 204 204 / 60%);
    -moz-box-shadow: 0 0 10px rgba(204,204,204,0.6);
    -webkit-box-shadow: 0 0 10px rgb(204 204 204 / 60%);
    -o-box-shadow: 0 0 10px rgba(204,204,204,0.6);
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin-bottom: 30px;
}

.tb-image a img {
    width: 100%;
}

.tb-caption {
    background-color: #FFF;
    padding: 0rem 0.5rem 1rem;
}

.inner-caption {
    background-color: #FFF;
    margin-top: -50px;
    position: relative;
    z-index: 1;
    padding: 0.80rem 0.80rem 0rem;
}

    .inner-caption .ic-top + p {
        font-size: 14px;
        line-height: 1.8;
        clear: both;
        margin-top: -5px;
        height: 80px;
        overflow: hidden;
    }

.ic-top {
    position: relative;
    margin-bottom: 20px;
    height: 60px;
    overflow: hidden;
}

    .ic-top h3 {
        font-size: 16px;
        font-weight: 600;
        color: #002642;
        line-height: 1.4;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        margin-top: 0;
    }

.post-date {
    width: 50px;
    height: 50px;
    background-color: #00509e;
    text-align: center;
    padding: 12px 3px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .post-date p {
        margin-bottom: 0px;
        line-height: 0.8;
        color: #FFF;
        font-size: 26px;
        font-weight: 500;
        text-align: center;
    }

    .post-date span {
        font-weight: 400;
        font-size: 12px;
        display: block;
        margin-top: 5px;
    }

.tb-bottom {
    background: #fff url(../files/images/bg/bg2.jpg);
    padding: 8px 20px;
    height: 58px;
    line-height: 40px;
}

.tbb-inner {
    float: left;
}

.link-box {
    float: right;
}

    .link-box p::before {
        content: "\f0c1";
        margin-right: 5px;
        color: #0e76bc;
        font-weight: 900;
        font-family: "FontAwesome";
    }

    .link-box p a {
        color: #f04e26;
    }

.user-box {
    display: inline-block;
    margin-right: 10px;
}

    .user-box p::before {
        content: "\f0c6";
        margin-right: 5px;
        color: #0e76bc;
        font-weight: 900;
        font-family: "FontAwesome";
    }

    .user-box p a {
        font-size: 12px;
    }

.comment-box-alt {
    display: inline-block;
}

    .comment-box-alt p::before {
        font-family: "FontAwesome";
        font-weight: 900;
        content: "\f06e";
        margin-right: 5px;
        color: #0e76bc;
    }

.page-testimony .content p, .page-testimony .content2 p {
    margin: 0 0 10px;
}
/*.project-detail .sys-info-center .breadcrumb,*/
.page-service .show_dangky {
    display: none;
}

.project-detail .entry-detail .entry-desc .img-project-2 .entry-photo {
    display: block;
}

.option4 .bx-wrapper .bx-controls-auto, .option4 .header-top-right .homeslider .bx-wrapper .bx-pager {
    text-align: center
}

.sidebar-page-container .ngaycn, .ngaycn {
    display: none;
}

.content h3, .content h4 {
    margin: 10px 0 15px 0;
    line-height: 36px
}

.content-text .content {
    line-height: 24px
}

.content-text .ngaycn {
    display: none;
    font-size: 12px;
    color: #666;
    padding-bottom: 10px;
    text-align: center
}
/*.fancybox-slide--iframe .fancybox-content {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25% !important;
}
.fancybox-slide--iframe .fancybox-content iframe{width:600px;height:400px;}*/
.product-img-thumb .video-play .box-video i {
    width: 45px;
    height: 45px;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    color: #00b0f0;
    box-shadow: 0 0 0 6px rgb(255 255 255 / 30%);
    -webkit-box-shadow: 0 0 0 6px rgb(255 255 255 / 30%);
    padding-left: 5px;
    content: "\f04b";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 1;
}

.product-img-thumb .video-play {
    position: relative;
}

    .product-img-thumb .video-play .box-video img {
        min-height: 119px;
    }

    .product-img-thumb .video-play:hover .box-video i {
        color: #83c011;
    }

#product .pb-left-column .product-image .product-full.img_par .video-bg {
    max-height: inherit;
}

.product-tab .tab-container .tab-panel a {
    color: #83c011
}

.product-tab .tab-container .tab-panel:hover a {
    color: #08c
}

.content-text img, .product-tab .tab-container .tab-panel img {
    height: auto !important
}

.content-text .pro-video .name-video a {
    color: #333
}

.content-text .pro-video .name-video:hover a {
    color: #da251c
}

.about-home .item-videobox {
    margin: 20px 56px 0 20px;
    position: relative;
}



    .about-home .item-videobox:before {
        position: absolute;
        content: '';
        top: -20px;
        left: -20px;
        width: 100%;
        height: 100%;
        border: solid 4px #DFDFDF;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }



    .about-home .item-videobox .item-video {
        position: relative;
        overflow: hidden;
        padding-bottom: 71.33333%;
        height: 0;
    }



        .about-home .item-videobox .item-video iframe, .about-home .item-videobox .item-video video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }

            .about-home .item-videobox .item-video iframe body {
                margin: 0px !important;
            }

.product-tab .tab-container .tab-panel a.btnSendComment {
    color: #f3d3c9;
    margin-top: 10px;
    max-width: 150px !important
}

.navigation-pipe {
    margin: 0 6px
}

.page-heading span.page-heading-title2 {
    margin-top: 10px;
    line-height: 28px;
}

.page-heading.page-faq, .page-heading.page-ser, .page-heading.product {
    text-align: center;
    margin: 0;
    /*padding-top: 20px;*/
    font-size: 3rem;
}

.page-heading {
    font-size: 24px;
    font-size: 4rem;
    border-bottom: 0;
}

.entry-detail .page-heading .pull-right {
    display: inline-block;
    float: none !important;
    margin-top: 0 !important;
}

.page-head-service {
    text-align: center;
    background: #cd6330;
    /*line-height: 60px*/
}

    .page-head-service ul li {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px
    }

        .page-head-service ul li.h1-service, .page-head-service ul li.h1-service h1 {
            font-size: 16px;
            color: #fffb00
        }

        .page-head-service ul li a {
            color: #fff;
            font-style: normal;
            font-weight: 600
        }

    .page-head-service .fist-service ul {
        display: flex;
        line-height: 26px;
        padding: 10px 0;
    }

.page-service .breadcrumb {
    text-align: center
}

.page-service .bg-adv-banner, .page-partner .bg-adv-banner {
    height: 60vh;
    overflow: hidden;
    position: relative;
}

.page-service .category-slider, .page-partner .category-slider {
    position: relative;
    display: block;
}

    .page-service .category-slider .item-slider .slider-thumb, .page-partner .category-slider .item-slider .slider-thumb {
        position: relative;
        height: 60vh;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

.page-service .page-heading.service-head, .page-partner .page-heading.partner-head {
    position: absolute;
    top: 25vh;
    padding: 15px 30px 15px 40px;
    background-color: #fff;
    line-height: normal;
    width: 24vw
}

    .page-service .page-heading.service-head .page-heading-title2, .page-partner .page-heading.partner-head .page-heading-title2 {
        line-height: normal;
    }

.page-service .bg-adv-banner .content-top {
    background-image: url(../files/qcad/icon/honeycomb.svg);
    height: 30em;
    width: 26em;
    padding: 8rem 3rem;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    margin-left: 25vw;
    top: 4vh;
    text-align: justify;
}

.page-service .why-choise .sky-form .input, .page-partner .why-choise .sky-form .input {
    border: none;
}

.contact-form-send .why-choise .sky-form .col-xs-12:nth-of-type(2), .contact-form-send .why-choise .sky-form .col-xs-12:nth-of-type(3) {
    width: 50%;
}

.page-service .why-contact, .page-partner .why-contact {
    padding: 60px 0;
    overflow: hidden;
    background-image: url(../files/qcad/why-contact.jpg);
    background-color: #f8f8f8;
}

    .page-service .why-contact .box-trans, .page-partner .why-contact .box-trans {
        border: 1px solid #fff;
        background: rgba(255,255,255,0.8);
        padding: 3em 2em;
        margin: 0;
        margin-top: 35px;
    }

.service-posts .wrap__text .entry-title, .page-partner .post-info .partner-ci .partner-title {
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    position: relative;
    padding-left: 10px;
}

    .service-posts .wrap__text .entry-title::before, .page-partner .post-info .partner-ci .partner-title:before {
        content: "";
        background: #d29f13;
        position: absolute;
        width: 3px;
        height: 100%;
        left: -2px;
    }

.service-posts .read-more .text-left {
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .service-posts .read-more .text-left .see-button {
        padding: 10px 30px;
        position: relative;
        color: #fff;
        font-size: 16px;
        background: #000;
        border-radius: 4px;
        transition: all 500ms ease;
        cursor: pointer;
        border: 1px solid #d29f13;
        text-transform: uppercase;
    }

        .service-posts .read-more .text-left .see-button:hover {
            background: #d29f13;
        }

.service-posts .bg-service-post {
    padding-top: 20px;
    padding-bottom: 30px;
}

    .service-posts .bg-service-post:nth-child(1), .service-posts .bg-service-post:nth-child(5) {
        background: #F3E4CF;
    }

    .service-posts .bg-service-post:nth-child(2), .service-posts .bg-service-post:nth-child(7) {
        background: #f2e9e9;
    }

    .service-posts .bg-service-post:nth-child(3), .service-posts .bg-service-post:nth-child(8) {
        background: #ebebeb;
    }

    .service-posts .bg-service-post:nth-child(4), .service-posts .bg-service-post:nth-child(10) {
        background: #e6fbdf;
    }

.row-cate-pro.pro-service {
    background-color: inherit;
}

.bg-partner .list-partner {
    padding-top: 20px;
    padding-bottom: 30px;
}

    .bg-partner .list-partner:nth-child(1), .bg-partner .list-partner:nth-child(5) {
        background: #F3E4CF;
    }

    .bg-partner .list-partner:nth-child(2), .bg-partner .list-partner:nth-child(7) {
        background: #f2e9e9;
    }

    .bg-partner .list-partner:nth-child(3), .bg-partner .list-partner:nth-child(8) {
        background: #ebebeb;
    }

    .bg-partner .list-partner:nth-child(4), .bg-partner .list-partner:nth-child(10) {
        background: #e6fbdf;
    }

    .bg-partner .list-partner .read-more .text-left {
        margin: 15px auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bg-partner .list-partner .read-more, .from-partner-about .partner-about-wapper .about-item .read-more, .content-whyus .read-more, .qua-tang_three-col .read-more {
        text-align: center;
        position: relative;
        padding-top: 30px;
    }

        .bg-partner .list-partner .read-more .see-button, .from-partner-about .partner-about-wapper .about-item .read-more .see-button, .content-whyus .read-more .see-button, .qua-tang_three-col .read-more .see-button {
            padding: 10px 30px;
            position: relative;
            color: #fff;
            font-size: 16px;
            background: #000;
            border-radius: 4px;
            transition: all 500ms ease;
            cursor: pointer;
            border: 1px solid #d29f13;
            text-transform: uppercase;
        }

            .bg-partner .list-partner .read-more .see-button:hover, .from-partner-about .partner-about-wapper .about-item .read-more .see-button:hover, .content-whyus .read-more .see-button:hover, .qua-tang_three-col .read-more .see-button:hover {
                background: #d29f13;
            }

.from-partner-about {
    padding: 30px 0;
}

    .from-partner-about .partner-about-wapper .about-item .title {
        text-transform: uppercase;
        font-weight: 500;
        display: flex;
        position: relative;
        padding-left: 10px;
    }

        .from-partner-about .partner-about-wapper .about-item .title:before {
            content: "";
            background: #d29f13;
            position: absolute;
            width: 3px;
            height: 100%;
            left: -2px;
        }

.video__items {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

    .video__items iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.pagibar {
    width: auto;
    text-align: center;
    margin-top: 15px
}

    .pagibar .pagination {
        padding: 0;
        margin: 0;
        border-radius: 0
    }

        .pagibar .pagination a:hover {
            background: #d85f31;
            color: #fff
        }

        .pagibar .pagination .active a {
            background: #4ca246;
            color: #fff
        }

        .pagibar .pagination > li:first-child > a, .pagibar .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .pagibar .pagination > li > a, .pagibar .pagination > li > span {
            position: relative;
            float: left;
            padding: 8px 15px;
            margin-left: -1px;
            line-height: 1.42857;
            color: #999;
            text-decoration: none;
            background-color: #fafafa;
            border: 1px solid #eaeaea
        }

        .pagibar .pagination > li:last-child > a, .pagibar .pagination > li:last-child > span {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

.site-wrap-news {
    padding: 30px 0;
    background-color: #f6f6f6;
}

.News:first-child .site-news .section-title {
    margin-top: 0;
}

.News .site-news .section-title, .project .site-project .section-title {
    position: relative;
    border-bottom: 1px solid #25348e;
    padding-bottom: 10px;
}

.News .site-news .text-more, .project .site-project .text-more {
    position: absolute;
    right: 15px;
    top: 20px;
}

.site-news .h-entry {
    margin-bottom: 30px;
}

    .site-news .h-entry .font-size-regular, .site-project .second-step-project .font-size-regular {
        font-size: 18px;
        height: 70px;
        overflow: hidden;
        line-height: normal;
    }

.site-wrap-news .left_sticky .banner-opacity p {
    margin: 0 0 10px;
}

.site-wrap-service .site-service .ftco-system-1 {
    text-align: center;
}

    .site-wrap-service .site-service .ftco-system-1 h3 a {
        font-size: 18px;
    }

.row-page-news {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .row-page-news .left_sticky {
        box-sizing: border-box;
        width: 100%;
        position: -webkit-sticky;
        position: sticky;
        top: 65px;
        padding-bottom: 1px
    }

.row-page-about {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .row-page-about .left_sticky {
        box-sizing: border-box;
        width: 100%;
        position: -webkit-sticky;
        position: sticky;
        top: 65px;
        padding-bottom: 1px
    }

/*blockquote {
    margin: 0;
}*/

blockquote p {
    font-style: italic;
    margin-bottom: 0;
    font-size: 18px;
    /*padding: 25px;*/
    /* background-color: #eaeaea;*/
}

/*  blockquote p::before,
        blockquote p::after {
            content: "“";
            font-size: 8rem;
            margin: -3.5rem 0 0 -3rem;
            position: absolute;
            opacity: 0.5;
        }

        blockquote p::after {
            content: "”";
            margin: -3rem -4rem 0 0;
        }*/
/*.product-list li .left-block img{
width: auto;
    height: 100%;
}*/
#product-detail blockquote, .content-pro2 blockquote, .content-pro3 blockquote, .content-text blockquote {
    background: #f9f9f9;
    border-left: 2px solid #ccc;
    margin: 1.5em 10px;
    padding: .5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
    font-style: italic;
    font-size: 14px
}

    #product-detail blockquote:before, .content-pro2 blockquote:before, .content-pro3 blockquote:before, .content-text blockquote:before {
        color: #ccc;
        content: open-quote;
        font-size: 3em;
        line-height: .1em;
        margin-right: .25em;
        vertical-align: -.4em
    }

    #product-detail blockquote p, .content-text blockquote p {
        display: inline
    }

    #product-detail ol, .content-pro2 blockquote ol, .content-pro3 blockquote ol, .content-text ol, .content-text.about ol {
        list-style-type: decimal;
        padding-left: 26px;
        display: block
    }

    #product-detail ul, .content-pro2 blockquote ul, .content-pro3 blockquote ul, .content-text ul, .content-text.about ul {
        list-style-type: disc;
        padding-left: 26px;
        display: block
    }
    #product-detail ol li, .content-pro2 blockquote ol li, .content-pro3 blockquote ol li, .content-text ol li, .content-text.about ol li {
        list-style-type: decimal;
    }

    #product-detail ul li, .content-pro2 blockquote ul li, .content-pro3 blockquote ul li, .content-text ul li, .content-text.about ul li {
        list-style-type: disc;
    }
#product-detail a, .content-text a {
    color: #25348e
}

    #product-detail a:hover, .content-text a:hover {
        color: #f63
    }

.content-text.about ul.blog-posts {
    list-style-type: none;
    padding: 0
}
    .content-text.about ul.blog-posts li {
        list-style-type: none;
    }
.box-orther {
    margin-top: 20px;
    position: relative;
    padding-top: 20px;
}

.content-text .cate-alb .item-alb, .content-text .cate-sub-alb .item-alb {
    position: relative;
    border: 1px solid #eaeaea;
    padding: 5px
}

.content-text .cate-alb .alb-info, .content-text .cate-sub-alb .alb-info {
    padding-top: 15px;
    text-align: center;
    padding-bottom: 15px
}

.content-text .alb-info .alb-title {
    min-height: 78px;
    line-height: 26px
}

    .content-text .alb-info .alb-title:hover a {
        color: #83c011
    }

.content-text .cate-sub-alb .alb-info a {
    color: #333
}

.content-text .cate-alb .alb-price, .content-text .cate-sub-alb .alb-price {
    display: none
}

.content-text .cate-alb .alb-info .alb-extra-link, .content-text .cate-sub-alb .alb-info .alb-extra-link {
    margin-top: 15px
}

    .content-text .cate-alb .alb-info .alb-extra-link a, .content-text .cate-sub-alb .alb-info .alb-extra-link a {
        border: 1px solid #eaeaea;
        padding: 10px 12px;
        background: #eee
    }

        .content-text .cate-alb .alb-info .alb-extra-link a:hover, .content-text .cate-sub-alb .alb-info .alb-extra-link a:hover {
            background: #83c011;
            color: #fff
        }

.list-photo .item {
    float: left;
    position: relative;
    line-height: 1em
}

.list-photo .grid-sizer {
    width: 33.33334%
}

.list-photo .item {
    width: 33.33334%;
    border: solid 3px #fff
}

.list-photo .image {
    max-width: 100%;
    margin: 0;
    display: block
}

    .list-photo .image:after {
        clear: both
    }

.list-photo .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
    color: #fff;
    display: none
}

    .list-photo .overlay .title-sort {
        text-align: center
    }

        .list-photo .overlay .title-sort span {
            width: 40px;
            height: 40px;
            background-color: rgba(255,102,51,.5);
            display: block;
            margin: 0 auto;
            line-height: 40px;
            border-radius: 50%
        }

    .list-photo .overlay .description .title {
        text-align: center;
        font-size: 20px
    }

    .list-photo .overlay .description {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,.8);
        width: 100%;
        margin: 0
    }

        .list-photo .overlay .description h3 {
            margin: 20px
        }

.list-photo .item:hover .overlay {
    display: block
}

.item-alb .alb-thumb .product-label {
    position: absolute;
    top: 10px;
    left: 10px;
    height: auto
}

.cate-sub-alb .item-alb .alb-thumb .product-label {
    color: #fff;
    float: left;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 10px;
    background: #ffc000;
    height: 22px
}

.partner-choise {
    margin-top: 20px
}

.list-partner .item-partner {
    border: 1px solid #eaeaea
}

    .list-partner .item-partner .partner-icon img {
        margin: 0 auto;
        display: block
    }

#product .product-name {
    text-align: left;
    font-size: 34px;
    font-weight: 400;
    color: #004B9E;
}

#product .pb-right-column .form-option {
    width: auto;
    display: inline-block
}

#product .pb-right-column .form-action {
    padding-left: 15px;
    width: auto;
    display: inline-block
}

#product .pb-right-column .form-cart-option {
    position: relative;
    display: flex;
    text-align: center;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
#product .pb-right-column .info-orther.ortherfea {
        margin: 0 -1%;
        display: inline-block;
        width: 100%;
    }

        #product .pb-right-column .info-orther.ortherfea p span {
            float: left;
font-weight: 600;
        }

    .info-orther.ortherfea p {
        width: 48%;
        float: left;
        margin: 0 1%;
        text-align: right;
    }
#product .pb-right-column .adprobook2, #product .pb-right-column .adprobook {
    height: 45px;
    width: auto;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
    background: #525b56;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
}

    #product .pb-right-column .adprobook strong {
        font-display: block;
    }

.col-info-feature .title-feature-other .info-feature .feature-name {
    font-weight: 600;
    color: #666;
    padding-right: 5px;
}

.col-info-feature .title-feature-other .info-feature .info-sub {
    line-height: 32px;
    list-style: disc;
}

    .col-info-feature .title-feature-other .info-feature .info-sub li {
        margin: 0 5px;
        list-style: none;
        display: inline-block;
    }

        .col-info-feature .title-feature-other .info-feature .info-sub li:before {
            font-family: FontAwesome;
            font-size: 14px;
            content: "\f00c";
            margin-right: 3px;
            font-weight: 300;
        }

.info-feature .feature-name, .info-feature .info-sub {
    display: inline-block;
}

#product .pb-right-column .form-option .attributes .input-group {
    border: none
}

    #product .pb-right-column .form-option .attributes .input-group .input-group-btn .btn-success {
        margin: 0;
        max-width: inherit
    }

#product .pb-right-column .product-desc.nd1, .content-pro2 {
    overflow: hidden
}

    #product .pb-right-column .product-desc.nd1 p {
        margin: 0 0 10px;
    }

#product .pb-right-column .form-share .share-title span {
    font-style: italic;
    color: #83c011;
}

.product-desc.nd1 ul {
    list-style-type: disc;
    padding-left: 26px;
    display: block
}

.product-desc.nd1 ol {
    list-style-type: disc;
    padding-left: 26px;
    display: block
}

.product-desc.nd1 ul li {
    list-style-type: disc;
}

.product-desc.nd1 ol li {
    list-style-type: decimal;
}

.show-more2::before, .show-more::before {
    height: 55px;
    margin-top: -45px;
    content: -webkit-gradient(linear,0 100%,0 0,from(#fff),color-stop(.2,#fff),to(rgba(255,255,255,0)));
    display: block
}

.show-more .readmore, .show-more2 .readmore {
    color: #0090c9
}

    .show-more .readmore:after, .show-more2 .readmore:after {
        content: '';
        width: 0;
        right: 0;
        border-top: 6px solid #288ad6;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin: -2px 0 0 5px
    }

.show-more, .show-more2 {
    text-align: center;
    margin-bottom: 20px
}

.show-more2 {
    display: none !important
}

.content-shop .content-pro2 {
    height: auto !important;
    text-align: center;
}

#myListViewed li .product-container .product-star, #myTableWish li .product-container .product-star {
    width: auto;
    float: none;
    text-align: center;
    display: block
}

#myListViewed li .product-container .product-name, #myTableWish li .product-container .product-name {
    width: 100%;
    height: 50px;
    overflow: hidden
}

.heart {
    font-size: 36px
}

    .heart.like {
        color: #00a651;
        padding-right: 10px;
    }

    .heart.liked {
        color: #83c011
    }

.delete_cartorder {
    position: absolute;
    top: -1px;
    right: 3px;
}

#myTableCart .pointer td:first-child {
    position: relative
}

#myTableCart .pointer td a.delete_cartorder {
    top: 20px
}

#thongbao {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #00508e;
    max-width: 300px;
    color: #eee;
    padding: 10px 15px;
    display: none;
}

.cartlist-number, .viewdlist-number, .wishlist-number {
    border-radius: 50%;
    padding: 3px 5px;
    color: #eee;
    font-size: 13px;
    top: -7px;
    right: -5px;
    position: absolute;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: normal;
}

.cartlist-number {
    background: #f7180d
}

.wishlist-number {
    background: #ff9800
}

.viewdlist-number {
    background: #00508d
}

i.fa-heart {
    color: #f36
}

.layered-content .check-box-list {
    padding: 0;
    border: none;
    margin-bottom: 0;
}

.check-box-list tr td {
    line-height: 32px;
    list-style: none;
    width: 50%;
    display: inline-block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0
}

.check-box-list label {
    line-height: 26px;
    vertical-align: top;
    font-size: 13px
}

    .check-box-list label:hover {
        color: #f63
    }

.check-box-list input[type=checkbox] {
    display: inline-block;
    background-color: #fff;
    width: 30px;
    height: 18px
}

    .check-box-list input[type=checkbox]:checked + label {
        color: #f63
    }

    .check-box-list input[type=checkbox]:checked {
        color: #f63
    }

.check-box-list label span.count {
    color: #a4a4a4;
    margin-left: 2px
}

.product-comments-block-tab .btn-comment {
    background-color: #08c;
    color: #fff;
    text-transform: uppercase
}

.product-extra-link {
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
    background-color: #ffc9c9ad;
    border-radius: 10px;
    margin-bottom: 10px
}

.document-file .fa-save:before {
    content: "\f019"
}

.content-text .pro-video .thum-video {
    position: relative;
    overflow: hidden;
    padding: 0;
    display: block;
    max-height: 238px;
}

.pro-video .thum-video a:before, .block-video .products-block-left a:before, .product-img-thumb .video-play .box-video i {
    width: 45px;
    height: 45px;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    color: #00b0f0;
    box-shadow: 0 0 0 6px rgb(255 255 255 / 30%);
    -webkit-box-shadow: 0 0 0 6px rgb(255 255 255 / 30%);
    padding-left: 5px;
    content: "\f04b";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 1;
}

.pro-video .thum-video:hover a:before, .block-video .products-block-left:hover a:before, .product-img-thumb .video-play:hover .box-video i {
    color: #f00;
}

.content-text .pro-video .name-video, .content-other .pro-video .name-video {
    padding: 15px 7px;
    height: 78px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    line-height: 22px
}

.box.embed-responsive {
    margin-bottom: 30px;
}

.sidebar-page-container .default-services-block .inner-box {
    position: relative;
    margin-bottom: 30px;
}

.sidebar-page-container .default-services-block:hover .inner-box .overlay-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

.sidebar-page-container .default-services-block .inner-box .overlay-box span {
    filter: alpha(opacity:100);
    opacity: 1;
    width: 45px;
    height: 45px;
    right: 0px;
    position: absolute;
    filter: alpha(opacity:0);
    z-index: 10;
    line-height: 45px;
    background-color: #cccccc54;
    text-align: center;
    display: none;
}

.lower-content h3 {
    font-size: 18px;
}
.lower-content .text {
    height: 80px;
    overflow: hidden;
}

.lower-content .link-box:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f178";
    padding-left: 10px;
}

.inner-box .site-wrap-service {
    padding-top: 20px;
}

.sidebar-title h3 {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #eaeaea;
    padding-left: 28px;
    text-transform: uppercase;
    padding-top: 11px;
    padding-bottom: 12px;
    background-color: #174a90;
    color: #fff;
}

.left-pro-view .sidebar-title h3 {
    margin-bottom: 0;
}

.left-pro-view .widget-content {
    padding: 10px 0;
    background-color: #f6f6f6;
    margin-bottom: 20px;
}

    .left-pro-view .widget-content .cat-list li {
        padding: 5px 10px;
        position: relative
    }

        .left-pro-view .widget-content .cat-list li.active {
            background-color: #fff;
        }

            .left-pro-view .widget-content .cat-list li.active a {
                color: #25348e;
            }

        .left-pro-view .widget-content .cat-list li a {
            display: block;
        }

    .left-pro-view .widget-content .cat-list > li > a {
        border-bottom: 1px solid #ccc;
        font-weight: 600;
    }

    .left-pro-view .widget-content .cat-list li ul > li > a {
        border-bottom: 1px solid #eaeaea;
    }

    .left-pro-view .widget-content .cat-list li ul > li > ul > li > a:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f0da";
        padding-right: 10px;
    }

    .left-pro-view .widget-content .cat-list li ul > li > ul {
        position: absolute;
        width: 100%;
        top: 0;
        right: 100%;
        padding: 0;
        margin-right: 10px;
        z-index: 100;
        background: rgba(255,255,255,.90);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        transition: all 200ms linear;
        -webkit-box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%);
        -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%);
    }

    .left-pro-view .widget-content .cat-list li ul > li:hover > ul {
        visibility: visible;
        opacity: 1;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }

    .left-pro-view .widget-content .cat-list > li > a:before {
        content: "\f105";
        font-size: 14px;
        display: inline-block;
        text-align: right;
        font-family: "FontAwesome";
        padding-right: 8px;
        color: #25348e;
        font-weight: bold;
        cursor: pointer;
    }

    .left-pro-view .widget-content .cat-list > li:hover > a:before {
        content: "\f105";
    }

    .left-pro-view .widget-content .cat-list > li > ul > li > a:before {
        content: "\f111";
        font-size: 14px;
        display: inline-block;
        text-align: right;
        font-family: "FontAwesome";
        padding-right: 8px;
        color: #ef692a;
        font-weight: bold;
        cursor: pointer;
    }

.cat-list {
    margin-bottom: 10px;
}

.position-stiky .news-block-two .image-box {
    display: none;
}

.group-brand .item-product {
    border: 1px solid #eaeaea;
    position: relative
}

.group-brand .product-list li .product-info {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #ffffff8a;
    text-align: center
}

.group-brand .product-list li:hover .item-product .product-info {
    opacity: 1;
    background: #ffa88c
}

.group-brand .item-product .product-info .pro-name {
    overflow: hidden;
    padding-top: 5px
}

.group-brand .item-product .product-info.pro-inter .pro-name {
    font-size: 26px
}

.group-brand .product-list.grid .item-product .product-thumb img {
    width: 100%
}

#left_column .block .block_content.product-onsale .right-block {
    text-align: center
}
/*#left_column .styled-nav.block{display:none;}*/
.product-onsale .left-block .product-label {
    color: #fff;
    float: left;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 10px;
    height: 22px;
    border-radius: 10px;
    background: #ff4318;
    position: absolute;
    top: 5px;
    left: 5px
}

.product-onsale .right-block .product-star {
    display: block;
    float: none;
    width: auto;
    text-align: center;
    padding-bottom: 10px
}
.list-in {
    border-bottom: 1px solid #eaeaea;
    position: relative;
    padding: 5px 10px;
}
    .list-in:nth-child(even) {
        background-color: #f3f3f3;
    }
    .list-in:hover {
        background-color: #f3f3f3;
    }
#product .pb-right-column .info-orther p span.orther-name {
    font-weight: 400;
}
#product .pb-right-column .info-orther p, .morefeature .fea-info {
    display: ruby-text;
    justify-items: center;
    align-items: center;    border-bottom: 1px solid #f5f5f5;
}
.product-price-group {
    display: flext;
    justify-items: center;
    align-items: center
}
    .morefeature .fea-info .fea-name, #product .pb-right-column .info-orther p span.orther-name, .product-price-group .price-name {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .morefeature .fea-info .fea-content, #product .pb-right-column .info-orther p span.code, #product .pb-right-column .info-orther p span.in-stock, #product .pb-right-column .info-orther p a.label-cate {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .product-list.grid {
        margin-left: -3px;
        margin-right: -3px;
    }

    .product-list.grid [class^='col-'] {
        padding-left: 3px;
        padding-right: 3px;
    }

.saleon .block_content .testimonials .client-post {
    text-align: center
}

.saleon .block_content .testimonial {
    text-align: center
}

    .saleon .block_content .testimonial .tel {
        font-size: 18px;
        padding-top: 10px
    }

.saleon .block_content .testimonials .sale-info {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    display: block;
    position: relative;
    text-align: center
}

    .saleon .block_content .testimonials .sale-info .sale-phone {
        text-align: center;
        font-size: 24px;
        color: #f63
    }

.saleon .block_content .testimonial .tel {
    font-size: 24px;
    color: #f63
}

.saleon .block_content .testimonial .sale-phone a {
    color: red
}

.saleon .block_content .testimonial .sale-email {
    font-size: 14px;
    color: #f63
}

.social-work {
    text-align: center;
    position: relative;
    display: block;
    margin-top: 10px
}

    .social-work a {
        display: inline-block;
        color: #fff;
        width: 20px;
        height: 20px;
        background: #415a99;
        text-align: center;
        line-height: 20px;
        margin-left: 5px
    }

.right-pro-view .block_content .testimonials {
    padding-bottom: 0;
}
 .form-sale {
        padding: 10px 0;
        border-bottom: 1px solid #eaeaea;
    }

        .form-sale .row-flexd {
            justify-content: center;
        }

    .sale-img {
        padding-right: 15px;
        max-width: 80px;
    }

    .form-sale .client-name {
        font-size: 20px;
        font-weight: 700;
    }

    .form-sale .client-post {
        color: #f00;
        font-size: 24px;
    }

        .form-sale .client-post i {
            margin-right: 7px;
        }
 /*detail product new*/
    .bv-select-section-pro {
        padding-top: 0;
    }

    .bv-select-wrap {
        -webkit-box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1);
        -moz-box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1);
        box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1);
        margin-top: 0;
        background: #fff;
        position: relative;
        padding-top: 15px;
    }

        .bv-select-wrap .product-name {
            display: block;
            text-align: center;
            font-size: 30px;
        }

    .bv-select-section-pro .bv-select-area {
        padding: 35px 20px 50px 20px;
    }

    .bv-select-area .fom {
        background: #fff;
        display: flex;
        justify-content: space-between;
    }

    .bv-select-section-pro .select-sub:first-child {
        width: unset;
    }

    .select-sub {
        margin-right: 20px;
        position: relative;
    }

        .select-sub:last-child {
            margin-right: 0;
        }

    .bv-select-section-pro .select-sub:last-child {
        text-align: center;
        margin-top: -5px;
    }

    .select-sub > span {
        text-transform: uppercase;
        display: block;
        margin-bottom: 20px;
        font-size: 18px;
        color: #687693;
    }

    .select-sub .price-info {
        display: inline-block;
        margin-bottom: 5px;
        font-size: 18px;
        color: #687693;
    }

    .bv-select-section-pro .select-sub .price-h5 {
        margin-top: 0;
        font-size: 18px;
        color: #687693;
        margin-bottom: 10px;
    }

        .bv-select-section-pro .select-sub .price-h5 .price-info .price {
            font-size: 24px;
            color: #ea5b30;
            font-weight: 700;
            display: inline-block;
            letter-spacing: -1px;
        }

            .bv-select-section-pro .select-sub .price-h5 .price-info .price .price2 {
                text-transform: uppercase;
            }

    .select-sub h2 {
        font-size: 22px;
    }

    .bv-select-area .select-sub:before {
        position: absolute;
        left: -30px;
        top: 0;
        width: 1px;
        height: 70%;
        background: #dddddd;
        content: "";
    }

    .select-sub:first-child:before {
        display: none;
    }

    .bv-select-area .adprobook2 {
        font-weight: 600;
        color: #fff;
        z-index: 1;
        position: relative;
        top: 10px;
        font-size: 16px;
        width: 175px;
        background: #f25828;
        text-transform: capitalize;
        padding: 10px 20px;
        border: 0;
        cursor: pointer;
    }

    .section-padding {
        padding: 60px 0;
    }

    .room-slide-area {
        padding-bottom: 30px;
    }

        .room-slide-area .owl-carousel .owl-item {
            border: none;
            background: none;
        }

        .room-slide-area .owl-carousel .owl-stage-outer {
            background: #f1f1f1;
        }

        .room-slide-area .owl-carousel .owl-stage {
            margin: 0 auto;
            padding-top: 30px;
        }

        .room-slide-area .owl-carousel .owl-nav div {
            position: absolute;
            left: 70px;
            top: 50%;
            text-align: center;
            color: #00d690 !important;
            font-size: 30px;
            width: 50px;
            height: 50px;
            background: #fff !important;
            line-height: 46px;
            text-align: center;
            border-radius: 50%;
            transform: translateY(-50%);
            border-radius: 50% !important;
        }

            .room-slide-area .owl-carousel .owl-nav div.owl-next {
                right: 70px;
                left: auto;
                top: 50%;
                border-radius: 50%;
                text-align: center;
            }

        .room-slide-area .destination-item .box-video i {
            width: 45px;
            height: 45px;
            position: absolute;
            text-align: center;
            left: 50%;
            top: 45%;
            transform: translate(-50%,-50%);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #fff;
            border-radius: 50%;
            color: #00b0f0;
            box-shadow: 0 0 0 6px rgb(255 255 255 / 30%);
            -webkit-box-shadow: 0 0 0 6px rgb(255 255 255 / 30%);
            padding-left: 5px;
            content: "\f04b";
            font: 24px/1 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            z-index: 1;
        }

    .destination-area {
        background: #f5fbf9;
        padding-top: 200px;
        padding-bottom: 80px;
    }

        .destination-area .container {
            width: 1425px;
            max-width: 100%;
        }

    .destination-text {
        padding-top: 100px;
    }

        .destination-text p {
            margin-bottom: 40px;
        }

    .destination-item {
        position: relative;
    }

    .destination-content {
        background: #fff;
        padding: 20px;
        overflow: hidden;
        position: absolute;
        bottom: 20px;
        left: 50%;
        width: 90%;
        transform: translateX(-50%);
        border-radius: 10px;
        transition: all .3s;
    }
   .bn-product .slider .scale-pic{
    height: 300px;
    position: relative;
    display: block;
  }
  .bn-product .slider .scale-pic .pic{
    height: 100%;
    object-fit: cover;
  }
    @media (max-width: 767px) {
        .bv-select-area .fom {
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        .bv-select-section-pro .select-sub:first-child {
            width: 100%;
        }

        .bv-select-section-pro .select-sub {
            width: 100%;
            margin-bottom: 30px;
            border-bottom: 1px solid #ddd;
        }

            .bv-select-section-pro .select-sub:last-child {
                margin-top: 40px;
                text-align: center;
                border-bottom: 0;
            }
        .car-btn {
            width: 100%;
            margin-bottom: 5px;
        }
        .srollbar__mouse {
            display: none;
        }
    }
    /*end detail product new*/
.social-work > a.instagram {
    background: #5b7fa6
}

.social-work > a.linkedin {
    background: #cb222a
}

.social-work > a.twitter {
    background: #00caff
}

.social-work > a:hover {
    opacity: .8
}

.parallax {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center
}

.home .block-testimonials.parallax {
    background-image: url(../files/qcad/bg-testimonials.jpg)
}

.home .block-partner.parallax {
    /* background-image: url(../files/qcad/bg-block-partner.jpg);*/
    background-color: #f9f9f9;
}

.home .block-partner, .home .block-testimonials {
    padding-top: 60px;
    padding-bottom: 80px
}

.block-testimonials .testimonial-wapper .testimonials li {
    min-height: 430px
}

    .block-testimonials .testimonial-wapper .testimonials li .testimonial-image {
        padding: 10px
    }

        .block-testimonials .testimonial-wapper .testimonials li .testimonial-image img {
            border-radius: 50%;
            overflow: hidden;
            width: 50%;
            margin: 0 auto;
            border: 10px solid #fff
        }

.block-testimonials .testimonial-wapper .testimonials .item-center li .testimonial-image img {
    border-color: #25348e;
    width: 70%
}

.block-testimonials .testimonial-wapper .testimonials .owl-controls .owl-next, .block-testimonials .testimonial-wapper .testimonials .owl-controls .owl-prev {
    background: 0 0;
    width: 40px;
    height: 40px;
    color: #ccc;
    text-align: center;
    line-height: 40px;
    font-size: 50px;
    font-weight: 300
}

.block-testimonials .testimonial-wapper .testimonials li .info {
    text-align: justify
}

    .block-testimonials .testimonial-wapper .testimonials li .info .testimonial-nane {
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 5px;
        text-align: center
    }

 .block-partner .partner-wapper .partner li .partner-image img {
        overflow: hidden;
        margin: 0 auto;
        border: 4px solid #fff;
    }

.block-partner .partner-wapper .partner .owl-controls .owl-next, .block-partner .partner-wapper .partner .owl-controls .owl-prev {
    background: 0 0;
    width: 40px;
    height: 40px;
    color: #ccc;
    text-align: center;
    line-height: 40px;
    font-size: 50px;
    font-weight: 300
}

.block-partner .section-content, .block-partner .section-content .section-title-box .box-title {
    color: #333
}
    .block-partner .section-content .partner-about img {
        padding: 15px 0;
        height: auto !important;
    }

    .block-partner .section-content .partner-about {
        padding-bottom: 20px
    }

.block-partner .partner-wapper .partner li .info {
    text-align: justify
}

    .block-partner .partner-wapper .partner li .info .partner-nane {
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 5px;
        text-align: center;
        min-height: 44px;
        display: none;
    }

        .block-partner .partner-wapper .partner li .info .partner-nane a {
            color: #fff
        }

    .block-partner .partner-wapper .partner li .info .info-content {
        max-height: 110px;
        overflow: hidden;
        color: #fff;
        display: none;
    }

        .block-partner .partner-wapper .partner li .info .info-content:hover {
            overflow-y: scroll
        }

        .block-partner .partner-wapper .partner li .info .info-content::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.1);
            background-color: #cdf8f9
        }

        .block-partner .partner-wapper .partner li .info .info-content::-webkit-scrollbar {
            width: 1px;
            background-color: #cdf8f9
        }

        .block-partner .partner-wapper .partner li .info .info-content::-webkit-scrollbar-thumb {
            background-color: #25348e
        }

.ion-clock:before, .ion-eye:before {
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ion-clock:before {
    content: "\f073"
}

.ion-eye:before {
    content: "\f06e"
}

.sear-form input {
    border: 1px solid #eaeaea;
    padding: 0 10px;
    height: 35px
}



.bacviet-toc {
    border: 1px solid #cdf8f9;
    padding: 10px;
    margin: 0 auto;
    position: relative;
    background-color: #f3fbfb;
    margin-bottom: 15px;
    width: auto;
    display: inline-block
}

    .bacviet-toc #main-toc {
        text-align: center;
        font-size: 16px;
        margin-bottom: 0
    }

        .bacviet-toc #main-toc .fa {
            padding-right: 10px
        }

.content-text .bacviet-toc ul {
    margin: 0;
    padding: 0
}

    .content-text .bacviet-toc ul.toc_list li {
        line-height: 32px
    }

.toc_toggle {
    padding-left: 10px
}

.section-band-logo .list-band9 .owl-controls .owl-next, .section-band-logo .list-band9 .owl-controls .owl-prev {
    background: rgba(234,234,234,.19)
}

.section-band-logo .list-band9:hover .owl-controls .owl-next, .section-band-logo .list-band9:hover .owl-controls .owl-prev {
    background: rgba(57,175,129,.7)
}

.section-band-logo .list-band9:hover .owl-controls .owl-next {
    border-radius: 8px 0 0 8px
}

.section-band-logo .list-band9:hover .owl-controls .owl-prev {
    border-radius: 0 8px 8px 0
}

.row-cate-pro .cate-pro .owl-controls .owl-next, .row-cate-pro .cate-pro .owl-controls .owl-prev {
    background: rgb(138 196 30 / 81%);
    height: 50px;
    font-size: 20px;
    line-height: 50px;
}

.row-cate-pro .cate-pro:hover .owl-controls .owl-next, .row-cate-pro .cate-pro:hover .owl-controls .owl-prev {
    background: #ff5722;
}

.row-cate-pro .cate-pro:hover .owl-controls .owl-next {
    border-radius: 8px 0 0 8px;
}

.row-cate-pro .cate-pro:hover .owl-controls .owl-prev {
    border-radius: 0 8px 8px 0;
}

#section-banner-home-frist {
    background-image: url(../files/qcad/bg-gioi-thieu.png);
    background-position: right center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 50px 0 30px;
    display: grid;
    align-items: center;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.about-home .ml-auto .items-history {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 30px 45px 45px 45px;
    margin-left: 0;
    position: relative;
    line-height: 32px;
    text-align: justify;
    /*background: #e6eaecbf;*/
}

.about-home .index-item .item-title {
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.2;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 17px;
}

    .about-home .index-item .item-title:before {
        position: absolute;
        content: '';
        width: 190px;
        height: 5px;
        background-color: #004B9E;
        bottom: 0;
        left: 0;
    }

.qua-tang {
    background: url(../files/images/bg/bghome1.jpg) no-repeat scroll bottom center;
    width: 100%;
    height: 700px;
    display: flex;
    padding-top: 150px;
    background-size: cover !important;
}

.qua-tang-home-2 {
    background: url(../files/images/bg/bghome2.jpg) no-repeat scroll center center;
    background-size: inherit !important;
}

.qua-tang__item {
    padding: 40px;
    background: rgb(135 135 135 / 46%);
    border-radius: 20px;
    color: #fff;
}

    .qua-tang__item p {
        margin-bottom: 1rem;
    }

.pl-0, .px-0 {
    padding-left: 0 !important;
}

.pr-0, .px-0 {
    padding-right: 0 !important;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.d-block {
    display: block !important;
}

.qua-tang__item__title {
    font-size: 32px;
    color: #fff;
    font-weight: 500;
    position: relative;
    margin-top: 0;
}


.qua-tang__item__sub-title {
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
    margin-bottom: 1rem;
}

.qua-tang__item__desc {
    font-size: 15px;
    line-height: 1.5;
    max-width: 580px;
    text-align: justify;
}

.qua-tang__item__btn {
    margin: 15px auto;
    display: inline-block;
}

.qua-tang__item__btn__link {
    padding: 15px 25px;
    background: #83c011;
    color: #fff;
    border: 1px solid #83c011;
    transition: all 350ms ease-in-out 0ms;
    text-transform: uppercase;
}

    .qua-tang__item__btn__link:hover {
        background: #fff;
        border: 1px solid #fff;
        color: #d29f13;
    }
.cate_news {
    position: relative;
    padding: 100px 0 60px;
}

.cate_news .item-desc,
.cate_news .item-title a{
    color:#fff;
}
.news-style-one .content-column {
    padding: 10px;
    height:173px;
    overflow:hidden;
}
.news-style-one .content-column h3{
    font-size:20px;
    height: 30px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cate_product {
    margin: 100px 0 60px 0;
}
.pro-cate {
    margin: 10px 0 30px 0;
}
.col-7 {
    width: 50%;
}
.col-52,
.col-51, .col-53, .col-54 {
    width: 25%;
}
.col-55, .col-56, .col-57, .col-58, .col-59, .col-60 {
    width: 33.33334%;
}
.col-51,.col-52, .col-53, .col-54, .col-55, .col-56, .col-57, .col-58, .col-59, .col-60 {
    margin-bottom: 22px;
}
.col-7 img, 
.col-51 img, 
.col-52 img, .col-53 img, .col-54 img, .col-55 img, .col-56 img, .col-57 img, .col-58 img, .col-59 img, .col-60 img {
   filter: blur(0);
    transition: filter 1s;
    width:100%;
    height:100%;
    transition:1s;
}
.col-7:hover img, 
.col-51:hover img, 
.col-52:hover img, .col-53:hover img, .col-54:hover img, .col-55:hover img, .col-56:hover img, .col-57:hover img, .col-58:hover img, .col-59:hover img, .col-60:hover img {
    transition:1s;
    transform: scale(1.05)
}
.banner-solution .e_bannerA-2 {
    height: auto !important;
    position: relative;
}
.wd-20220326145009 {
    position: relative;
}
.wd-20220326145009 .wd-item.wd-current {
    opacity: 1;
}

.wd-20220326145009 .wd-item:nth-child(1) {
    position: relative;
}
.wd-20220326145009 .wd-item {
    background-size: cover;
    background-position: center;
}
.e_bannerA-2 .p_img {
    display: none;
}
.wd-20220326145009 .wd-item img {
    width: 100%;
    height: auto;
    opacity: 0;
}
.wd-20220326145009 .wd-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 1s;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-wrapper {
    z-index: 1;
    display: flex;
    box-sizing: content-box;
    height: inherit;
    transform: translate3d(0,0,0);
}
.e_bannerA-2 .swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.e_bannerA-2 .swiper-slide {
    flex: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    transition-property: transform;
    width: 100%;
}
.e_bannerA-2 .p_img {
    width: 100%;
    height: 100%;
    background: #000;
}

.e_bannerA-2 .p_info {
    width: 50%;
    position: absolute;
    left: 5%;
    bottom: 5%;
    z-index: 9;
    display: flex;
    /*align-items: center;
    text-align: center;*/
}
.p_btitle a,
.text-white {
    color: #fff;
}
.e_bannerA-2 .p_info {
    width: 80%;
    left: 10%;
}
.send-home,
.news-home {
    background-color: rgba(8,28,58,1);
}
.send-home{
    padding:60px 0;
    background-image: url(../files/qcad/bg-send.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}
.index-solution.index-project {
    padding: 10px 0 0;
}

.index-solution.index-project .solution-scroll .scroll-list .list-item {
    width: 0.3334%;
    padding: 0 15px 15px;
}
.index-solution.index-project .index-item .item-title, .index-solution.index-project .solution-scroll .scroll-list .item-title a {
    color: #333;
}
    .index-solution.index-project .solution-scroll .scroll-list .item-backdrop {
        position: relative;
        opacity: 1;
        background: #fff;
        top: 0;
    }
.index-solution.index-project .solution-scroll .scroll-list .item-body {
    position: relative;
    left: initial;
    top: initial;
    margin-top: 0;
    padding: 20px 30px 35px;
    webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.25);
    -o-box-shadow: 0 0 20px 0 rgba(0,0,0,.25);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.25);
    transition: all 350ms ease-in-out 0ms;
    border-bottom: 2px solid #fff;
}
    .index-solution.index-project .solution-scroll .scroll-list .item-body p{
        min-height:96px;
    }
    .index-solution.index-project .solution-scroll .scroll-list .list-item:hover .item-body {
        border-color: #525B56;
    }

/*.index-hotpro .index-item .item-desc, .index-hotpro .index-item .item-desc a {
    text-align: left;
}*/

/*.index-hotpro .index-item .item-title:before,
.index-cerbox .index-item .item-title:before {
    left: 0;
    top: 9px;
    bottom: initial;
    margin-left: 0;
}*/

.index-whyus .whyus-box .index-item .item-title:before {
    left: 0;
    top: 0;
    bottom: initial;
    margin-left: 0;
}

.index-whyus .whyus-box .index-item .item-title {
    font-size: 2.5rem;
    text-transform: inherit;
}

.index-cerbox .index-item.cer-nosub .item-title {
    text-align: center;
    padding: 0;
}

    .index-cerbox .index-item.cer-nosub .item-title:before {
        display: none;
    }

.index-cerbox .turn_page .scroll-box .list-item {
    position: relative;
}

.scroll-box .box-list .list-item:before {
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0;
    position: absolute;
    content: '';
    box-sizing: border-box;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 1;
    -webkit-transition-delay: 105ms;
    -moz-transition-delay: 105ms;
    transition-delay: 105ms;
    background-color: #525B56B8;
}

.scroll-box .box-list .list-item:hover:before {
    left: 0;
    right: 0;
}

.cer-caption, .whyus-row .whyus-list.why-2 .whyus-pic .whyus-caption {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    z-index: 2;
    padding: 30px 30px 30px 30px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: 105ms;
    -moz-transition-delay: 105ms;
    transition-delay: 105ms;
    text-align: center;
}

    .cer-caption:hover, .whyus-row .whyus-list.why-2 .whyus-pic .whyus-caption:hover {
        opacity: 1;
    }

    .cer-caption .item-title, .whyus-row .whyus-list.why-2 .whyus-pic .whyus-caption h3 {
        display: flex;
        align-items: center;
        flex-direction: row;
        margin-bottom: 10px;
    }

        .cer-caption .item-title h3, .whyus-row .whyus-list.why-2 .whyus-pic .whyus-caption h3 {
            font-size: 25px;
        }

        .cer-caption .item-title a {
            color: #fff;
        }
.whyus-row{display:block;position:relative;}
    .whyus-row .whyus-list {
        margin-bottom: 30px;
        padding: 0 15px;
        width: 50%;
    }
        .whyus-row .whyus-list.why-2 .whyus-pic .eihe-box {position:relative;
        }
            .whyus-row .whyus-list.why-2 .whyus-pic .eihe-box:before {
                left: 50%;
                right: 50%;
                top: 0;
                bottom: 0;
                position: absolute;
                content: '';
                box-sizing: border-box;
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                transition: all .5s ease;
                z-index: 1;
                -webkit-transition-delay: 105ms;
                -moz-transition-delay: 105ms;
                transition-delay: 105ms;
                background-color: #525B56B8;
            }

            .whyus-row .whyus-list.why-2 .whyus-pic .eihe-box:hover:before {
                left: 0;
                right: 0;
            }
@media (min-width: 1200px) {
    .about-home .container-fluid, .qua-tang .container-fluid, .boxSendHome .container-fluid, .video-player .container-fluid {
        max-width: 1600px;
        padding: 0 35px;
    }
}

@media (min-width: 767px) {
    .about-home .container-fluid,
    .qua-tang .container-fluid, .boxSendHome .container-fluid, .video-player .container-fluid {
        width: 100%;
    }

    .qua-tang .row, .about-home .row, .boxSendHome .sky-form .row, .video-player .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .qua-tang .col-md-6, .video-player .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .about-home .col-md-7, .boxSendHome .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .about-home .col-md-5, .boxSendHome .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .d-md-none {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .wd-20220326145009 {
        display: none;
    }
    .e_bannerA-2 .swiper-container {
        position: relative;
    }
    .e_bannerA-2 .swiper-slide {
        margin-bottom: 15px;
    }
    .e_bannerA-2 .p_subtitle,
    .e_bannerA-2 .p_img {
        display: block !important;
    }
    .swiper-wrapper {
        display: block;
    }
    .p_btitle {
        margin: 10px 0;
        font-size: 20px;
    }
    .ac-ontop #main-menu .navbar-header .navbar-toggle.active {
        margin-top: 0;
        margin-bottom: 0;
        position: fixed;
        top: 10px;
        left: calc(80% - 65px);
        background-color: #818181;
        z-index: 9999;
        padding-top: 3px;
        height: 40px;
    }
    .pro-cate li{margin-bottom:30px;}
    .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .qua-tang {
        height: auto;
        padding: 0;
        background: none;
    }

    .qua-tang__item {
        color: #333;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: none;
    }

    .qua-tang__item__title {
        color: #333;
        font-size: 20px;
        text-align: center;
    }

    .qua-tang__item__sub-title {
        text-align: center;
        margin-bottom: 5px;
    }

    .qua-tang__item__desc {
        text-align: center;
    }

    .qua-tang__images img {
        height: auto !important;
    }

    .row-cate-pro, .section-band-logo, .video-player {
        padding: 10px 0 0 0;
    }

    #section-banner-home-frist {
        background: none;
    }
}

.content-whyus {
    margin-bottom: 50px;
}

    .content-whyus .head_content-whyus {
        padding: 30px 0;
        background-color: #eeede9;
        text-align: center;
        margin-bottom: 0;
    }

.qua-tang_three-col {
    padding-bottom: 30px;
    padding-top: 30px;
}

    .qua-tang_three-col .item-three-col {
        margin-bottom: 30px;
        background: #fff;
    }

    .qua-tang_three-col .item-three-col__image--nha-hang {
        max-height: 440px;
    }

        .qua-tang_three-col .item-three-col__image--nha-hang img {
            object-fit: cover;
            height: 100%;
            width: 100%;
            max-height: 440px;
        }

    .qua-tang_three-col .item-three-col__title {
        color: #333;
        text-align: center;
        margin: 15px auto;
        text-transform: capitalize;
    }

    .qua-tang_three-col .item-three-col__desc {
        font-size: 15px;
        line-height: 1.8;
        text-align: center;
        font-weight: 300;
        padding: 15px;
        height: 130px;
        overflow: hidden;
    }

    .qua-tang_three-col .item-three-col .item-three-col__image img {
        height: auto !important;
    }

.group-banner4 .list-banner .owl-controls .owl-next, .group-banner4 .list-banner .owl-controls .owl-prev {
    background: rgba(234,234,234,.19)
}

.group-banner4 .list-banner:hover .owl-controls .owl-next, .group-banner4 .list-banner:hover .owl-controls .owl-prev {
    background: rgba(57,175,129,.7)
}

.group-banner4 .list-banner:hover .owl-controls .owl-next {
    border-radius: 8px 0 0 8px
}

.group-banner4 .list-banner:hover .owl-controls .owl-prev {
    border-radius: 0 8px 8px 0
}

.group-banner4 .list-banner .list-item {
    text-align: center
}

    .group-banner4 .list-banner .list-item .info {
        padding-top: 20px;
        color: #fff
    }

.page-contact {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.09);
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    margin: -10px 0 0 0;
    padding: 40px 40px 40px 40px
}

    .page-contact p {
        margin: 0 0 10px
    }

    .page-contact .why-choise .sky-form .input {
        border: none;
    }

.form-send-contact .sky-form .input input, .form-send-contact .sky-form input {
    height: 40px;
    background-color: #efffff
}

.form-send-contact .sky-form .icon-append, .form-send-contact .sky-form .icon-prepend {
    top: 5px;
    line-height: 30px
}

.entry-desc ul, .center_column ul {
    list-style-type: disc;
    padding-inline-start: 30px;
    margin-bottom: 20px;
}
.entry-desc ul li, .center_column ul li, .entry-desc ol li, .center_column ol li{
 list-style-type: disc;
}
.entry-desc ol, .center_column ol {
    list-style-type: decimal;
    padding-inline-start: 30px;
    margin-bottom: 20px;
}

    .entry-desc ul.solution1-list, .center_column ul.solution1-list, .entry-desc ol.solution1-list, .center_column ol.solution1-list,
    .center_column ul.row, .center_column ul.row, .center_column .box-blogs ul.row {
        list-style: none;
        padding-inline-start: 0;
    }

        .center_column ul.row li, .center_column ul.row li, .center_column .box-blogs ul.row li {
            list-style: none;
            padding: 0 10px;
        }

.entry-desc p {
    margin: 0 0 10px;
}

.center_column .single-box .related-posts, .center_column .box-blogs, .center_column .box-blogs ul, .entry-desc .list-photo2 .list-img-carosel {
    list-style: none;
    padding-inline-start: 0;
}

    .center_column .single-box .related-posts li, .center_column .box-blogs, .center_column .box-blogs ul li, .entry-desc .list-photo2 .list-img-carosel li {
        list-style: none;
    }

.entry-desc .list-photo2 .item-img .overlay {
    background: none;
}

.entry-desc .list-photo2 .item-img {
    max-height: 210px;
    overflow: hidden;
}

    .entry-desc .list-photo2 .item-img img {
        vertical-align: middle;
    }

    .entry-desc .list-photo2 .item-img .overlay .description {
        display: none;
    }

.center_column .share ul.mangxh {
    padding-inline-start: 0;
    margin-bottom: 0;
}

.goi-home {
    text-transform: uppercase;
    position: relative;
    text-align: right
}

.btn-info.btn-cal {
    min-width: 150px;
    line-height: 26px;
    font-size: 14px;
    color: #fbff00;
    border-radius: inherit;
}

.saleon-product .btn-info.btn-cal {
    width: 100%;
    background-color: #25348e;
    border-color: #209493;
    /*margin-top: 10px*/
}

.saleon-product .testimonials .sale-info {
    position: relative;
    line-height: 36px
}

.saleon-product .testimonials {
    padding-top: 15px
}

    .saleon-product .testimonials .client-mane {
        text-align: left;
        text-transform: inherit;
        border-bottom: 1px solid #efefef
    }

    .saleon-product .testimonials .client-post a {
        color: red;
        font-size: 18px
    }

    .saleon-product .testimonials .client-zalo .zalo i {
        float: right
    }

.services-carousel-two {
    margin-top: 30px;
}

    .services-carousel-two [class*="col-"] {
        margin-bottom: 30px;
    }

        .services-carousel-two [class*="col-"] .inner-box {
            border: 1px solid #e8f4f4;
            padding-bottom: 15px;
        }

.client-zalo .zalo i {
    width: 35px;
    height: 35px;
    background: #fff url(../files/Images/icon/zalo.png);
    background-size: cover;
    font-size: 0;
    border-radius: 50%
}

.network-tags {
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea
}

    .network-tags span {
        float: left;
        padding-right: 10px
    }

    .network-tags .wg-list-tabs li {
        display: inline-block;
        padding: 0 7px;
        background-color: #f1f1f1;
        margin: 0 2px
    }

        .network-tags .wg-list-tabs li:hover {
            background-color: #f7a439
        }

#product-detail .network-tags .wg-list-tabs li:hover a {
    color: #fff
}

.panel {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #fff;
    background: 0 0;
    box-shadow: none
}

    .panel:last-child {
        border-bottom: none
    }

.panel-group > .panel:first-child .panel-heading {
    border-radius: 4px 4px 0 0
}

.panel-group .panel {
    border-radius: 0
}

    .panel-group .panel + .panel {
        margin-top: 0
    }

.panel-heading {
    background-color: #25348e;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 0
}

.panel-title a {
    display: block;
    color: #fff;
    padding: 15px;
    position: relative;
    font-size: 22px;
    font-weight: 400
}

.panel-body {
    background: #fff
}

.panel:last-child .panel-body {
    border-radius: 0 0 4px 4px
}

.panel:last-child .panel-heading {
    border-radius: 0 0 4px 4px;
    transition: border-radius .3s linear .2s
}

    .panel:last-child .panel-heading.active {
        border-radius: 0;
        transition: border-radius linear 0s
    }

.panel-heading .panel-title a {
    font-size: 14px;
    font-weight: 600;
    padding-right: 30px
}

    .panel-heading .panel-title a:hover {
        color: #eaeaea
    }

.panel-heading a:before {
    content: '\f107';
    position: absolute;
    font-family: FontAwesome;
    right: 10px;
    top: 15px;
    font-size: 24px;
    transition: all .5s;
    transform: scale(1)
}

.panel-heading.active a:before {
    content: ' ';
    transition: all .5s;
    transform: scale(0)
}

#bs-collapse .panel-heading a:after {
    content: ' ';
    font-size: 24px;
    position: absolute;
    font-family: FontAwesome;
    right: 10px;
    top: 15px;
    transform: scale(0);
    transition: all .5s
}

#bs-collapse .panel-heading.active a:after {
    content: '\f106';
    transform: scale(1);
    transition: all .5s
}

#bs-collapse .panel-heading h4.panel-title {
    margin: 5px 0 10px 0
}

.boxpopup .sky-form .input {
    border: none
}

    .boxpopup .sky-form .input input, .boxpopup .sky-form .select select, .boxpopup .sky-form .textarea textarea, .boxpopup .sky-form input, .boxpopup .sky-form textarea {
        border: 1px solid #efefef
    }
.boxpopup .TextBoxTitlePopup, .boxpopup .row [class^="col-"]:nth-child(4) {
    display: none !important
}

.main-header-ontop {
    padding: 0;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10000;
    width: 100%;
    background: #fff;
    top: 0;
    box-shadow: 0 1px 1px 0 rgba(50,50,50,.1);
    min-height: 50px
}

    .main-header-ontop .main-header {
        padding: 10px 0
    }

        .main-header-ontop .main-header .logo img {
            width: 80%;
            height: auto
        }

.title-system-sub.nav-tab2 {
    margin-bottom: 15px;
    padding: 15px 0 0 0;
    border-bottom: 1px solid #ddd;
    width: 100%;
    overflow: hidden;
    z-index: 100;
    position: relative
}

    .title-system-sub.nav-tab2 > li:last-child {
        margin-right: 0
    }

    .title-system-sub.nav-tab2 > li {
        height: 40px;
        line-height: 40px;
        float: left;
        display: inline;
        background: #00509e;
        border: 0;
        border: 1px solid #fff;
        color: #333;
        text-transform: uppercase;
        text-align: center;
        width: 33.3333%
    }

        .title-system-sub.nav-tab2 > li.active > a, .title-system-sub.nav-tab2 > li:hover > a {
            background: #fff;
            color: #f00;
            border: 1px solid transparent;
            border-bottom: 1px solid #f00;
            border-radius: inherit;
            font-weight: 600;
            width: 100%
        }

        .title-system-sub.nav-tab2 > li > a {
            color: #fff;
            padding: 0 15px;
            height: 40px;
            display: block
        }

.tab-system.tab-container {
    margin-top: -1px;
    z-index: 1
}

    .tab-system.tab-container p {
        margin: 0 0 10px
    }

    .tab-system.tab-container .tab-panel {
        line-height: 24px
    }

    .tab-system.tab-container .tab-panel {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        display: none
    }

    .tab-system.tab-container .active {
        opacity: 1;
        visibility: inherit;
        position: inherit;
        -vendor-animation-duration: .3s;
        -vendor-animation-delay: 1s;
        -vendor-animation-iteration-count: infinite;
        display: block
    }

.tabx {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative
}

    /* .tabx .thumb-img {
        display: none
    }*/

    .tabx .tabs-info-all .tabs-info {
        height: 48px;
        overflow: hidden;
        line-height: 26px;
        color: #25348e;
        font-size: 18px;
    }

    .tabx .tabs-info-all .tabs-info-2 {
        height: 65px;
        overflow: hidden;
        margin-bottom: 30px;
    }

        .tabx .tabs-info-all .tabs-info-2 a.account-link {
            position: absolute;
            bottom: 5px;
            color: #e10012
        }

            .tabx .tabs-info-all .tabs-info-2 a.account-link i {
                padding-right: 10px
            }

.footer-top {
    padding-top: 40px
}

    .footer-top .menu-top {
        text-align: center
    }

        .footer-top .menu-top ul {
            padding-bottom: 15px;
            margin-bottom: 15px;
            border-bottom: 1px solid #e8e8e8
        }

            .footer-top .menu-top ul li {
                display: inline-block;
                padding: 0 15px;
                font-size: 18px;
                /*text-transform: uppercase;*/
                border-right: 1px solid #25348e
            }

                .footer-top .menu-top ul li:last-child {
                    border: none
                }

    .footer-top .item-system {
        height: 250px;
        overflow: hidden;
        color: #333;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: #ededed 1px solid;
    }

        .footer-top .item-system:hover {
            overflow-y: scroll
        }

        .footer-top .item-system::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.1);
            background-color: #44d5d8
        }

        .footer-top .item-system::-webkit-scrollbar {
            width: 1px;
            background-color: #44d5d8
        }

        .footer-top .item-system::-webkit-scrollbar-thumb {
            background-color: #25348e
        }

        .footer-top .item-system .desc-system .group-system {
            height: auto;
            line-height: normal;
            margin-bottom: 10px;
            font-weight: 600;
            text-transform: uppercase;
            color: #25348e
        }

        .footer-top .item-system .desc-sys-info {
            font-size: 12px;
            margin-bottom: 10px
        }

        .footer-top .item-system .desc-sys-more .thumb-link i {
            padding-right: 10px
        }

.footer-center #address-box {
    text-align: justify
}

.footer-top #address-box h2 {
    font-size: 26px
}

.footer-top #address-box h3 {
    font-size: 20px
}

.footer-top #address-box h2, .footer-top #address-box h3 {
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase
}

.footer-top #address-box p {
    line-height: 28px
}

.social-link {
    padding-top: 25px;
    padding-bottom: 10px
}

.link-dmca {
    text-align: center;
    padding-top: 15px
}

.Faq-footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #3bcdd0
}

    .Faq-footer .h-entry {
        padding-bottom: 5px
    }

        .Faq-footer .h-entry .font-size-regular {
            font-size: 14px
        }

        .Faq-footer .h-entry .meta {
            padding-left: 15px
        }

        .Faq-footer .h-entry .font-size-regular .text-dark {
            padding-left: 15px;
            position: relative
        }

        .Faq-footer .h-entry:first-child .font-size-regular .text-dark {
            color: #fff;
            font-size: 16px;
            font-weight: 600
        }

    .Faq-footer #bs-collapse .panel-heading .panel-title {
        margin: 0
    }

    .Faq-footer .site-section .faq-text {
        overflow: hidden;
        height: 250px
    }

        .Faq-footer .site-section .faq-text:hover {
            overflow-y: scroll
        }

        .Faq-footer .site-section .faq-text::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.1);
            background-color: #44d5d8
        }

        .Faq-footer .site-section .faq-text::-webkit-scrollbar {
            width: 1px;
            background-color: #44d5d8
        }

        .Faq-footer .site-section .faq-text::-webkit-scrollbar-thumb {
            background-color: #25348e
        }

    .Faq-footer .panel-heading {
        background-color: #25348e
    }

.site-section .btn-link-faq {
    background: rgb(20 156 159);
    border-color: rgb(20 156 159);
    border-radius: 0;
    margin-top: 15px;
    color: #fff;
    padding: 5px 20px
}

    .site-section .btn-link-faq:hover {
        background: rgb(0 204 255);
        border-color: rgb(0 204 255)
    }

.btnSendComment {
    background-color: #ff7a34;
    border-color: #ff7a34;
    color: #fff !important
}

.fanpage {
    /*text-align: center;
    max-height: 550px;*/
    overflow: hidden
}

.chat-widget {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 3;
}

    .chat-widget .linkchat-mb {
        margin-bottom: 0;
        display: flex;
    }

        .chat-widget .linkchat-mb .chat_text:after {
            content: '';
            /*background-image: url(../files/Images/icon/translation.png);*/
            background-position: left top;
            background-size: contain;
            background-repeat: no-repeat;
            height: 80px;
            width: 80px;
            z-index: 1;
            display: block;
            position: absolute;
            bottom: 0;
            left: -40px;
            /*animation: tada 2s infinite;*/
        }

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.3,1.3,1.3) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.3,1.3,1.3) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.chat-widget .linkchat-mb .chat_text:before {
    content: '\f102';
    font-family: "FontAwesome";
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 24px;
    float: right;
    position: absolute;
    right: 8px;
    top: 7px;
}

.chat-widget .linkchat-mb .chat_text {
    display: block;
    position: relative;
    line-height: 40px;
    /* margin-left: 60px; */
    padding-left: 15px;
    /* margin-top: 20px; */
    color: #fff;
    width: 210px;
    height: 40px;
    background-color: #ffcf00;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .chat-widget .linkchat-mb .chat_text:hover {
        color: #edff00;
    }

.chat-widget .linkchat-show-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    overflow-x: hidden;
    overflow-y: auto;
}

    .chat-widget .linkchat-show-popup.fade {
        opacity: 1;
    }

    .chat-widget .linkchat-show-popup .show_chat_button {
        width: 400px;
        min-height: 100px;
        margin: 30vh auto;
        vertical-align: middle;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        background-color: #ff0000;
        border-radius: 10px;
    }

        .chat-widget .linkchat-show-popup .show_chat_button p {
            width: 100%;
            text-align: center;
            padding-top: 10px;
            color: #f7ff00;
            font-weight: 600;
        }

        .chat-widget .linkchat-show-popup .show_chat_button .chat_button_yes, .chat-widget .linkchat-show-popup .show_chat_button .chat_button_close {
            vertical-align: middle;
            text-align: center;
            height: 40px;
            margin-top: 10px;
            line-height: 28px;
            padding: 5px 20px;
        }

        .chat-widget .linkchat-show-popup .show_chat_button .chat_button_yes {
            margin-right: 10px;
            background-color: #f6e148;
            color: #fff;
        }

        .chat-widget .linkchat-show-popup .show_chat_button .chat_button_close {
            margin-left: 10px;
            background-color: #fff;
            color: #333;
        }

.box-bg-popup {
    padding: 10px;
    color: #000;
    background-color: #fff;
}

    .box-bg-popup p {
        margin: 0 0 10px 0;
    }

.show_dk_tuvan {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .show_dk_tuvan .dk_button_yes {
        padding: 5px 20px;
        line-height: 30px;
        border: 1px solid #08c;
        color: #fff;
        text-transform: uppercase;
        background: #488ff6;
        border-radius: 20px;
    }

.float-contact .chat-face, .float-contact .chat-zalo {
    display: inline-block !important;
    margin-top: 0 !important;
    border-radius: 50%;
    padding-right: 0 !important;
}

.float-contact .float-chat .chat-face span, .float-contact .float-chat .chat-zalo span {
    display: none;
}

.float-contact .chat-face:hover, .float-contact .chat-zalo:hover, .float-contact .chat-zalo + .chat-zalo:hover {
    bottom: 10px;
}

.float-contact .chat-hotline {
    display: inline-block !important;
    font-size: 18px !important;
    padding-left: 10px !important;
    padding-right: 15px !important;
    margin-top: 2px !important;
    background: #da251c !important;
    padding-top: 12px !important;
    padding-bottom: 3px !important;
    position: relative;
    letter-spacing: 0.5px;
}

    .float-contact .chat-hotline:hover {
        background: #056ccb !important;
    }

    .float-contact .chat-hotline i {
        padding: 0 !important;
        font-size: 30px !important;
        margin-top: -5px;
        width: 24px;
        text-align: left;
        margin-right: 5px;
    }

    .float-contact .chat-hotline .text-call {
        display: block;
        position: absolute;
        font-size: 10px;
        top: 0;
        font-family: arial;
        padding-left: 30px;
        margin-top: -5px;
    }

.float-contact {
    bottom: 10px !important;
    left: 10px !important;
    z-index: 3 !important;
    text-align: left !important;
}

    .float-contact.scrollable {
        bottom: -100px !important;
    }

.ff_cfacebook {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 9999;
    width: 265px;
    height: auto;
    box-shadow: 2px 2px 2px 4px rgba(0,0,0,.2);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden
}

    .ff_cfacebook .fchat {
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
        display: none;
        background-color: #fff
    }

        .ff_cfacebook .fchat .fb-page {
            margin-top: -130px;
            float: left
        }

    .ff_cfacebook a.chat_fb {
        float: left;
        padding: 0 15px;
        width: 300px;
        color: #fff;
        text-decoration: none;
        height: 36px;
        line-height: 40px;
        text-shadow: 0 1px 0 rgba(0,0,0,.1);
        background-repeat: repeat-x;
        background-size: auto;
        background-position: 0 0;
        background-color: #3a5795;
        border: 0;
        border-bottom: 1px solid #133783;
        z-index: 9999999;
        margin-right: 12px;
        font-size: 16px
    }

        .ff_cfacebook a.chat_fb:hover {
            color: #ff0;
            text-decoration: none
        }

.sale-footer {
    background: #01c177;
    color: #fff;
    padding: 4px 15px 4px 4px;
    bottom: 10px;
    position: fixed;
    left: 10px;
    border-radius: 20px;
    z-index: 99999;
    font-size: 23px;
    font-weight: 400;
    line-height: 30px
}

    .sale-footer .sales-hotline a {
        color: #fff
    }

.sales-hotline i {
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #83c011;
    text-align: center;
    border-radius: 50%
}

.quick-alo-phone .quick-alo-show {
    visibility: visible
}

.quick-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    height: 200px;
    width: 82px;
    height: 64px;
    right: 150px;
    bottom: 60%;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s
}

    .quick-alo-phone .quick-alo-green .quick-alo-ph-circle {
        border-color: #00a1ff;
        opacity: .5
    }

.quick-alo-ph-circle {
    position: fixed;
    width: 160px;
    height: 160px;
    bottom: 0;
    left: 0;
    border: 2px solid #00a1ff;
    background-color: transparent;
    border-radius: 100%;
    opacity: .1;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%
}

.quick-alo-phone .quick-alo-green .quick-alo-ph-circle-fill {
    background-color: #f6ca62;
    opacity: .75 !important
}

.quick-alo-ph-circle-fill {
    position: fixed;
    width: 100px;
    height: 100px;
    bottom: 30px;
    left: 30px;
    background-color: rgba(0,161,255,.5);
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
    background-color: #00a1ff
}

.quick-alo-ph-img-circle {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 50px;
    left: 50px;
    background: #00a1ff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABrklEQVRYR82XjTEEQRCFX0dABlwEiAARkAEyIAJEoERACETARUAIJwIyeOqptfbm5qeP3lpTdVVXVzPd3/R0v+4zTLxsYv/4XwAkrwDsV6JyZmaLyKj1ESB5AOCpYfzazAQZttYFuDWz8zDvwE8OkNwF8NIwvjCz2SgAMkqSDuOzyDxYqgKSrwB2GhBKxHsHqGtLCiDDJ42Tj2Z27LLu2JQCnAK4a5x7M7Nth23XlhRgE8B74+SemempQtaKEpKsPUPo++sGOYCSIIU7zwJ05ficSLLkV6H/CIn7wEi2GRVkOVwFixEoREE/hz9DsR2TVKkp2zeSsI9bBUNnJNV4bhIA5cFhVCk2B5JCWVYhSEopjwAob6qa4QGQOKkqcj1iJSdIpmoqWEHIhr7Ph1BNgC4haxAPAC7UITPOc1UrCOXR12TlAnBAyKhAdHvPUg4pIn6AAYQc1ebG8QC+LXfD66XHU2HP7yKQlKhGODWu1gCTY/g7wCAaendNyltrRCQOIAERjCc/ejV1V4H3dp2ES4jU1vVJpXxpogoHSEE7oOEIp9G+/3c1OkArcpMDfAIqL6EhVS6JOAAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .99;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    transform-origin: 50% 50%
}

.quick-alo-phone .quick-alo-green .quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
    background-color: #ff0101
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }

    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }

    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-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)
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.product-detail-wrapper {
    padding: 30px 0
}

.product-detail-main {
    margin-bottom: 40px
}

.product-image__button {
    position: -webkit-sticky;
    position: sticky;
    bottom: 50%;
    z-index: 10;
    display: none
}

.product-gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.product-gallery__thumbs-container {
    width: 9%;
    margin-right: 10px
}

.product-gallery__thumb {
    line-height: 0;
    margin-bottom: 10px;
    border: 1px solid #f7f7f8;
    width: 100%
}

    .product-gallery__thumb.active, .product-gallery__thumb.active:hover {
        border-color: #808284
    }

    .product-gallery__thumb a {
        background-color: #f3f3f3;
        display: block
    }

    .product-gallery__thumb img {
        cursor: pointer;
        background-color: #f7f7f8;
        width: 100%
    }

    .product-gallery__thumb.active img {
        opacity: .9;
        width: 100%
    }

.product-image-detail {
    width: 91%;
    padding-left: 10px;
    position: relative
}

    .product-image-detail.box__full {
        width: 100%;
        padding-left: 0
    }

    .product-image-detail ul {
        margin: 0
    }

.product-gallery-item {
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #f5f5f5
}

    .product-gallery-item .product-image-feature {
        width: 100%
    }

.icon-pr-fix {
    -ms-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.product-zoom {
    width: 30px;
    height: 30px;
    overflow: visible;
    cursor: pointer;
    top: auto;
    bottom: 48px;
    right: 0;
    left: 0;
    margin: auto;
    -ms-transition: transform .5s cubic-bezier(.25,.46,.45,.94),right .3s cubic-bezier(.39,.575,.565,1);
    -webkit-transition: transform .5s cubic-bezier(.25,.46,.45,.94),right .3s cubic-bezier(.39,.575,.565,1);
    transition: transform .5s cubic-bezier(.25,.46,.45,.94),right .3s cubic-bezier(.39,.575,.565,1)
}

.gallery-index, .product-zoom {
    position: absolute;
    z-index: 6
}

.box-center-home img {
    height: auto !important
}

.img-album.project, .project-home {
    padding: 50px 0;
}

    .project-home .section-title {
        margin-bottom: 40px;
    }

    .project-home .project-list .item {
        margin-bottom: 30px;
    }

    .project-home .item .cases-item .cases-desc {
        padding: 15px;
    }

        .project-home .item .cases-item .cases-desc span {
            font-size: 14px;
            height: 36px;
            display: block;
        }

        .project-home .item .cases-item .cases-desc h5 {
            height: 88px;
            overflow: hidden;
        }

        .project-home .item .cases-item .cases-desc .cases-content {
            height: 102px;
            overflow: hidden;
        }

.about-home .site-about {
    padding: 50px 0;
    background-color: #eff5f7;
    background-image: url(../files/images/about/bg-about.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}

/*      .about-home .site-about .large-gutters .bg-video{float:left}  
        .about-home .site-about .large-gutters {
      
    }
    .about-home .site-about .large-gutters > div {
        padding-top: 30px;
        padding-bottom:30px;
    }
        .about-home .site-about .large-gutters > div.mb-5:before{
            content:'';
            width:300px;
            height:100%;
            background-color:#83c011;
            z-index:1;
            position:absolute;
            left:0;
            right:0;
            bottom:0;
            top:0;
        }*/
.large-gutters .section-title-about .box-title a {
    color: #2e3193;
}

.large-gutters .section-title-about .box-title:after {
    content: '';
    width: 180px;
    height: 1px;
    background-color: #eaeaea;
    display: block;
}

.about-home .large-gutters .you-fancybox i, .about-home .large-gutters .you-img i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 95px;
    color: #fff9;
}

.about-home .large-gutters .you-img i {
    font-size: 45px;
    top: 90%;
    left: 87%;
}

.about-home .large-gutters .led p {
    margin: 0 0 15px;
}

.about-home .large-gutters .led h2 {
    font-size: 20px;
}

.about-home .large-gutters .led ul, .about-home .large-gutters .led ol {
    list-style-type: disc;
    padding-left: 20px;
}

.about-home .large-gutters .btn-link, .about-home .large-gutters .btn-link-2, .about-home .large-gutters .btn-link-3 {
    background: #e50012;
    width: auto;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 20px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.about-home .large-gutters .btn-link-2 {
    background: #be9638;
    text-transform: inherit;
    margin: 0 auto;
    margin-left: 15px;
    height: auto;
    box-shadow: inherit;
}

.about-home .large-gutters ._df_thumb ._df_book-title {
    position: relative;
    background: none;
    padding: 0;
    font-size: 14px;
}

.about-home .large-gutters ._df_thumb ._df_book-cover, .about-home .large-gutters ._df_thumb ._df_thumb:hover ._df_book-cover {
    box-shadow: inherit;
    transform: inherit;
}

.about-home .large-gutters .btn-link-3 {
    background: #39a8dc;
    text-transform: inherit;
    margin-left: 15px;
}

.about-home .large-gutters .btn-link:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f178";
    padding-left: 10px;
}

.about-home .large-gutters .btn-link-2:focus, .about-home .large-gutters .btn-link-2:hover,
.about-home .large-gutters .btn-link-3:focus, .about-home .large-gutters .btn-link-3:hover,
.about-home .large-gutters .btn-link:focus,
.about-home .large-gutters .btn-link:hover {
    background: #f04e26;
    text-decoration: inherit;
}

.about-home .large-gutters .btn-link-3:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f041";
    padding-right: 10px;
}

.about-home .large-gutters .ml-auto .led + div {
    text-align: center;
}

.modal-header .modal-title {
    font-size: 16px;
}

#loadViewPro iframe {
    width: 100% !important;
}

.boxSendHome {
    /*background: url(../files/qcad/banner-home-lien-he.jpg) no-repeat scroll center center;*/
    padding: 95px 0;
}

.contact-home__item {
    padding: 25px 20px;
    max-width: 800px;
    display: block;
    margin: 0 auto;
}

    .contact-home__item h2 {
        font-weight: 500;
        color: #fff;
        font-size: 22px;
    }

    .contact-home__item .form-group input, .contact-home__item .form-group textarea {
        background-color: #FFF;
        padding: 5px 10px;
        border: 1px solid #fff;
    }

    /*.contact-home__item .btn-style-two {
        background: #83c011;
        text-transform: uppercase;
        color: #fff;
        padding: 10px 25px;
    }*/
    .contact-home__item .btnsend_SendHome {
        background: #006632;
        border-color: #006632;
        text-transform: uppercase;
        color: #fff;
        padding: 10px 25px;
        display: block;
        text-align: center;
        box-sizing: border-box;
        width: 100%;
        max-width: 500px;
        border-radius: 4px;
        margin: 0 auto;
    }
.box-new-carousel.owl-carousel .owl-item {
    border: none;
}
/*Bao gia dich thuat*/
.gran-title-over {
    background: #3b434e none repeat scroll 0 0;
    border: 1px solid #d9e2e7;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    padding-left: 10px;
    width: 95%;
}

.pricing-table {
    font-family: Helvetica,Arial,sans-serif;
    padding-left: 0;
    text-align: left;
    padding-right: 0;
}

.title-quote {
    background: rgba(0, 0, 0, 0) url("../files/images/icon/crow-king.png") no-repeat scroll center bottom;
    color: #5d717b;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 30px;
    padding-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: capitalize;
}

.price-right {
    float: right;
    margin-top: 10px;
    width: 63px;
}

.table.table-hover.table-bordered.table-detail-price {
    padding-bottom: 20px;
}

.table-bordered {
    border: 1px solid #dddddd;
}

.pricing-table .org {
    background-color: #3b434e;
    color: #fff;
    font-size: 26px;
    vertical-align: middle;
}

.pricing-table .plan {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.pricing-table .blue {
    background-color: #1b98d2;
}

.pricing-table .plan p {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: normal;
}

.pricing-table .red {
    background-color: #2a59b5;
}

.col-xs-3.col-md-3.lang-source, .col-xs-3.col-md-3.lang-target {
    font-size: 18px;
    position: relative;
    text-align: left;
    vertical-align: top;
}

.text-lang-price {
    margin-top: 5px;
}

div.img-arrow-red {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 7px;
    width: 16px;
    background: rgba(0, 0, 0, 0) url("../files/images/icon/arrow_quote-red.png") no-repeat scroll center center;
}

.stand-price {
    font-size: 28px;
    font-weight: bold;
}

.txt-blue {
    color: #1b6dda;
}

.txt-red {
    color: #ed1c22;
}

.discount-price {
    background: rgba(0, 0, 0, 0) url("../files/images/icon/giam_gia.png") no-repeat scroll center center;
    color: #3a434d;
    font-size: 18px;
    height: 32px;
    text-align: left;
    padding-left: 6px;
    line-height: 32px;
}

.stand-price strike {
    color: #393e43;
    font-size: 70%;
    font-weight: normal;
    padding-right: 5px;
    line-height: 40px;
}

.support-pk-stand {
    padding: 10px;
}

.blue.support-pk {
    background: #1B98D2 url("../files/images/icon/hand-price.png") no-repeat scroll 95% center;
}

.red.support-pk, .blue.support-pk, .orange.support-pk {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
    text-align: left;
}

.support-bg .cont-sp {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #c2cbd1 #c2cbd1;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 20px;
    text-align: justify;
}

.support-bg .col-md-6.col-xs-12, .support-bg .col-md-4.col-xs-12 {
    padding: 0px;
}

.red.support-pk {
    background: #2A59B5 url("../files/images/icon/medal-price.png") no-repeat scroll 95% center;
}


blockquote {
    font-size: 14px;
    color: #29409c;
    font: italic 12pt/1.2em Georgia;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.75;
}

.pricing-table .orange {
    background-color: #DD2429;
}

.orange.support-pk {
    background: #DD2429 url("../files/images/icon/medal-price.png") no-repeat scroll 95% center;
}

.title-cc > strong {
    color: #e33e2b;
    font-size: 23px;
}

.title-cc {
    line-height: 2;
    margin-left: 50px;
    text-align: left;
}

.default-services-block {
    margin-bottom: 30px;
}

.pro-service .services-desc {
    padding-bottom: 20px;
}

    .pro-service .services-desc p {
        margin: 0 0 20px;
    }

    .pro-service .services-desc blockquote {
        background: #f9f9f9;
        border-left: 2px solid #ccc;
        margin: 1.5em 10px;
        padding: 0.5em 10px;
        quotes: "\201C""\201D""\2018""\2019";
        font-style: italic;
        font-size: 14px;
    }

    .pro-service .services-desc ul {
        list-style-type: disc;
        padding-inline-start: 30px;
        margin-bottom: 20px;
    }

    .pro-service .services-desc ol {
        list-style-type: decimal;
        padding-inline-start: 30px;
        margin-bottom: 20px;
    }
/* Ket thuc bao gia dich thuat*/
#sencontact_successfoot {
    color: #bf7a39 !important
}

#RegPopup #sencontact_success {
    text-align: center
}

    #RegPopup #sencontact_success h2 {
        font-size: 30px;
        text-transform: uppercase;
        line-height: normal;
        font-weight: 400
    }

    #RegPopup #sencontact_success p span.text-center {
        font-size: 18px
    }

    #RegPopup #sencontact_success img {
        width: 30px;
        height: 30px;
        margin-top: -3px
    }

    #RegPopup #sencontact_success .phone {
        font-size: 30px
    }

    #RegPopup #sencontact_success .home a {
        color: #eaeaea
    }

.form-send-contact {
    padding-top: 50px;
    margin-top: 30px;
    background: #1f428e;
    position: relative
}

    .form-send-contact .ps-title {
        text-align: center;
        font-size: 24px;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 20px;
        position: absolute;
        top: 15px;
        left: 15px
    }

    .form-send-contact .btnsend_contact {
        display: inline-block;
        padding: .75rem 3.25rem;
        border-radius: 10rem;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .15rem;
        transition: all .3s;
        position: relative;
        overflow: hidden;
        z-index: 1;
        max-width: inherit
    }

    .form-send-contact .why-choise .row div:nth-child(2) {
        display: none !important
    }

    .form-send-contact .why-choise .row div:nth-child(1), .form-send-contact .why-choise .row div:nth-child(3) {
        width: 100%
    }

#main-menu .navbar .navbar-nav > li.home .fa-home {
    display: none;
}

#main-menu .navbar .navbar-nav > li.home .hidden-lg {
    display: block !important;
}

.top-header .language {
    border-right: 1px;
    text-transform: inherit;
    border-right-style: solid;
    border-image: linear-gradient( to bottom, #c3c3c3, rgba(0, 0, 0, 0) ) 1 100%;
    padding-right: 10px;
}

.box-home {
    background: #525B56;
    padding: 50px 0 50px 0;
    position: relative;
    color: #fff;
    margin-top: -15px;
}

    .box-home h2 {
        color: #FFFFFF;
        font-size: 40px;
        font-weight: 700;
        text-align: center;
        position: relative;
    }

    .box-home h3 {
        font-size: 25px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .box-home p {
        text-align: justify;
        margin: 0 0 15px;
        font-size: 18px;
    }

    .box-home h2:before {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 25%;
        width: 100%;
        max-width: 50%;
        height: 1px;
        z-index: 1;
        pointer-events: none;
        border: 1px solid #fff;
    }

.product-list li .product-inner .product-name {
    font-size: 24px;
}

.product-inner {
    margin-top: -50px;
    width: 100%;
    height: 100px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    -o-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 35px;
    overflow: hidden;
    border-bottom: 2px solid #525B56;
}

.index-hotpro .pro-cate li:hover .right-block .product-inner {
    height: 300px;
    border-bottom-color: #fff;
}

    .index-hotpro .pro-cate li:hover .right-block .product-inner p {
        opacity: 1;
        visibility: visible;
    }

.product-inner p {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    margin-bottom: 0.9rem;
    text-align: justify;
}

@media (min-width:992px) {
.row-flexd{
        display: flex;
        justify-items: center;
        align-items: center;
    }
}
    .pro-new-home, .wp, .pro-popular-home {
        position: relative;
        width: 100%;
        max-width: 1400px;
        margin-right: auto;
        margin-left: auto;
        padding: 0 35px;
    }

    .top-header .language {
        float: right;
    }

        .top-header .language .dropdown a {
            border-right: none
        }

    .top-header .dropdown-menu {
        left: inherit;
        right: 0;
    }

    .nav-top-menu:hover {
        background:#fff;
    }
    
    .nav-top-menu:hover #form-search-opntop .btn-search:before{
        color:#222;
    }
    .nav-top-menu:hover #main-menu .navbar .navbar-nav > li > a {
        color: #222;
    }
        .nav-top-menu:hover img.logo-head {
            display: block;
        }
        .nav-top-menu:hover img.logo-mobile {
            display: none;
        }
    .info-orther.ortherfea p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .row-cate-pro .cate-pro li a .cate-name {
        min-height: 73px;
    }

    .view-product-list .display-product-option {
        display: none;
    }
    .product-list li .left-block .preview_img {
        width: 100%;
    }
    .content-header .content-header-right .drop-group-sort {
        margin-right: 3px;
        margin-top: 2.5px;
    }

    .product-gallery__thumbs {
        box-sizing: border-box;
        width: 100%;
        position: -webkit-sticky;
        position: sticky;
        top: 65px;
        padding-bottom: 1px
    }

    .product-content-desc {
        position: -webkit-sticky;
        position: sticky;
        top: 10px
    }
    /*    .product-list.grid li.col-lg {
        width: 20%;
    } */
    .youtube-embed-wrapper {
        max-width: 80%;
        margin: 0 auto
    }

    .col-lg-sys {
        width: 25%
    }
    .dm_category {
        display: flex;
        justify-content: center;
        align-items: center;
        justify-items: center;
        padding: 0;
        padding-inline-start: inherit !important;
    }

        .dm_category .pro-cate-name {
            width: 33.3334%;
            border: 1px solid #eaeaea;
            padding: 5px 0;
            margin: 0 5px;
        }
    .position-stiky, .project-sticky {
        display: flex;
    }

    .right-pro-view, .left-pro-view, .left_sticky {
        box-sizing: border-box;
        width: 100%;
        position: -webkit-sticky;
        position: sticky;
        top: 70px;
        padding-bottom: 1px;
    }

    .service4 .service-item {
        width: 50%;
    }

    .service5233 .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .justify-content-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
        text-align: center;
    }

    .default-services-block {
        width: 25%;
    }

    .nav-top-menu > .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
    }

    .nav-top-menu .row .logo, .nav-top-menu .row .main-menu {
        display: inline-flex;
        width: auto;
    }

    .nav-top-menu .row .user_search_cart {
        display: inline-flex;
        min-width: 120px;
    }

    .nav-top-menu .row .logo {
        width: 300px;
        position: initial;
    }

    .nav-top-menu .logo a img {
        left: 0;
        top: 5px;
    }
    .nav-top-menu.nav-04.nav-ontop {
        padding: 0;
        background-color: #fff;
    }

        .nav-top-menu.nav-04.nav-ontop .logo a img.logo-head {
            display:block
        }
        .nav-top-menu.nav-04.nav-ontop .logo a img.logo-mobile {
            display: none
        }
    .nav-ontop #form-search-opntop {
        top: 8px;
    }

    .nav-top-menu.nav-ontop .row .logo {
        width: 250px;
        height: 50px;
        overflow: hidden;
    }

    .home .nav-top-menu.nav-ontop .row .logo {
        margin-top: 0;
        justify-content: flex-start;
    }

    /*.nav-ontop #main-menu .navbar .navbar-nav > li > a {
        margin: 15px 0 10px;
        font-size: 14px;
    }*/

    .pos-absolute .nav-top-menu .container > .row {
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        /*justify-content: space-between;*/
    }

    .nav-top-menu .row .main-menu {
        /*margin-left: 15px;*/
        width: 100%;
        justify-content: space-evenly;
    }

    .top-header .marquee {
        max-width: 600px;
        float: left;
        width: 100%;
        max-height: 40px;
        display: flex;
    }

        .top-header .marquee:before {
            font-family: FontAwesome;
            font-size: 20px;
            content: "\f041";
            margin-right: 10px;
        }

        .top-header .marquee marquee {
            padding-top: 0;
        }

    .giuseart-nav {
        right: 5px !important;
        left: inherit !important
    }

    .page-products .content-pro3 .table-bordered tr td {
        display: none;
    }

    .layered-filter-brand .filter-brand:hover .check-box-list {
        visibility: visible;
        opacity: 1;
        transform: translateY(0px);
        column-count: 2;
        width: 500px !important;
    }

    .filter-mb {
        display: none;
    }
}

.page-product-detail .show_content3_nhom .table-bordered tr td {
    text-align: center;
    vertical-align: middle;
    width: 50%;
}

.page-product-detail .show_content3_nhom .table-bordered tr td {
}

.show_content3_nhom .cate-name {
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    background-color: #f8f9fa;
    padding: 10px 0;
}

.show_content3_nhom .table-bordered,
.show_content3_nhom .table-bordered tr td {
    padding: 0;
    border: none;
    background-color: #fff9e1;
}

    .show_content3_nhom .table-bordered tr td h3 {
        font-weight: 500;
        color: #fa7c3d;
        position: relative;
        text-transform: uppercase;
    }

        .show_content3_nhom .table-bordered tr td h3::before {
            content: "";
            position: absolute;
            width: 100px;
            height: 2px;
            bottom: -10px;
            background: #1f1d1b;
            float: none;
            margin: 15px auto 0;
            display: block;
            left: 0;
            right: 0;
        }

    .show_content3_nhom .table-bordered tr td p {
        padding: 0 50px;
    }

.product-tab .nav-tab {
    padding-inline-start: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

#form-search-opntop:hover .form-inline {
    display: flex
}

.contact {
    position: absolute;
    top: 5px;
    right: 10px
}

.other-foot {
    visibility: hidden;
    height: 0;
    display: none;
}

.show-text-popup .other-foot {
    visibility: visible;
    height: auto;
    display: block;
}

.footer3 .footer-bottom .footer-bottom-right .widget-adress {
    margin-bottom: 30px;
}

.footer3 .footer-coppyright .coppyright .bv-cop {
    font-size: 12px;
    color: #fff
}

.footer3 p {
    margin: 0 0 10px;
}

.maps_footer {
    margin-top: 20px;
}

    .maps_footer iframe {
        max-height: 200px !important
    }

.bv-cop-copany h3 {
    text-transform: uppercase;
    font-size: 18px;
}

.bv-cop-copany {
    padding-bottom: 15px;
    font-size: 12px;
    text-align: center;
}

.mangxh li.xht.lin {
    margin-top: 3px;
}

.project-content-img .img-project {
    width: 25%;
    display: none;
}

.project-content-img .content-project {
    width: 100%
}

.social-button {
    left: inherit !important;
    right: 5px;
    bottom: 70px !important;
}

.social-button-content .call-icon + .call-icon, .social-button-content .call-icon + .call-icon + .call-icon, .social-button-content .call-icon + .call-icon + .call-icon + .call-icon, .social-button-content .sms + .sms, .social-button-content .sms + .sms + .sms, .social-button-content .sms + .sms + .sms + .sms {
    display: none;
}

.call-icon:hover > span, .sms:hover > span {
    display: block !important;
}

.social-button a.user-support {
    display: none;
}

.social-button i {
    width: 44px !important;
    height: 44px !important
}

.social-button a:hover i, .social-button a:hover img {
    border-radius: 50%;
    box-shadow: 0 5px 10px rgb(0 0 0 / 15%), 0 4px 15px rgb(0 0 0 / 13%);
}

.social-button i.fa-weixin {
    background: url(../files/images/icon/icon-sms.png) no-repeat center center;
}

.social-button i.fa-whatsapp {
    background: url(../files/images/icon/icon-call.png) no-repeat center center;
    animation: tada2 1.1s infinite;
}

.social-button .zalo img {
    animation: tada2 1.1s infinite;
}

@keyframes tada2 {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-8deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(8deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-8deg)
    }

    to {
        transform: scaleX(1)
    }
}

.social-button a span {
    left: inherit !important;
    right: 60px;
    width: 160px !important;
    background-color: rgb(242 110 35) !important;
}

    .social-button a span:before {
        border-width: 10px 0 10px 10px !important;
        border-color: transparent transparent transparent rgb(242,110,35) !important;
        right: -10px;
        left: inherit !important;
        top: 7px !important;
    }

.alo-circle-fill, .alo-circle, .social-button i.fa-whatsapp:before, .social-button i.fa-weixin:before {
    display: none !important
}


@media (max-width:992px) {
    .main-footer .footer-bottom {
        margin-bottom: 60px;
    }
    .content-header .content-header-right {
        width: 100%;
        float: none;
        display: flex;
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .pro-new-home,
    .pro-popular-home {
        padding: 0;
    }
    /* .wp .row {
            margin-right: 0;
            margin-left: 0;
        }*/
 .form-sale .row-flexd {
            display: flex;
            justify-items: center;
            align-items: center;
        }
}


@media (min-width:768px) {
    .navlist1 {
        display: none;
    }

    .page-product-detail .show_content3_nhom .table-bordered tr {
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #e4d0bc;
    }

        .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(1) td:nth-child(1), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(3) td:nth-child(1), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(5) td:nth-child(1), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(2) td:nth-child(2), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(4) td:nth-child(2), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(6) td:nth-child(2) {
            width: 30%;
        }

        .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(1) td:nth-child(2), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(3) td:nth-child(2), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(5) td:nth-child(2), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(2) td:nth-child(1), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(4) td:nth-child(1), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(6) td:nth-child(1) {
            width: 70%;
        }

    .group-service .content2 .fields-list .wrap-count .item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
    }

        .group-service .content2 .fields-list .wrap-count .item:nth-child(1) {
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

        .group-service .content2 .fields-list .wrap-count .item:nth-child(2) {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

    .service-posts .bg-service-post:nth-child(1) .item-post-service, .service-posts .bg-service-post:nth-child(3) .item-post-service, .service-posts .bg-service-post:nth-child(5) .item-post-service, .service-posts .bg-service-post:nth-child(7) .item-post-service, .service-posts .bg-service-post:nth-child(9) .item-post-service, .service-posts .bg-service-post:nth-child(11) .item-post-service {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .service-posts .item-post-service {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .service-posts .item-post-service .content__img {
            margin-bottom: 0;
        }

        .service-posts .item-post-service .col-lg {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 52%;
            -ms-flex: 0 0 52%;
            flex: 0 0 52%;
            max-width: 52%;
        }

        .service-posts .item-post-service .content__text {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 48%;
            -ms-flex: 0 0 48%;
            flex: 0 0 48%;
            max-width: 48%;
        }

            .service-posts .item-post-service .content__text .seemore a {
                -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

            .service-posts .item-post-service .content__text .read-more a:hover {
                background: #d29f13;
                color: #fff;
                -webkit-box-shadow: 0 0 0 1px #d29f13;
                -ms-box-shadow: 0 0 0 1px #d29f13;
                -o-box-shadow: 0 0 0 1px #d29f13;
                box-shadow: 0 0 0 1px #d29f13;
            }

        .service-posts .item-post-service .content__img .wrap__img:before {
            content: '';
            display: block;
            width: 80%;
            height: 80%;
            position: absolute;
            top: 0;
            z-index: -1;
        }

        .service-posts .item-post-service .content__img .wrap__img:after {
            content: '';
            display: block;
            height: 4rem;
            width: 6rem;
            position: absolute;
            top: -2.7142857143rem;
        }

        .service-posts .item-post-service:nth-child(1) .content__img .wrap__img:before, .service-posts .item-post-service:nth-child(5) .content__img .wrap__img:before {
            background: #27a451;
        }

        .service-posts .item-post-service:nth-child(1) .content__img .wrap__img:before, .service-posts .item-post-service:nth-child(3) .content__img .wrap__img:before, .service-posts .item-post-service:nth-child(5) .content__img .wrap__img:before, .service-posts .item-post-service:nth-child(7) .content__img .wrap__img:before {
            right: 0;
        }

        .service-posts .item-post-service:nth-child(2) .content__img .wrap__img:before, .service-posts .item-post-service:nth-child(4) .content__img .wrap__img:before, .service-posts .item-post-service:nth-child(6) .content__img .wrap__img:before {
            background: #ed1c24;
        }

        .service-posts .item-post-service:nth-child(2) .content__img .wrap__img:before, .service-posts .item-post-service:nth-child(4) .content__img .wrap__img:before, .service-posts .item-post-service:nth-child(6) .content__img .wrap__img:before, .service-posts .item-post-service:nth-child(8) .content__img .wrap__img:before {
            left: 0;
        }

        .service-posts .item-post-service:nth-child(3) .content__img .wrap__img:before, .service-posts .item-post-service:nth-child(7) .content__img .wrap__img:before {
            background: #006eb4;
        }

        .service-posts .item-post-service .content__img .wrap__img {
            padding-top: 1.2857142857rem;
            padding-right: 1.2857142857rem;
            position: relative;
        }

        .service-posts .item-post-service:nth-child(2) .content__img .wrap__img, .service-posts .item-post-service:nth-child(4) .content__img .wrap__img, .service-posts .item-post-service:nth-child(6) .content__img .wrap__img {
            padding-right: 0;
            padding-left: 1.2857142857rem;
        }

        .service-posts .item-post-service .content__text .wrap__text {
            max-width: 90%;
        }

        .service-posts .item-post-service:nth-child(2) .content__text .wrap__text, .service-posts .item-post-service:nth-child(4) .content__text .wrap__text, .service-posts .item-post-service:nth-child(6) .content__text .wrap__text {
            margin-left: auto;
        }


    .bg-partner .list-partner:nth-child(1) .item-post-partner, .bg-partner .list-partner:nth-child(3) .item-post-partner, .bg-partner .list-partner:nth-child(5) .item-post-partner, .bg-partner .list-partner:nth-child(7) .item-post-partner, .bg-partner .list-partner:nth-child(9) .item-post-partner, .bg-partner .list-partner:nth-child(11) .item-post-partner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .bg-partner .list-partner .post-item .item-post-partner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .from-partner-about .partner-about-wapper .about-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .row-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 10px 0;
    }
        .row-flex .pic-about {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            padding: 20px;
        }
        .row-flex .pic-about-desc {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            padding: 20px;
        }
        .row-flex:nth-child(2), .row-flex:nth-child(4), .row-flex:nth-child(6) {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }
        .row-flex:nth-child(2) .pic-about-desc, .row-flex:nth-child(2) .pic-about-desc, .row-flex:nth-child(2) .pic-about-desc {
            margin-left: auto;
        }
}
.row-flex .pic-about-desc .about-desc-inner .entry-title {
    position: relative;
    padding-left: 40px;
    font-size: 32px;
}
    .row-flex .pic-about-desc .about-desc-inner .entry-title:before {
        position: absolute;
        content: '';
        width: 30px;
        height: 30px;
        background-color: #525b56;
        top: 0;
        left: 0;
    }
    @media (min-width:992px) {
        .container.container-landing {
        width: 100%
    }

    .columns-container > .container.container-landing#columnstop {
        display: none
    }

    .columns-container > .container.service-page .page-heading {
        text-align: center
    }

    .columns-container > .container.container-landing .page-heading {
        text-align: center
    }

    .section-featured-banner .featured-banner .why-us {
        width: 50%;
    }

    .content-header .content-header-left {
        display: flex;
        width:35%;
        /*width: calc(100% - 220px);*/
    }

    .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(1) td:nth-child(1), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(3) td:nth-child(1), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(5) td:nth-child(1), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(2) td:nth-child(2), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(4) td:nth-child(2), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(6) td:nth-child(2) {
        width: 20%;
    }

    .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(1) td:nth-child(2), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(3) td:nth-child(2), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(5) td:nth-child(2), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(2) td:nth-child(1), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(4) td:nth-child(1), .page-product-detail .show_content3_nhom .table-bordered tr:nth-child(6) td:nth-child(1) {
        width: 80%;
    }
}

@media (min-width:1400px) {
    .container {
        width: 100%;
        max-width: 1360px
    }
}

@media (min-width:1600px) {
    .container {
        width: 1560px
    }

    .layered-filter-brand .filter-brand .layered_subtitle {
        line-height: normal;
        padding: 14px 5px;
        justify-content: center;
    }

    .layered-filter-brand .filter-brand:hover .layered_subtitle {
        background-color: #eaeaea;
    }
}
/*@media (min-width:1701px) {
    .page-cm .product-list li .left-block, .page-products .product-list li .left-block, .page-product-box .product-list li .left-block{
        height: 194px;
    }
  .pro-new-home .product-list li .left-block, .pro-popular-home .product-list li .left-block {
        height: 189px;
    }
}*/
@media (min-width:1601px) and (max-width:1700px) {
    #main-menu .navbar .navbar-nav > li > a {
        padding: 10px 16px
    }

    .project-home .item .cases-item .cases-desc .cases-content {
        height: 160px;
    }
}

@media (min-width:1401px) and (max-width:1600px) {
    #main-menu .navbar .navbar-nav > li > a {
        padding: 10px 14px
    }

    .project-home .item .cases-item .cases-desc .cases-content {
        height: 180px;
    }
}

@media (min-width:1301px) and (max-width:1400px) {
    #main-menu .navbar .navbar-nav > li > a {
        font-size: 15px;
        padding: 10px 12px
    }

    #contact_form_map p a {
        display: inline-block;
    }

    .header-top-right .homeslider .item-slide .content {
        max-width: 1200px;
    }

        .header-top-right .homeslider .item-slide .content .slide-info-in {
            margin-top: 14%;
        }

        .header-top-right .homeslider .item-slide .content .title {
            font-size: 30px;
        }

    #main-menu .dropdown-menu .block-container .link_container > a {
        white-space: nowrap;
    }

    .project-home .item .cases-item .cases-desc .cases-content {
        height: 170px;
    }

    .project-home .item .cases-item .cases-desc h5 {
        height: 90px;
    }
    .page-service .page-heading.service-head, .page-partner .page-heading.partner-head {
        padding: 15px 30px 15px 30px;
        font-size: 30px;
    }

    .about-home .large-gutters .btn-link, .about-home .large-gutters .btn-link-2, .about-home .large-gutters .btn-link-3 {
        padding: 10px 10px;
    }
}

@media (min-width:1201px)and (max-width:1300px) {
    #main-menu .navbar .navbar-nav > li > a {
        font-size: 14px;
        padding: 10px 8px
    }

    #contact_form_map p a {
        display: inline-block;
    }

    .header-top-right .homeslider .item-slide .content {
        max-width: 1000px;
    }

        .header-top-right .homeslider .item-slide .content .slide-info-in {
            margin-top: 13%;
        }

        .header-top-right .homeslider .item-slide .content .title {
            font-size: 26px;
        }

    .lower-content .text {
        height: 160px;
    }

    .service4 .service-item .info .info-text {
        height: 78px;
    }

    .project-home .item .cases-item .cases-desc .cases-content {
        height: 200px;
    }

    .project-home .item .cases-item .cases-desc h5 {
        height: 100px;
    }
    .page-service .page-heading.service-head, .page-partner .page-heading.partner-head {
        padding: 15px 20px 15px 20px;
        font-size: 26px;
    }
}

@media (min-width:993px) and (max-width:1200px) {
    .box-about-home .box-home {
        line-height: 26px;
        font-size: 16px
    }

    #main-menu .navbar .navbar-nav > li > a {
        font-size: 12px;
    }

    .video-home .nav-tabs {
        max-height: 300px
    }

    .navbar-nav > li:nth-child(8) {
        display: none
    }

    #contact_form_map p a {
        display: inline-block;
    }

    .header-top-right .homeslider .item-slide .content .title {
        font-size: 24px;
    }

    .header-top-right .homeslider .item-slide .content .slide-info-in {
        margin-top: 12%;
    }

    .lower-content .text {
        height: 100px;
    }
    .lower-content h3 {
        height: 43px;
    }
    .product-list li .content_price {
        font-size: 14px;
    }

    .project-home .item .cases-item .cases-desc .cases-content {
        height: 210px;
    }

    .project-home .item .cases-item .cases-desc h5 {
        height: 120px;
    }
    .page-service .page-heading.service-head, .page-partner .page-heading.partner-head {
        padding: 15px;
        font-size: 24px;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .video-home .nav-tabs {
        max-height: inherit;
        overflow: inherit
    }

    .option4 #main-menu {
        padding: 0 15px
    }

    .product-list li .content_price {
        font-size: 13px;
    }

    .formsearch-option4 .form-category {
        display: none
    }

    .formsearch-option4 .input-serach input {
        padding: 10px
    }

    .option4 .header-top-right .homeslider {
        padding: 0
    }

    .option4 .group-button-header .btn-cart {
        float: left
    }

    .top-header .marquee {
        display: inline-block;
    }

        .top-header .marquee marquee {
            margin-top: 5px;
        }

    .top-header .support-link {
        display: none;
    }

    #form-search-opntop {
        right: 0;
        top: inherit;
        bottom: 15px;
    }
    #main-menu .navbar .navbar-nav > li > a {
        padding: 10px 8px;
        border: none;
        font-size: 15px
    }

    #main-menu .navbar .navbar-nav > li {
        border-right: none
    }
    .p_btitle{
        font-size:16px;
    }
    #nav-top-menu .logo {
        width: 100%;
        text-align: center
    }
    .nav-top-menu {
        background: #999;
    }
    .nav-top-menu.nav-04 .logo a img {
        position: relative;
        max-width: 140px;
        padding-top: 10px;
    }
    .home .nav-top-menu.nav-04 .logo a img {
        margin: 0 auto;
    }
    #nav-top-menu .main-04 {
        /*width: 100%*/
        margin-left: 180px;
    }

    .header-top-right .homeslider .item-slide .content {
        display: none !important;
    }
    .lower-content .text {
        height: 90px;
    }

    .project-home .item .cases-item .cases-desc .cases-content {
        height: 2200px;
    }
    .project-home .item .cases-item .cases-desc h5 {
        height: 150px;
    }

    .page-service .page-heading.service-head, .page-partner .page-heading.partner-head {
        padding: 10px;
        font-size: 24px;
    }
}

@media (min-width:481px) and (max-width:767px) {
    .option4 #main-menu {
        float: left;
        width: 100%;
        margin-top: 25px;
        padding-right: 15px
    }

        .option4 #main-menu .navbar-header {
            background: #08c
        }

        .option4 #main-menu li.dropdown > a:after {
            top: 0
        }

    .option4 .nav-top-menu {
        border: none
    }

    .option4 #box-vertical-megamenus {
        width: 100%
    }

    .formsearch-option4 {
        width: 100%;
        float: left;
        margin-top: 25px;
        padding: 0 15px
    }

        .formsearch-option4 .form-category {
            display: none
        }

        .formsearch-option4 > form {
            border: 1px solid #ccc
        }

    .group-link-main-menu {
        width: 100%;
        float: left;
        margin-top: 25px
    }

    .formsearch-option4 .btn-search {
        position: absolute;
        top: 0;
        right: 20px
    }

    .formsearch-option4 .form-group {
        margin: 0
    }

    .formsearch-option4 .input-serach input {
        padding: 10px 10px;
        width: 100%
    }

    .nav-top-menu .link-mainmenu .dropdown {
        border: 1px solid #ccc;
        margin-left: -1px
    }

    .option4 #box-vertical-megamenus .box-vertical-megamenus {
        right: 15px
    }

    .option4 .group-button-header .btn-cart {
        display: none
    }

    .option4 .group-banner4 {
        padding: 20px 0
    }

        .option4 .group-banner4 .list-banner {
            margin: 0;
            overflow: hidden
        }

            .option4 .group-banner4 .list-banner li {
                padding: 0;
                margin-top: 5px
            }

    .option4 .header-top-right .homeslider {
        padding: 0;
        margin-top: 25px
    }
}

@media (max-width:991px) {
    .home .header {
        position: relative;
    }

    #shopping-cart-box-ontop {
        position: fixed;
        top: 120px;
    }

    #contact_form_map p a {
        display: inline-block;
    }

    .service .service-item .icon img {
        max-width: 50px
    }

    .content-header .content-header-left,
    .layered-filter-brand {
        width: 100%
    }

    .content-header .content-header-left {
        display: none;
    }

        .content-header .content-header-left.active {
            display: block;
        }
    .whyus-row .whyus-list {
        width: 100%;
    }
    .filter-mb {
        cursor: pointer;
        text-transform: uppercase;
        font-size: 18px;
        padding-bottom: 10px;
        text-align: center;
    }

        .filter-mb span {
            padding-left: 15px;
        }

    .filter-container {
        display: block
    }

    .sale-product {
        background: linear-gradient(180deg,#f3f3f3 50%,#ffede8 50%)
    }

    .sys-info-center .commentbox .product-comments-block-tab {
        display: inline-block;
    }

    .btnSendComment {
        font-size: 14px;
    }

    .top-header .marquee {
        max-width: 200px;
    }

    .layered-filter-brand .filter-brand {
        position: static;
        background-color: rgb(0 0 0 / 5%);
        margin-bottom: 1px;
    }

    .filter-brand .layered_subtitle span {
        text-align: left;
        padding: 0 15px;
    }

    .layered-filter-brand .filter-brand .check-box-list.active {
        visibility: visible;
        opacity: 1;
        transform: translateY(0px);
        position: relative;
        display: block !important;
        z-index: 9999;
    }

    .content-header {
        background: none;
    }

    .filter-brand .check-box-list li {
        padding: 5px 10px;
    }

    .show_content3_nhom .table-bordered tr td p {
        padding: 0 10px;
    }

    .show_content3_nhom .table-bordered tr td h3 {
        font-size: 20px;
    }

    .list-service {
        display: none;
    }

    .col-info-feature .title-feature-other .info-feature .info-sub li {
        font-size: 14px;
    }
}

@media (max-width:767px) {
    .cate_news,
    .cate_product {
        margin: 30px 0 15px 0;
    }
    .col-7 {
        width: 100%;
        margin-bottom:30px;
    }

    .col-52,
    .col-51 {
        width: 100%;
    }
    .navlist1 {
        display: flex;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 10px;
        justify-items: center;
        justify-content: center;
        align-items: center;
    }

        .navlist1 > li {
            width: 25%;
            text-align: center;
        }

            .navlist1 > li > a {
                display: block;
                position: relative;
                line-height: 24px;
                text-transform: capitalize;
                padding: 4px 2px;
                border-radius: 4px;
                font-size: 1.6rem;
            }

            .navlist1 > li.nav-active > a, .navlist1 > li:hover > a {
                background-color: #525b56;
                color: #fff;
            }

    .page-service .page-heading.service-head, .page-partner .page-heading.partner-head {
        top: 0;
        padding: 15px 30px;
        margin: 0 auto;
        width: 100vw;
        z-index: 9;
    }

    .page-service .bg-adv-banner .content-top {
        margin-left: 5vw;
    }

    .about-home .item-videobox {
        margin: 0 auto 20px;
    }

    .site-wrap {
        position: relative;
        display: block;
        clear: both;
    }

        .site-wrap .about-home {
            display: inline-block;
        }

    .about-home .large-gutters .btn-link {
        padding: 6px;
        display: none;
    }

    .about-home .large-gutters .btn-link-2,
    .about-home .large-gutters .btn-link-3.add-map {
        margin-top: 0;
        margin-left: 5px;
        padding: 10px 15px;
    }

    .home .pos-absolute {
        position: relative;
    }

    .section-featured-banner .featured-banner .why-us {
        width: 100%
    }

    .post-inner-prices {
        overflow-x: auto;
    }

    .gran-box .col-gran {
        width: 50%;
    }

    .gran-box-over {
        margin: 5px 0;
    }

    .table.table-hover.table-bordered.table-detail-price {
        max-width: 100%;
    }

    .stand-price strike {
        font-size: 100%;
        padding-right: 0;
    }

    .content-shop .content-pro2 {
        height: auto !important
    }

    .show-more, .show-more2 {
        display: none;
    }

    .top-header {
        display: none;
    }

        .top-header .dropdown.open > .dropdown-menu {
            z-index: 9999;
        }

        .top-header .marquee, .top-header .support-link > a {
            display: none;
        }

    .user_search_cart {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .nav-top-menu {
        padding-top: 5px;
        background-color: rgba(0, 0, 0, 0.3);
    }

    #main-menu .dropdown-menu .block-container .link_container > a {
        display: block
    }

    #RegPopup .modal-dialog, #RegPopup .modal-dialog .modal-content {
        max-width: 100%;
        width: 100%
    }

    #main-menu .navbar .navbar-nav > li {
        border-right: none
    }

        #main-menu .navbar .navbar-nav > li > a:after {
            border-bottom: none;
            height: 0;
            margin-top: 0
        }

        #main-menu .navbar .navbar-nav > li:hover > a:after {
            border-bottom: none
        }
    .row-cate-pro .cate-pro li a .cate-name, .list-cate-pro .cate-pro li a .cate-name {
        background-color: #fff;
        height: 73px;
    }

    .wrapper-home-banner {
        padding: 55px 0;
        margin: 10px 0 0;
        background-position: center
    }

        .wrapper-home-banner img {
            display: none
        }

    .designed {
        display: block;
        line-height: 30px
    }

    .header-top-right .homeslider .item-slide .content {
        padding-top: 5px;
        padding-bottom: 5px
    }

        .header-top-right .homeslider .item-slide .content .slide-info-img {
            padding: 0;
            width: 100%;
            display: none
        }

        .header-top-right .homeslider .item-slide .content .slide-info-in {
            width: 100%;
            margin-top: 0
        }

        .header-top-right .homeslider .item-slide .content.fadeInDown .slide-info-in, .header-top-right .homeslider .item-slide .content.fadeInLeft .slide-info-in, .header-top-right .homeslider .item-slide .content.fadeInRight .slide-info-in, .header-top-right .homeslider .item-slide .content.fadeInUp .slide-info-in {
            padding-top: 0
        }

        .header-top-right .homeslider .item-slide .content.fadeInRight .desc {
            font-size: 16px;
            line-height: normal
        }

        .header-top-right .homeslider .item-slide .content.fadeInUp .desc {
            font-size: 40px;
            line-height: normal
        }

        .header-top-right .homeslider .item-slide .content.fadeInDown .title {
            line-height: 32px;
            padding-top: 30px
        }

        .header-top-right .homeslider .item-slide .content .sdide-button {
            display: none
        }

        .header-top-right .homeslider .item-slide .content.fadeInDown .desc {
            letter-spacing: .035em;
            font-size: 14px
        }

        .header-top-right .homeslider .item-slide .content.fadeInLeft .title {
            font-size: 20px
        }

        .header-top-right .homeslider .item-slide .content.fadeInLeft .desc {
            line-height: 22px;
            text-transform: inherit
        }

    .entry-ci .entry-title {
        margin-top: 10px
    }

    .blog-posts .post-item .entry-meta-data {
        font-size: 12px
    }

    #main-menu {
        margin-left: 0;
        margin-top: 0;
        width: 25%;
        float: right;
    }

    .content-text img {
        max-width: 100%;
        height: auto !important
    }

    #user-info-opntop {
        right: 80px
    }

    #main-menu .dropdown-menu.container-fluid .block-container .group_header:hover ul.block {
        left: 0;
        top: inherit;
        display: block;
        position: relative;
        background: #f7f7f7cf;
        min-width: inherit;
        padding: 0
    }

    #main-menu .dropdown-menu.container-fluid .block-container .group_header > a:after {
        content: "\f107";
        font-family: FontAwesome;
        font-size: 14px;
        vertical-align: 0;
        padding-left: 7px;
    }

    #main-menu .dropdown-menu.container-fluid .block-container .link_container {
        padding: 0;
        display: block;
    }

    #main-menu .navbar-collapse {
        padding: 0;
        margin-left: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 80%;
        height: 100%;
        background: rgb(153 153 153 / 96%);
        padding-top: 2rem;
        padding-right: 1.5rem;
        padding-bottom: 2rem;
        padding-left: 1.5rem;
        -webkit-transform: translateX(-100%);
        -khtml-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        max-height: 100vh;
        overflow: hidden;
    }

        #main-menu .navbar-collapse.in {
            -webkit-transform: translateX(0);
            -khtml-transform: translateX(0);
            transform: translateX(0);
            background: #818181;
        }

    #main-menu .navbar-header .navbar-toggle .hamburger {
        opacity: 1;
        z-index: 1;
        width: 50px;
        height: auto;
        background: 0 0;
        cursor: pointer;
        transition: .3s all ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

        #main-menu .navbar-header .navbar-toggle .hamburger .line {
            width: 100%;
            height: 4px;
            background-color: #fff;
            display: block;
            margin: 4px auto;
            border-radius: 2px;
            transition: .3s ease-in-out all
        }

    .home #main-menu .navbar-header .navbar-toggle .hamburger .line {
        color: #83c011;
        background-color: #525b56;
    }

    #main-menu .navbar-header .navbar-toggle .hamburger .line:nth-child(1) {
        width: 80%;
        margin-right: 0
    }

    #main-menu .navbar-header .navbar-toggle .hamburger .line:nth-child(3) {
        width: 80%;
        margin-right: 0
    }

    #main-menu .navbar-header .navbar-toggle.active .hamburger .line:nth-child(1), #main-menu .navbar-header .navbar-toggle.active .hamburger .line:nth-child(3), #main-menu .navbar-header .navbar-toggle.active .hamburger .line:nth-child(5) {
        display: none
    }

    #main-menu .navbar-header .navbar-toggle.active .hamburger .line:nth-child(2) {
        -webkit-transform: rotate(-45deg) translate(-5px,5px);
        transform: rotate(-45deg) translate(-5px,5px);
        transition-delay: 30ms;
        margin: 0 auto;
        margin-top: 8px
    }

    #main-menu .navbar-header .navbar-toggle.active .hamburger .line:nth-child(4) {
        margin: 0 auto;
        transition-delay: 30ms;
        -webkit-transform: rotate(45deg) translate(-5px,-5px);
        transform: rotate(45deg) translate(-5px,-5px);
        margin-top: 12px
    }

    #main-menu .navbar-header {
        background: 0 0;
        display: block;
        margin-left: 0;
        min-height: 54px;
    }

        #main-menu .navbar-header .fa {
            font-size: 26px
        }

        #main-menu .navbar-header .navbar-brand {
            display: none
        }

    .blog-posts .post-item .entry .entry-ci {
        padding: 10px 15px;
    }

    .header .nav-top-menu.nav-04 .logo {
        z-index: 999;
        width: 75%;
        margin: 0;
        float:left;
    }

    .box-center-home img {
        max-width: 100%;
        height: auto !important
    }

    .box-products .box-tabs {
        padding-left: 10px;
        padding-right: 10px
    }

        .box-products .box-tabs li > a {
            max-width: inherit;
            background: 0 0
        }

    .list-service .service3 .col-sm-3 {
        width: 50%;
        display: inline-block;
        float: left
    }

    .qua-tang__item__btn__link {
        padding: 10px 25px;
    }

    .featured-banner .no-pad {
        margin-top: 0;
        margin-bottom: 20px
    }

    .product-list li .product-star {
        float: none;
    }

    .service-posts .item-post-service .content__img .wrap__img {
        margin-bottom: 30px;
    }
    .footer3 .widget-container:last-child {
        margin-bottom: 10px
    }

    .footer3 .widget-container li a:first-child {
        padding-left: 10px
    }

    .footer3 .footer-coppyright, .footer3 .widget-container .social-link {
        text-align: center
    }

    .footer3 .footer-coppyright {
        padding-bottom: 95px
    }

        .footer3 .footer-coppyright .payment-logo {
            float: none;
            margin-top: 15px
        }

    .btn-success {
        margin: 0 auto;
        display: block;
        margin-bottom: 15px;
        max-width: 50%
    }

    .video-home .nav-tabs {
        max-height: inherit;
        overflow: inherit
    }

        .video-home .nav-tabs:hover {
            overflow-y: inherit
        }

    .home #home-slider .header-top-right {
        margin-top: 5px
    }

    #main-menu .nav {
        float: none;
        margin: 0 auto;
        width: 100%
    }

    #main-menu .navbar .navbar-nav > li > a {
        margin: 5px 0
    }

    #main-menu .navbar .navbar-nav > li.active > a, #main-menu .navbar .navbar-nav > li:hover > a {
        background: none;
        border-right: none;
        color: #004ea2;
    }

    #main-menu .navbar .navbar-nav > li > a span {
        display: block
    }

    #main-menu li.dropdown > a:after {
        top: 10px;
        right: 0;
        font-size: 26px;
    }

    .search-head {
        z-index: 99;
        position: absolute;
        width: 55%;
        top: 20px;
        right: 60px
    }

    #form-search-opntop {
        right: 0;
        top: 0;
        position: relative;
        display: inline-block !important;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 5px;
        border-color: #ededed;
    }

        #form-search-opntop .input-serach {
            display: inline-block;
            margin-bottom: 0;
            width: 80%;
        }

            #form-search-opntop .input-serach input {
                width: 100% !important;
                line-height: 30px
            }

        #form-search-opntop .form-inline {
            padding-left: 10px
        }

        #form-search-opntop:hover .form-inline {
            display: block
        }

        #form-search-opntop:hover .input-serach {
            padding: 3px 0 0 0
        }

            #form-search-opntop:hover .input-serach input {
                line-height: 24px
            }

    #main-menu .navbar-header .navbar-toggle {
        margin-right: 0;
        margin-top: 12px;
        display: flex
    }

    .sales-hotline i.hidden-xs {
        display: inline-block !important
    }

    .nav-top-menu.nav-04 .logo a {
        display: block
    }

        .nav-top-menu.nav-04 .logo a img {
            max-height: 60px;
            padding: 0 7px;
            margin-bottom: -1px;
        }

    .product-list.list .product-container {
        max-height: inherit
    }

    .product-list.list .right-block .product-name {
        font-size: 16px
    }

    .category-slider .item-slider .content {
        padding-top: 0
    }

        .category-slider .item-slider .content .desc {
            display: none
        }

        .category-slider .item-slider .content .title {
            margin-bottom: 0
        }

    .blog-posts .post-item .entry-thumb {
        margin-right: 0
    }
    .product-list li .add-to-cart {
        bottom: 0;
        display: none;
    }

    #product .pb-right-column .form-option .attributes .attribute-label {
        width: auto
    }

    .product-tab .nav-tab {
        border-bottom: 1px solid #08c;
    }

        .product-tab .nav-tab > li {
            width: 50%;
            font-size: 18px;
            margin-bottom: 0;
        }

    .filter-brand .check-box-list li a {
        border-bottom: 2px solid #004e9b;
    }

    .featured-banner .post-title {
        height: 72px;
        overflow: hidden
    }

    .footer3 .widget-container .introduce-list li {
        display: inline-block;
        width: 50%;
        float: left;
        text-align: left
    }

    .page-head-service, .page-head-service ul li.h1-service h1 {
        line-height: 40px
    }

        .page-head-service ul {
            margin-left: -10px;
            margin-right: -10px
        }

            .page-head-service ul li {
                padding-left: 10px;
                padding-right: 10px
            }

    .row-page-about, .row-page-news {
        display: block
    }

    .footer3 .box-home {
        display: none
    }

    table, table td {
        max-width: 100%;
        white-space: normal !important;
    }

    .page-contact {
        padding: 10px;
    }

    .header-top-right .homeslider .item-slide .content .desc {
        display: none;
    }

    .about-home .large-gutters .ml-auto .led + div {
        margin-bottom: 0;
    }

    .about-home .ml-auto .items-history {
        padding: 0;
    }

    .section-title-box .box-title {
        font-size: 18px;
        line-height: 28px;
    }

    #section-banner-home-frist .container-fluid {
        display: block;
        width: 100%;
        position: absolute;
        margin-bottom: 0;
    }

    .counter {
        margin-bottom: 30px;
    }

    #footer2 .footer-top .footer-menu li {
        width: auto;
        display: inline-block;
    }

    .about-home .large-gutters .led {
        max-height: inherit;
        overflow: inherit;
    }

        .about-home .large-gutters .led:hover {
            overflow-y: inherit;
        }

    .widget-adress p span {
        line-height: 36px;
    }

    .show_dangky {
        margin-bottom: 30px;
    }

    .page-head-service ul li.h1-service, .page-head-service ul li.h1-service h1 {
        line-height: 40px;
    }

    #columnstop {
        display: none;
    }

    .project-home .item .cases-item .cases-desc span {
        margin-bottom: 20px;
    }

    .video-player .nav-tabs li .vid-thumb .vid-box {
        width: 150px
    }

    .video-player .nav-tabs li .vid-thumb h3 {
        font-size: 18px;
        width: calc(100% - 150px);
        line-height: normal;
    }

    .product-tab .tab-container table.table, .product-tab .tab-container iframe {
        width: 100% !important;
    }

    .video-player .nav-tabs {
        max-height: inherit;
    }

        .video-player .nav-tabs:hover {
            overflow-y: inherit;
        }

    #product .pb-left-column .product-image .product-img-thumb .owl-carousel .owl-item {
        margin-bottom: 0;
    }

    #product .pb-left-column .product-image .product-full {
        max-height: 546px;
    }

    .footer-center {
        text-align: center;
    }

    .main-footer .footer-bottom {
        padding: 30px 0;
        position: relative;
    }

    .product-list.pro-tieubieu li .product-name, .page-product-box .product-list li .product-name {
        height: 86px;
    }

    .about-home .index-item .item-title {
        font-size: 2.5rem;
    }

    .product-list li .product-name {
        height: 72px;
    }

    div.table {
        overflow-y: hidden;
    }

    .table div {
        width: auto;
    }
}

@media (max-width:480px) {
    .category-page .header {
        position: initial;
        background: #ccc;
    }
    .bg-bar {
        line-height: 42px;
        padding-top: 15px;
    }
    #main-menu .dropdown-menu .link_container.group_header .block {
        top: 0;
        position: relative;
        visibility: visible;
        opacity: 1;
        background: transparent;
        border: 0;
    }
    #main-menu .dropdown-menu.container-fluid .block-container .block {
        border-top: 0;
    }
    #main-menu .dropdown.open > .dropdown-menu {
        background: #ccc;
        border: 0;
    }
    .page-document .row.document {
        display: initial;
    }
    #c_static_001-16478525354420 {
        padding-top: 0;
        margin-top: 0;
    }
    #c_static_001-16478525354420 .e_loop-8 .p_list {
        padding: 0;
    }
    #c_static_001-16478525354420 .e_loop-8 .p_loopitem:before,
    #c_static_001-16478525354420 .e_loop-8 .p_list:before {
        display: none;
    }
        #c_static_001-16478525354420 .e_loop-8 .p_loopitem:nth-child(odd) {
            transform: initial;
            padding: 30px 0;
            width: 100% !important;
        }
        #c_static_001-16478525354420 .e_loop-8 .p_loopitem:nth-child(even) {
            transform: initial;
            width: 100% !important;
        }

        #c_static_001-16478525354420 .e_loop-8 .p_loopitem:nth-child(odd) {
            transform: initial;
            width: 100% !important;
        }
    .wd-20220321202450 {
        width: 100% !important;
    }


    .lower-content .text {
        height: auto;
    }
    #product .pb-left-column .product-image .product-full {
        max-height: 298px;
    }

    .section-title-2 h2, .box-orther h2, #product .pb-right-column .product-name, h2, h3 {
        font-size: 22px;
        line-height: normal;
    }

    .page-product-box .heading {
        font-size: 18px;
        line-height: normal;
        max-width: 80%;
    }

    .breadcrumb {
        display: none;
    }

    .top-header .support-link {
        display: none
    }

    .top-header .nav-top-links {
        float: right;
        text-align: right;
        width: auto;
    }

    .gran-box .col-gran {
        width: 100%;
    }

    .pricing-table .plan {
        color: #fff;
        font-size: 18px;
        font-weight: 600;
    }

    .stand-price {
        font-size: 18px;
        font-weight: bold;
    }

    .product-list li .content_price {
        font-size: 14px;
    }

    .product-list li .product-name {
        height: 68px;
        font-size: 16px;
    }

    #product .pb-right-column .form-action .button-group {
        display: flex;
    }

    #section-banner-home-frist {
        background: none;
    }

    .col-xs-3.col-md-3.lang-source, .col-xs-3.col-md-3.lang-target {
        max-width: 40px;
        padding: 0;
        font-size: 14px;
        overflow: hidden;
    }
    .category-slider {
        margin-top: 0
    }

    .about-home .item-videobox {
        float: none;
    }

        .about-home .item-videobox:before {
            top: -15px;
            left: -15px;
        }

    #form-search-opntop .input-serach input {
        line-height: 30px
    }

    .video-player .nav-tabs li .vid-thumb .vid-box {
        width: 100px
    }

    .video-player .nav-tabs li .vid-thumb h3 {
        width: calc(100% - 100px);
    }

    .block-testimonials .testimonial-wapper .testimonials li .info .info-content {
        height: 180px;
        overflow: hidden
    }

    .block-testimonials .testimonial-wapper .testimonials li {
        height: 520px;
        overflow: hidden;
        min-height: inherit
    }

    .testimonials {
        padding-bottom: 0
    }
        .nav-top-menu.nav-04 .logo a img {
            margin-top: 0
        }

    .heart {
        font-size: 30px
    }

    #product .pb-right-column .form-action {
        padding-left: 0
    }

    .btn-add-cart {
        padding-left: 10px;
        padding-right: 10px;
    }

        .btn-add-cart::before {
            margin-right: 5px;
        }

    #product .pb-right-column .btn-add-cart #product .pb-right-column .adprobook2 {
        padding-left: 0;
        padding-right: 10px
    }
    #form-search-opntop .form-inline {
        background-color: #f1f1f1
    }

    #form-search-opntop .input-serach input {
        width: 80px
    }

    .product-detail-main {
        margin-bottom: 0;
    }

    .product-tab {
        margin-top: 0;
    }

    .option4 #main-menu {
        float: left;
        width: 100%;
        margin-top: 25px;
        padding-right: 15px
    }

        .option4 #main-menu .navbar-header {
            background: #08c
        }

        .option4 #main-menu li.dropdown > a:after {
            top: 0
        }

    .option4 .nav-top-menu {
        border: none
    }

    .option4 #box-vertical-megamenus {
        width: 100%
    }

    .formsearch-option4 {
        width: 100%;
        float: left;
        margin-top: 25px;
        padding: 0 15px
    }

        .formsearch-option4 .form-category {
            display: none
        }

        .formsearch-option4 > form {
            border: 1px solid #ccc
        }

    .group-link-main-menu {
        width: 100%;
        float: left;
        margin-top: 25px
    }

    .formsearch-option4 .btn-search {
        position: absolute;
        top: 0;
        right: 20px
    }

    .formsearch-option4 .form-group {
        margin: 0
    }

    .formsearch-option4 .input-serach input {
        padding: 10px 10px;
        width: 100%
    }

    .nav-top-menu .link-mainmenu .dropdown {
        border: 1px solid #ccc;
        margin-left: -1px
    }

    .option4 #box-vertical-megamenus .box-vertical-megamenus {
        right: 15px
    }

    .option4 .group-button-header .btn-cart {
        display: none
    }

    .option4 .group-banner4 {
        padding: 20px 0
    }

        .option4 .group-banner4 .list-banner {
            margin: 0;
            overflow: hidden
        }

            .option4 .group-banner4 .list-banner li {
                padding: 0;
                margin-top: 5px
            }

    .option4 .header-top-right .homeslider {
        padding: 0;
        margin-top: 25px
    }

    .btn-success {
        margin: 15px 0;
        display: block
    }

    .blog-posts .post-item .entry-thumb {
        margin-right: 0
    }

    .chat-widget .linkchat-mb {
        margin-bottom: 15px;
    }

        .chat-widget .linkchat-mb .chat_text {
            padding-left: 15px;
            width: 140px;
        }

            .chat-widget .linkchat-mb .chat_text::after {
                top: -80px;
                left: 0;
                animation: infinite;
            }

    .inner-caption p {
        min-height: 152px;
        overflow: hidden;
    }

    .header .nav-top-menu.nav-04 .logo {
        width: 75%;
        float: left;
        margin: 0;
    }
    
    .project-home .item .cases-item .cases-desc span {
        font-size: 12px;
        line-height: normal;
    }

    .project-home .item .cases-item .cases-desc h5 {
        height: 108px;
        font-size: 16px;
    }

    .header-top-right .homeslider .item-slide .content .title {
        font-size: 26px;
        text-align: center;
    }

    .header-top-right .homeslider .item-slide .content.fadeInDown .title {
        padding-top: 0;
    }
    .page-service .bg-adv-banner .content-top {
        margin-left: 0;
    }

    .center_column .blog-posts.box-blogs .col-xs-6 {
        width: 100%;
    }

    #product .pb-left-column .product-image .product-img-thumb li a {
        height: 50px;
    }

    .product-list.pro-tieubieu li .product-name, .page-product-box .product-list li .product-name {
        height: 100px;
    }
}

@media (max-width:360px) {
    .nav-top-menu.nav-04 .logo a img {
        margin-top: 3px
    }

    .list-service .service3 .col-sm-3 {
        width: 100%
    }

    .about-home .large-gutters .btn-link, .about-home .large-gutters .btn-link-2, .about-home .large-gutters .btn-link-3 {
        margin-bottom: 10px;
    }
}