@import url("https://fonts.googleapis.com/css2?family=Roboto+Serif:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root {
--secondary-color: #d3af2d;
--blue: #3498db;
--green: #2ecc71;
--purple: #9b59b6;
--gold: #f1c40f;
--red: #e74c3c;
--orange: #e67e22;
--shadow1: 0 2px 4px #00000026, 0 3px 6px #0000001f;
--shadow2: 0 2px 6px #00000044, 0 4px 7px #00000022;
}
a{color: var(--primary-color);}
a:hover { color: var(--secondary-color); }
h6 { opacity: 1; }
.dark a:hover, .dark .widget a:hover {color: var(--secondary-color);} .p-0{padding:0px!important}.p-1{padding:7px!important}.p-2{padding:15px!important}.p-3{padding:30px!important}.p-4{padding:40px!important}.p-5{padding:50px!important}.px-0{padding-left:0px!important;padding-right:0px!important}.px-1{padding-left:7px!important;padding-right:7px!important}.px-2{padding-left:15px!important;padding-right:15px!important}.px-3{padding-left:30px!important;padding-right:30px!important}.px-4{padding-left:40px!important;padding-right:40px!important}.px-5{padding-left:50px!important;padding-right:50px!important}.py-0{padding-top:0px!important;padding-bottom:0px!important}.py-1{padding-top:7px!important;padding-bottom:7px!important}.py-2{padding-top:15px!important;padding-bottom:15px!important}.py-3{padding-top:30px!important;padding-bottom:30px!important}.py-4{padding-top:40px!important;padding-bottom:40px!important}.py-5{padding-top:50px!important;padding-bottom:50px!important}.pt-0{padding-top:0px!important}.pt-1{padding-top:7px!important}.pt-2{padding-top:15px!important}.pt-3{padding-top:30px!important}.pt-4{padding-top:40px!important}.pt-5{padding-top:50px!important}.pl-0{padding-left:0px!important}.pl-1{padding-left:7px!important}.pl-2{padding-left:15px!important}.pl-3{padding-left:30px!important}.pl-4{padding-left:40px!important}.pl-5{padding-left:50px!important}.pr-0{padding-right:0px!important}.pr-1{padding-right:7px!important}.pr-2{padding-right:15px!important}.pr-3{padding-right:30px!important}.pr-4{padding-right:40px!important}.pr-5{padding-right:50px!important}.pb-0{padding-bottom:0px!important}.pb-1{padding-bottom:7px!important}.pb-2{padding-bottom:15px!important}.pb-3{padding-bottom:30px!important}.pb-4{padding-bottom:40px!important}.pb-5{padding-bottom:50px!important}.m-0{margin:0px!important}.m-1{margin:7px!important}.m-2{margin:15px!important}.m-3{margin:30px!important}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mx-0{margin-left:0px!important;margin-right:0px!important}.mx-1{margin-left:7px!important;margin-right:7px!important}.mx-2{margin-left:15px!important;margin-right:15px!important}.mx-3{margin-left:30px!important;margin-right:30px!important}.my-0{margin-top:0px!important;margin-bottom:0px!important}.my-1{margin-top:7px!important;margin-bottom:7px!important}.my-2{margin-top:15px!important;margin-bottom:15px!important}.my-3{margin-top:30px!important;margin-bottom:30px!important}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-0{margin-top:0px!important}.mt-1{margin-top:7px!important}.mt-2{margin-top:15px!important}.mt-3{margin-top:30px!important}.ml-0{margin-left:0px!important}.ml-1{margin-left:7px!important}.ml-2{margin-left:15px!important}.ml-3{margin-left:30px!important}.mr-0{margin-right:0px!important}.mr-1{margin-right:7px!important}.mr-2{margin-right:15px!important}.mr-3{margin-right:30px!important}.mb-0{margin-bottom:0px!important}.mb-1{margin-bottom:7px!important}.mb-2{margin-bottom:15px!important}.mb-3{margin-bottom:30px!important}.w-50{width:50px!important}.w-100{width:100px!important}.w-150{width:150px!important}.w-150{width:150px!important}.w-200{width:200px!important}.w-300{width:300px!important}.d-flex{display:flex}.align-items-center{align-items:center}.align-items-end{align-items:end}.align-items-end{align-items:start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:end}.justify-content-end{justify-content:start}  pre, blockquote, form, figure, p, dl, ul, ol {margin-bottom: 7px;}
ul ul, ul ol, ol ol, ol ul {margin: 10px 0 10px 15px;}
body, #content, #wrapper { background: rgb(230,230,230) !important; }
header {border-bottom: 1px solid rgb(235, 235, 235);}
table td, table th {border: 1px solid #808080;padding: 5px !important;}
.header:not(.transparent) .header-nav-main.nav > li > a { color: #293f7b;font-size: 1em;padding: 0;letter-spacing: -.8px; }
.nav-dropdown-has-border .nav-dropdown { border: none; padding: 20px; z-index: 9; }
.nav-dropdown-has-arrow li.has-dropdown:after { border-bottom-color: #293f7b; }
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before { bottom: 0; }
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before { border-bottom-color: #293f7b;}
.nav-vertical li li.menu-item-has-children:not(:first-child) { margin-top: 0; }
.nav-vertical li li.menu-item-has-children { margin-bottom: 0; }
.pt-half { padding-top: 8px;padding-bottom: 8px; color:#000}
.breadcrumbs {margin-bottom: 15px;}
.breadcrumbs a { color: #1d1d1dad; text-transform: uppercase; font-weight: bold; font-size: .85em;}
.widget-heading {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.widget-heading p {margin: 0;}
.widget-title {border-bottom: 2px solid var(--primary-color); padding-bottom: 5px; color: inherit;width: auto; display: inline-block;margin:0;}
.col-inner {display: inline-block;}
.box .box-image img {transition: all 0.3s linear; }
.box:hover .box-image img {transform: scale(1.2);}
.tabbed-content .nav-tabs>li.active a {border-bottom: 0;}
.nav-tabs>li>a {background: white;border-bottom: 1px solid #ddd;}
.back-to-top {display: none !important;}
.section-title b {background: var(--primary-color);opacity: .8;}
.box-list-view .box .box-image, .box-vertical .box-image {width: auto;}
.ux-menu-link:hover * {color: var(--secondary-color);}
.img-contain img {object-fit: contain;}
.header .box-image {border: 1px solid #d3d3d3;}
.header .sub-menu {background: #f4f4f4;}
.person-title {font-weight: 500 !important; color: red !important;opacity: 1;}
.sticky-mobile-menu-top {position: fixed;left: 0;top: 0;z-index: 999;-webkit-box-shadow: 0px -8px 29px -12px rgba(0,0,0,0.2);box-shadow: 0px -8px 29px -12px rgba(0,0,0,0.2);}
.sticky-mobile-menu {position: fixed;left: 0;bottom: 0;	z-index: 999;-webkit-box-shadow: 0px -8px 29px -12px rgba(0,0,0,0.2);box-shadow: 0px -8px 29px -12px rgba(0,0,0,0.2);}
.sticky-mobile-menu .icon-box-center .icon-box-img {margin: 0 auto 4px;}
.sticky-mobile-menu .icon-box-text * {color: white;}
@media (max-width: 849px) {
#footer {margin-bottom: 45px;}
}
.header-top ul {display: flex;}
.header-top li {flex: 1;text-align: center;}
.header-top .nav-small .nav>li>a,.header-top .nav.nav-small>li>a {font-weight: bold;color: white;}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {border-bottom: none; color: #293f7b; margin: 8px 8px 8px 0;line-height: 16px;padding: 0;font-size: .9em;}
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover, .nav-vertical-fly-out>li>a:hover { color: var(--secondary-color); }
.yivic-search input { color: var(--secondary-color);background: transparent;border-right: none;}
.yivic-search button {background: transparent;border: 1px solid;border-left: none;font-size: .96em;box-shadow: none;}
.yivic-search input::placeholder {color: #fff; opacity: 1;}
.yivic-search input:focus::placeholder { color: #293f7b; }
.yivic-right {margin-right: 5px;}
@media (max-width: 649px) {
table td, table th, table td * {font-size: 12px !important;width: auto !important;}
}  .portfolio-featured-title { margin-bottom: 20px; }
.portfolio-inner { background: #fff;padding: 20px; }
.portfolio-summary { background: #fff;padding: 20px;}
.portfolio-breadcrumb-title {background-color: transparent;border-top: none;border-bottom: none;margin-bottom: 10px;padding-top: 20px; display: block !important;}
.portfolio-breadcrumb { font-size: .9em;margin-bottom: 0 }
.portfolio-archive .page-wrapper { padding: 0; }
.portfolio-archive .portfolio-element-wrapper {background: #fff;padding: 10px;}
.portfolio-element-wrapper .row .col .col-inner {border: 1px solid #ececec;padding: 0;transition: .5s;height: 100%;}
.portfolio-element-wrapper .row .col .col-inner:hover {box-shadow: 0 6px 12px 0 #0000001a;}
.portfolio-archive .portfolio-box .box-text p {display: none;}
.portfolio-archive .portfolio-box .box-text {padding: 10px; 5px}
.portfolio-element-wrapper .col-inner:hover .portfolio-box-title { color: var(--secondary-color);transition: .5s; }
.portfolio-archive .portfolio-heading .entry-title {position: relative;overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-height: 35px;}
.portfolio-archive .portfolio-heading .entry-title:before {content: "";border-bottom: 3px solid;color: #293f7b;position: absolute;top: 30px;width: 50px;}
.tax-featured_item_tag .blog-archive .large-8 {background: #fff;padding: 10px;}
.tax-featured_item_tag .blog-archive .large-8 .row .col .col-inner{border: 1px solid #ececec;padding: 0;transition: .5s;}
.tax-featured_item_tag .blog-archive .large-8 .row .col .col-inner .box-text {padding: 15px;}
.tax-featured_item_tag .blog-archive .large-8 .row .col .col-inner .is-divider {display: none;}
.tax-featured_item_tag .blog-archive .large-8 .row .col .col-inner .post-title {text-transform: unset;letter-spacing: 0;margin-bottom: 10px;font-weight: 500;font-size: 1em;line-height: 1.3rem;overflow: visible;color: #323b45;}
.tax-featured_item_tag .blog-archive .large-8 .row .col .col-inner p {color: #606060;font-size: .9em;text-transform: unset;letter-spacing: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.tax-featured_item_tag .blog-archive .large-8 .row .col .col-inner:hover .post-title {color: var(--secondary-color);transition: .5s;}
.tax-featured_item_tag .blog-archive .large-8 .row .col .col-inner:hover { box-shadow: 0 6px 12px 0 #0000001a; }
.tax-featured_item_tag .blog-archive .post-sidebar .widget-area {background: #fff;padding: 10px;} .tax-featured_item_category .nav-pagination {margin-top: 20px;}
.portfolio-inner img {width: auto;}
.portfolio-box .box-text { text-align: center !important;text-shadow: unset; padding: 10px;background: #eaf4fe;}
.portfolio-box .box-text .portfolio-box-title {color: var(--primary-color);margin:0;text-transform: none; font-size: .95em;font-weight: normal;line-height: 1;height: 30px;display: flex; align-items: center; justify-content: center;}
.portfolio-box .box-text p { display: none; }
.portfolio-box:hover .portfolio-box-title {color: var(--secondary-color);}
.portfolio-services {max-height: 900px;overflow-y: auto;overflow-x: hidden;}
.portfolio-services::-webkit-scrollbar { width: 10px;}
.portfolio-services::-webkit-scrollbar-thumb { background: #bbb; }
.portfolio-services::-webkit-scrollbar-thumb:hover { background: #aaa; }
.portfolio-home .portfolio-box .box-text .portfolio-box-title{height: auto;}
.portfolio-home .portfolio-box {border: 1px solid #ddd;}
.portfolio-bottom {padding-bottom: 15px;}
#portfolio-content ul, #portfolio-content ol {padding-left: 3em;}  .copyright-footer {font-size: .85em;line-height: 17px;text-align: center;padding: 15px 0;}
.footer-widgets.footer.footer-1 {padding-top: 30px;}
.footer-widgets.footer.footer-1 .icon-box {border: 1px dashed #4ea3cb;border-radius: 9px;margin: 10px auto;}
.hotline_dathang {border: 1px dashed #4ea3cb;border-radius: 9px;width: 90%;margin: 10px auto;}
.ivdicon {display: inline-block;vertical-align: middle;}
.icon-map {background-position: -167px 0;width: 10px;height: 15px;margin: 15px 3px 15px 0;}
.icon-support {margin: 15px 10px 15px 0;background-position: 0 -22px;width: 34px;height: 35px;}
.icon-support{background-image: url(//insongxanh.vn/wp-content/themes/flatsome-child/assets/src/images/sprite.png);}
.hotline_dathang a {color: #fff;font-size: 1.3em;font-weight: 500;letter-spacing: -1px;}
.yivic-ft p {padding-bottom: 5px;margin-bottom: 0;}
.yivic-ft .col-inner {font-size: .9em;line-height: 20px;}
.icon-map {background-image: url(//insongxanh.vn/wp-content/themes/flatsome-child/assets/src/images/sprite.png);}
.icon-payment {background-position: -181px 0;width: 25px;height: 15px;margin: 15px 3px 15px 15px;}
.icon-payment {background-image: url(//insongxanh.vn/wp-content/themes/flatsome-child/assets/src/images/sprite.png);height: 12px;}
.icon-about {background-position: -208px 0;width: 19px;margin: 15px 3px 15px 15px;}
.icon-about {background-image: url(//insongxanh.vn/wp-content/themes/flatsome-child/assets/src/images/sprite.png);height: 15px;}
.icon-sitemap {background-image: url(//insongxanh.vn/wp-content/themes/flatsome-child/assets/src/images/sprite.png);height: 15px;}
.icon-sitemap {margin: 15px 3px 15px 15px;background-position: -142px 0;width: 19px;}
.icon-hdonline { background: url(//insongxanh.vn/wp-content/themes/flatsome-child/assets/src/images/sprite.png);height: 17px;width: 17px;background-position: 132px -82px;}
.icon-ship {background-image: url(//insongxanh.vn/wp-content/themes/flatsome-child/assets/src/images/sprite.png);height: 12px;}
.icon-ship {background-position: -152px -83px;width: 18px;height: 14px;}
.icon-csbm {background-position: -177px -83px;width: 12px;height: 15px;margin-left: 20px;}
.icon-csbm {background-image: url(//insongxanh.vn/wp-content/themes/flatsome-child/assets/src/images/sprite.png);height: 12px;}
.icon-csdtht {background: url(//insongxanh.vn/wp-content/themes/flatsome-child/assets/src/images/sprite.png);height: 25px;width: 18px;background-position: 106px -80px;margin-left: 20px;}
.widget-title.home-widget span:before {top: 38px;}
.viewallb:hover {color: var(--secondary-color)}
.viewallb {background: var(--primary-color);padding: 10px 50px;border-radius: 5px;display: inline-block;margin-top: 10px;color: #fff;font-weight: 500;}
.footer-widgets .widget-title, .footer-widgets .is-divider {display: none;}
.footer-widgets .tagcloud a {border: none;}
.footer-widgets .tagcloud {padding-bottom: 0px;text-align: center;}  .post-sidebar div#secondary {background: #fff;padding: 10px;}
blockquote {font-size: 1em;}
.entry-title {margin: 0;padding: 0;color: #293f7b;font-size: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-transform: uppercase;}
.post .entry-header .entry-header-text {padding-bottom: 0;}
.blog-single .col .entry-content {background: #fff;padding: 15px;}
.post-item .col-inner {border: 1px solid #ececec;padding: 0;transition: .5s;}
.post-item .col-inner .box .box-image .image-cover {padding-top: 62.500000%;position: relative;overflow: hidden;}
.post-item .col-inner .box .box-text .box-text-inner .from_the_blog_excerpt {color: #606060;text-transform: unset;letter-spacing: 0; margin-top: 5px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;font-size: .9em;background-color: transparent;line-height: 22px;height: 2.5rem;}
.post-item .col-inner:hover .box .box-text .box-text-inner .post-title {color: var(--secondary-color);transition: .5s;}
.post-item .col-inner:hover {box-shadow: 0 6px 12px 0 #0000001a;}
.post-item .col-inner .box .box-text .box-text-inner .is-divider {margin: 0;display: none;}
.post-item .col-inner .box .box-text .box-text-inner .post-title {transition: .5s;text-transform: unset;letter-spacing: 0;height:30px;font-weight: normal;font-size: .95em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2; color: var(--primary-color);line-height:1.15;}
.yivic-post-row-vertical img.attachment-original.size-original.wp-post-image {border-radius: 0;}
.yivic-post-row-vertical {margin-top: 5px;}
.yivic-post-row-vertical .post-item {padding-bottom: 5px;}
.yivic-post-row-vertical .post-item .col-inner .box-text {padding: 10px 15px;}
.yivic-post-row-vertical .box.box-vertical {padding: 0 8px;}
.yivic-post-row-vertical .box-image {background: white;}
.post-item .col-inner .box .box-text {padding: 10px;background: #fff;}
.yivic-related-section .title-related {position: relative;color: #1d1d1d;}
.yivic-related-section .title-related:before {content: "";border-bottom: 3px solid;color: #293f7b;position: absolute;top: 30px;width: 50px;}  .sidebar-main-block {padding: 0px 25px 0px 15px !important;}
.sidebar-main-block .section-content .row .col .col-inner .icon-box .icon-box-text {font-size: .8em;}
.icon-email, .icon-payment, .icon-skype, .icon-zalo, .icon-ship, .icon-csbm {background-image: url(//insongxanh.vn/wp-content/themes/flatsome-child/assets/src/images/sprite.png);height: 12px;}
.sidebar-main-block .section-content .row .col .col-inner .icon-box .icon-box-text a {color: #efefef;}
.sidebar-main-block .section-content .row .col .col-inner .icon-box .icon-box-img .icon .icon-inner img {border-radius: 50%;width: 50px; height: 50px}
.sidebar-main-block .section-content .row .col .col-inner .icon-box .icon-box-text div > a {margin-right: 5px;}
.sidebar-main-block .section-content .row .col {padding-bottom: 0;padding-left: 0;}
.sidebar-main-block .section-content .row .col .col-inner {padding: 10px 0px 5px 10px;color: #fff;margin: 10px;border: 1px dashed #ffd4a0;border-radius: 50px 10px 10px 50px;}
.sidebar-main-block .icon-skype:before {content: none;}
.icon-skype {margin-right: 5px;background-position: -84px -82px;width: 30px;}
.icon-email, .icon-payment {background-position: -124px -82px;width: 18px;}
.icon-zalo {background-position: -45px -82px;width: 26px;margin-right: 5px;}
.sidebar-main-block p{margin: 0;padding: 0;}
.product-main #product-sidebar .sidebar-main-block .row {background: transparent;} @media only screen and (max-width: 48em) {
.page-wrapper .row .large-8 {padding-right: 15px;}
.woocommerce-tabs .entry-content ul li {margin-left: 0}
.product-container .product-main .row > .product-info {padding-top: 15px} .shop-container .row .col .col-inner .box .box-text .title-wrapper .product-title { line-height: unset;height: unset;}
}
.page-title {position: relative;overflow: hidden;text-overflow: ellipsis;line-height: 35px;border-bottom: 3px solid #293f7b;display: inline;padding-bottom: 5px; margin-bottom: 5px;}
.rank-math-breadcrumb{line-height: 1.05;letter-spacing: .05em;text-transform: uppercase;margin-bottom: 15px;}
.rank-math-breadcrumb a{font-weight: bold;}
.nav-pagination{display: flex;justify-content: center;}
.nav-pagination>li>a{border:none;background-color: #e1e1e1;display: flex;justify-content: center;align-items: center;}
.row-small>.flickity-viewport>.flickity-slider>.col {padding-bottom: 0;}
.flickity-prev-next-button{top:calc(50% - 30px);}
.panel-title { padding-bottom: 0; }
.panel-title h2 { border-top: 3px solid transparent; border-bottom: 1px solid #ebebeb; padding: 10px 15px; margin: 0; font-size: 1.2em; }
.border-primary {border-top-color: var(--primary-color) !important;}
.border-red {border-top-color: red !important;}
.border-yellow{border-top-color: darkorange !important;}
.border-green{border-top-color: darkgreen !important;}
.home-banner .flickity-slider img{-ms-transition: all 1000ms;-webkit-transition: all 1000ms;transition: all 1000ms;}
.home-banner .flickity-slider img:hover { transform: scale(1.15);}
.home-banner a:hover::before,.home-banner a:hover::after{-ms-transform: scale(1,1);-webkit-transform: scale(1,1);transform: scale(1,1);}
.home-banner a::before {content: "";position: absolute;top: 10px;left: 10px;bottom: 10px;right: 10px;z-index: 9;border-top: 1px solid rgba(255,255,255,.8);border-bottom: 1px solid rgba(255,255,255,.8);-ms-transform: scale(0,1);-webkit-transform: scale(0,1);transform: scale(0,1);-ms-transition: all 500ms ease;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.home-banner a::after {content: "";position: absolute;top: 10px;left: 10px;bottom: 10px;right: 10px;z-index: 9;border-left: 1px solid rgba(255,255,255,.8);border-right: 1px solid rgba(255,255,255,.8);-ms-transform: scale(1,0);-webkit-transform: scale(1,0);transform: scale(1,0);-ms-transition: all 500ms ease;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.is-divider { background-color: transparent;margin: 0.5em 0 0.5em;}
.tagcloud a {font-size: .8em !important;display: inline-block;border: 1px solid currentColor;opacity: .8;margin: 0 3px 5px 0;padding: 2px 5px;border-radius: 3px;}
.tagcloud a:hover {color: white !important;}
.category-page-row{padding-top: 0;}
.nav>li.header-search-form{width:auto; display: inline;}
.searchform input {border-right: unset;}
.searchform .ux-search-submit {border: 1px solid #ddd;background: white !important;color: #bbb;border-left: unset;}
.ux-menu-title {font-size: 1.1em;color: var(--primary-color);font-weight: 600;text-transform: none;min-height: 2rem;height: 35px;}
.ux-menu {font-size: 1em;}
.ux-menu .ux-menu-link:not(.menu-heading) a {min-height: 1.8rem;}
.box-image-featured img {box-sizing: border-box;object-fit: contain;position: relative;}
.box-image-featured .image-cover {width: 150px;height: 150px;border: 2px solid #007fbf;border-radius: 50%;padding: 15px !important;text-align: center;margin: 10px auto;}
.box-image-featured .box-image {text-align: center;justify-content: center;}
@media (max-width: 649px)
{
.box-image-featured .image-cover {width: 100px; height: 100px;}
} .slider-nav-reveal {overflow: visible;}
.slider-nav-reveal .flickity-prev-next-button {top: calc(50% - 30px);}
.slider-nav-reveal .flickity-prev-next-button.next {transform: translateX(50%) scale(0.7);}
.slider-nav-reveal .flickity-prev-next-button.previous {transform: translateX(-50%) scale(0.7);}
.slider-nav-reveal .flickity-button,
.slider-nav-reveal .flickity-button:hover {height: 50px;width: 50px;opacity: 1;border-radius: 50%;box-shadow: 0 0px 15px 0 rgb(0 0 0 / 50%);transform: scale(.9)}
.slider-nav-reveal svg {top: 0 !important;margin: 0 !important;padding: 15px;transform: translate(-50%, 0);}
.slider:hover .flickity-prev-next-button.previous {transform: translateX(-50%) scale(1) !important;}
.slider:hover .flickity-prev-next-button.next {transform: translateX(50%) scale(1) !important;} .partners-slider img { object-fit: contain; }
.partners-slider .box:hover .box-image img { transform: scale(1); }
.partners-slider .gallery-col {padding-bottom: 0;}
.partners-slider .flickity-prev-next-button {top: calc(50% - 25px) !important;} .label-sale.menu-item > a:after {content: "giá rẻ" !important;text-transform: none;background-color: #dfba00;}
.label-new.menu-item > a:after {background-color: #4b7af9;}
.label-popular.menu-item > a:after {content: "thế mạnh"; } .about-values .box-image {width: 120px !important;height: 120px !important;justify-content: center;display: flex;align-items: center;border-radius: 50%;border: 1px solid #cbcbcb;}
.about-values img {max-width: 50px;max-height: 50px;position: inherit;transform: scale(1) !important;border-radius: unset;filter: hue-rotate(59deg); object-fit: contain;}
.about-values .box-image-inner {border-radius: unset !important;padding: 0 !important;border-radius: 50% !important;border: 2px solid #1ebae3;width: 100px !important;height: 100px !important;justify-content: center;display: flex;align-items: center;}
.about-values .box-text * {text-transform: unset !important;}
.about-values .box-text .person-title {font-weight: 300 !important; opacity: 1; font-size: .9em; } .section-banner .col-inner>.img:not(:last-child), .section-banner .col>.img:not(:last-child) {margin-bottom: 0;}
.bao-gia .post-title {margin-bottom: 0 !important;height: 42px;}
.dich-vu-in-an .stack-wrapper {overflow-x: auto;}
.dich-vu-in-an .image-cover {width: 100p;padding: 0 !important;background: #e9e9e9;border-radius: 25px;overflow: visible;width: 80%;margin: 0 auto;}
.dich-vu-in-an img { position: relative; object-fit: contain;transform: scale(1.1);}
.dich-vu-in-an .box {border-top: 1px solid #ddd;border-right: 1px solid #ddd;min-width: 120px;}
.dich-vu-in-an .box:hover img {transform: scale(1.3);}
.dich-vu-in-an .box:hover a {color: var(--secondary-color);}
.dich-vu-in-an .box:first-child {border-left: 1px solid #ddd;}
.dich-vu-in-an .box .box-image {padding: 15px;}
.dich-vu-in-an .stack:last-child .box {border-bottom: 1px solid #ddd;}
.dich-vu-in-an .box-text {padding: 10px;}
.dich-vu-in-an .box-text .box-text-inner a {font-weight: normal !important;font-size:.85em;line-height:1;margin:0;}
.section-support .stack {max-width: 150px;}
@media(min-width: 650px)
{
.section-knowledge .knowledge-right {max-height: 564px; overflow-y: auto;}
.section-knowledge .knowledge-right::-webkit-scrollbar {width: 7px;}
.section-knowledge .knowledge-right::-webkit-scrollbar-track {background: #f1f1f1;}
.section-knowledge .knowledge-right::-webkit-scrollbar-thumb {background: #888;}
.section-knowledge .knowledge-right::-webkit-scrollbar-thumb:hover {background: #555;}
} .page-service-title.page-title{display: block;border:none;}
.page-service-title.page-title .title-overlay{display: none;}
.below-banner-service .col:nth-child(2) { border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.posts-kien-thuc {max-height: 500px; overflow-y: auto;overflow-x: hidden;}
.posts-kien-thuc .post-item {padding-bottom: 0;}
.posts-kien-thuc .post-item .col-inner .box .box-text .box-text-inner .from_the_blog_excerpt {height: auto;display: block;white-space: nowrap; overflow:hidden;text-overflow: ellipsis;margin-top: 0;}
.posts-kien-thuc .box-vertical {display: flex;flex-direction: row;}
.posts-kien-thuc .box-vertical .box-image {width: 100px !important;border: 1px solid #ddd;}
.posts-kien-thuc .box-vertical .box-text {width: calc(100% - 100px);}
.posts-kien-thuc::-webkit-scrollbar {width: 10px;}
.posts-kien-thuc::-webkit-scrollbar-thumb {background: #bbb;}
.posts-kien-thuc::-webkit-scrollbar-thumb:hover {background: #aaa;}
ul.why-us li::marker {content: none;}
ul.why-us li {position: relative;margin-left: 35px !important;}
ul.why-us li:before {position: absolute;left: -35px;top: 0;width: 25px;height: 25px;border-radius: 50%;border: 2px solid #0A4A84;line-height: 23px;text-align: center;color: #0a4a84;font-weight: bold;background-color: #fff;z-index: 2;transition: all 0.3s ease-out;font-size: .8em;}
ul.why-us li:nth-child(1):before {content: '1';}
ul.why-us li:nth-child(2):before {content: '2';}
ul.why-us li:nth-child(3):before {content: '3';}
ul.why-us li:nth-child(4):before {content: '4';}
ul.why-us li:nth-child(5):before {content: '5';}
ul.why-us li:nth-child(6):before {content: '6';}
ul.why-us li:nth-child(7):before {content: '7';}
ul.why-us li:nth-child(8):before {content: '8';}
ul.why-us li:nth-child(9):before {content: '9';}
ul.why-us li:nth-child(10):before {content: '10';}
ul.why-us li:nth-child(11):before {content: '11';}
ul.why-us li:nth-child(12):before {content: '12';}
ul.why-us li:nth-child(13):before {content: '13';}
ul.why-us li:nth-child(14):before {content: '14';}
ul.why-us li:nth-child(15):before {content: '15';}
ul.why-us li:nth-child(16):before {content: '16';}
ul.why-us li:nth-child(17):before {content: '17';}
ul.why-us li:nth-child(18):before {content: '18';}
ul.why-us li:nth-child(19):before {content: '19';}
ul.why-us li:nth-child(20):before {content: '20';}
.section-why-us > .bg {
background-position: 80%;
}
@media (max-width: 1400px)
{
.section-why-us > .bg {background-position: 70%;}
}
@media (max-width: 1270px)
{
.section-why-us > .bg {background-position: 50%;}
}
@media (max-width: 600px)
{
.section-why-us > .bg {background-position: 100%;}
}
.section-commit .box-text,.section-support .box-text {padding-bottom: 0;}
.steps-to-order { font-size: 0.9em;}
.steps-to-order ul.infoGraphic { font-size: var(--font-size); display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0; padding: 0;}
.steps-to-order ul.infoGraphic > li { position: relative; width: 31%; min-width: 20em; background: #fff; border-radius: 0.5em; z-index: 1; transition: all 0.2s; cursor: pointer; margin: 10px; box-shadow: 4px 6px 9px #004867;}
.steps-to-order ul.infoGraphic > li .numberWrap { position: absolute;}
.steps-to-order ul.infoGraphic > li .number { font-family: "maven pro", sans-serif; font-size: 8em; font-weight: 900; width: 0.9em; text-align: center; margin-top: -40px;}
.steps-to-order ul.infoGraphic > li .number.fontColor1 { color: var(--blue);}
.steps-to-order ul.infoGraphic > li .number.fontColor2 { color: var(--green);}
.steps-to-order ul.infoGraphic > li .number.fontColor3 { color: var(--purple);}
.steps-to-order ul.infoGraphic > li .number.fontColor4 { color: var(--gold);}
.steps-to-order ul.infoGraphic > li .number.fontColor5 { color: var(--red);}
.steps-to-order ul.infoGraphic > li .number.fontColor6 { color: var(--orange);}
.steps-to-order ul.infoGraphic > li .coverWrap { transform: rotate(130deg); position: absolute; width: 16em; height: 12.6em; left: -3em; top: -.5em;}
.steps-to-order ul.infoGraphic > li .coverWrap .numberCover { position: absolute; background: #fff; width: 100%;height: 5.8em;border-radius: 50% 50% 0 0;border-bottom: 3px solid #f9f9f9;transition: all 0.4s;}
.steps-to-order ul.infoGraphic > li .coverWrap .numberCover::before { position: absolute; content: ""; bottom: 5px; left: 4em; right: 4em; top: 5em; box-shadow: 0 0 30px 17px #48668577; border-radius: 100px/10px; z-index: -1;}
.steps-to-order ul.infoGraphic > li .coverWrap .numberCover::after { position: absolute; bottom: 0; content: ""; left: -10%; width: 120%; height: 80%; background: radial-gradient(at bottom, #3a5b7f33, transparent, transparent); z-index: 1;}
.steps-to-order ul.infoGraphic > li .content { margin: 3em 1em 1em 2em; position: relative;}
.steps-to-order ul.infoGraphic > li .content .service-title { font-size: 1.7em; font-weight: 500; text-align: center; margin-bottom: 10px; text-transform: uppercase;}
.steps-to-order ul.infoGraphic > li .content p { line-height: 1.5em;}
.steps-to-order ul.infoGraphic > li:hover .coverWrap .numberCover { border-radius: 100%;}
.steps-to-order .icon { text-align: center; top: -.7rem; left: 50%; transform: translatex(-50%); padding: 15px; color: #626262; border: 3px solid #979797; border-radius: 50%; width: 5rem; height: 5rem; position: relative;}
.steps-to-order .content .icon img { max-width: 100%; max-height: 100%;}
.steps-to-order .controls { position: fixed; z-index: 2; bottom: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #d7d7d7a1; padding: 0.5rem 2em; border-top-right-radius: 1rem; border-top-left-radius: 1rem; border: 1px solid #0000004d;}
.steps-to-order .sliderBox { text-align: center;}
.steps-to-order .sliderBox .range-value { font-weight: 500; font-size: 1.4em;}
.steps-to-order input[type=range] { width: 100%; margin: 1em 0; -webkit-appearance: none;}
.steps-to-order input[type=range]:focus { outline: none;}
.steps-to-order input[type=range]::-webkit-slider-runnable-track { background: #00000066; border: 0; border-radius: 1.3px; width: 100%; height: 2px; cursor: pointer;} .steps-to-order input[type=range]::-webkit-slider-thumb { margin-top: -10px; width: 20px; height: 20px; background: #eee; box-shadow: inset 0px 1px 1px #ffffff66, 0px 1px 3px black; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50px; cursor: pointer; -webkit-appearance: none;}
.steps-to-order input[type=range]:focus::-webkit-slider-runnable-track { background: #eee;}
.steps-to-order input[type=range]::-moz-range-track { background: #000; border: 0; border-radius: 1.3px; width: 100%; height: 1px; cursor: pointer;}
.steps-to-order input[type=range]::-moz-range-thumb { width: 25px; height: 25px; background: #151728; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50px; cursor: pointer;}
.steps-to-order input[type=range]::-ms-track { background: transparent; border-color: transparent; border-width: 13px 0; color: transparent; width: 100%; height: 1px; cursor: pointer;}
.steps-to-order input[type=range]::-ms-fill-lower { background: #151728; border: 0; border-radius: 2.6px;}
.steps-to-order input[type=range]::-ms-fill-upper { background: #151728; border: 0; border-radius: 2.6px;}
.steps-to-order input[type=range]::-ms-thumb { width: 25px; height: 25px; background: #151728; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50px; cursor: pointer; margin-top: 0px;}
.steps-to-order input[type=range]:focus::-ms-fill-lower { background: #ffffff;}
.steps-to-order input[type=range]:focus::-ms-fill-upper { background: #ffffff;}
.steps-to-order .content ul { margin-left: 10px;}
@media (max-width: 649px)
{
.steps-to-order ul.infoGraphic > li {width: 100%; margin: 0 0 10px 0;}
} #content table thead, #portfolio-content table thead {background: darkorange;}
#content table thead *, #portfolio-content table thead * {color: white;}
#portfolio-content .row-xsmall>.col { padding: 0 5px; }
.lightbox-gallery .box-text {text-transform: capitalize;padding: 3px 10px;background: #0000008a;text-align: center;font-size: .85em;}