:root {
    --c1: #faab0a;
    --c2: #562a1d;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body,
p,
a,
li {
    font-family: Tonos, san-serif !important;
    letter-spacing: 0;
    color: #1d1919;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Tonos', sans-serif !important
}

body,
p,
a,
li {
    font-size: 17px;
}

a:active,
a:focus,
a:hover {
    color: var(--c1)
}

.lines,
.lines:after,
.lines:before {
    background-color: var(--c1)
}

.content h1,
.post-item-description h1,
.heading h1,
.heading h2 {
    letter-spacing: -0.9px !important;
    font-weight: 700;
    font-size: 32px;
    font-family: 'Tonos', sans-serif !important;
    color: #000;
    text-transform: uppercase;
    position: relative;
    line-height: 1.2;
}

.heading h2::before {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 50%;
    background: var(--c1);
    height: 4px;
    width: 50px;
    transform: translateX(-100%);
}

.heading h2.text-light::before,
.heading.text-light h2::before {
    background: #fff;
}

.heading h2::after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 50%;
    background: var(--c2);
    height: 4px;
    width: 50px;
    /* transform: translateX(-100%); */
}

.pageHeader .heading h2::before {
    display: none
}

.pageHeader .heading h2::after {
    display: none
}

.heading {
    margin-bottom: 52px;
}

p,
ul,
ol,
pre,
table {
    margin-bottom: 10px
}

ol {
    list-style-type: decimal
}

blockquote {
    border-left: 3px solid #1abc9c;
    font-size: 16px;
    font-style: italic;
    padding: 5px 15px
}

.form-group {
    margin-bottom: 24px;
}

.form-group label {
    text-transform: none
}

.blockquote-color {
    border-radius: 4px
}

img {
    max-width: 100%;
    height: auto
}

section {
    padding: 60px 0;
}

.gioithieu-section p {
    text-align: justify
}

.btn {
    transition: .3s;
    text-shadow: none !important;
    border: none;
    font-size: 14px;
    letter-spacing: 0;
    color: #000;
}

.slideBox {
    position: relative
}

.slideInfo {
    position: absolute;
    bottom: -1px;
    width: 100%;
    left: 0;
    padding: 30px 0;
    background: #b52f61;
    z-index: 9
}

.slideInfo2Con {
    position: relative;
    margin: 0 auto;
    display: block
}

.slideInfo2.dangki form input {
    padding: 7px 18px;
    box-shadow: none;
    border: 1px #376C51 solid;
    margin-bottom: 0;
    border-radius: 0;
    text-align: center;
    background: transparent
}

.slideInfo2.dangki form input::placeholder {
    font-weight: 500;
    color: #376C51
}

.slideInfo2.dangki .btn.btn-primary {
    background: #B52F61;
    border-radius: 4px
}

.slideInfo2 {
    position: absolute;
    bottom: calc(100vw/1920*990 - 400px);
    right: 0;
    width: 300px;
    z-index: 2;
    background: rgba(255, 255, 255, 0.94);
    padding: 25px;
    padding-bottom: 6px;
    border-radius: 5px
}

.slideInfo2 p {
    text-align: center;
    font-weight: 800;
    line-height: 1.3;
    text-transform: uppercase;
    background: -webkit-linear-gradient(left, #007D6F, #199C8C, #007D70);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 19px
}

.slideInfo .slideInfoItem h4 {
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400
}

.slideInfo .slideInfoItem img {
    height: 25px;
    margin-top: -9px
}

.slideInfo .slideInfoItem p {
    font-size: 12px;
    line-height: 22px;
    margin-left: 4px;
    margin-bottom: 0
}

#topbar .top-menu>li:last-child>a {
    margin: 0
}

#topbar.topbar-transparent {
    background-color: rgba(0, 0, 0, 0.4);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}

#topbar.topbar-mini {
    height: 30px;
    line-height: 30px;
    background: var(--c1)
}

#topbar.topbar-mini .container {
    height: 30px;
    line-height: 30px
}

#topbar.topbar-mini .top-menu>li>a,
#topbar.topbar-mini .top-menu>li {
    line-height: 30px;
    height: 30px
}

#mainMenu nav>ul>li>a {
    padding: 12px 11px 11px;
    font-size: 15px;
    /* transition:none; */
    text-transform: none;
    font-weight: 600;
}

#mainMenu nav>ul>li:hover>a {
    color: var(--c1)
}

#mainMenu.menu-right nav>ul>li:last-child>a {
    padding-right: 0
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content>a,
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content>span,
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*="col-"]>ul>li>a {
    padding: 4px 0;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -.5px !important
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content li~.mega-menu-title {
    margin-top: 0
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*="col-"]>ul>li.mega-menu-title>a {
    font-weight: 700;
    letter-spacing: -.5px !important
}

#mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,
#mainMenu nav>ul>li .dropdown-menu>li>a,
#mainMenu nav>ul>li .dropdown-menu>li>span {
    font-weight: 500;
    transition: none
}

#mainMenu nav>ul>li {
    padding: 0;
    margin-left: 0;
    transition: none
}

#mainMenu nav>ul>li:first-child {
    padding-left: 0
}

#mainMenu nav>ul>li:last-child {
    padding-right: 0
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title {
    padding-bottom: 0
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title a {
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 0
}

#mainMenu nav>ul>li>a:hover {
    cursor: pointer
}

#mainMenu nav>ul>li .dropdown-menu>li>a:hover,
#mainMenu nav>ul>li .dropdown-menu>li:hover>a {
    background: var(--c1);
    color: #fff !important
}

#header {
    background: rgba(0, 0, 0, 0.2)
}

#header #header-wrap #logo a>img {
    padding: 10px 0;
    transition: none
}

#header.dark #top-search form input::placeholder {
    color: #fff
}

#header .header-extras>ul>li>a:not(.btn) i,
#header .header-extras>ul>li>a:not(.btn) img {
    line-height: 1;
    margin-top: 27px;
    width: 28px;
    text-align: center;
    height: 28px;
    padding-top: 7px;
    border-radius: 20em;
    background: rgba(0, 0, 0, 0.15);
    transition: .2s
}

#header .header-extras>ul>li>a:not(.btn) img {
    padding: 0;
    border-radius: 0;
    height: auto;
    width: 43px;
    border: 1px #ddd solid
}

#header .header-extras>ul>li {
    margin-left: 10px
}

#header .header-extras>ul>li .btn,
.b69 {
    background: var(--c1);
    text-shadow: none;
    padding: 8px 15px;
    transition: none;
    font-size: 15px;
    border-radius: 3px;
}

#header .header-extras>ul>li.gopy .btn.b69 {
    background: #ccc;
    text-transform: none;
}

#top-search-trigger i {
    line-height: 80px
}

#goToTop {
    bottom: 14px !important;
    /* left: 10px; */
    right: 9px;
    opacity: 1 !important;
}

.portfolio-image .quickview {
    color: #fff;
    display: none;
    font-size: 13px;
    background-color: rgba(0, 0, 0, .4);
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    z-index: 1
}

.portfolio-image:hover .quickview {
    display: block
}

.portfolio-item.no-overlay .portfolio-description h3 {
    text-transform: initial;
    letter-spacing: inherit;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6
}

.team-members .team-member .team-image {
    margin-bottom: 0
}

.team-members.team-members-shadow .team-member .team-image>img {
    width: 220px;
    margin: auto;
    margin-top: 20px
}

.btn+.btn {
    margin-left: 7px
}

.btn-my,
.btn.btn-primary {
    background: var(--c1);
    text-shadow: none !important
}

.btn-my:hover,
.btn-primary:hover {
    background-color: var(--c2)
}

.lead {
    font-weight: 400
}

.each-product .product-image img {
    padding: 0;
    transition: .2s;
    border: 1px #ccc solid
}

.each-product:hover .product-image img {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15)
}

.carousel .each-product .product-image img {
    box-shadow: none
}

.carousel .each-product:hover .product-image img {
    box-shadow: none;
    transform: none
}

.product-title h1 a {
    font-weight: 400
}

.icon-box.large>h3,
.icon-box.large>h5 {
    font-size: 20px;
    font-weight: 600
}

.col-md-2-5 {
    /* padding-left:5px; */
    /* padding-right:5px; */
    position: relative
}

.product .product-title {
    margin-bottom: 23px
}

.product .product-title h3 {
    line-height: 1.5
}

.product .product-title h3 a {
    font-size: 16px !important;
    line-height: 1.4;
    font-weight: 600;
    font-family: 'Tonos', sans-serif !important
}

.product .product-price {
    width: 100%;
    float: left;
    margin-bottom: 0;
    margin-top: 5px;
    text-align: left
}

.product .product-price ins {
    color: #E82933;
    font-size: 15px;
    text-transform: none
}

.product-page .product .product-image a {
    margin-bottom: 3px;
    cursor: zoom-in
}

.product-page .product .product-title {
    margin-bottom: 10px;
    float: left;
    width: 100%
}

.product-page .product .product-title h1 {
    font-size: 26px;
    font-weight: 700;
    text-transform: none
}

.product-page .product .product-rate {
    font-size: 26px;
    margin-bottom: 12px;
    width: 100%;
    float: left
}

.product-page .product .product-price {
    float: left;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 17px
}

.product-page .product .product-price ins {
    font-size: 20px
}

.product-page .product .product-price+p {
    float: left;
    width: 100%
}

.each-product .product-price del {
    margin: 0;
    color: #777;
    text-transform: none;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 1px;
    line-height: 11px;
    margin-top: 3px
}

.product-page .product .product-price del {
    margin: 0;
    color: #777;
    text-transform: none;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    opacity: .8
}

.product-page .product .product-image .thumb {
    overflow: hidden
}

.product-page .product .product-image .thumb>a {
    width: 24.7%;
    border: 1px rgba(204, 204, 204, 0.48) solid;
    overflow: hidden;
    height: auto;
    float: left;
    margin: .2%;
    padding: 0;
    cursor: zoom-in
}

.widget-shop .product .product-title h3 a {
    font-size: 12px !important
}

.widget-shop .product {
    min-height: auto
}

.widget-shop .product .product-category,
.widget-shop .product .product-title {
    margin-top: 0
}

.sidebar .widget {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
}

.widget-shop .product .product-price ins {
    font-size: 14px
}

.product-page .product .product-image .thumb>a:nth-child(4n+1) {
    margin-left: 0
}

.product-page .product .product-image .thumb>a:nth-child(4n+4) {
    margin-right: 0
}

.product-page .product .product-image .thumb>a.active {
    border: 2px #ccc solid
}

.product-page .product .product-image .main-product-img {
    margin-bottom: 10px;
    padding: 0
}

.product-page .product-description .btn {
    margin-bottom: 0
}

.product-page .post-share {
    float: left;
    width: 100%
}

.product-page .post-share .fb-like {
    margin-top: 10px
}

.product-size li label span {
    width: auto;
    padding: 0 5px
}

.breadcumb {
    padding: 10px 0
}

.breadcumb p {
    margin: 0;
    font-size: 12px;
    color: #555;
    line-height: 1.4
}

.lienhe .widget .widget-title {
    color: var(--c1);
    font-weight: 800;
    font-size: 22px
}

.lienhe .widget p,
.lienhe .widget a {
    font-size: 18px;
    line-height: 31px
}

.pagination {
    overflow: hidden;
    margin: auto;
    width: fit-content
}

.pagination li i {
    line-height: 1.42857143
}

.copyright-text a,
.breadcumb p a,
.breadcumb p i {
    font-size: 12px
}

.each-product .product-image,
.each-product .product-image a {
    position: relative;
    overflow: inherit;
    margin-bottom: 12px
}

.each-product .product-image img.smallLogo {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 8px 10px;
    width: 238px;
    height: auto !important;
    height: auto;
    border: none;
    border-top-left-radius: 1.3em;
    background: rgba(255, 255, 255, 0.88);
    margin: 0;
    position: absolute;
    bottom: 12px;
    right: 0;
    padding: 5px 10px;
    width: 182px;
    height: auto !important;
    height: auto;
    border: 1px #ccc solid;
    border-top-left-radius: .8em;
    background: rgba(255, 255, 255, 0.88);
    margin: 0
}

.each-product .product-image img.smallLogo2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding: 2px 58px;
    width: 100%;
    height: auto !important;
    height: auto;
    border: none;
    background: rgba(255, 255, 255, 0.46);
    margin: 0;
    position: absolute;
    transform: translateY(-50%);
    right: 0;
    padding: 2px 40px;
    width: 100%;
    height: auto !important;
    height: auto;
    border: none;
    background: rgba(255, 255, 255, 0.53);
    margin: 0
}

.each-product .product-description {
    overflow: hidden
}

.each-product .product-title {
    margin-bottom: 0
}

.each-product .product-price {
    margin-top: 0;
    text-align: center
}

.each-product .product-title h4 {
    font-size: 15px;
    line-height: 1.4;
    text-align: center
}

.each-post h4 {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 5px
}

.testimonial.testimonial-box .testimonial-item {
    padding: 20px;
    height: inherit !important;
    line-height: 1.4
}

.testimonial .testimonial-item>img {
    height: 90px;
    width: 90px
}

.testimonial.testimonial-box .testimonial-item p {
    font-size: 14px;
    padding-bottom: 10px
}

.testimonial.testimonial-box .testimonial-item>span {
    font-size: 12px;
    margin-top: 7px
}

.equalize.testimonial-box .testimonial-item>span~span {
    margin-bottom: 0
}

.sidebar:before {
    display: none
}

.tieu-de-h3 {
    border-bottom: 2px #eee solid;
    margin-bottom: 20px !important;
    margin-top: 20px;
    font-size: 22px
}

#widget-search-form-sidebar .input-group {
    width: 100%
}

#widget-search-form-sidebar .input-group .input-group-btn .btn {
    width: 100%
}

.imga {
    position: relative;
    display: block;
    width: fit-content;
    text-align: center;
    margin: auto
}

.imga .smallLogo {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 20px;
    width: 300px;
    height: auto !important;
    border: none;
    border-top-left-radius: 1.3em;
    background: rgba(255, 255, 255, 0.88);
    margin: 0
}

.background-overlay:before {
    z-index: -1;
    background: #000;
    opacity: .5
}

#header #header-wrap {
    border: none
}

.tabs-content img {
    max-width: 100% !important;
    height: auto
}

.footer {
    background: var(--c1);
    background-size: cover;
    background-position: center;
    padding: 60px 0 0
}

.google-maps {
    padding-bottom: 62%
}

.copyright-content {
    background: rgba(0, 0, 0, 0.3);
    min-height: auto;
    padding: 10px 0;
    border: none
}

.copyright-content .copyright-text {
    color: #fff !important;
    text-transform: NONE;
    padding-top: 0;
    line-height: 20px;
    text-align: center
}

.foot-icon {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.foot-icon a {
    width: 43px;
    background: rgb(255 255 255);
    height: 43px;
    padding: 12px;
    text-align: center;
    float: left;
    margin-right: 5px;
    transition: .2s;
    border-radius: 20em;
    color: var(--c1);
}

.foot-icon a i {
    color: #fff;
    font-size: 19px;
    color: var(--c1);
}

.foot-icon a:hover {
    background: var(--c2)
}

.foot-icon a:hover i {
    color: #fdfeff !important
}

.footer ul {
    padding: 0 0 0 3px;
    list-style: none
}

.footer ul li {
    margin-bottom: 2px
}

.footer ul li a {
    color: #C0E0DE;
    transition: .2s
}

.footer ul li a {
    position: relative;
    padding-left: 15px;
    /* font-weight:700; */
    overflow: hidden;
    display: block;
    color: #e6f5f4;
}

.footer ul li a i {
    display: block;
    position: absolute;
    left: 0;
    top: 5px
}

.blockquote-color {
    background-color: var(--c2)
}

.post-thumbnail-list {
    overflow: hidden
}

.post-thumbnail-list .post-thumbnail-entry img {
    float: left;
    display: block;
    height: 60px;
    width: 80px;
    margin-right: 16px
}

.post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a {
    font-size: 16px;
    line-height: 1.4
}

.widget .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a {
    font-size: 14px;
    line-height: 1.4
}

.post-thumbnail-list .post-thumbnail-entry a+.post-thumbnail-content {
    padding-top: 6px
}

.post-item .post-item-description>h2,
.post-item .post-item-description>h2>a {
    margin-bottom: 10px;
    line-height: 1.4
}

.post-thumbnails .post-item:not(.quote) .post-item-description {
    padding-top: 12px
}

.post-thumbnails .post-item {
    padding-bottom: 30px
}

.widget a {
    font-size: 14px;
    transition: .2s;
    line-height: 1.3;
    border-radius: 0;
    transition: none
}

.list-group a.active,
.list-group a:hover {
    font-weight: 700;
    background-color: var(--c2);
    border-color: var(--c2);
    color: #fff
}

.timkiem .heading {
    margin-bottom: 23px
}

.timkiem .heading h2 {
    text-transform: none;
    font-weight: 700
}

.timkiem form {
    margin-bottom: 10px
}

.timkiem form input {
    border: none;
    width: 600px !important;
    padding: 11px 16px;
    margin: 0
}

.timkiem form .btn {
    background: #EB5556;
    border: none;
    padding: 13px 20px;
    text-shadow: none !important;
    width: 170px;
    text-transform: none;
    font-family: Tonos, san-serif !important;
    font-size: 14px
}

.timkiem form .btn i {
    font-size: 12px;
    margin-left: 3px;
    margin-right: 0
}

.dangky .heading h2 {
    margin-bottom: 16px
}

.dangky .heading h2+p {
    font-size: 20px
}

.dangky form input {
    width: 100% !important
}

.dangky form .form-group {
    width: 100%
}

.dangky form .btn {
    width: 100%
}

.dangky form .btn:hover,
.timkiem form .btn:hover {
    background: #0098DA
}

.form-group {
    position: relative
}

.form-group input+i {
    position: absolute;
    left: 16px;
    top: 14px;
    color: #BCBEC0 !important;
    font-size: 10px
}

.each-product {
    margin-bottom: 0
}

.pageHeader {
    padding: 60px 0;
    background: #000;
}

.pageHeader .heading {
    margin-bottom: 0
}

.pageHeader a,
.pageHeader i {
    color: #fff;
    font-size: 12px
}

.pageHeader p {
    margin-bottom: 0;
    color: #fff;
}

.pageHeader h1,
.pageHeader h2 {
    color: #fff;
    margin-bottom: 0
}

.chi-tiet-bai-viet h1 {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 700
}

.chi-tiet-bai-viet h2 {
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 700
}

.chi-tiet-bai-viet h3 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 700
}

.chi-tiet-bai-viet h4 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 700
}

.chi-tiet-bai-viet h5 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 700
}

.chi-tiet-bai-viet ul:not(.tabs-navigation) {
    padding-left: 20px
}

.chi-tiet-bai-viet .mce-toc ul {
    list-style: none;
    /* padding: 0; */
}

.chi-tiet-bai-viet img {
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important
}

.chi-tiet-bai-viet p {
    /*text-align: justify;*/
    line-height: 1.6
}

.chi-tiet-bai-viet p a:not(.btn),
.chi-tiet-bai-viet h2 a,
.chi-tiet-bai-viet h3 a,
.chi-tiet-bai-viet h4 a,
.chi-tiet-bai-viet h5 a,
.chi-tiet-bai-viet h6 a,
.chi-tiet-bai-viet li a {
    color: #5769bf;
    border-bottom: 1px #5769bf dashed
}

.chi-tiet-bai-viet p a:not(.btn):hover,
.chi-tiet-bai-viet h2 a:hover,
.chi-tiet-bai-viet h3 a:hover,
.chi-tiet-bai-viet h4 a:hover,
.chi-tiet-bai-viet h5 a:hover,
.chi-tiet-bai-viet h6 a:hover,
.chi-tiet-bai-viet li a:hover {
    border-bottom: 1px #5769bf solid;
    font-weight: 700
}

.chi-tiet-bai-viet a:not(.btn) {
    font-size: 1em
}

.chi-tiet-bai-viet .mce-toc {
    border: 1px #ddd solid;
    padding: 0 20px;
    margin-bottom: 30px;
    border-radius: 8px;
    background: #efefef
}

.chi-tiet-bai-viet .mce-toc h2 {
    font-size: 17px
}

.chi-tiet-bai-viet .mce-toc li {
    line-height: 1.3;
}

.chi-tiet-bai-viet .mce-toc li li {
    line-height: 1.3;
}

.chi-tiet-bai-viet .mce-toc li a {
    font-size: 14px;
    border: none;
    color: #111;
    font-weight: 400;
    line-height: 1.5;
}

.line-ben-duoi {
    position: relative
}

.line-ben-duoi:before {
    content: " ";
    width: 50px;
    border-bottom: 3px var(--c1) solid;
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%)
}

.text-light .line-ben-duoi:before,
.line-ben-duoi.text-light:before {
    border-bottom: 3px #fff solid
}

.line-hai-ben {
    width: fit-content;
    float: none;
    margin: auto;
    position: relative
}

.line-hai-ben:before {
    content: " ";
    width: 50px;
    border-bottom: 2px #ED3237 solid;
    position: absolute;
    left: -62px;
    top: 50%
}

.line-hai-ben:after {
    content: " ";
    width: 50px;
    border-bottom: 2px #ED3237 solid;
    position: absolute;
    right: -62px;
    top: 50%
}

.text-light .line-hai-ben:before,
.line-hai-ben.text-light:before,
.text-light .line-hai-ben:after,
.line-hai-ben.text-light:after {
    border-bottom: 2px #fff solid
}

.btn-hotline-noi {
    margin: 0;
    font-size: 20px;
    padding: 23px 15px 13px;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
    position: fixed;
    bottom: 16px;
    left: 96px;
    border: none;
    z-index: 999;
    border-radius: 2em;
    background-color: var(--c1) !important;
    transition: .3s
}

.btn-hotline-noi:hover {
    transform: scale(1.05)
}

.btn-hotline-noi span:first-child {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px
}

.btn-hotline-noi span:last-child {
    font-size: 21px
}

.btn-hotline-noi-2 {
    left: 271px;
    background-color: var(--c2) !important
}

.btn-zalo-noi {
    z-index: 2;
    bottom: 16px;
    right: 20px;
    position: fixed;
    border-radius: 50%;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
    transition: .3s
}

.btn-zalo-noi:hover {
    transform: scale(1.05)
}

.btn-zalo-noi img {
    width: 52px
}

.btn-whatsapp-noi {
    z-index: 2;
    bottom: 16px;
    right: 20px;
    position: fixed;
    border-radius: 50%;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
    transition: .3s
}

.btn-whatsapp-noi:hover {
    transform: scale(1.05)
}

.btn-whatsapp-noi img {
    width: 52px
}

.btn-wechat-noi {
    z-index: 2;
    bottom: 75px;
    right: 20px;
    position: fixed;
    border-radius: 50%;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
    transition: .3s
}

.btn-wechat-noi:hover {
    transform: scale(1.05)
}

.btn-wechat-noi img {
    width: 52px
}

.close {
    font-size: 40px
}

.fb-livechat {
    display: block
}

.fb-livechat .fb-button {
    position: fixed;
    right: 21px;
    cursor: pointer;
    z-index: 999;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;
    width: 52px;
    height: 52px;
    text-align: center;
    bottom: 76px;
    border: 0;
    outline: 0;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16);
    -webkit-transition: box-shadow .2s ease;
    background-size: 80%;
    transition: all .2s ease-in-out
}

.fb-livechat .fb-button:focus,
.fb-livechat .fb-button:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24)
}

.fb-livechat .bubble {
    width: 20px;
    height: 20px;
    background: #c00;
    color: #fff;
    position: absolute;
    z-index: 999999999;
    text-align: center;
    vertical-align: middle;
    top: -2px;
    left: -5px;
    border-radius: 50%
}

.fb-livechat .bubble-msg {
    width: 120px;
    left: -140px;
    top: 5px;
    position: relative;
    background: rgba(59, 89, 152, .8);
    color: #fff;
    padding: 5px 8px;
    border-radius: 8px;
    text-align: center;
    font-size: 13px
}

.product-sidebar .tieu-de-danh-muc {
    background: var(--c1);
    border-radius: 4px;
    color: #fff;
    padding: 8px 20px
}

.product-sidebar .list-group a i.fa {
    float: right;
    margin-top: 4px
}

.product-sidebar .list-group a i.fa.fa-minus {
    display: none
}

.product-sidebar .list-group-item {
    padding: 12px 10px;
    text-transform: none;
    letter-spacing: -.5px !important;
    line-height: 1;
    font-size: 14px !important;
    transition: none
}

.product-sidebar .sidebar {
    padding-right: 15px
}

.product-sidebar .sidebar-both .content {
    padding-left: 15px;
    padding-right: 15px
}

.product-sidebar .sidebar-both .content+.sidebar {
    padding-left: 15px
}

.product-sidebar .box-thong-tin-sidebar p,
.box-thong-tin-sidebar p strong,
.box-thong-tin-sidebar p a {
    font-size: 13px !important;
    line-height: 21px !important;
    margin-bottom: 0
}

.product-sidebar .box-thong-tin-sidebar h4 {
    font-size: 16px;
    margin-bottom: 4px
}

.comments {
    border: none !important;
    padding: 0 !important;
    float: left;
    width: 100%
}

.comments .comment {
    padding: 0
}

.comments .comment .text .text_holder {
    margin: 0
}

.comments .comment .text .text_holder p {
    margin: 0;
    line-height: 17px
}

.comments .comment .text .name {
    line-height: 20px;
    margin-bottom: 0
}

.comments .comment .text {
    margin-bottom: 10px
}

.comments .comment img.avatar {
    border-radius: unset
}

#google_translate_element {
    padding: 0 10px;
    background: #fff;
    margin-top: 0
}

#google_translate_element .goog-te-gadget {
    border: none;
    padding: 0;
    height: 35px
}

#google_translate_element .goog-te-gadget-simple {
    border: none;
    padding: 0;
    height: 30px
}

#google_translate_element a,
#google_translate_element span {
    color: #000 !important;
    font-size: 12px
}

.left-bar {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 200px;
    width: 50px;
    z-index: 99
}

.left-bar a {
    width: 50px;
    height: 50px;
    background-size: contain !important;
    z-index: 999;
    float: left
}

.left-bar a span {
    border: 2px var(--c1) solid;
    color: var(--c1);
    position: absolute;
    width: max-content;
    padding: 11px;
    background: #fff;
    font-size: 20px;
    left: 50px;
    height: 50px;
    display: none;
    line-height: 1
}

.left-bar a:hover span {
    border-left: 0;
    display: block
}

#sticky-wrapper .sticky {
    z-index: 200 !important
}

.doitac-section .carousel a {
    padding: 10px;
    overflow: hidden;
    display: block;
    background: #fff
}

.doitac-section .carousel a span {
    width: 100%;
    height: 130px;
    background-color: #fff;
    display: block
}

.doitac-section .carousel a p {
    text-align: center
}

.widget.widget-newsletter .btn {
    background: var(--c1)
}

.form-control {
    border: 1px solid #ddd;
    background: #ffffff;
    color: #000;
    padding: 15px 18px;
}

.form-control::placeholder {
    color: #000
}

select.form-control {
    background-image: url(./polo/images/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: right center
}

.icon-box .icon a,
.icon-box .icon i {
    width: auto;
    height: auto;
    display: block
}

.icon-box .icon a img {
    height: 75px;
    width: auto;
    border: 2px var(--c1) solid;
    padding: 8px;
    border-radius: 20em;
    transition: .5s
}

.icon-box .icon a:hover img {
    transform: rotate3d(0, 1, 1, 360deg)
}

.icon-box.center p,
.icon-box.text-center p {
    font-size: 13px;
    line-height: 1.5
}

.icon-box.center .icon,
.icon-box.text-center .icon {
    margin-bottom: 18px;
    height: auto;
    margin-top: 19px;
    width: auto
}

.icon-box.center h3,
.icon-box.center h5,
.icon-box.text-center h3,
.icon-box.text-center h5 {
    line-height: 1.4;
    margin-right: 0
}

.each-post.post-item .post-item-wrap {
    border: 1px #eee solid
}

#modalSale .modal-content {
    position: relative;
    padding: 0;
    overflow: hidden;
    background-image: url(/public/upload/Group%2093.png);
    background-size: cover;
    background-position: center;
    border-radius: 27px;
}

#modalSale .close {
    position: absolute;
    /* top:-7px; */
    right: 0;
    color: #fff;
    z-index: 99;
    opacity: 1;
    font-size: 45px;
    font-weight: 400;
    width: 45px;
    /* background:#00000038; */
}

#modalSale .bannerLink {
    display: block;
    position: relative;
    overflow: hidden
}

#modalSale .bannerLink:hover {
    color: inherit
}

#modalSale .bannerLink img {
    max-width: 100%
}

#modalSale .bannerLink .kmtext {
    text-align: center;
    padding: 20px 10px
}

#modalSale .form-group {
    /* width:31.8%; */
    /* margin-right:1%; */
    /* padding:0; */
    margin-bottom: 8px;
}

#modalSale .form-group input {
    border: 1px #ccc solid;
    margin-bottom: 0;
    width: 100%
}

#modalSale .form-group .btn {
    width: 100%;
    border-radius: 0;
    background: #eee;
    color: #fff;
    padding: 19px 20px;
    border-radius: 4px;
}

.saleButton {
    box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
    position: fixed;
    z-index: 999;
    border-radius: 2em;
    bottom: 23px;
    left: 10px
}

.saleButton .btn:first-child {
    margin: 0;
    font-size: 20px;
    padding: 33px 8px 14px 15px;
    border-radius: 0;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em
}

.saleButton .btn:first-child span:first-child {
    position: absolute;
    top: 14px;
    left: 52%;
    transform: translateX(-50%);
    font-size: 13px
}

.saleButton .btn:last-child {
    margin: 0;
    font-size: 20px;
    padding: 33px 15px 14px 8px;
    border-radius: 0;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    margin-left: -4px
}

.saleButton .btn:last-child span:first-child {
    position: absolute;
    top: 13px;
    left: 47%;
    transform: translateX(-50%);
    font-size: 13px;
    color: #fff
}

.shop-cart .cart-product-thumbnail>a img {
    max-height: 68px;
    max-width: initial
}

.shop-cart .cart-product-thumbnail .cart-product-thumbnail-name {
    padding: 0
}

#header-search {
    display: none
}

/*.fb_dialog{bottom:80px!important;right:17px!important}*/
.hotline-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--c2);
    z-index: 1;
    padding: 10px
}

.hotline-bar a {
    color: #fff;
    font-size: 1.2em;
    font-style: normal
}

.hotline-bar p {
    color: #fff;
    margin: 0;
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase
}

.modal-open .modal,
body {
    padding-right: 0 !important
}

.qr-code {
    text-align: center;
    border: 3px #fbc909 solid;
    padding: 1px;
    margin-bottom: 30px
}

.qr-code img {
    width: 180px;
    height: auto
}

.qr-code p {
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: -.6px !important
}

#mainMenu nav>ul>li .dropdown-menu {
    margin-top: 0;
    border-radius: 0;
    padding: 0;
    border: none
}

#histats_counter {
    position: relative
}

#histats_counter:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.table tr th p,
.table tr td p {
    margin-bottom: 0
}

.container-left {
    margin-left: calc(50vw - 585px)
}

.container-right {
    margin-right: calc(50vw - 585px)
}

.inspiro-slider .slide-captions h2 {
    color: #F5A101;
    font-weight: 800;
    font-size: 2.4em;
    line-height: 1.2;
    margin-bottom: 10px
}

.slide p {
    color: #fff;
    max-width: 47%;
    font-size: 18px
}

#header .header-extras .topbar-dropdown .dropdown-list {
    margin-top: 8px;
    padding: 0 7px;
    right: 0
}

.topbar-dropdown .list-entry img {
    height: 17px;
    width: 26px;
    margin: 0;
    display: block;
    max-width: initial;
    margin: 4px 0
}

#header .header-extras>ul>li .topbar-dropdown>.title {
    border: 1px #ccc solid;
    line-height: 1 !important;
    height: auto;
    padding: 5px;
    margin-top: 26px;
    border-radius: 4px
}

.modal {
    text-align: center;
    padding: 0 !important
}

/*.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}*/
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.gallery-video {
    padding-top: 72.3%;
    position: relative
}

.gallery-video i,
.gallery-video img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 46px
}

.owl-carousel .owl-item .gallery-video img {
    width: auto;
    height: auto
}

.owl-carousel.equal .owl-stage {
    display: flex;
}

.owl-carousel.equal .owl-item {
    display: flex;
    flex: 1 0 auto;
}

.owl-carousel.equal .owl-item>div {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    width: 100%;
}

.tab-thuvien .tabs-navigation {
    width: fit-content;
    margin: auto;
    margin-bottom: 30px
}

.tab-thuvien .tabs-navigation li {
    margin-bottom: 10px
}

.tab-thuvien .tabs-navigation li a {
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background: no-repeat;
    border: none;
    line-height: 1;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 20px 10px;
    margin-right: 12px;
    border-radius: 4px;
    transition: .2s
}

.tab-thuvien .tabs-navigation li.active a,
.tab-thuvien .tabs-navigation li.active a:focus,
.tab-thuvien .tabs-navigation li.active a:hover,
.tab-thuvien .tabs-navigation li:hover a,
.tab-thuvien .tabs-navigation li a:hover {
    background: none;
    color: #fff;
    border-color: var(--c1);
    background: linear-gradient(to left, #B16F27, #EAA724);
}

.tab-thuvien .tabs-content {
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.tab-thuvien .tabs-content .tab-pane {
    opacity: 0;
    display: block;
}

.tab-thuvien .tabs-content .tab-pane.active {
    opacity: 1
}

.tab-thuvien .tabs-content .waitactive {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: block !important;
}

.tab-thuvien .tabs-content .waitactive.active {
    z-index: 1;
}

.box-position {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 150px);
    height: calc(100% + 150px);
    will-change: transform;
    -webkit-animation: bgPos 100s linear infinite;
    animation: bgPos 100s linear infinite;
    -webkit-transform: translate3d(-75px, -75px, 0) rotate(0.001deg);
    transform: translate3d(-75px, -75px, 0) rotate(0.001deg);
    background-position: 50% 50%;
    background-size: cover;
    z-index: -1;
    opacity: .7;
}

@-webkit-keyframes bgPos {
    25% {
        -webkit-transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
        transform: translate3d(-150px, -150px, 0) rotate(0.001deg)
    }

    75% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
        transform: translate3d(0, 0, 0) rotate(0.001deg)
    }
}

@keyframes bgPos {
    25% {
        -webkit-transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
        transform: translate3d(-150px, -150px, 0) rotate(0.001deg)
    }

    75% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
        transform: translate3d(0, 0, 0) rotate(0.001deg)
    }
}

@media only screen and (max-width:1380px) {

    .grid-5-columns .grid-item,
    .portfolio-5-columns .portfolio-item,
    .post-5-columns .post-item {
        width: 20%
    }
}

@media only screen and (min-width:1200px) {
    #mainMenu>.container {
        width: 1140px
    }
}

@media only screen and (min-width:1024px) {

    #topbar.topbar-mini .top-menu>li>a,
    #topbar.topbar-mini .top-menu>li {
        float: left
    }

    #header #mainMenu.menu-bottom {
        line-height: 40px;
        border: none;
        margin-top: 80px;
        position: relative
    }

    #header #mainMenu.menu-bottom nav {
        float: left
    }

    #header #mainMenu.menu-bottom:before {
        content: ' ';
        background: var(--c2);
        position: absolute;
        top: 0;
        left: -100%;
        width: 300%;
        height: 100%
    }

    #header #mainMenu.menu-bottom nav>ul>li {
        line-height: 40px;
        padding: 0
    }

    #header #mainMenu.menu-bottom nav>ul>li>a {
        color: #fff
    }

    #header #mainMenu.menu-bottom nav>ul>li:first-child {
        padding-left: 0
    }

    #header #mainMenu.menu-bottom nav>ul>li:first-child a {
        padding-left: 0
    }

    #header.header-menu-bottom.header-sticky.sticky-active #header-wrap {
        top: -80px
    }

    #header.header-menu-bottom #header-search {
        display: block;
        position: absolute;
        top: 23px;
        left: 0
    }

    #header-search .form-inline {
        margin-left: 24%;
        width: 49%
    }

    #header-search .input-group {
        width: 100%
    }

    #header-search .input-group .form-control {
        display: block;
        float: left;
        width: 100%;
        border-radius: 20px
    }

    #header-search .input-group-btn {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 3;
        border-radius: 4px
    }

    #header-search .btn {
        padding: 12px 10px;
        background: transparent;
        color: #111;
        transition: none
    }

    .sidebar-right .content {
        padding-right: 0 !important
    }

    .sidebar-left .content {
        padding-left: 0 !important
    }

    .single-post .post-thumbnail-list {
        width: 100%;
        float: left
    }

    .single-post .post-thumbnail-list .post-thumbnail-entry {
        width: 47%;
        float: left;
        clear: inherit;
        margin-right: 3%
    }

    .post-thumbnail-list .post-thumbnail-entry img {
        width: 80px;
        height: 60px;
        margin-right: 16px;
        float: left;
        display: block
    }

    .sidebar .widget .post-thumbnail-list .post-thumbnail-entry img {
        width: 60px;
        height: 60px;
        margin-right: 10px;
        float: left;
        display: block
    }

    .tienich .owl-carousel .owl-item p,
    .tienich .owl-carousel .owl-item p a {
        text-align: center;
        font-weight: 400;
        font-size: 8px;
        line-height: 13px
    }

    .tienich .owl-carousel .owl-item p a {
        font-weight: 700;
        font-style: italic
    }

    .tienich .owl-carousel .owl-item:not(.center) .anhtienich {
        padding: 15px 30px;
        position: relative
    }

    .tienich .owl-carousel .owl-item:not(.center) .anhtienich:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: rgba(182, 47, 98, 0.59)
    }

    .tienich .owl-carousel .owl-item:not(.center) .ghichu {
        opacity: 0
    }

    .tienich .owl-carousel .owl-item .anhtienich {
        transition: .3s
    }

    .tienich .carouselX {
        zoom: 200%;
        margin-left: -50%;
        width: 200%
    }

    .tienich .owl-carousel .owl-nav .owl-prev {
        left: 36%;
        z-index: 999;
        zoom: .6;
        top: 34%
    }

    .tienich .owl-carousel .owl-nav .owl-next {
        right: 36%;
        z-index: 999;
        zoom: .6;
        top: 34%
    }

    .tienich .center {
        float: left !important;
        margin: inherit
    }
}

@media only screen and (max-width:1024px) {
    .container-left {
        margin-left: 30px
    }

    .container-right {
        margin-right: 30px
    }

    .tienich .carouselX {
        width: 80%;
        margin: auto
    }

    #mainMenu.menu-center nav {
        float: none;
        display: inline-block;
        vertical-align: top;
        border-top: 1px #ccc solid;
        width: 100%;
        line-height: 40px;
        float: left
    }

    #mainMenu nav>ul {
        margin: auto;
        display: block;
        width: fit-content
    }
}

@media only screen and (max-width:991px) {
    .slideInfoItem {
        margin: 15px 0;
        text-align: center
    }

    .slideInfo {
        padding: 10px 0
    }

    .container-left,
    .container-right {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px
    }

    .btn-cart-xs {
        position: fixed !important;
        bottom: 85px;
        left: 20px;
        z-index: 999;
        background: #ddd;
        border-radius: 20em;
        padding: 12px 6px;
        box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3)
    }

    .table tr th,
    .table tr td,
    .table tr td span,
    .table tr td p,
    .table tr td a {
        font-size: 12px !important
    }

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: initial;
    }

    .dangky form input {
        width: 100% !important;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:768px) and (min-width:480px) {
    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }
}

@media only screen and (max-width:480px) {
    .slide p {
        display: none
    }

    .inspiro-slider .slide-captions h2 {
        font-size: 20px;
        text-align: center
    }

    .slideInfo {
        position: relative;
        margin-top: -1px
    }

    .slideInfo2 {
        top: 13px;
        transform: none;
        left: 0;
        width: 100%;
        padding: 30px 20px;
        position: relative;
        box-shadow: none
    }

    .san-pham .col-md-4,
    .san-pham .col-md-3 {
        width: 50%;
        float: left;
        clear: inherit
    }

    /*.fb_dialog{display:none!important}*/
    .product-page .product .product-image .thumb>a {
        width: 33%
    }

    .product-page .product .product-image .thumb>a:nth-child(4n+1) {
        margin-left: auto
    }

    .product-page .product .product-image .thumb>a:nth-child(4n+4) {
        margin-right: auto
    }

    .product-page .product .product-image .thumb>a:nth-child(3n+1) {
        margin-left: 0
    }

    .product-page .product .product-image .thumb>a:nth-child(3n+3) {
        margin-right: 0
    }

    .each-product .product-title h4 {
        font-size: 14px;
        line-height: 1.3
    }

    #topbar .top-menu>li {
        line-height: 35px;
        height: 30px
    }

    #header .header-extras>ul>li .btn {
        position: fixed;
        bottom: 28px;
        left: 10px;
        z-index: 9999
    }

    .product .product-description {
        padding: 0
    }

    .btn-hotline-noi {
        left: 50%;
        transform: translateX(-50%)
    }

    .btn-hotline-noi-1 {
        left: 50%;
        transform: translateX(-50%);
        bottom: 59px
    }

    .btn-hotline-noi-2 {
        bottom: 3px
    }

    .heading h1,
    .heading h2 {
        font-size: 22px;
        letter-spacing: -1px !important;
    }

    .heading h2 {
        margin-bottom: 34px;
    }

    .pageHeader .heading h2 {
        margin-bottom: -7px;
    }

    .footer .dangky {
        padding: 0 15px
    }

    .footer .col-md-1,
    .footer .col-md-2,
    .footer .col-md-3,
    .footer .col-md-4,
    .footer .col-md-5 {
        overflow: hidden;
        margin-bottom: 30px
    }

    .fb-livechat .fb-button {
        bottom: 75px;
        right: 20px
    }

    .fb-livechat .bubble-msg {
        display: none
    }

    .content h1,
    .post-item-description h1 {
        font-size: 22px
    }

    .product-page .product .product-title h1 {
        font-size: 22px
    }

    #modalSale .form-group {
        width: 100%;
        margin-bottom: 10px
    }

    .topbar-dropdown .list-entry img,
    .topbar-dropdown .title img {
        height: 20px;
    }
}

@media only screen and (max-width:480px) and (min-width:350px) {
    .grid-layout .grid-item {
        width: 50% !important
    }
}

.b1 {}

.b2 {}

.b3 {}

.b4 {}

.b5 {}

.b6 {}

.b7 {}

.b8 {}

.b9 {}

.b10 {}

.b11 {}

.b12 {}

.b13 {}

.b14 {}

.b15 {}

.b16 {}

.b17 {}

.b18 {}

.b19 {}

.b20 {}

.b21 {}

.b22 {
    position: relative;
    margin-top: 23px;
}

.b22>button {
    position: absolute;
    top: 9px;
    right: 7px;
    border: none;
    background: transparent;
}

.b22>button i {
    color: #808080;
    font-size: 15px;
}

.b23 {
    background: #ccc;
    color: #808080;
    margin: 0;
    padding: 8px 18px;
}

.b24 {}

.b25 {}

.b26 {}

.b27 {}

.b28 {}

.b29 {}

.b30 {}

.b31 {}

.b32 {}

.b33 {}

.b34 {}

.b35 {}

.b36 {}

.b37 {}

.b38 {}

.b39 {}

.b40 {}

.b41 {}

.b42 {}

.b43 {}

.b44 {}

.b45 {}

.b46 {}

.b47 {}

.b48 {}

.b49 {}

.b50 {}

.b51 {}

.b52 {}

.b53 {}

.b54 {}

.b55 {}

.b56 {}

.b57 {}

.b58 {}

.b59 {}

.b60 {}

.b61 {}

.b62 {}

.b63 {}

.b64 {}

.b65 {}

.b66 {}

.b67 {}

.b68 {}

.b69 {}

.b70 {}

.b71 {}

.b72 {}

.b73 {}

.b74 {}

.b75 {}

.b76 {}

.b77 {}

.b78 {}

.b79 {}

.b80 {}

.b81 {}

.b82 {}

.b83 {}

.b84 {}

.b85 {}

.b86 {}

.b87 {}

.b88 {}

.b89 {}

.b90 {}

.b91 {}

.b92 {}

.b93 {}

.b94 {}

.b95 {}

.b96 {}

.b97 {}

.b98 {}

.b99 {}

.b100 {}

.b101 {}

.b102 {}

.b103 {}

.b104 {}

.b105 {}

.b106 {}

.b107 {}

.b108 {}

.b109 {}

.b110 {}

.b111 {}

.b112 {}

.b113 {}

.b114 {}

.heading h2.b115 {
    text-align: center;
    text-transform: uppercase;
}

.b116 {
    margin-bottom: 30px;
}

.b117,
.b116 p,
.b116 {
    line-height: 1.3;
    text-align: justify;
}

.b118 {}

.b119 {
    font-weight: 700;
}

.b120 {}

.b121 {
    font-weight: 800;
    text-transform: uppercase;
}

.b122 {
    width: 50px;
    margin-right: 12px;
}

.b123 {}

.b124 {}

.b125 {}

.b126 {}

.b127 {}

.b128 {}

.b129 {
    margin-top: 50px;
}

.b130 {}

.b131 {}

.b132 {}

.b133 {}

.b134 {}

.b135,
.heading h2+p {
    width: 800px;
    margin: auto;
    line-height: 1.3;
    max-width: 100%;
    text-align: justify;
    text-align-last: center;
}

.b136 {}

.b137 {
    position: relative;
    margin-bottom: 10px;
}

.b138 {
    height: 500px;
    position: relative;
    overflow: hidden;
}

.b138:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
}

.b138:first-child {}

.b138.active {
    z-index: 1;
    opacity: 1;
}

.b139 {
    position: absolute;
    top: 0;
    left: 0;
    width: fit-content;
    padding: 10px 35px;
    background: #fff;
    text-transform: uppercase;
    color: #673223;
    font-weight: 800;
    /* overflow: hidden; */
}

.b139::before {
    content: ' ';
    position: absolute;
    top: -73px;
    right: -50px;
    width: 100px;
    height: 100px;
    transform: rotate(45deg);
    background: #fff;
    z-index: 0;
}

.b140 {
    position: absolute;
    top: 7%;
    right: 3%;
    width: 27%;
    height: 86%;
    background: #00000085;
}

.b141 {
    position: absolute;
    top: 0;
    left: 0;
    width: 61%;
}

.b142 {}

.b143 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 61%;
    margin: 0;
}

.b144 {}

.b145 {
    position: absolute;
    top: 9%;
    left: 9%;
    width: 80%;
    height: 79%;
    text-align: justify;
    color: #fff;
    line-height: 1.3;
    font-weight: 100;
}

.b146 {}

.b147 {}

.b148 {
    height: 200px;
    position: relative;
}

.b148::before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    transition: 0.3s;
}

.b148:hover::before {
    background: var(--c1);
    opacity: 0.6;
}

.b149 {
    position: absolute;
    transition: 0.3s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: var(--c1);
    width: 90%;
    text-align: center;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
}

.b148:hover .b149 {
    color: #fff
}

.b150 {}

.b151 {}

.b152 {
    margin-bottom: 77px;
}

.b153 {}

.b154 {
    position: relative;
}

.b155 {
    margin: 0;
}

.b156 {}

.b157 {
    position: absolute;
    top: 0;
    left: 1%;
    width: 19%;
    height: 29%;
    /* line-height: 1; */
}

.b157-1 {}

.b157-2 {
    top: auto;
    left: 12.3%;
    bottom: 0;
}

.b157-5 {
    top: 0;
    left: 46.1%;
}

.b157-4 {
    top: auto;
    left: 34.8%;
    bottom: 0;
}

.b157-7 {
    top: 0;
    left: 68.7%;
}

.b157-6 {
    bottom: 0;
    left: 57.4%;
    top: auto;
}

.b157-3 {
    top: 0;
    left: 23.5%;
}

.b157-8 {
    top: auto;
    left: 79.9%;
    bottom: 0;
}

.b158 {
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 6px;
    margin-left: 15px;
    line-height: 1.1;
    letter-spacing: -1.5px !important;
    text-align: center;
    position: absolute;
    top: -64px;
    background: linear-gradient(89deg, #fdca00, #fa8011);
    padding: 4px 0px 0px 37px;
    border-radius: 10px 0px;
    left: 0;
    width: 100%;
    margin: 0;
}

.b157-1 .b158,
.b157-3 .b158,
.b157-5 .b158,
.b157-7 .b158 {
    top: -47px;
}

.b158-1 {
    position: absolute;
    width: 16px;
    top: 10px;
    left: 0;
    left: 11px;
}

.b158-2 {
    background: #e6e7e8;
    /* width: 80%; */
    display: block;
    /* position: absolute; */
    right: 0;
    border-radius: 8px 0px;
    width: calc(100%-36px);
    padding: 6px 0px;
    font-size: 12px;
}

.b159 {
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
    text-align: justify;
    padding: 16px;
}

.b160 {
    /* background: #d8d9db!important; */
}

.index-page .b160 {
    background: #d8d9db !important;
}

.b161 {}

.b162 {}

.b163 {}

.b164 {}

.b165 {}

.b166 {
    /* background: #F1F2F2; */
    padding: 25px;
    /* border-radius: 14px; */
}

.b167 {
    text-align: center;
    margin-bottom: 20px;
}

.b168 {
    height: 50px;
}

.b169 {
    text-align: center;
    font-size: 70px;
    line-height: 1;
    font-weight: 900;
}

.b170 {
    text-align: center;
    font-size: 22px;
    line-height: 1.3;
}

.b171 {
    background: #f2f2f2;
}

.b172 {}

.b173 {}

.b174 {}

.b175 {}

.b176 {
    margin-bottom: 20px;
}

.b177 {}

.b178 {}

.b179 {
    padding: 0px 20px;
}

.b180 {
    height: 70px;
    display: block;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.b181 {}

.b182 {}

.b183 {
    line-height: 1.3;
    text-align: justify;
}

.b184 {}

.b185 {}

.b186 {}

.b187 {}

.b188 {}

.b189 {}

.b190 {}

.b191 {}

.b192 {
    padding: 0 20px;
}

.b193 {
    height: 100px;
    display: block;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.b194 {
    background: #d8d9db;
}

.b195 {}

.b196 {}

.b197 {}

.b198 {}

.b199 {}

.b200 {
    margin-bottom: 30px;
}

.b201 {}

.b202 {
    margin-bottom: 16px;
}

.b203 {
    border-top: 6px var(--c1) solid;
}

.b204 {
    position: relative;
    padding-left: 73px;
    line-height: 1.3;
    font-weight: bold;
    font-size: 15px;
    min-height: 40px;
}

.covideo .b204 {
    padding-left: 0;
    text-align: center;
}

.b205 {
    background: var(--c1);
    padding: 12px 9px;
    color: #fff;
    /* margin-right: 12px; */
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
}

.eachdichvu .b204 {
    padding-left: 0;
    text-align: center;
    min-height: auto;
    margin-bottom: 13px;
}

.eachdichvu .b206 {
    font-size: 19px;
}

.eachdichvu .b205 {
    display: none;
}

.b206 {}

.b207 {
    font-size: 15px;
    line-height: 1.3;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.b208 {}

.b209 {}

.b210 {}

.b211 {}

.b212 {}

.b213 {}

.b214 {}

.b215 {
    color: var(--c1);
    font-size: 24px;
    font-weight: bold;
}

.b216 {
    color: #fff;
    line-height: 1.4;
}

.b217 {}

.b218 {}

.b219 {}

.b220 {
    padding: 17px 20px;
    font-size: 19px;
}

.b221 {
    padding-bottom: 0;
}

.b222 {}

.b223 {}

.b224 {}

.b225 {}

.heading.b226 {
    margin-bottom: 17px;
}

.heading h2.b227 {
    text-align: left;
}

.heading h2.b227::before {
    left: 50px;
}

.heading h2.b227::after {
    left: 50px;
}

.b228 {
    text-align: left;
}

.b229 {}

.b230 {}

.b231 {}

.b232 {}

.b233 {}

.b234 {}

.b235 {}

.b236 {}

.b237 {}

.b238 {}

.b239 {}

.b240 {}

.b241 {}

.b242 {}

.b243 {}

.b244 {}

.b245 {}

.b246 {}

.b247 {}

.b248 {
    margin: 0;
}

.b249 {}

.b250 {
    background: #212529;
    padding-top: 0;
    overflow: revert;
    padding: 0;
}

.b251 {
    margin-bottom: 30px;
}

.b252 {
    margin-bottom: 20px;
}

.b253 {}

.b254 {
    margin-top: -10px;
}

.b255 {}

.b256 {
    background: #fff;
    padding: 30px;
    border-top: 10px var(--c1) solid;
}

.b257 {}

.b258 {}

.b259 {
    color: var(--c1);
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    margin-top: 52px;
    margin-bottom: 0;
}

.b260 {
    color: #fff;
}

.b261 {}

.b262 {}

.b263 {}

.b263,
.b263 p,
.b263 p a {
    color: #fff;
    line-height: 1.3;
    font-size: 13px;
}

.b265 {}

.b266 {}

.b267 {}

.b268 {}

.b269 {}

.b270 {}

.b271 {}

.b272 {}

.b273 {}

.b274 {}

.b275 {}

.b276 {}

.b277 {}

.b278 {}

.b279 {}

.b280 {}

.b281 {}

.b282 {}

.b283 {}

.b284 {}

.b285 {}

.b286,
.b291,
.b295 {
    color: var(--c1);
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -1.1px !important;
}

.b287 {
    border-top: 1px #373a3e solid;
    color: #fff;
    margin: 0;
}

.b288 {
    color: #fff;
    padding: 8px 0px;
    display: block;
    line-height: 1.3;
    font-size: 14px;
}

.b289 {}

.b290 {}

.b291 {}

.b292 {}

.b293 {}

.b294 {}

.b295 {}

.b295x {}

.b295x a {
    width: 100%;
    margin-left: 0 !important;
}

.b296 {}

.b297 {}

.b298 {}

.b299 {}

.b300 {}

.b301 {}

.b302 {
    filter: hue-rotate(109deg) brightness(1);
}

.b303 {}

.b304 {}

.b305 {}

.b306 {}

.b307 {}

.b308 {}

.b309 {}

.b310 {}

.b311 {}

.b312 {}

.b313 {}

.b314 {}

.b315 {}

.b316 {}

.b317 {}

.b318 {}

.b319 {}

.b320 {}

.b321 {}

.b322 {
    color: #fff;
    font-size: 14px;
    margin: 0;
    margin-top: 8px;
    line-height: 1.4;
}

.b323 {}

.b324 {}

.b325 {}

.b326 {
    margin: 0;
    background: var(--c1);
    text-align: center;
    padding: 16px 0;
}

.b327 {}

.b328 {}

.b329 {}

.b330 {}

.b331 {}

.b332 {}

.b333 {}

.b334 {}

.b335 {}

.b336 {}

.b337 {}

.b338 {}

.b339 {}

.b340 {}

.b341 {}

@media only screen and (max-width:991px) {
    .heading h2.b115 {
        text-align: center;
    }

    .b117,
    .b116 p,
    .b116 {
        text-align-last: center;
    }

    .b119 {
        text-align: center;
    }

    .b120 {
        width: fit-content;
        margin: auto;
    }

    .b140 {
        position: absolute;
        top: auto;
        right: 0;
        width: 100%;
        height: 50%;
        /* background: var(--c2); */
        bottom: 0;
    }

    .b145 {
        top: 19%;
        left: 4%;
        width: 91%;
        height: 59%;
    }

    .b157 {
        position: absolute;
        top: 2.3%;
        left: 66.3%;
        width: 30.9%;
        height: 17%;
        /* line-height: 1; */
    }

    .b157-1 {}

    .b157-2 {
        top: 13.3%;
        left: 2.7%;
    }

    .b157-3 {
        top: 24.9%;
        left: 66.3%;
    }

    .b157-4 {
        top: 36%;
        left: 2.7%;
    }

    .b157-5 {
        top: 47.3%;
        left: 66.3%;
    }

    .b157-6 {
        top: 58.5%;
        left: 2.7%;
    }

    .b157-7 {
        top: 69.7%;
        left: 66.3%;
    }

    .b157-8 {
        top: 81%;
        left: 2.7%;
    }

    .b158 {
        margin-left: 0;
        /* font-size: 13px; */
    }

    .b165 {
        width: 33.33%;
        float: left;
        clear: inherit;
        padding: 0 5px;
    }

    .b169 {
        font-size: 42px;
    }

    .b170 {
        font-size: 16px;
    }

    .b177 {
        width: 30%;
        float: left;
        clear: inherit;
    }

    .b181 {
        width: 70%;
        float: left;
        clear: inherit;
    }

    .b215,
    .b216,
    .b219 {
        text-align: center;
    }

    .b217 {
        width: 100%;
    }

    .b219 {
        margin: 0;
    }

    .b216 {
        margin-bottom: 20px;
    }

    .heading h2.b227 {
        text-align: center;
    }

    .heading h2.b227::before {
        left: 50%;
    }

    .heading h2.b227::after {
        left: 50%;
    }

    .b228 {
        text-align: center;
    }

    .b240 {
        text-align: center;
        margin-bottom: 50px;
    }

    .b253 {
        width: 30%;
        float: left;
        clear: inherit;
    }

    .b257 {
        width: 70%;
        float: left;
        clear: inherit;
    }

    .b262,
    .b284,
    .b289,
    .b294 {
        width: 100%;
        float: left;
        clear: inherit;
        margin-bottom: 30px;
    }

    #header #mainMenu:not(.menu-overlay) nav>ul>li>a {
        text-align: center;
        font-size: 15px !important;
    }

    #header #mainMenu:not(.menu-overlay) nav>ul>li.dropdown:before {
        padding: 0 10px;
    }
}

@media only screen and (max-width:480px) {
    .b159 {
        font-size: 11px;
    }

    .b158,
    .b157-1 .b158,
    .b157-3 .b158,
    .b157-5 .b158,
    .b157-7 .b158 {
        margin-left: 0;
        font-size: 13px;
        padding: 0;
        /* top: -37px; */
        position: relative;
        top: auto;
        margin-bottom: 8px;
    }

    .b169 {
        font-size: 28px;
    }

    .b170 {
        font-size: 13px;
    }

    .b168 {
        height: 30px;
    }

    .b177 {
        width: 100%;
        margin-bottom: 20px;
    }

    .b181 {
        width: 100%;
        margin-bottom: 30px;
    }

    .b260 {
        font-size: 13px;
        line-height: 1.2;
    }

    .b259 {
        margin-top: 14px;
        font-size: 16px;
        line-height: 1.3;
    }

    .b256 {
        padding: 12px;
    }
}

.b342 {}

.b343 {}

.b344 {}

.b345 {}

.b346 {}

.b347 {}

.b348 {}

.b349 {}

.b350 {}

.b351 {}

.b352 {}

.b353 {}

.b354 {}

.b355 {}

.b356 {}

.b357 {}

.b358 {}

.accordion .ac-title.b359 {
    padding: 12px 30px 12px 45px;
    background: transparent;
    font-size: 16px;
}

.b359 span {
    color: #fff;
    background: var(--c1);
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    float: left;
    padding-top: 5px;
    border-radius: 20em;
    /* margin-right: 12px; */
    position: absolute;
    top: 7px;
    left: 5px;
}

.b360 {}

.b361 {
    min-height: 30vh;
    /* padding-bottom: 0; */
    padding-top: 30px;
}

.b361.sc {
    padding-bottom: 0
}

.b361.s19 {
    background: #d9d9d9;
    padding-bottom: 60px;
}

.b361.s20 {
    background: url('../upload/Group 95.png?1');
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    padding-bottom: 60px;
}

.b361.s15 {
    background: url('../upload/Group 26.png');
    background-size: cover;
    padding-bottom: 40px;
    padding-top: 30px;
}

.b362 {}

.b363 {
    margin-bottom: 30px;
}

.b363 p {
    margin: 0;
}

.b364 {}

.b365 {}

.b366 {}

.b367 {}

.b368 {}

.b369 {
    /* margin-bottom: 50px; */
}

.b370 {}

.b371 {}

.b372 {
    padding: 120px 0;
}

.b373 {}

.b374 {}

.b375 {}

.b376 {}

.b377 {}

.b378 {}

.b378>.row {
    margin-bottom: 30px;
}

.b378 .col-md-7 {
    border-right: 1px #eee solid;
}

.b379 {
    margin-bottom: 60px;
}

.b380 {}

.b381 {
    /* min-height: 250px; */
    /* padding: 20px; */
    /* background: var(--c1); */
}

.b382 {}

.heading h2.b227.b383 {
    margin-bottom: 35px;
}

.b384 {}

.b385 {}

.b386 {}

.b387 {}

.b388 {}

.b389 {}

.heading h2.b227.b390 {
    margin-bottom: 35px;
}

.b391 {
    text-align: center;
    line-height: 1.3;
    font-size: 17px;
    font-weight: 600;
}

.b392 {
    margin-bottom: 60px;
    margin-top: 60px;
}

.b392 .row {
    /* margin-bottom: 10px; */
}

.b393 {}

.b394 {}

.b395 {}

.b396 {}

.b397 {}

.b398 {}

.b399 {}

.b400 {}

.b401 {}

.b402 {}

.b403 {
    text-align: center;
}

.b404 {}

.b405 {}

.b406 {}

.b407 {}

form .btn.b408 {
    padding: 15px 31px 11px;
    color: #fff;
}

.b409 {}

.b410 {}

.b411 {}

.b412 {}

.b413 {}

.b414 {}

.b415 {}

.b416 {}

.b417 {}

.b418 {}

.b419 {}

.b420 {}

.b421 {
    padding-top: 59px;
}

.b422 {
    margin-bottom: 28px;
}

.b423 {}

.b424 {
    font-weight: bold;
}

.b425 {}

.b426 {}

.b427 {}

.b428 {}

.b429 {}

.b430 {}

.b431 {}

.b432 {}

.b433 {}

.b434 {}

.b435 {}

.b436 {
    border-radius: 20px;
    overflow: hidden;
}

.b437 {
    margin-top: 0;
}

.b438 {}

.b439 {
    /* background: #d8d9db; */
    /* padding-top: 3vw; */
    min-height: 57vw;
}

.b440 {
    margin-bottom: 30px;
}

.b441 {
    margin-bottom: 36px;
}

.b441x {
    position: absolute;
    top: 8%;
    left: 16%;
    width: 68%;
}

.b442 {}

.b443 {}

.b444 {}

.b445 {
    position: relative;
}

.b446 {
    position: relative;
    /* padding: 10px; */
    margin-bottom: 0;
}

.b446::after {
    content: ' ';
    position: absolute;
    border: 2px var(--c1) solid;
    top: -10px;
    right: -10px;
    width: 100%;
    height: 100%;
    display: none;
}

.b447 {
    /* filter: hue-rotate(213deg); */
    /* border-radius: 38px; */
}

.b448 {}

.b449 {}

.b450,
.b449,
.b449 p {
    text-align: center;
    line-height: 1.5;
}

.b451 {}

.b452 {}

.b453 {}

.b454 {}

.b455 {}

.b456 {
    background: #f9f8fe;
    padding-bottom: 60px;
}

.b457 {}

.b458 {
    /* margin-bottom: 0; */
}

.b459 {}

.b460 {
    width: fit-content;
    margin: auto;
    position: relative;
}

.b461 {
    /* position: absolute; */
    /* top: 12.1%; */
    /* left: 40%; */
    /* width: 16%; */
    /* z-index: 1; */
}

.b462 {}

.b463 {
    display: none;
}

.b464 {}

.b465 {
    font-size: 19px;
    margin-bottom: 15px;
    /* color: #134d23; */
    text-transform: uppercase;
}

.b466 {
    font-size: 16px;
    text-align: justify;
    text-align-last: center;
    line-height: 1.3;
    /* color: #fff; */
}

.b467 {}

.b468 {}

.b469 {}

.b470 {}

.b471 {}

.b472 {}

.b473 {}

.b474 {}

.b475 {}

.b476 {}

.b477 {}

.b478 {}

.b479 {}

.b480 {}

.b481 {}

.b482 {}

.b483 {}

.b484 {}

.b485 {}

.b486 {}

.b487 {}

.b488 {}

.b489 {}

.b490 {}

.b491 {}

.b492 {}

.b493 {}

.b494 {}

.b495 {}

.b496 {}

.b497 {}

.b498 {}

.b499 {
    height: 111px;
}

.b500 {
    font-size: 25px;
}

.b501 {}

.b502 {}

.b503 {}

.b504 {}

.b505 {}

.b506 {}

.b507 {}

.b508 {}

.b509 {}

.b510 {}

.b511 {}

.b512 {}

.b513 {}

.b514 {}

.b515 {}

.b516 {}

.b517 {}

.b518 {
    position: relative;
    margin-bottom: 20px;
}

.b518:after {
    /* content:' '; */
    position: absolute;
    top: -10px;
    right: -10px;
    border: 2px var(--c1) solid;
    width: 100%;
    height: 100%;
}

.b519 {}

.b520 {}

.b521 {}

.b522 {}

.b523 {}

.b524 {}

.b525 {}

.b526 {}

.b527 {}

.b528 {}

.b529 {}

.b530 {}

.b531 {}

.b532 {
    background: #faab0a !important;
}

.b533 {}

.b534 {}

.b535 {}

.b536 {}

.b537 {
    padding: 0 4px;
    margin-bottom: 7px;
    overflow: hidden;
    float: left;
    position: relative;
    height: 400px;
}

.b537-1 {
    width: 50%;
    /* height: 400px; */
    /* float: left; */
    /* overflow: hidden; */
}

.b537-2 {
    width: 25%;
    /* height: 400px; */
    float: left;
    /* margin-bottom: 5px; */
}

.b537-3 {
    width: 25%;
    /* height: 400px; */
    float: left;
}

.b537-4 {}

.b537:nth-child(n+4) {
    width: 25%;
    float: left;
    height: 200px;
}

.b537-5 {}

.b537-6 {}

.b537-7 {}

.b537-8 {}

.b538 {}

.b539 {}

.b540 {}

.b541 {
    overflow: hidden;
    display: block;
    position: relative;
    height: 100%;
}

.b542 {
    /* height: 400px!important; */
    /* background-size: cover!important; */
    transition: 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
}

.b542x {
    position: absolute;
    bottom: 0px;
    left: 0;
    /* width: calc(100% - 8px); */
    text-align: center;
    background: #673223;
    color: #fff;
    line-height: 1.2;
    padding: 8px 9px;
    /* border-right: 25px solid transparent; */
}

.b542x::after {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 37px solid #673223;
    border-right: 24px solid transparent;
    position: absolute;
    top: 0;
    right: -24px;
}

.b537:nth-child(n+4) .b542 {
    /* height: 200px!important; */
}

.b541:hover .b542 {
    transform: translate(-50%, -50%) scale(1.1);
}

.b543 {}

.b544 {}

.b545 {}

.b546 {}

.b547 {}

.b548 {}

@media only screen and (max-width:991px) {
    .b421 {
        padding: 0;
    }

    .b465 {
        font-size: 17px;
    }

    .b466 {
        font-size: 12px;
        line-height: 1.3;
        margin: 0;
    }

    .b561:nth-child(4) {
        margin-left: 16%;
    }

    .b500 {
        font-size: 16px;
    }

    .b537 {
        width: 50%;
        height: 200px;
    }

    .b537-1 {
        width: 100%;
    }

    .b542 {
        /* height: 50vw!important; */
    }

    .b537:nth-child(n+4) {
        width: 50%;
    }

    .b542x {
        font-size: 11px;
        padding: 8px 3px;
    }
}

.b549 {}

.b550 {}

.b551 {}

.b552 {}

.b553 {}

.b554 {}

.b555 {
    background: #fff;
}

.b556 {}

.b557 {
    margin-bottom: 34px;
    padding-top: 54px;
}

.heading h2.b558 {
    text-align: left;
    color: var(--c1);
    margin-bottom: 51px;
}

.heading h2.b558::before {
    left: 0;
    transform: none;
}

.heading h2.b558::after {
    left: 50px;
}

.heading h2+p.b559 {
    text-align-last: left;
}

.b560 {}

.b561,
.b560 .b461 {
    /* margin-bottom: 20px; */
    position: relative;
    top: auto;
    left: auto;
    width: 33.3%;
}

.b562 {
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
}

.b563 {
    height: 139px;
    margin-bottom: 0;
    display: block;
}

.b564 {}

.b565 {
    font-size: 15px;
    line-height: 1.3;
    background: var(--c1);
    padding: 10px 5px;
    margin: 0;
}

.b566 {}

.b567 {}

.b568 {}

.b569 {}

.b570 {}

.b571 {}

.b572 {}

.b573 {}

.b574 {}

.b575 {}

.b576 {}

.b577 {}

.b578 {}

.b579 {}

.b580 {}

.b581 {}

.b582 {}

.b583 {}

.b584 {}

.b585 {}

.b586 {
    background: #fff !important;
    padding-top: 0;
}

.b587 {}

.b588 {}

.heading h2.b589 {
    color: var(--c1);
}

.b590 {}

.b591 {}

.b592 {}

.b593 {
    background: #F1F2F2;
    padding: 25px;
    border-radius: 14px;
}

.b594 {}

.b595 {}

.b596 {
    margin-bottom: 15px;
}

.b597 {
    font-size: 17px;
    text-align: justify;
    text-align-last: center;
    line-height: 1.4;
    /* display: none; */
}

.b598 {}

.b599 {}

.b600 {}

.b601 {}

.b602 {}

.b603 {}

.b604 {}

.b605 {}

.b606 {}

.b607 {}

.b608 {}

.b609 {}

.b610 {}

.b611 {}

.b612 {}

.b613 {}

.b614 {
    margin-bottom: 30px;
}

.b615 {}

.b616 {
    margin-bottom: 26px;
    margin-top: 71px;
}

.b617 {
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.b618 {
    font-size: 17px;
    text-align: justify;
    /* text-align-last: center; */
    color: #fff;
}

.tq86 .b618,
.tq86 .b617 {
    color: #000
}

.b619 {}

.b620 {}

.b621 {}

.b622 {}

.b623 {}

.b624 {}

.b625 {}

.b626 {}

.b627 {}

.b628 {}

.b629 {}

.b630 {}

.b631 {}

.b632 {}

.b633 {}

.b634 {}

.b635 {}

.b636 {}

.b637 {}

.b638 {}

.b639 {
    text-align: justify;
    text-align-last: center;
    /* font-size: 17px; */
}

.b640 {
    background: #f5f5f5;
}

.b641 {}

.b642 {}

.b643 {}

.b644 {}

.b645 {}

.b646 {}

.b647 {}

.b648 {}

.b649 {}

.b650 {
    text-align: justify;
}

.b651 {}

.b652 {}

.b653 {}

.b654 {}

.b655 {}

.b656 {}

.b657 {}

.b658 {}

.b659 {}

.b660 {}

.b661 {}

.b662 {}

.b663 {}

.b664 {}

.b665 {
    text-align: justify;
    margin-bottom: 30px;
    /* padding-left: 40px; */
}

.b665 p,
.b650 p {
    line-height: 1.3;
}

.b665 p b {
    background: var(--c1);
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px 10px 10px 0;
}

.b666 {}

.b667 {}

.b668 {}

.b669 {}

.b670 {}

.b671 {}

.b672 {}

.b673 {}

.b674 {}

.b675 {}

.b676 {}

.b677 {}

.b678 {
    margin-bottom: 30px;
}

.b679 {
    border-radius: 15px;
}

.b680 {
    /* width: fit-content; */
    /* margin: auto; */
}

.b681 {
    width: 100%;
}

.b682 {
    padding-bottom: 0;
    background: #f5f5f5;
}

.b683 {}

.b684 {
    padding: 0 20px;
    margin-bottom: 35px;
}

.b685 {}

.b686 {}

.b687 {}

.b688 {}

.b689 {}

.b690 {}

.b691 {}

.b692 {
    font-size: 20px;
    line-height: 1.4;
}

.b693 {}

.b694 {}

.b695 {}

.b696 {}

.b697 {}

.b698 {}

.b699 {}

.b700 {}

.b701 {}

.b702 {}

.b703 {}

.b704 {}

.b705 {}

.b706 {}

.b707 {}

.b708 {}

.b709 {}

.b710 {}

.b711 {}

.b712 {}

@media only screen and (max-width:991px) {
    .b565 {
        font-size: 15px;
    }

    .b597,
    .b618,
    .b639 {
        font-size: 13px;
        line-height: 1.4;
    }

    .b692 {
        font-size: 14px;
    }
}

.t1 {}

.t2 {}

.t3 {}

.t4 {}

.t5 {
    background: #e6e7e8;
    border-radius: 0px 0px 25px 25px;
    overflow: hidden;
}

.t6 {
    margin: 0;
}

.t7 {
    padding: 0;
    margin-bottom: 0;
}

.t8 {
    overflow-y: auto;
}

.t9 {
    text-align: center;
    border-bottom: 1px #fff solid;
    padding: 10px 0;
    margin: 0;
}

.t9.active {
    background: #fff;
    border-left: 8px #ffe6ae solid;
}

.t10 {
    width: 51%;
    margin: auto;
}

.t11 {
    padding: 0;
    margin-bottom: 0;
}

.t12 {
    /* padding: 20px; */
}

.t13 {
    background: #fff;
    padding: 75px 15px 0px 75px;
    display: none;
    border-radius: 0px 0px 0px 25px;
    box-shadow: 0px 0px 10px 0px #0000003b;
}

.t13.active {
    display: block
}

.t14 {}

.t15 {}

.t16 {
    margin-bottom: 30px;
}

.t17 {
    width: 68px;
}

.t18 {
    margin-bottom: 30px;
}

.t19 {
    border-left: 3px var(--c1) solid;
    padding-left: 13px;
    font-weight: 600;
    color: var(--c1);
}

.t20 {}

.t21 {
    margin: 0;
}

.t22 {}

@media only screen and (max-width:991px) {
    .t13 {
        padding: 20px 20px 0;
    }

    .t9 {
        width: 33.33%;
        float: left;
        clear: inherit;
    }

    .t10 {
        width: 70%;
    }

    .b158-1 {
        display: none;

            {}
    }

    .b158-2 {
        padding: 5px 4px;
    }

    .b159 {
        font-size: 11px;
        padding: 0;
    }
}

.bg1 {}

.bg2 {}

.bg3 {}

.bg4 {}

.bg5 {}

.bg6 {}

.bg7,
.bg50 {
    padding: 30px;
    border: 1px #ddd solid;
    background: #eee;
}

.bg8 {}

.bg9 {}

.bg10,
legend {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 6px;
}

.bg11 {
    margin-bottom: 35px;
}

.bg12 {}

.bg13 {}

.bg14 {}

.bg15 {}

.bg16 {}

.bg17 {}

.bg18 {}

.bg19 {}

.bg20 {}

.bg21 {}

.bg22 {}

.bg23 {}

.bg24 {}

.bg25 {}

.bg26 {}

.bg27 {}

.bg28 {}

.bg29 {}

.bg30 {}

.bg31 {}

.bg32 {}

.bg33 {}

.bg34 {}

.bg35 {}

.bg36 {}

.bg37 {}

.bg38 {}

.bg39 {}

.bg40 {}

.bg41 {}

.bg42 {}

.bg43 {}

.bg44 {}

.bg45 {}

.bg46 {}

.bg47 {}

.bg48 {}

.bg49 {}

.bg50 {
    margin-bottom: 23px;
}

.bg51 {}

.bg52 {}

.bg53 {}

.bg54 {}

.bg55 {}

.bg56,
.bg2 .form-group label {
    font-size: 16px;
}

.bg57 {}

.bg58 {}

.bg59 {}

.bg60 {}

.bg61 {}

.bg62 {}

.bg63 {}

.bg64 {}

.bg65 {}

.bg66 {}

.bg67 {}

.bg68 {}

.bg69 {}

.bg70 {}

.bg71 {}

.bg72 {}

.bg73 {}

.bg74 {}

    {}

.bg75 {}

.bg76 {}

.bg77 {}

.bg78 {}

.bg79,
form .btn.bg79 {
    text-align: center;
    width: 100%;
    padding: 18px 20px;
    font-size: 20px;
}

.bg2 .form-control {
    background: #fff;
}

.tc1 {}

.tc2 {
    /* background: #fcf7f1; */
}

.tc3 {}

.tc4 {}

.tc5 {}

.tc6 {}

.tc7 {
    color: var(--c1);
}

.tc8,
.tc8 a {
    text-align: justify;
    line-height: 1.3;
    font-size: 20px;
}

.tc9 {
    color: var(--c1);
    text-decoration: underline;
}

.tc10 {}

.tc11 {}

.tc12,
.tc19 {
    margin-bottom: 10px;
}

.tc13 {}

.tc14,
.tc21 {
    text-align: left;
    display: block;
}

.tc15 {}

.tc16 {
    background: #fff;
}

.tc17 {}

.tc18 {}

.tc19 {}

.tc20 {}

.tc21 {}

.tc22 {}

.tc23 {
    background: #fff;
}

.tc24 {}

.tc25 {}

.tc26 {
    text-align: left;
}

form .btn.tc27 {
    font-size: 16px;
    padding: 16px 19px;
    height: auto;
}

.tc28 {}

.tc29 {}

.tc30 {}

.tc31 {}

.btn.btn-primary {
    height: auto;
    padding: 10px 20px;
}

.btn.btn-primary:hover {
    background: var(--c2)
}

.table-responsive {
    overflow-x: scroll;
}

/* Set the width and height of the scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Set the background color of the scrollbar */
::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

/* Set the color of the scrollbar thumb */
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 5px;
}

/* Keep the scrollbar always visible */
::-webkit-scrollbar-thumb:vertical {
    min-height: 50px;
}


.n1 {
    height: 300px;
    border-radius: 12px;
}

.n2 {}

.n3 {}

.n4 {}

.giatri {
    background: url('../upload/tonmatgroup/16.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    /* display: block; */
    /* overflow: hidden; */
    height: 251px;
    position: relative;
}

.giatri a {
    width: 20%;
    /* float: left; */
    /* display: block; */
    padding: 30px 20px;
    background: #faab0a8f;
    height: 251px;
    transition: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
}

.giatri a:hover {}

.giatri a:nth-child(1) {}

.giatri a:nth-child(2) {
    left: 20%;
}

.giatri a:nth-child(3) {
    left: 40%;
}

.giatri a:nth-child(4) {
    left: 60%;
}

.giatri a:nth-child(4):hover {
    /* left:20%; */
}

.giatri a:nth-child(5) {
    left: 80%;
}

.giatri a:nth-child(5):hover {
    /* left:40%; */
}

.giatri a:nth-child(2n) {
    background: var(--c1);
}

.giatri a p:nth-child(1) {
    text-align: center;
    color: #fff;
    transition: 0.3s;
}

.giatri a p:nth-child(1) img {
    width: 138px;
}

.giatri a p:nth-child(2) {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.3s;
}

.giatri a p:nth-child(3) {
    color: #fff;
    display: none;
    transition: 0.3s;
    line-height: 1.3;
}

.giatri a:hover {
    /* width: 60%; */
    /* z-index: 2; */
    background: var(--c2);
}

.giatri a:hover p:nth-child(1) {
    /* text-align: left; */
}

.giatri a:hover p:nth-child(1) img {}

.giatri a:hover p:nth-child(2) {
    /* position: absolute; */
    /* top: 29%; */
    /* left: 22%; */
}

.giatri a:hover p:nth-child(3) {
    display: block;
    position: absolute;
    top: 42%;
    left: 22%;
}

@media only screen and (max-width:480px) {
    .giatri a {
        padding: 15px 5px;
        height: auto;
    }

    .giatri a p:nth-child(2) {
        font-size: 12px;
        line-height: 1.4;
    }
}

.d465 {}

.d466 {}

.d467 {}

.heading h2.d468 {
    /* color: #fff; */
    /* margin-bottom: 10px; */
}

.d469 {
    /* color: #fff; */
}

.d470 {}

.d471 {}

.d472 {
    margin-bottom: 30px;
}

.d473 {
    margin: 0;
}

.d474 {
    border-radius: 10px;
}

.d475 {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin: 0 20px;
    margin-top: -35px;
    display: block;
    position: relative;
}

.d476 {
    color: var(--social-media-apple, #000);
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'clig' off, 'liga' off;
    /* font-family: Unbounded; */
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    /* 125.583% */
    text-align: center;
}

.d477 {
    color: var(--neutral-colors-600, #6D758F);
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'clig' off, 'liga' off;

    /* Display/5/Regular */
    font-family: Inter;
    /* font-size: 20px; */
    /* font-style: normal; */
    /* font-weight: 400; */
    /* line-height: 28px; */
    /* 140% */
    line-height: 1.2;
}

.d500 {
    /* color: #fff; */
}

@media only screen and (max-width:480px) {
    .b563 {
        height: 99px;
    }

    .n3 {}

    .n3+.col-md-6 {}

    .b614 .b165 {
        width: 100%;
    }

    .b616 {
        margin-top: 20px;
    }

    .d477 {
        font-size: 14px;
    }
}

.p533 {
    position: relative;
}

.p534 {}

.p535 {}

.p536 {}

.heading h2.p537 {
    /* text-align: left; */
}

.p538 {
    margin-bottom: 30px;
    text-align: justify;
}

.p539 {}

.p540 {}

.p541 {
    width: 100%;
    /* float: left; */
    position: relative;
    margin-top: -12px;
}

.p541.ls1 {}

.p541.ls0 {
    /* margin-top: -12px; */
}

.p541.ls0 .p542-10 {
    transform: rotate(180deg);
}

.p542 {}

.p543 {}

.p544 {
    border-radius: 9.84px;
    /* background: url(<path-to-image>), lightgray 50% / cover no-repeat; */
    /* mix-blend-mode: screen; */
}

.p542-5 {
    text-align: center;
}

.p542-6 {
    width: 15px;
}

.p542-1 {
    border: 2px dashed var(--c1);
    padding: 15px;
    border-radius: 17px;
    width: 40%;
    /* margin-top: 50%; */
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
}

.p542-1 p {
    margin: 0;
    line-height: 1.3;
    text-align: justify;
    font-size: 14px;
}

.p542-2 {}

.p542-3 {
    width: 20%;
    /* float: left; */
    position: relative;
    margin: auto;
}

.p541.ls1 .p542-1 {
    left: 0;
}

.p541.ls0 .p542-1 {
    right: 0;
}

.p541.ls1 .p542-3 {}

.p541.ls0 .p542-3 {
    /* float: right; */
}

.p542-4 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    font-weight: 800;
    color: var(--c1);
    font-size: 27px;
    transform: translateY(-50%);
}

.p542-7 {
    text-align: center;
}

.p542-8 {
    width: 100px;
}

@media only screen and (max-width:991px) {
    .p541 {
        float: left;
        width: 100%;
        display: block;
        margin-bottom: 9px;
        margin-top: auto;
    }

    .p542-10 {
        transform: rotate(180deg);
    }

    .p542-3 {
        margin: inherit;
        float: left;
        width: 20%;
    }

    .p542-1 {
        position: relative;
        float: left;
        top: auto;
        transform: none;
        width: 80%;
        min-height: 84px;
    }

    .p542-4 {
        font-size: 16px;
    }
}

@media only screen and (max-width:480px) {
    .p542-4 {
        font-size: 9px;
        line-height: 1;
    }
}

.b459x {
    text-align: center;
    margin-bottom: 20px;
}

.b459x2 {
    width: 100%;
}

.b461-1 {}

/* .b461-2{
    top: 36.4%;
    left: 70.4%;
}
.b461-3{
    top: 72.8%;
    left: 62.4%;
}
.b461-4{
    top: 72.8%;
    left: 23.5%;
}
.b461-5{
    top: 37.8%;
    left: 10.4%;
} */
@media only screen and (max-width:991px) {
    .b459x {
        display: none;
    }

    .b461 {
        position: relative;
        width: 100%;
        top: auto;
        left: auto;
        background: var(--c1);
        border-radius: 11px;
        margin-bottom: 10px;
        padding: 15px;
    }

    .b441x {
        top: 0;
        left: 0;
        width: 100%;
        position: relative;
        padding: 0 0px;
    }

    .b450,
    .b449,
    .b449 p {
        text-align: justify;
        line-height: 1.2;
    }

    .b19 {
        float: right;
        margin-right: 23px;
    }

    .b148 {
        height: 119px;
        position: relative;
    }

    #mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,
    #mainMenu nav>ul>li .dropdown-menu>li>a,
    #mainMenu nav>ul>li .dropdown-menu>li>span {
        text-align: center;
    }
}

.tq1 {}

.tq2 {}

.tq3 {}

.tq4 {
    padding-bottom: 60px;
}

h2:not(:last-child).tq5 {
    margin-bottom: 0;
}

.tq6 {
    margin-bottom: 0;
    line-height: 1.3;
}

.tq7 {
    line-height: 1.3;
}

.tq8 {}

.tq9 {}

.tq10 {}

.tq11 {}

.tq12 {}

.tq13 {}

.tq14 {}

.tq15 {
    padding-top: 0;
}

.tq16 {}

.tq17 {}

.tq18 {}

.tq19 {}

.tq20 {}

.tq21 {}

.tq22 {}

.tq23 {}

.tq24 {}

.tq25 {}

.tq26 {}

.tq27 {}

.tq28 {}

.tq29 {}

.tq30 {}

.tq31 {}

.tq32 {}

.tq33 {}

.tq34 {}

.tq35 {}

.tq36 {}

.tq37 {}

.tq38 {}

.tq39 {}

.tq40 {}

.tq41 {}

.tq42 {}

.tq43 {}

.tq44 {}

.tq45 {}

.tq46 {}

.tq47 {}

.tq48 {}

.tq49 {}

.tq50 {}

.tq51 {}

.tq52 {}

.tq53 {}

.tq54 {}

.tq55 {}

.tq56 {}

.tq57 {}

.tq58 {}

.tq59 {}

.tq60 {}

.tq61 {}

.tq62 {}

.tq63 {}

.tq64 {}

.tq65 {}

.tq66 {}

.tq67 {}

.tq68 {}

.tq69 {}

.tq70 {}

.tq71 {}

.tq72 {}

.tq73 {}

.tq74 {}

.tq75 {}

.tq76 {}

.tq77 {}

.tq78 {}

.tq79 {}

.tq80 {}

.tq81 {}

.tq82 {}

.tq83 {}

.tq84 {}

.tq85 {}

.tq86 {}

.tq87 {}

.tq88 {}

.tq89 {}

.tq90 {}

.tq91 {}

.tq92 {}

.tq93 {}

.tq94 {}

.tq95 {
    color: #000;
}

.tq96 {
    color: #000;
}

.tq97 {}

.tq98 {}

.tq99 {}

.tq100 {}

.tq101 {}

.tq102 {}

.tq103 {}

.tq104 {}

.tq105 {}

.tq106 {}

.tq107 {}

.tq108 {}

.tq109 {}

.tq110 {}

.tq111 {}

.tq112 {}

.tq113 {}

.tq114 {}

.tq115 {}

.tq116 {}

.tq117 {}

.tq118 {}

.tq119 {}

.tq120 {}

.tq121 {}

.tq122 {}

.tq123 {}

.tq124 {}

.tq125 {}

.tq126 {}

.tq127 {}

.tq128 {}

.tq129 {}

.tq130 {}

.tq131 {}

.tq132 {}

.tq133 {}

.tq134 {}

.tq135 {}

.tq136 {}

.tq137 {}

.tq138 {}

.tq139 {}

.tq140 {}

.tq141 {}

.tq142 {}

.tq143 {}

.tq144 {}

.tq145 {}

.tq146 {}

.tq147 {}

.tq148 {}

.tq149 {}

.tq150 {}

.tq151 {}

.tq152 {}

.tq153 {}

.tq154 {}

.tq155 {}

.tq156 {}

.tq157 {}

.tq158 {}

.tq159 {}

.tq160 {}

.tq161 {}

.tq162 {}

.tq163 {}

.tq164 {}

.tq165 {}

.tq166 {}

.tq167 {}

.tq168 {}

.tq169 {}

.tq170 {}

.tq171 {}

.tq172 {}

.tq173 {}

.tq174 {}

.tq175 {}

.tq176 {}

.tq177 {}

.tq178 {}

.tq179 {}

.tq180 {}

.tq181 {}

.tq182 {}

.tq183 {}

.tq184 {}

.tq185 {}

.tq186 {}

.tq187 {}

.tq188 {}

.tq189 {}

.tq190 {}

.tq191 {}

.tq192 {}

.tq193 {}

.tq194 {}

.tq195 {}

.tq196 {}

.tq197 {}

.tq198 {}

.tq199 {}

.tq200 {}

.tq201 {}

.tq202 {}

.tq203 {}

.tq204 {}

.tq205 {}

.tq206 {}

.tq207 {}

.tq208 {}

.tq209 {}

.tq210 {}

.tq211 {}

.tq212 {}

.tq213 {}

.tq214 {}

.tq215 {}

.tq216 {}

.tq217 {}

.tq218 {}

.tq219 {}

.tq220 {}

.tq221 {}

.tq222 {}

.tq223 {}

.tq224 {}

.tq225 {}

.tq226 {}

.tq227 {}

.tq228 {}

.tq229 {}

.tq230 {}

.tq231 {}

.tq232 {}

.tq233 {}

.tq234 {}

.tq235 {}

.tq236 {}

.tq237 {}

.tq238 {}

.tq239 {}

.tq240 {}

.tq241 {}

.tq242 {}

.tq243 {}

.tq244 {}

.tq245 {}

.tq246 {}

.tq247 {}

.tq248 {}

.tq249 {}

.tq250 {}

.tq251 {}

.tq252 {}

.tq253 {
    background: #f5f5f5;
}

.tq254 {}

.tq255 {}

.tq256 {}

.tq257 {}

.tq258 {}

.tq259 {}

.tq260 {}

.tq261 {
    filter: brightness(0);
}

.tq262 {}

.tq263 {}

.tq264 {}

.tq265 {}

.tq266 {}

.tq267 {}

.tq268 {}

.tq269 {}

.tq270 {}

.tq271 {}

.tq272 {}

.tq273 {}

.tq274 {}

.tq275 {}

.tq276 {}

.tq277 {}

.tq278 {}

.tq279 {}

.tq280 {}

.tq281 {}

.tq282 {}

.tq283 {}

.tq284 {}

.tq285 {}

.tq286 {}

.tq287 {}

.tq288 {}

.tq289 {}

.tq290 {}

.tq291 {}

.tq292 {}

.tq293 {}

.tq294 {}

.tq295 {}

.tq296 {
    text-align: center;
}

.tq297 {
    text-align: center;
}

.tq298 {}

.tq299 {}

.tq300 {}

.tq301 {}

.tq302 {}

.tq303 {}

.tq304 {}

.tq305 {}

.tq306 {}

.tq307 {}

.tq308 {}

.tq309 {}

.tq310 {}

.tq311 {}

.tq312 {}

.tq313 {}

.tq314 {}

.tq315 {}

.tq316 {}

.tq317 {}

.tq318 {}

.tq319 {}

.tq320 {}

.tq321 {}

.tq322 {}

.tq323 {}

.tq324 {}

.tq325 {}

.tq326 {}

.tq327 {}

.tq328 {}

.tq329 {}

.tq330 {}

.tq331 {}

.tq332 {}

.tq333 {}

.tq334 {}

.tq335 {}

.tq336 {}

.tq337 {}

.tq338 {}

.tq339 {}

.tq340 {}

.tq341 {}

.tq342 {}

.tq343 {}

.tq344 {}

.tq345 {}

.tq346 {}

.tq347 {}

.tq348 {}

.tq349 {}

.tq350 {}

.tq351 {}

.tq352 {}

.tq353 {}

.tq354 {}

@media only screen and (max-width:991px) {
    .b361.s20 {
        background: #fff;
    }

    .tq6,
    .tq7 {
        font-size: 14px;
        margin-bottom: 7px;
    }

    h2:not(:last-child).tq5 {
        margin-bottom: 8px;
    }

    .b439 {
        z;
        background: #faab0a !important;
        padding-bottom: 0;
    }

    .b440 {
        margin-bottom: 0;
    }

    .b392 {
        margin-top: 0;
    }
}

.accordion .ac-item .ac-title:before {
    color: #000;
    content: "\f107";
}

.accordion .ac-item.ac-active .ac-title:before {

    content: "\f106";
}

.nu1 {
    position: fixed;
    z-index: 1;
    bottom: 56px;
    right: 2px;
}

.nu2 {
    margin: 0;
}

.nu3 {}

.nu4 {
    transition: 0.3s;
    width: 55px;
}

.nu3:hover .nu4 {
    transform: scale(1.2)
}

.nu2x .nu3:hover .nu4 {
    transform: none
}

.nu2x {
    display: none
}

@media only screen and (max-width:991px) {
    .b557 {
        padding-top: 0
    }

    .b561 {
        background: transparent;
    }

    .b561,
    .b560 .b461 {
        padding: 0 3px;
    }

    .b595 {
        /* height: auto; */
    }

    .b593.b497 {
        padding: 20px;
    }

    .b592,
    .b598,
    .b604 {
        width: 100%;
        margin-bottom: 20px;
    }

    .b662 {
        padding: 0 15px;
    }

    .b665 {
        padding-left: 0px;
    }

    .b499 {
        height: auto;
    }

    .b497 {
        padding: 5px;
    }

    .giatri {
        height: 200px;
    }

    .tq44 .b499 {
        height: 100px;
    }

    .b121 {
        letter-spacing: -1.3px !important;
    }
}

.tg1 {
    position: fixed;
    top: 50%;
    left: 10px;
    z-index: 2;
    background: #fff;
    padding: 13px 6px 3px 6px;
    border-radius: 20em;
    box-shadow: 0px 0px 10px 0px #00000054;
    transform: translateY(-50%);
}

.tg2 {
    /*display: none;*/
    margin-bottom: 8px;
}

.tg3 {}

.tg4 {
    filter: grayscale(1);
}

.tg3.active .tg4 {
    filter: none;
}

@media only screen and (max-width:991px) {
    .tg1 {
        display: none;
    }

    .nu1 {
        right: auto;
        left: 3px;
        bottom: 5px;
    }

    .nu1 .nu2:not(.nu2x) {
        display: none
    }

    .nu1.active .nu2:not(.nu2x) {
        display: block
    }

    .nu2x {
        display: block
    }
}

.ms1 {}

.ms2 {}

.ms3 {}

.ms4 {}

.ms5 {
    padding: 36px;
    /* border-radius: 20px; */
}

.ms6 {}

.ms7 {}

.ms8 {}

.ms9 {}

h2:not(:last-child).ms10 {
    color: #fff;
    margin-bottom: 15px;
}

.ms11 {}

.ms12 {}

.ms13 {}

.ms14 {}

.ms15 {}

.ms16 {}

.ms17 {}

.ms18 {}

.ms19 {}

.ms20 {}

.ms21 {}

.ms22 {}

.ms23 {}

.ms24 {}

.ms25 {}

.ms26 {}

.ms27 {}

.ms28 {}

.ms29 {}

.ms30 {}

.ms31 {}

.ms32 {}

.ms33 {}

@media only screen and (min-width:1024px) {
    .vertical-alignment-helper {
        display: table;
        height: 100%;
        width: 100%;
        pointer-events: none;
        /* This makes sure that we can still click outside of the modal to close it */
    }

    .vertical-align-center {
        /* To center vertically */
        display: table-cell;
        vertical-align: middle;
        pointer-events: none;
    }

    .modal-content {
        /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
        width: inherit;
        max-width: inherit;
        /* For Bootstrap 4 - to avoid the modal window stretching full width */
        height: inherit;
        /* To center horizontally */
        margin: 0 auto;
        pointer-events: all;
    }
}

@media only screen and (max-width:991px) {
    .ms5 {
        padding: 20px;
    }

    .ms2 {
        width: 90%;
    }
}

.trangtracuu .ketquatracuu p {
    margin-bottom: 0;
    font-size: 14px
}

.trangtracuu .ketquatracuu .row+p+table {
    margin-top: 20px
}

.trangtracuu .ketquatracuu .row+p a i.fa-caret-down {
    display: none
}

.trangtracuu .ketquatracuu .row+p a.active i.fa-caret-right {
    display: none
}

.trangtracuu .ketquatracuu .row+p a.active i.fa-caret-down {
    display: contents
}

.trangtracuu .ketquatracuu .text-right p {
    text-align: right
}

.trangtracuu .ketquatracuu>.row:first-child>.col-md-3 {
    border-left: 1px #ccc solid
}

.trangtracuu .ketquatracuu .quatrinh {
    margin-top: 36px;
    margin-bottom: 35px;
    display: block;
    overflow: hidden;
    position: relative
}

.trangtracuu .ketquatracuu .quatrinh p:not(:last-child)::before {
    content: ' ';
    background: var(--c1);
    height: 2px;
    width: 69%;
    position: absolute;
    top: 14px;
    left: 65%;
    z-index: 1
}

.trangtracuu .ketquatracuu .quatrinh.huy p:not(:last-child)::before {
    background: #808080
}

.trangtracuu .ketquatracuu .quatrinh p {
    width: 16.5%;
    float: left;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    position: relative;
    padding: 0 2px
}

.trangtracuu .ketquatracuu .quatrinh p i::before {
    background: #f7f7f7
}

.trangtracuu .ketquatracuu .quatrinh p i {
    width: 100%;
    float: left;
    color: var(--c1);
    font-size: 28px;
    background: #ffffff;
    margin-bottom: 10px
}

.trangtracuu .ketquatracuu .quatrinh.huy p i {
    color: grey
}

.trangtracuu .ketquatracuu .quatrinh p i.fa-check-circle {
    display: none
}

.trangtracuu .ketquatracuu .quatrinh p.done i.fa-check-circle {
    display: block
}

.trangtracuu .ketquatracuu .quatrinh p.done i.fa-circle-o {
    display: none
}

.trangtracuu .input-group-btn {
    width: 20%
}

.trangtracuu .input-group-btn .btn {
    width: 100%
}

.trangtracuu .boxtracuu+.row>.col-md-3 {
    padding-top: 21px
}

@media only screen and (max-width:991px) {
    .trangtracuu .ketquatracuu>.row:first-child>.col-md-3 {
        border: none
    }

    .trangtracuu .ketquatracuu .quatrinh p:not(:last-child)::before {
        width: 47%;
        left: 75%;
        width: 2px;
        height: 14px;
        left: 27px;
        top: 25px
    }

    .trangtracuu .ketquatracuu .text-right p {
        text-align: left
    }
}

.tr1 {}

.tr2 {}

.tr3 {}

.tr4 {}

.tr5 {}

.tr6 {}

.tr7 {}

.tr8 {}

.tr9 {}

.tr10 {}

.tr11 {}

.tr12 {}

.tr13 {}

.tr14 {}

.tr15 {}

.tr16 {}

.tr17 {}

.tr18 {}

.tr19 {}

.tr20 {}

.tr21 {}

.tr22 {}

.tr23 {}

.tr24 {}

.tr25 {}

.tr26 {}

.tr27 {}

.tr28 {}

.tr29 {}

.tr30 {}

.tr31 {}

.tr32 {}

.tr33 {}

.tr34 {}

.tr35 {
    margin-top: 30px;
}

.tr36 {}

.tr37 {}

.tr38 {}

.tr39 {
    border: 1px #ccc solid;
    padding: 15px;
    margin-bottom: 30px;
}

.tr40 {
    font-size: 21px;
}

.tr41 {}

.tr42 {}

.tr43 {}

.tr44 {}

.tr45 {}

.tr46 {}

.tr47 {}

.tr48 {}

.tr49 {}

.tr50 {}

.tr51 {}

.tr52 {}

.tr53 {}

.tr54 {}

.tr55 {}

.tr56 {}

.tr57 {}

.tr58 {}

.tr59 {}

.tr60 {}

h3:not(:last-child).tr61 {
    font-size: 20px;
    border-bottom: 1px #ccc solid;
}

.tr62 {}

.tr63 {}

.tr64 {}

.tr65 {
    margin-bottom: 10px;
}

.tr66 {}

.tr67 {}

.tr68 {}

.tr69 {}

.tr70 {}

.tr71 {
    font-size: 14px;
}

.tr72 {}

.tr73 {}

.tr74 {}

.tr75 {}

.tr76 {}

.tr77 {}

.tr78 {}

.tr79 {}

@media only screen and (max-width:991px) {
    #header #mainMenu:not(.menu-overlay) nav>ul>li.b68 {
        margin-bottom: 5px;
    }

    #header #mainMenu:not(.menu-overlay) nav>ul>li>a.b69 {
        background: var(--c1);
        text-shadow: none;
        padding: 8px 15px;
        transition: none;
        font-size: 15px;
        border-radius: 3px;
    }

    .b22 {
        margin: 0;
    }
}

.g1 {
    padding-bottom: 11vw;
}

.g2 {}

.g2 p {
    font-size: 20px;
}

.g2 h2 {
    color: var(--c1);
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 10px;
}

.g3 {}

.g4 {}

.g5 {
    margin-top: 20px;
    margin-bottom: 0;
}

.g6 {}

.g7 {}

.g8 {}

.g9 {}

.g10 {}

.g11 {}

.g12,
.g5 .form-control {
    border: 2px var(--c1) solid;
}

.g13 {}

.g14 {}

.g15 {}

.g16 {}

.g17 {}

.g18 {}

.g19 {}

.g20 {}

.g21 {}

.g22 {}

.g23 {}

.g24 {}

.g25 {}

.g26 {}

@media only screen and (max-width:1024px) {
    .g1 {
        padding-bottom: 15vw;
    }

}

@media only screen and (max-width:991px) {
    .g1 {
        padding-bottom: 54vw;
        background: url('../upload/feedback-xs.jpg') !important;
        background-size: contain !important;
        background-position: bottom !important;
        background-repeat: no-repeat !important;
        background-color: #f3f3f3 !important;
    }
}

.single-post .post-item .post-tags a {
    display: inline-block;
    line-height: 1;
    padding: 7px 6px;
    margin-bottom: 4px;
    transition: 0.3s;
}

.single-post .post-item .post-tags a:hover,
.single-post .post-item .post-tags a.active {
    color: #fff;
    background: var(--c2);
    border-color: var(--c2);
}

.single-post .post-item .post-tags {
    margin-bottom: 0
}

.n1 {}

.n2 {}

.n3 {}

.n4 {}

.n5 {}

.n6 {}

.n7 {}

.n8 {}

.n9 {}

.n10 {}

.n11 {}

.n12 {}

.n13 {}

.n14 {}

.n15 {}

.n16 {}

.n17 {}

.n18 {}

.n19 {
    padding-top: 40px;
    padding-bottom: 20px;
}

.n20 {}

.n21 {}

.n22 {}

.n23 {}

.chi-tiet-bai-viet .n23 {
    padding: 15px 15px 0;
}

.heading.b226.n24 {
    margin-bottom: 25px;
}

.heading h2.b227.n25 {
    text-align: center;
}

.n26 {}

.n27 {}

.n28 {}

.n29 {}

.n30 {}

.n31 {}

.n32 {}

.n33 {}

.n34 {}

.n35 {}

.n36 {}

.n37 {}

.n38 {}

.n39 {}

.n40 {}

.n41 {}

.n42 {}

.n43 {}

form .btn.n44 {
    padding: 18px 20px;
    width: 100%;
}

.n45 {}

.n46 {}

.n47 {}

.n48 {}

.n49 {}

.n50 {}

.n51 {}

.n52 {
    margin-bottom: 25px;
}

.n52.p7 {
    margin-left: 16.5%;
}

.n53 {}

.n54 {}

.n55 {
    position: relative;
}

.n55x {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 14px;
}

.n56 {
    margin-bottom: 0;
}

.n57 {
    border-radius: 14px;
    /* overflow: hidden; */
}

.n58 {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.n59 {
    line-height: 1.3;
    text-align: justify;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    background: #562a1d8a;
    color: #fff;
    transition: 0.3s;
    margin: 0;
    opacity: 0;
}

.n55:hover .n59 {
    opacity: 1
}

.n60,
.n83,
.index-page .n142 {
    background-image: url('../upload/Asset 27@4x.png') !important;
    background-size: cover;
    background-position: center;
}

.n61 {}

.n62 {}

.n63 {}

.n64 {}

.n65 {}

.n66 {}

.n67 {}

.n68 {}

.n69 {
    background: #fff;
}

.n70 {}

.n71 {}

.n71 table {
    margin: 0
}

.n71 table tr td {
    text-align: center;
}

.n71 table tr td:nth-child(2) {
    text-align: center;
}

.n71 table tr td:nth-child(3) {
    text-align: center;
}

.n71 table tr:first-child td {
    text-align: center;
    background: var(--c2);
    color: #fff;
    font-weight: 700;
}

.n72 {}

.n73 {}

.n74 {}

.n75 {}

.n76 {}

.n77 {}

.n78 {}

.n79 {}

.n80 {}

.n81 {}

.n82 {}

.n83 {}

.n84 {}

.n85 {}

.n86 {}

.n87 {}

.n88 {}

.n89 {
    margin-bottom: 30px;
}

.n90 {}

.n91 {
    margin-top: 100px;
}

.n92 {}

.n93 {}

.n94 {}

.n95 {
    margin: 0;
}

.n96 {}

.n97 {
    margin-bottom: 30px;
    text-align: center;
}

.n98 {}

.n99 {}

.n100 {}

.n101 {}

.n102 {}

.n103 {}

.n104 {}

.n105 {}

.n106 {}

.n107 {}

.n108 {}

.n109 {}

.n110 {}

.n111 {}

.n112 {}

.n113 {}

.n114 {
    border-radius: 20px;
}

.n115 {
    text-align: center;
}

.n116 {}

.n117 {}

.n118 {}

.n119 {}

.n120 {}

.n121 {}

.n122 {}

.n123 {}

.n124 {}

.n125 {}

.n126 {}

.n127 {}

.n128 {}

.n129 {}

.n130 {}

.n131 {}

.n132 {}

.n133 {}

.n134 {}

.n135 {}

.n136 {}

.n137 {}

.n138 {}

.n139 {}

.counter span.n140 {
    font-size: 1em;
}

.n141 {}

.index-page .n142 {
    /* background: #efefef !important; */
}

.n143 {}

.n144 {}

.n145 {}

.n146 {}

.n147 {}

.n148 {}

.n149 {}

.n150 {}

.n151 {}

.n152 {}

.n153 {}

.n154 {}

.n155 {}

.n156 {}

.n157 {}

.n158 {}

.n159 {
    margin-bottom: 27px;
}

.n160 {
    height: 125px;
}

.n161 {
    font-size: 24px;
}

.n162 {
    padding: 80px 0;
}

.n163 {}

.n164 {}

.n165 {}

.n166 {}

.n167 {}

.n168 {}

.n169 {}

.n170 {}

.n171 {}

.n172 {}

.n173 {}

.n174 {}

.n175 {}

.n176 {}

.n177 {}

.n178 {}

.n179 {}

.n180 {}

.n181 {}

.n182 {}

.n183 {}

.n184 {}

.n185 {}

.n186 {}

.n187 {}

.n188 {}

.n189 {}

.n190 {}

.n191 {}

.n192 {}

.n193 {}

.n194 {}

.n195 {}

.n196 {}

.n197 {}

.n198 {}

.n199 {}

.n200 {}

.n201 {}

.n202 {}

.n203 {}

.n204 {}

.n205 {}

.n206 {}

.n207 {}

.n208 {}

.n209 {}

.n210 {}

.n211 {}

.n212 {}

.n213 {}

.n214 {}

.n215 {}

.n216 {}

.n217 {}

.n218 {}

.n219 {}

.n220 {}

.n221 {}

.n222 {}

.n223 {}

.n224 {}

.n225 {
    transition: 0.3s;
}

.n225:hover {
    transform: translateY(-20px);
}

.n226 {
    box-shadow: 0 3px 9px 1px #00000026;
    border-radius: 14px;
    border: 1px solid #e7e7e7;
    transition: 0.3s;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
}

.n225:hover .n226 {
    box-shadow: 0 3px 9px 1px #00000085;
}

.n227 {
    margin-top: -40px;
}

.n228 {
    height: 40px;
    border-radius: 20em;
}

.n229 {
    margin-bottom: 13px;
}

.n229,
.n229 p {
    text-align: justify;
    line-height: 1.2;
    font-size: 15px;
}

.n230 {
    position: relative;
    overflow: hidden;
    font-weight: 700;
    margin: 0;
}

.n231 {
    min-height: auto !important;
    height: 50px;
    width: 50px !important;
    background-size: contain !important;
    background-color: #eee !important;
    border-radius: 20em;
    float: left;
    margin-right: 13px;
}

.n232 {
    position: absolute;
    top: 50%;
    left: 65px;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 1.2;
}

.n233 {}

.n234 {}

.n235 {}

.n236 {}

.n237 {}

.n238 {}

.n239 {}

.n240 {}

.n241 {}

.n242 {}

.n243 {}

.n244 {}

.n245 {}

.n246 {}

.n247 {}

.n248 {}

.n249 {}

.n250 {}

.n251 {}

.n252 {}

.n253 {}

.n254 {}

.n255 {}

.n256 {}

.n257 {}

.n258 {}

.n259 {}

.n260 {}

.n261 {}

.n262 {}

.n263 {}

.n264 {}

.n265 {}

.n266 {}

.n267 {}

.n268 {}

.tabs-navigation li a {
    background: var(--c1);
    text-align: center;
    color: #fff;
    font-size: 16px;
    transition: 0.3s;
}

.tabs-navigation li.active a,
.tabs-navigation li.active a:focus,
.tabs-navigation li.active a:hover {
    background: #fff;
    color: #000;
}

.n224 {
    column-count: 3;
    column-gap: 30px;
}

.n225 {
    break-inside: avoid;
}

@media only screen and (max-width:480px) {
    .form-group {
        margin-bottom: 7px;
    }

    .n52 {
        width: 50%;
        float: left;
        clear: inherit;
    }

    .n59 {}

    .n58 {
        font-size: 14px;
    }

    .n52.p7 {
        margin-left: 0%;
    }

    .n69 {
        padding: 0;
    }

    .n91 {
        margin-top: 0px;
    }

    .n107 {
        margin-bottom: 25px;
    }

    .n122,
    .n120 .b166,
    .n146 .b166 {
        padding: 5px;
    }

    .n161 {
        font-size: 14px;
    }

    .n160 {
        height: auto;
    }

    .n224 {
        column-count: 1;
        column-gap: 30px;
    }
}