.ml-4 {
    margin-left: 20px!important;
}

figure {
    float: none;
}

figure figcaption {
    font-size: 13px;
}

.jScrollPane:focus,
.jspScrollable:focus {
    outline: 0;
}

.jspVerticalBar {
    width: 8px!important;
    border-radius: 4px;
    background-color: #dadada!important;
}

.jspTrack {
    background-color: #dadada!important;
    border-radius: 4px;
}

.jspDrag {
    background-color: #0071bc!important;
    border-radius: 4px;
}

.hdd-page-body {
    margin-top: 5px;
}

.hdd-home-page .hdd-page-body {
    margin-top: 30px;
}

.text-uppercase {
    text-transform: uppercase;
}

.body-bg {
    position: inherit;
    background-image: none;
    min-height: inherit;
}

#body {
    border: 0;
    box-shadow: none;
	padding: 0 16px;
}


.hdd-header {
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    /* margin-top: 10px; */
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}



.hdd-header.sticky {
    margin-top: 0;
    background: #fff;
	position: fixed;
	-webkit-box-shadow: 0 0 5px 0 rgba(102, 102, 102, 0.5);
    box-shadow: 0 0 5px 0 rgba(102, 102, 102, 0.5);
    -webkit-animation-name: fadeInDown;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: anim_titles;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
}

#header {
    margin-top: 0;
}

#header .logo {
    padding: 5px 10px;
}

#header .logo-menu {
    display: -ms-flexbox;
    display: flex;
    background-color: #2d2d2d;
    border-radius: 10px;
    flex-grow: 1;
    flex-shrink: 0;
}
.logo_header_mobile {
    display: none;
}
header .logo_header {
    max-width: 250px;
}
header .top-menu{
    background: #f1f1f1;
}
header .top {
    padding: 0px 0px;
    background: #fff;
}
.container_social {
    margin-top: 8px;
}

.hdd-head-right {
    min-width: 50px;
    flex-shrink: 0;
    flex-grow: 0;
    margin-left: 20px;
}

#footer .social-link_item {
    margin-bottom: 5px;
	display: block;
}
#footer .f-social .circle {
    width: 30px;
    height: 30px;
    line-height: 35px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    background: #fff;
}
#footer .f-social .txt {
    margin-left: 7px;
}
#footer .f-social .iconFB {
    font-size: 18px;
    color: #0A4582;
	font-weight: 700;
}

#footer .f-social .iconFB:hover {
    opacity: .6;
}

#footer .f-social .iconYT {
    font-size: 18px;
    color: rgb(255, 0, 0);
}

#footer .f-social .iconYT:hover {
    opacity: .6;
}



/* Home Slider */
.jssorb101 .i.iav {
    color: #ff0000;
}

/* Menu site */
.hddmenusite-content > ul {
    margin: 0;
    padding: 0 20px;
    list-style: none;
}

.hddmenusite-content > ul > li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.hddmenusite-content > ul > li > a {
    color: #867f7f;
    display: block;
    line-height: 52px;
    font-weight: 700;
    font-size: 15px;
    padding: 0 10px;
}

.hddmenusite-content > ul > li:hover > a {
    background: #fff;
    color: #867f7f ;
}

.hddmenusite-content > ul > li > div.subcats {
    position: absolute;
    left: 0;
    top: 52px;
    width: 100%;
    padding: 20px;
    margin: 0;
    background: #fff;
    display: none;
    box-shadow: 0px 2px 2px rgba(0,0,0,.25);
	z-index:199;
}

.hddmenusite-content > ul > li:hover > div.subcats {
    display: block;
}

.hddmenusite-content > ul > li > div.subcats a {
    color: #000;
    font-weight: 700;
}

.hddmenusite-content > ul > li > div.subcats .menuitem {
    text-align: center;
}

.hddmenusite-content > ul > li > div.subcats .col-menu {
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    position: relative;
    width: 20%;
}

#MENU_SITE .blockct ul {
    display: none;
}

#MENU_SITE .blockct:after {
    content: 'Menu Site';
    color: #fff;
    line-height: 40px;
    font-weight: 700;
}

/* Footer */
#footer {
    background-image: none;
    background-color: #fff;
    border-top: 0;
    border-bottom: 0;
    min-height: inherit;
    padding: 0;
    margin-top: 50px;
    font-size: 13px;
	line-height: 16px;
}

#footer, #footer a {
    color: #fff;
    background: #000;
}

.footerNav2 {
    color: #fff;
    background: #000;
}

.hdd-copyright {
    background-color: #161618;
    padding: 12px 0;
    color: #888e98;
	font-size:12px;
}

.hdd-copyright a {
    color: #888e98;
}

.hdd-copyright-top {
    color: #999;
    padding-top: 30px;
    border-top: 1px #f2f2f2 solid;
    margin-top: 30px;
    /* padding-bottom: 90px; */
}

/* Footer Menu */
.hdd-block-footer-menu {

}

.hdd-block-footer-menu p.text-center {
    text-align: left!important;
}

.hdd-block-footer-menu .hd {
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 15px;
}
.hdd-block-footer-menu .danhmuc {
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 18px;
	text-align:center;
}

.hdd-block-footer-menu .ct {

}

.hdd-block-footer-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.hdd-block-footer-menu ul li a {
    display: inline-block;
    padding: 5px 0;
	margin:3px 0;
}

.hdd-block-footer-menu ul li a:hover {
    text-decoration: underline;
}

/* Tel Button */
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color: #0084ff;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color: #0084ff;
}

.phonering-alo-ph-img-circle {
    width: 45px;
    height: 45px;
    top: 45px;
    left: 45px;
}

.phonering-alo-ph-img-circle a {
    width: 45px;
    line-height: 45px;
}

.phonering-alo-ph-circle-fill {
    width: 90px;
    height: 90px;
    top: 22.5px;
    left: 22.5px;
}

.echbay-alo-phone,
.phonering-alo-ph-circle {
    width: 135px;
    height: 135px;
}

.style-for-position-cr,
.style-for-position-cl {
    margin-top: -67.5px;
}

/* for mobile */
@media screen and (max-width:0px) {
    .style-for-position-bl {
        left: -45px;
        bottom: -45px
    }
    .style-for-position-br {
        right: -45px;
        bottom: -45px
    }
    .style-for-position-cl {
        left: -45px;
    }
    .style-for-position-cr {
        right: -45px;
    }
    .style-for-position-tl {
        top: -45px;
        left: -45px;
    }
    .style-for-position-tr {
        top: -45px;
        right: -45px;
    }
}

.echbay-alo-phone {
    display: block;
}

#oi_scroll_top {
    background: #002c5f82;
    cursor: pointer;
    display: none;
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 45px;
    color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.4);
    box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.4);
    position: fixed;
    right: 5px;
    display: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 20;
    border: 0 none;
    bottom: 8%;
    transform: translate(0, -50%);
}

/* Màu link đen */
.shops-main-cat-title a {
    color: #333;
}

/* Lưới sản phẩm viết lại */
.hdd-shops-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.col-shops-4 {
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-shops-5 {
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.hdd-shops-row-gird-menu {
    margin-bottom: 30px;
}

.hdd-home-gird-menu-item {
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}

.hdd-home-gird-menu-item .hdd-link {
    color: #333;
    font-weight: 700;
}

.hdd-home-gird-menu-item .hdd-link-full {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.hdd-home-gird-menu-item .image {
    height: 0;
    padding-bottom: 50%;
    width: 100%;
    background: center no-repeat;
    background-size: auto 90%;
}

#news-bodyhtml .hdd-home-gird-menu-item .image, #category .hdd-home-gird-menu-item .image {
    height: 0;
    padding-bottom: 60%;
    width: 100%;
    background: center no-repeat;
    background-size: auto 90%;
}

.hdd-home-gird-menu-item:hover .image {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-size: auto 100%;
}

/* Trang chủ sản phẩm */
.shops-main-cat-title {
    font-size: 22px;
    font-weight: 500;
    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.shops-main-cat-subs-mobile {
    display: none;
}

.shops-main-cat-items {

}

.hdd-product-gird-image {
    position: relative;
    overflow: hidden;
}

.hdd-product-gird-image .img-ct {
    width: 100%;
    height: 0;
    padding-bottom: 75%;
}

.hdd-product-gird-image .img-ct a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.hdd-product-gird-image .img-ct a:hover {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.hdd-product-gird-image .img-ct a img {
    display: none;
}

.hdd-product-gird-price-contact,
.hdd-product-gird-price-val {
    margin-bottom: 0;
	font-size: 14px;
    line-height: 18px;
}

.hdd-product-gird-tt {
    margin-top: 5px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	font-size: 14px;
    line-height: 18px;
}

.hdd-product-gird-thung {
    margin-top: 5px;
    margin-bottom: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
	font-size: 14px;
    line-height: 18px;
}




.shopsMainListProducts {
    max-height: 1000px;
    overflow: hidden;
    position: relative;
}

.shopsMainListProducts:after {
    content: "";
    height: 100px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: linear-gradient(-180deg,hsla(0,0%,100%,0) 6%,#fff 83%);
}

.shopsMainListProducts.open {
    max-height: inherit;
    overflow: visible;
}

.shopsMainListProducts.open:after {
    display: none;
}

/* Chi tiết sản phẩm */
.hdd-product-detail-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
}

.hdd-product-detail-price {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.hdd-product-detail-regtest {
    margin-bottom: 20px;
}

.hdd-product-detail-regtest .btn {
    border-radius: 0;
    height: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 15px;
}

.hdd-product-detail-social {
    margin-bottom: 10px;
}

.hdd-product-detail-social ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.hdd-product-detail-social ul li {
    display: inline-block;
    margin-right: 7px;
}

.hdd-product-detail-social ul li a {
    background: #c00;
    border: 1px solid #c00;
    display: block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.15);
    color: #fff;
    font-size: 14px;
    -webkit-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out;
}

.hdd-product-detail-social ul li a:hover {
    opacity: .8;
}

.hdd-product-detail-social ul li a.fb {
    background: #3b5998;
    border: 1px solid #344e86;
}

.hdd-product-detail-social ul li a.tw {
    background: #00aced;
    border: 1px solid #0099d4;
}

.hdd-product-detail-social ul li a.in {
    background: #007bb6;
    border: 1px solid #006a9d;
}

.hdd-product-detail-social ul li a.pi {
    background: #cb2027;
    border: 1px solid #b51d23;
}

.owl-carousel-product-detail .owl-prev,
.owl-carousel-product-detail .owl-next  {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(255,255,255,0.3)!important;
    top: 50%;
    margin-top: -20px;
    border-radius: 10px;
}

.owl-carousel-product-detail .owl-prev {
    left: 10px;
}

.owl-carousel-product-detail .owl-next {
    right: 10px;
}

.owl-carousel-product-detail:hover .owl-prev,
.owl-carousel-product-detail:hover .owl-next {
    background-color: rgba(255,255,255,0.7)!important;
}

.owl-carousel-product-detail .owl-prev:focus,
.owl-carousel-product-detail .owl-next:focus,
.owl-carousel-product-detail .owl-prev:active,
.owl-carousel-product-detail .owl-next:active {
    outline: 0;
}

.hdd-product-detail-tabs {
    background-image: url("../images/linebottom.png");
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 30px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.hdd-product-detail-tabs ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.hdd-product-detail-tabs ul li {
    margin-right: 10px;
    display: inline-block;
}

.hdd-product-detail-tabs ul li a {
    display: block;
    color: #555;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    padding: 6px;
}

.hdd-product-detail-tabs ul li.active a {
    border-bottom: 4px solid #3c599b;
}

.hdd-product-detail-tabs-item {
    border-bottom: 2px #0071bc solid;
    margin-top: 50px;
    margin-bottom: 20px;
}

.hdd-product-detail-tabs-item .tab-name {
    background-color: #0071bc;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    padding: 8px 18px;
    padding-left: 18px !important;
    color: #fff;
    padding-top: 10px;
}

h3.ctit-template {
    font-size: 18px;
    margin-bottom: 15px;
}

ul.clist-template {
    list-style: none;
    margin: 0;
    padding: 0;
    list-style-type: none!important;
    margin-bottom: 15px;
    padding-left: 0!important;
    border: 1px #ccc solid;
}

ul.clist-template li {
    padding: 0;
    margin: 0;
    border-bottom: 1px #ccc solid;
}

ul.clist-template li:last-child {
    border-bottom: 0;
}

ul.clist-template li .ctit {
    display: inline-block;
    width: 300px;
    padding: 10px;
    border-right: 1px #ccc solid;
    text-align: center;
    background-color: #e4dcd3;
}

ul.clist-template li .csp {
    display: none;
}

ul.clist-template li .cval {
    padding: 10px;
    display: inline-block;
    padding-left: 20px;
}

.hdd-product-detail-selversion {
    border-radius: 0;
    background-color: #e4dcd3;
}

/* asd */
.breadcrumbs a,
.show-subs-breadcrumbs {
    background-color: transparent;
}

.breadcrumbs a:before  {
    display: none;
}

.breadcrumbs a:after,
.show-subs-breadcrumbs:after {
    content: "/";
    border: 0;
    position: relative;
}

.breadcrumbs li {
    margin-left: 0;
    margin-right: 0;
}

.breadcrumbs li:first-child a {
    padding-left: 0;
}

.breadcrumbs li:last-child a:after {
    display: none;
}

.breadcrumbs a:hover,
.show-subs-breadcrumbs:hover {
    background-color: transparent;
}

.breadcrumbs li:first-child a:before {
    content: "\f015";
    font-family: "FontAwesome";
    display: inline-block;
    border: 0;
    position: relative;
    left: 0;
    margin-right: 7px;
}

.breadcrumbs,
.breadcrumbs a {
    color: #6C6C6C;
}

.jScrollPaneCatShops {    max-height: 600px;    overflow: hidden;    padding-top: 5px;    /* border-radius: 5px; */    border: 1px solid #428bca;
}

.hdd-cat-shops-news-pro {
    margin-bottom: 10px;
}

.hdd-cat-shops-news-pro h3 {
    margin-bottom: 5px;
}

.hdd-cat-shops-news-pro .img {
    float: left;
    width: 150px;
    height: 110px;
    margin-right: 10px;
}

.hdd-cat-shops-news-pro .img a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.hdd-cat-shops-news-pro .img a img {
    display: none;
}

.hdd-toggle-menu {
    color: #fff;
    display: none;
    font-size: 28px;
    line-height: 50px;
    position: absolute;
    right: 20px;
    top: -63px;
}

.hdd-toggle-menu i {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.hdd-toggle-menu a {
    color: #615959;
}

.hdd-search-mobile {
    background: rgba( 0, 0, 0, .9 );
    padding: 10px;
}

.hdd-contact-mobile {
    padding: 10px;
}

.hdd-contact-mobile,
.hdd-contact-mobile a {
    color: #fff;
}

.hdd-search-mobile,
.hdd-contact-mobile {
    display: none;
}

.menuicon img {
    max-width: 100%;
}
.panel-body img{
	max-width: 100%;
	height: auto
}
/* Responsive */
@media (max-width: 1150px) {
    .hdd-head-right {
        display: none;
    }
}

@media (min-width: 990px) {
    body {
    padding-top: 135px;
	}
}

@media (max-width: 991.98px) {
    .col-shops-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-shops-5 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
	header .top{
        padding: 0px
    }
    header{
        background: #fff;
    }
    header .top .search-form {
        width: 100%;
        margin-bottom: 10px;
    }
    .logo_header_mobile{
        display: block;
    }
    .logo_header_desktop{
        display: none;
    }
    header #header .logo_company_header .logo_header{
        max-width: 60px
    }
    header #header .logo_company_header img {
          position: absolute;
		  left: 0;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  margin: auto;
    }
    .title_company_header{
        font-size:15pt !important;
        text-align: center;
    }
    header .logo_company_header{
        min-height: 75px;
    }
    header .row-ibl #header > [class^="col-"]{
        vertical-align: middle;
    }
	header #header{
    display: flex !important;
	box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
	}
	body {
    padding-top: 65px;
	}
}


@media (min-width: 830px) {
	.shops-main-cat-subs {
		display: -webkit-box;
		line-height: 1.3;
		-webkit-line-clamp: 1;  /* số dòng hiển thị */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
    }
}
@media (max-width: 830px) {
    .hdd-search-mobile,
    .hdd-contact-mobile {
        display: block;
    }

    #header .logo-menu {
        display: block;
    }

    .hdd-header {
        margin-top: 0;
        background: #2d2d2d;
        min-height: 52px;
    }

    #header .logo {
        height: 52px;
    }

    #header .logo a {
        display: flex;
        height: 42px;
        align-items: center;
    }

    #header .logo a img {
        vertical-align: middle;
    }

    .hddmenusite {
        background: rgba(77, 77, 64, .9);
        position: fixed;
        top: 72px;
        height: calc(100vh - 52px);
        left: 0;
        right: 0;
        display: none;
		z-index:199;
    }

    .hddmenusite-content {
        height: 100%;
        overflow: auto;
        max-height: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .echbay-alo-phone {
        --display: none!important;
    }

    .hdd-toggle-menu {
        display: block;
    }

    .hddmenusite-content > ul {
        padding: 0;
    }

    .hddmenusite-content > ul > li {
        display: block;
        border-bottom: 1px #515151 solid;
    }

    .hddmenusite-content > ul > li > a {
        font-size: 14px;
        line-height: 40px;
        text-transform: uppercase;
        font-weight: 400;
        background: rgba( 0, 0, 0, .9 );
    }

    .hddmenusite-content > ul > li:hover > a {
        background: rgba( 0, 0, 0, .9 );
        color: #fff;
    }

    .hddmenusite-content > ul > li > div.subcats {
        position: relative;
        left: 0;
        top: 0;
        display: block;
        box-shadow: none;
        background: rgba(77, 77, 64, .9);
        padding: 0;
		z-index:199;
    }

    .hddmenusite-content > ul > li > div.subcats .col-menu {
        width: 100%;
        text-align: left;
        border-bottom: 1px #45453b solid;
    }

    .hddmenusite-content > ul > li > div.subcats .col-menu:last-child {
        border-bottom: 0;
    }

    .hddmenusite-content > ul > li > div.subcats .col-menu .menuicon {
        display: none;
    }

    .hddmenusite-content > ul > li > div.subcats a  {
        font-weight: 400;
        display: block;
        color: #ccc;
        padding: 0 0 0 30px;
        font-size: 14px;
        line-height: 40px;
    }

    body.hdd-open-menu {
        overflow: hidden;
    }

    .hdd-open-menu .hdd-toggle-menu i {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .hdd-open-menu .hddmenusite {
        display: block;
    }

    .hdd-top-slide {
        margin-top: 0px;
    }

    #header .logo {
        text-align: center;
        padding-right: 45px;
    }

    #header .logo img {
        max-width: 100%;
    }

    .shops-main-cat-subs {
        display: none;
    }

    .shops-main-cat-subs-mobile {
        display: block;
    }
}


/* Căn chỉnh chung cho menu */
.product-menu {
    padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

/* Cấu trúc từng sản phẩm */
.product-item {
    padding: 0px 5px 0px 5px;
	overflow: hidden;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 250px; /* Đảm bảo chiều cao đồng đều */
}

/* Hộp sản phẩm */
.product-box {
    display: block;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-decoration: none; /* Xóa gạch chân của link */
}

/* Hình ảnh sản phẩm (cố định kích thước) */
.product-box img {
    width: 100%; /* Cố định chiều rộng */
    height: 120px; /* Cố định chiều cao */
    object-fit: contain; /* Giữ nguyên tỷ lệ hình ảnh, không bị méo */
    border-radius: 8px;
    display: block;
    margin: 0 auto; /* Căn giữa ảnh */
}

/* Tiêu đề sản phẩm */
.product-box h2 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-top: 2px;
    min-height: 50px;
	text-transform: uppercase;
}

/* Mô tả sản phẩm */
.product-box p {
    font-size: 12px;
    color: #666;
	min-height: 40px;
}

/* Hiệu ứng khi di chuột vào */
.product-box:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}



@media (max-width: 767.98px) {
    .col-shops-4 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-shops-5 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
}

@media (max-width: 499px) {
	.hdd-cat-shops-news-pro .img {
    float: left;
    width: 100%;
    height: 130px;
    margin-right: 0px;
}

	.jScrollPaneCatShops {
    max-height: 100%;
    overflow: hidden;
}
	.owl-carousel .product-detail {
	position: absolute;
    left: 0;
    bottom: 0;
    font-size: 13px;
    padding: 5px 10px 7px 10px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    font-weight: 700;
    -webkit-transition-duration: 1.0s;
    -moz-transition-duration: 1.0s;
    -o-transition-duration: 1.0s;
}
.owl-carousel .product-detail a.button {
    position: absolute;
    right: -20%;
    bottom: 10%;
    width: 50%;
    background: #fff;
    padding: 5px 15px 5px 5px;
	color: #002c5f;
	text-align: right;
}
.owl-carousel .product-detail a.button:hover {
	color: #fff;
	background:#019bd4;
}
.owl-carousel .product-detail h3 {
    /* border-top: 5px solid #000021; */
    text-transform: uppercase;
    /* margin-top: 5px; */
    font-size: 15px;
    margin: 0;
    /* padding: 5px; */
    color: #fff;
    /* font-family: 'Roboto', sans-serif; */
    font-weight: 700;
}
.owl-carousel .product-detail h3 a {
    color: #fff;
}
.owl-carousel .product-detail .product-detail-list {
    margin-left: auto;
    color: #fff;
    display: block;
}

    #header .logo img {
        max-height: inherit;
    }

    .col-shops-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-shops-5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    ul.clist-template li .ctit {
        width: 150px;
    }
	.zalo-chat-widget{
	right: 20px!important;
	bottom: 100px!important
	}
	#buttonbacktotop {
		bottom: 20px;
		right: 20px;
	}
}

@media (min-width: 499px) {
    	.hddmenusite-content > ul > li > div.subcats .col-menu {
			min-height:130px
		}
		.owl-carousel .product-detail {
			position: absolute;
			left: 0;
			bottom: 0;
			font-size: 13px;
			padding: 5px 10px 7px 10px;
			width: 100%;
			background: rgba(0, 0, 0, 0.5);
			font-weight: 700;
			-webkit-transition-duration: 1.0s;
			-moz-transition-duration: 1.0s;
			-o-transition-duration: 1.0s;
				}
.owl-carousel .product-detail a.button {
    position: absolute;
    right: -20%;
    bottom: 20%;
    width: 40%;
    background: #fff;
    padding: 5px 15px 5px 5px;
	color: #002c5f;
	text-align: right;
}
.owl-carousel .product-detail a.button:hover {
	color: #fff;
	background:#019bd4;
}
.owl-carousel .product-detail h3 {
    /* border-top: 5px solid #000021; */
    text-transform: uppercase;
    /* margin-top: 5px; */
    font-size: 15px;
    margin: 0;
    /* padding: 5px; */
    color: #fff;
    /* font-family: 'Roboto', sans-serif; */
    font-weight: 700;
}
.owl-carousel .product-detail h3 a {
    color: #fff;
	transition: all 0.3s ease;
	display: inline-block;
}
.owl-carousel .product-detail h3 a:hover {
	color: #007BFF; /* hoặc màu thương hiệu của bạn */
	transform: scale(1.05);
	filter: brightness(1.2);
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.owl-carousel .product-detail .product-detail-list {
    margin-left: auto;
    color: #fff;
    display: block;
}
/* Plugins social*/
.zalo-chat-widget{
    right: 20px!important;
    bottom: 100px!important;
	}
#buttonbacktotop {
	bottom: 30px;
	right: 20px;
	}
	
}
}


/* Plugins social*/
.autoAdsMaxLead-widget-button-default-text, .powered_by_autoAdsMaxLead,.aml_dk-hightlight, .aml-powered-by, .subiz_logo,.poweredby{
    display: none !important;
}
#wpwidget .poweredby, .cl-branding{
    display: none !important;
}

.autoAdsMaxLead-widget, #aml_dk-main-button  {

    top: 70%!important;
    right: 5px !important;
    position: fixed;
}
.aml_dk-mobile .aml-modal-content {
	    bottom: 15% !important;
}
.aml_dk-desktop.aml_dk-style-main-button[class*='-bottom']{
		top: 45% !important;
}
.aml_dk-desktop.aml_dk-style-default[class*='-right']{
		padding-right:0px !important;
}

/* Subiz */
#subiz .poweredby{
	display: none !important;
}
#wpwidget .widget-layout{
	z-index: 147483650 !important;
}
/* Subiz */

 .aml_dk-flex-container, .aml-flc-style-main-button, .aml_dk-style-default  {

    top: 10%!important;
	right: 5px !important;

}
 #aml_dk-main-button  {
	right: 5px !important;

}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}



/* htcv */

.infoList_wrap .info_list {
    margin: 0 -13px;
    overflow: hidden;
}

.infoList_wrap .item {
    float: left;
    width: 25%;
    padding: 0 13px;
}

.infoList_wrap .info_item {
    height: 220px;
    padding: 50px 0 0 0;
    background-color: #35719E;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .infoList_wrap .info_item {
        height: 170px;
        padding: 20px 0 0 0;
    }
}

@media screen and (max-width: 700px) {
    .infoList_wrap .item {
        width: 50%;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 320px) {
    .infoList_wrap .item {
        width: 100%;
        margin-bottom: 10px;
    }
}

.infoList_wrap .info_item .ico {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    vertical-align: top;
    position: relative;
}

em.ico:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: url(https://hyundai.tcmotor.vn/Images/icon_all.svg) no-repeat;
}

.infoList_wrap .info_item.emission .ico:after {
    background-position: -360px -140px;
}

.infoList_wrap .info_item.displace .ico:after {
    background-position: -320px -140px;
}

.infoList_wrap .info_item.power .ico:after {
    background-position: -240px -140px;
}

.infoList_wrap .info_item.torque .ico:after {
    background-position: -280px -140px;
}

.infoList_wrap .info_item {
    padding-top: 8px;
    color: #fff;
}
.infoList_wrap .info_item.emission .ico:after {
    background-position: -360px -140px;
}

.infoList_wrap .info_item.displace .ico:after {
    background-position: -320px -140px;
}

.infoList_wrap .info_item.power .ico:after {
    background-position: -240px -140px;
}

.infoList_wrap .info_item.torque .ico:after {
    background-position: -280px -140px;
}

.infoList_wrap .info_item dl {
    padding-top: 8px;
    color: #fff;
}

.infoList_wrap .info_item dt {
    font-size: 32px;
    font-family: ChakraPetchBold;
    line-height: 42px;
}

.infoList_wrap .info_item dd {
    padding-top: 8px;
    opacity: 0.6;
}



#buttonbacktotop {
  display: inline-block;
  background-color: rgba(0,0,0,.8);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#buttonbacktotop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#buttonbacktotop:hover {
  cursor: pointer;
  background-color: #333;
}
#buttonbacktotop:active {
  background-color: #555;
}
#buttonbacktotop.show {
  opacity: 1;
  visibility: visible;
}
.zalo-chat-widget.show {
  opacity: 1;
  visibility: visible!important;
}
.zalo-chat-widget {
  visibility: hidden!important;
}

/* FAQ */
.faq-heading{
    border-bottom: #777;
    padding: 20px 60px;
	text-align: center;
}
.faq-container{
display: flex;
justify-content: center;
flex-direction: column;
}
.hr-line{
  width: 60%;
  margin: auto;
  
}
/* Style the buttons that are used to open and close the faq-page body */
.faq-page {
    /* background-color: #eee; */
    color: #444;
    cursor: pointer;
    padding: 30px 20px;
    width: 100%;
    border: none;
    outline: none;
    transition: 0.4s;
    margin: auto;
}
.faq-body{
    margin: auto;
    /* text-align: center; */
   width: 90%; 
   padding: auto;
   
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.faq-page:hover {
    background-color: #F9F9F9;
}
/* Style the faq-page panel. Note: hidden by default */
.faq-body {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}
.faq-page:after {
	font-family:FontAwesome;
    content: "\f0dd";
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}
.activefaq:after {
	font-family:FontAwesome;
    content: "\f0de";
    /* Unicode character for "minus" sign (-) */
}
.viewcat_loaithung {	/* border-radius:5px; */	/* border:1px solid #428bca; */}.viewcat_loaithung .tieu-de-loaithung {	background:#428bca;	padding:2px 20px;	margin-top:-12px;	font-size:15px;	font-weight:500;	color:#ffffff;	max-width:100%;	/* border-radius:99px; */	text-align: center;	display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}/* Nut goi */.alo-phone{    position: fixed;    visibility: hidden;    background-color: transparent;    width: 200px;    height: 50px;    line-height: 46px;    cursor: pointer;    z-index: 3147483650!important;    -webkit-backface-visibility: hidden;    -webkit-transform: translateZ(0);    -webkit-transition: visibility .5s;    -moz-transition: visibility .5s;    -o-transition: visibility .5s;    transition: visibility .5s;    left: 5px;    bottom: 20px;}.alo-phone-left {right:25px;position:fixed;bottom:55px;}.alo-phone.alo-show{visibility:visible;opacity: 1;}@-webkit-keyframes fadeInRight {0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInRightBig {0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRight {0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}.alo-phone.alo-static{opacity:.6}.alo-phone.alo-hover,.alo-phone:hover{opacity:1}.alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;border:2px solid rgba(30,30,30,0.4);border:2px solid #bfebfc 9;opacity:.1;-webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.alo-phone.alo-active .alo-ph-circle{-webkit-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out!important;-moz-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out!important;-ms-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out!important;-o-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out!important;animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out!important}.alo-phone.alo-static .alo-ph-circle{-webkit-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out!important;-moz-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out!important;-ms-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out!important;-o-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out!important;animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out!important}.alo-phone.alo-hover .alo-ph-circle,.alo-phone:hover .alo-ph-circle{border-color:#00aff2;opacity:.5}.alo-phone.alo-green.alo-hover .alo-ph-circle,.alo-phone.alo-green:hover .alo-ph-circle{border-color:#35719e;border-color:#baf5a7 9;opacity:.5}.alo-phone.alo-green .alo-ph-circle{border-color:#00aff2;border-color:#bfebfc 9;opacity:.5}.alo-phone.alo-gray.alo-hover .alo-ph-circle,.alo-phone.alo-gray:hover .alo-ph-circle{border-color:#ccc;opacity:.5}.alo-phone.alo-gray .alo-ph-circle{border-color:#35719e;opacity:.5}.alo-ph-circle-fill{width:205px;height:80px;top:50px;left:50px;position:absolute;background-color:#000;border:2px solid transparent;opacity:.1;-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.alo-phone.alo-active .alo-ph-circle-fill{-webkit-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-moz-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-ms-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-o-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out!important;animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out!important}.alo-phone.alo-static .alo-ph-circle-fill{-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out!important;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}.alo-phone.alo-hover .alo-ph-circle-fill,.alo-phone:hover .alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#00aff2 9;opacity:.75!important}.alo-phone.alo-green.alo-hover .alo-ph-circle-fill,.alo-phone.alo-green:hover .alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);background-color:#baf5a7 9;opacity:.75!important}.alo-phone.alo-green .alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#a6e3fa 9;opacity:.75!important}.alo-phone.alo-gray.alo-hover .alo-ph-circle-fill,.alo-phone.alo-gray:hover .alo-ph-circle-fill{background-color:rgba(204,204,204,0.5);background-color:#ccc 9;opacity:.75!important}.alo-phone.alo-gray .alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75!important}.alo-ph-img-circle{width:100%;height:100%;top:0px;left:0px;text-align:center;position:absolute;border:2px solid transparent;opacity:1;-webkit-animation:coccoc-alo-circle-img-anim 2s infinite ease-in-out;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation:coccoc-alo-circle-img-anim 2s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%; color:#fff; font-size:20px;z-index: 2147483659!important;font-weight:700;} .alo-phone.alo-active .alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out!important;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out!important;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out!important;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out!important;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out!important}.alo-phone.alo-static .alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 0 infinite ease-in-out!important;-moz-animation:coccoc-alo-circle-img-anim 0 infinite ease-in-out!important;-ms-animation:coccoc-alo-circle-img-anim 0 infinite ease-in-out!important;-o-animation:coccoc-alo-circle-img-anim 0 infinite ease-in-out!important;animation:coccoc-alo-circle-img-anim 0 infinite ease-in-out!important}.alo-phone.alo-hover .alo-ph-img-circle,.alo-phone:hover .alo-ph-img-circle{background-color:#00aff2}.alo-phone.alo-green.alo-hover .alo-ph-img-circle,.alo-phone.alo-green:hover .alo-ph-img-circle{background-color:#35719e;background-color:#35719e 9}.alo-phone.alo-green .alo-ph-img-circle{background:-webkit-linear-gradient(top,#ff6f6f,#df0000);transition: backgrounds.3s, opacity .5s, visibility .5s;}.alo-phone.alo-gray.alo-hover .alo-ph-img-circle,.alo-phone.alo-gray:hover .alo-ph-img-circle{background-color:#ccc}.alo-phone.alo-gray .alo-ph-img-circle{background-color:#35719e}@-moz-keyframes coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-alo-circle-img-anim {0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-3deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(3deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-3deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(3deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim {0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-3deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(3deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-3deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(3deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim {0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-3deg) scale(1) skew(1deg)}20%{-o-transform:rotate(3deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-3deg) scale(1) skew(1deg)}40%{-o-transform:rotate(3deg) 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}}@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}}@-moz-keyframes fadeOutRight {0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fadeOutRight {0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-o-keyframes fadeOutRight {0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight {0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes coccoc-alo-circle-anim {0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim {0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes coccoc-alo-circle-anim {0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes coccoc-alo-circle-anim {0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim {0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim {0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim {0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes coccoc-alo-circle-fill-anim {0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim {0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-3deg) scale(1) skew(1deg)}20%{transform:rotate(3deg) scale(1) skew(1deg)}30%{transform:rotate(-3deg) scale(1) skew(1deg)}40%{transform:rotate(3deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim {0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-3deg) scale(1) skew(1deg)}20%{transform:rotate(3deg) scale(1) skew(1deg)}30%{transform:rotate(-3deg) scale(1) skew(1deg)}40%{transform:rotate(3deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim {0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-3deg) scale(1) skew(1deg)}20%{transform:rotate(3deg) scale(1) skew(1deg)}30%{transform:rotate(-3deg) scale(1) skew(1deg)}40%{transform:rotate(3deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes coccoc-alo-circle-img-anim {0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-3deg) scale(1) skew(1deg)}20%{transform:rotate(3deg) scale(1) skew(1deg)}30%{transform:rotate(-3deg) scale(1) skew(1deg)}40%{transform:rotate(3deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}


/* Edit bootstrap */
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}
.danh-sach {
	border: 2px solid #000;
    padding: 10px;
    background: #f3f3f3;
    margin-bottom: 20px;
    border-radius: 6px;

}

.danh-sach .fa {
	margin-right: 10px;
}

.head-danh-sach {
	background: none;
	border: none;
	width: 100%;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
	font-size: 16px;
	padding: 5px 0;
}

.js-toc {
	margin-bottom: 10px;
    max-height: 400px;
    overflow-y: auto;
}

ol.toc-list {
	padding-left: 20px;
	list-style-type: decimal;
	margin-bottom: 0;
	margin-bottom: 5px;
}

ol.toc-list:last-child {
	margin-bottom: 0
}

ol.toc-list>li:last-child {
	margin-bottom: 0
}

ol.toc-list a {
	width: 100%;
	background: linear-gradient(to right, #ddd 50%, #f3f3f3 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all.25s ease;
	padding: 3px;
	display: inline-block;
}

ol.toc-list .is-active-link {
	background-position: left bottom;
}

ol.toc-list>li>a {
	font-weight: 700;
	color: #000
}

ol.toc-list>li>ol.toc-list>li>a {
	font-weight: 400
}

.is-position-fixed {
	position: fixed !important;
	top: 50px;
	z-index: 99
}

.is-position-fixed .js-toc {
	height: auto !important;
	width: 200px !important;
	visibility: visible !important;
	transition: .25s;
	visibility: hidden;
}

.picaso {
	transition: .25s;
}

.transition--300 {
	transition: all 300ms ease-in-out;
}

.btn-danh-sach-close {
	border: none;
	background: none;
	position: absolute;
	top: 13px;
	right: 0;
	width: 40px;
	padding: 0;
	display: none;
}

.btn-danh-sach-show {
	position: fixed;
	top: 150px;
	font-size: 20px;
	border: 2px solid #000;
	padding: 10px;
	background: #f3f3f3;
	line-height: 1;
	border-radius: 7px;
	z-index: 9;
	display: none;
	opacity: .7;
	transform: .25s
}

.btn-danh-sach-show:hover {
	opacity: 1;
	transform: .25s
}

.is-position-fixed .btn-danh-sach-close, .is-position-fixed .btn-danh-sach-show {
	display: block;
}

#bodyhtml h1:before, #bodyhtml h2:before, #bodyhtml h3:before, #bodyhtml h4:before, #bodyhtml h5:before, #bodyhtml h6:before {
    display: block;
    content: " ";
    height: 15px;
    margin-top: -15px;
    visibility: hidden;
}

#news-bodyhtml h1,.bodytext h1 {
	font-size: 20px !important;
    color: #222 !important;
	
}


#news-bodyhtml h2,.bodytext h2 {
    margin: 0 0 10px !important;
	font-size: 18px;
}

#news-bodyhtml h2, .bodytext h2 {
	line-height: 24px !important;
    padding: 0 !important;
    font-weight: 700 !important;
	
}
#news-bodyhtml h3,.bodytext h3 {
	font-size: 16px !important;
    color: #222 !important;
	
}
#news-bodyhtml h3,.bodytext h3 {
    margin: 0 0 5px !important;
}
#news-bodyhtml h4;.bodytext h4 {
	font-size: 16px !important;
    color: #222 !important;
	
}
.bodytext ul p{
	margin-bottom: 5px !important;
}