@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
html, body { font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size:16px;
    color: #333333;
}
/*General*/
a {color:#333333;}
h1, h2, h3, h4, h5, h6 {margin: 0;}
p {margin: 0;}
label {margin: 0;padding: 0;}
ul {margin:0;padding:5px;}
li {list-style: none;padding-left:10px;}
a {text-decoration:none;}
    a:hover {text-decoration:none;}

#captcha {text-align:center;width:100%;}
form {display: table;width:100%;}
textarea {border-color: rgb(230, 230, 230);padding-left: 10px;}
:root {
    --color-1: #1a488a;
    --color-2: #ad2b1f;
    --color-date : #969696;
    --color-3: #00000078;
}
body {background-image: url('/images/bg.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment: fixed;}
/*Paging*/
#paging {display: table;margin: auto;margin-top:20px;}
    #paging a, #paging span {width:auto;float: left;height: 30px;width: 30px;margin-right:10px;}
.pselected {float: left; display: inline-block;font-size:17px;}
.ipage-rr {display: inline-block;float: left;height: 30px;width: 30px;line-height: 30px;text-align:center;background: var(--color-1);color: #fff;}
.ipage-r {display: inline-block;float: left;height: 30px;width: 30px;line-height: 30px;font-size:17px;text-align:center;}
.back, .pagemore, .next {float:left;padding: 0px 5px;}
.pagelast{float:left;}
.pagefirst{float:left;}

/*View All*/
.title-group {display: inline-block;width: 100%;margin-bottom: 20px;}
.title {font-size: 28px;font-weight: 600;color: var(--color-1);}
.title * {display: inline-block;font-size: 28px;}
.button-exq a {background-color: var(--color-2);padding: 5px 25px;width: auto;color: #fff;border-radius: 5px;font-weight: 600;}
/*Header*/
header {background-color: #fff;padding:25px 0;position: relative;}
header .container {display: flex;justify-content: space-between;align-items: center;}
.header-right, .menu-function {display: flex;align-items: center;}
#searchico {display: flex;}
div.search-icon {margin-left: 20px;margin-right: 20px;}
div.search-icon ion-icon {color: #000;font-size: 25px;}
div.search-icon.open {position: relative;}
div.search-icon input {display: none;opacity: 0;}
div.search-icon.open form#fsm {position: relative;line-height: 25px;}
div.search-icon.open form#fsm input {display: block;opacity: 1; padding: 0 10px 0 30px;width: 180px;border-radius: 5px;border: 1px solid #E5E5E5;}
div.search-icon.open form#fsm a#searchico {position: absolute;left: 5px ;top: 2px;height: 20px;width: 20px;}
div.search-icon.open form#fsm a#searchico ion-icon {font-size: 20px;line-height: 25px;}
@media all and (max-width: 600px) { 
    div.search-icon.open form#fsm input {width: 120px;}
    div.search-icon {margin-left: 10px;margin-right: 10px;}
}
.cart ion-icon {font-size: 25px;}
.cart {display: flex;align-content: center;align-items: center;justify-content: center;margin-right: 20px;}
.cart a {position: relative;display: flex;}
.cart a:hover {color:#333333 ;}
.cart a span {position: absolute;top: -5px;right: -5px;font-size: 10px;z-index: 1;color: #fff;background-color: var(--color-2);height: 15px;width: 15px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
/*Language*/
.language a {color: #a4a4a4;padding: 3px 5px;font-weight: 600;}
.language a.language-active {background-color: #ad2b1f;color: #fff;border-radius: 5px;}
/*Slider-Banner*/
.banner {display:block;position: relative;padding-bottom: 70px;}
#slider-wrapper {margin: 0 auto;width:100%;position: relative;}
#slider-wrapper-home {margin: 0 auto;width:100%;position: relative;}
#slider-wrapper-mobile {margin: 0 auto;width:100%;position: relative;display:none;}
#slider-wrapper .ls-link {background-image: none !important;}

/*HOmeContent*/
.product-review {position: absolute;bottom: 0;z-index: 999;width: 100%;color: #fff;}
.product-review::after {background-color: #fff;content: '';width: 100%;height: 70px;position: absolute;bottom: 0;}
.product-review .container .swiper-container {max-width: 800px;}
.product-review-item {padding-bottom: 20px; display: flex;background-image: url(/images/bg-product-review.png);background-position: center;background-size: contain;}
.product-review-item-img {width: 50%;}
.product-review-item-info {width: 50%;display: flex;flex-direction: column;justify-content: space-between;padding-left: 20px;}
.product-review-item-info .item-title {font-size: 36px;font-weight: 700;margin-bottom: 10px;line-height: 36px;}
.product-review-item-info .item-des {margin-bottom: 10px;}
.product-review-item-img .item-img {width: 100%;padding-top: 250px;background-repeat: no-repeat;background-size: contain;background-position: center;}
.home-product-group {padding: 40px 0;background-color: #fff;}
.product-group-item {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;cursor: pointer;}
.product-group-item img {max-height: 180px;}
.product-group-img {width: 100%;padding-top: 180px;background-repeat: no-repeat;background-size: contain;background-position: center;}
.product-group-item .product-group-name {font-weight: 600;margin-top: 10px;} 
.product-group-item .product-group-name a {color: var(--color-1);}
.video-home {display: flex;justify-content: center;background-color: #fff;}
.video-home iframe {aspect-ratio: 16 / 9; width: 100% !important;}
.article-home {padding: 40px 0;background-color: #fff;}
.article-home .container:not(.border-top) {max-width: 1100px;}
.article-home .container.border-top {padding-bottom: 40px;}
.article-item-large {margin-bottom: 30px;}
.article-item-large .article-info {display: flex;height: 100%;flex-direction: column;justify-content: center;}
.article-item-large .article-img {cursor: pointer; width: 100%;padding-top: 70%;background-repeat: no-repeat;background-size: contain;background-position: center;}
.article-item-large .article-info .article-title {font-size: 30px;font-weight: 700;color: var(--color-1);margin-bottom: 10px;}
.article-item-large .article-info .article-des {margin-bottom: 20px;}

.article-item-medium .article-info {display: flex;height: 100%;flex-direction: column;justify-content: center;}
.article-item-medium .article-img {width: 100%;padding-top: 70%;background-repeat: no-repeat;background-size: contain;background-position: center;}
.article-item-medium .article-info .article-title {font-size: 22px;font-weight: 700;color: var(--color-1);margin-bottom: 10px;}
.article-item-medium .article-info .article-des {margin-bottom: 20px;}
.article-item-medium .article-info .article-date {color: var(--color-date);}
.partner-register {padding: 40px 0;display: flex;color: #fff;flex-direction: column;align-items: center;justify-content: center;background-color: var(--color-3);min-height: 455px;}
.partner-register .partner-register-title {font-size: 36px; font-weight: 500;margin-bottom: 30px;text-align: center;text-transform: uppercase;}
.partner-register .partner-register-des {margin-bottom: 30px;max-width: 650px;font-size: 22px;text-align: center;}
/*Content*/

/* PAGE */

/*Article Group*/
.article-group {background-color: #fff;padding: 40px 0;}
.article-group:has(form.fm_contact) {padding-top: 0;}
.article-group:has(form.fm_contact) .container.article-contact {margin-top: 20px;}
.article-group-menu {padding: 0;margin-bottom: 30px;}
.article-group-menu li {padding: 0;margin-bottom: 10px;position: relative;padding-left: 20px;}
.article-group-menu li.active ion-icon {background-color: var(--color-1);color: var(--color-1);}
.article-group-menu li:first-child {font-weight: 700;color: var(--color-1);padding: 0;}
.article-group-menu li ion-icon {font-size: 14px;position: absolute;top: 5px;left: 0;}
.article-group .article-item .article-img {width: 100%;padding-top: 70%;background-repeat: no-repeat;background-size: contain;background-position: center;margin-bottom: 15px;border-radius: 5px;cursor: pointer;}
.article-group .article-item .article-img.default {background-size: 20%;border: 1px solid #e5e5e5;background-position: right 20px top 20px;position: relative;}
.article-group .article-item .article-img.default::before {content: '';background-color: #00000020;height: 100%;width: 100%;position: absolute;top: 0;left: 0;border-radius: 5px;}
.article-group .article-item .article-title {margin-bottom: 10px;}
.article-group .article-item .article-title a {font-size: 18px;font-weight: 700;color: var(--color-1);}
.article-group .article-item .article-des {margin-bottom: 20px;overflow-x: hidden;max-height: 123px;overflow-y: hidden;position: relative;}
.article-group .article-item .article-des::after {content: '';height: 50px;background: linear-gradient(to bottom, #ffffff00, #fff);position: absolute;bottom: 0;  left: 0;width: 100%;}
.article-group .article-item .article-date {color: var(--color-date);}
.container.article-contact {max-width: 1100px;}
.container.article-contact p {margin-bottom: 1rem;}
.info-company-footer {margin-bottom: 15px;}
.fm_contact > .row {margin-bottom: 15px;}
.fm_contact > .row > div:first-child {font-weight: 600;}
.fm_contact > .row > div:first-child {padding-top: 2px;}
.fm_contact input {width: 100%;border: 1px solid rgb(230, 230, 230);border-radius: 2px;padding: 3px 10px;}
.fm_contact textarea {width: 100%;border-radius: 2px;padding: 3px 10px;}
.fm_register_agency {margin-top: 20px;}
.fm_register_agency > .row {margin-bottom: 15px;}
.fm_register_agency > .row > div:first-child {font-weight: 600;}
.fm_register_agency > .row > div:first-child {padding-top: 2px;}
.fm_register_agency input {width: 100%;border: 1px solid rgb(230, 230, 230);border-radius: 2px;padding: 3px 10px;}
.fm_register_agency textarea {width: 100%;border-radius: 2px;padding: 3px 10px;}
.title-agency-group {font-weight: bold;color: var(--color-1);font-size: 20px;position: relative;margin-bottom: 10px;}
.title-agency-group span {background-color: #fff;position: relative;z-index: 9;padding-right: 10px;}
.title-agency-group::after {content: '';height: 1px;width: 100%;position: absolute;top: 50%;transform: translate(0,-50%);left: 0;border: 0.5px solid var(--color-1)}
.agency-info {padding-bottom: 20px;padding-left: 20px;border-left: 1px solid #E5E5E5;}
.agency-info .agency-name {font-weight: bold;margin-bottom: 5px;font-size: 18px;}
.agency-info .agency-address {margin-bottom: 5px;}
.agency-info .agency-phone {margin-bottom: 5px;}
.agency-info .agency-email {margin-bottom: 5px;}
.agency-info > div > span {font-weight: bold;}
.search-agency {position: relative;display: flex;align-items:center;margin-bottom: 20px;}
.search-agency form {display: flex;align-items:center;}
.search-agency form label {font-weight: bold;margin-right: 10px;min-width: 100px;}
.search-agency form .select_agency {padding: 2.5px 5px 2.5px 5px;margin-right: 15px;}
.search-agency form div.search-input {position: relative;}
.search-agency form div.search-input input {padding-right: 30px;max-width: 100%;}
.search-agency form div.search-input a {margin-left: 10px;position: absolute;right: 10px;top: 5px;}
.title-cart {font-size: 26px;font-weight: 600;margin-bottom: 20px;color: var(--color-1);}
/*Cart*/
#fmcartorder > div.row:first-child {margin-bottom: 15px;}
#fmcartorder > div.row:first-child > div {display: flex;align-items: center;}
#fmcartorder > div.row:first-child label {margin-left: 10px;}
#fmcartorder > div.row input {border: 1px solid #e5e5e5;padding: 5px 15px;width: 100%;margin-bottom: 15px;}
.justadded {margin-bottom: 20px;}
.justadded::after {content: ''; height: 1px;width: 100%;border-top: 1px solid #e5e5e5;display: flex;margin-top: 10px;}
.justadded .product-item {flex-direction: row;justify-content: flex-start;align-items:initial;}
.justadded .product-item .product-img {width: 150px;padding-top: 150px;}
.justadded .product-item .product-name {text-align: left;padding-left: 20px;padding-right: 20px; width: calc(100% - 150px);margin-top: 0;}
.justadded .product-item .product-name .title-cart-product-group {margin-bottom: 5px;}
.justadded .product-item .product-name .title-cart-product-group a {font-size: 14px;color: var(--color-3);}
.deleted-cart-item {display: flex;align-items: center;}
.deleted-cart-item a {font-size: 14px;color: var(--color-3);}
#fmcartorder .button-exq {margin-top: 10px;margin-bottom: 30px;}
#fmcartorder .button-exq a {padding: 10px 25px;}
.product-info-contact {display: flex;justify-content: space-between;margin-top: 30px;}
.product-info-contact .button-exq {margin-bottom: 15px;white-space: nowrap;}
.product-info-contact .button-exq:first-child a {background-color: var(--color-1);}
/*Article*/
.page-content {background-color: #fff;padding: 40px 0;}
.article-content-title {font-size: 30px;font-weight: 600;margin-bottom: 20px;color: var(--color-1);}
.article-date {color: var(--color-date);font-size: 16px;width: 100%;display: flex;margin-top: 5px;font-weight: normal;}
.search-result {color: var(--color-date);font-size: 16px;width: 100%;display: flex;margin-top: 5px;font-weight: normal;}
/*Attachment File*/
.attachment-file {margin-top: 40px;}
.attachment-title {font-size: 20px;font-weight: 700;margin-bottom: 15px;}
.attachment-file-list {display: flex;flex-direction: row;flex-wrap: wrap;}
.attachment-file-item {margin-bottom: 10px;}
.attachment-file-item a {display: flex;margin-right: 20px;align-items: center;}
.attachment-file-item-icon img {height: 20px;margin-right: 10px;}
/*Attachment Photo*/
.attachment-photo {margin-top: 40px;}
.photo-gallery {margin-top: 30px;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.photo-gallery a {margin: 0 12px 12px 0;width: calc(20% - 12px) ;line-height: 0;}
.photo-gallery figure {display:none;}
a.photo-gallery__img--main {width: auto;height: auto;}
#photo-gallery-img {width:100%;padding-top:80%; background-size:cover!important; background-repeat:no-repeat!important;background-position: center!important; }

/*Product*/
.page-title {display: flex;min-height: 230px;background-color: var(--color-3);align-items: flex-end;}
.page-title h1, .page-title h2 {text-transform: uppercase;color: #fff;font-size: 30px;font-weight: 600;margin-bottom: 20px;}
.product-group {background-color: #fff;padding: 40px 0;}
.product-group-menu {padding: 0;margin-bottom: 30px;}
.product-group-menu li {padding: 0;margin-bottom: 10px;position: relative;padding-left: 20px;}
.product-group-menu li.active ion-icon {background-color: var(--color-1);color: var(--color-1);}
.product-group-menu li:first-child {font-weight: 700;color: var(--color-1);padding: 0;}
.product-group-menu li ion-icon {font-size: 14px;position: absolute;top: 5px;left: 0;}
.product-item {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;cursor: pointer;}
.product-img {width: 100%;padding-top: 100%;background-repeat: no-repeat;background-size: contain;background-position: center;}
.product-item .product-name {font-weight: 600;margin-top: 10px;text-align: center;} 
.product-item .product-name a {color: var(--color-1);}
.product-title {font-size: 30px;font-weight: 600;color: var(--color-1);margin-bottom: 10px;}
.product-info-rm {font-weight: bold;margin-bottom: 20px;}
.product-info-des {margin-bottom: 20px;}
.product-info-des p {margin-bottom: 10px;}
.product-info-price {margin-bottom: 20px;}
.product-price {color: var(--color-2);font-size: 25px;font-weight: 600;}
.product-price span {font-size: 16px;color: #333333;margin-left: 5px;}
.product-information {margin-top: 40px;}
.product-information-title {color: var(--color-1);font-weight: 700;font-size: 20px;}
.product-information-content {margin-top: 15px;}
/*Footer*/
footer {background-color: #fff;padding: 60px 0;}
footer a {color: var(--color-1);}
.footer-link {padding: 0;}
.footer-link li {padding: 0;margin-bottom: 10px;}
.footer-link li:first-child a {font-weight: 700;}
.social-icon {border-radius: 50%;margin-right: 10px;font-size: 20px;color: #fff;height: 35px;width: 35px;display: flex;justify-content: center;align-items: center;}
.social-icon:hover {color: #fff;}
.social-icon.facebook {background-color: #0866ff;}
.social-icon.youtube {background-color: #ff0033;}

.copy-right {text-align: center;padding: 10px 0;background-color: #fff;border-top: 1px solid #c3c3c3}
/*Class ADD*/
@media (min-width: 576px){
    .container {max-width: 100%;}
}
@media (min-width: 768px){
    .container {max-width: 100%;}
}
@media (min-width: 992px){
    .container {max-width: 100%;}
}
@media (min-width: 1200px) {
    .container {max-width: 1200px;}
}
@media (min-width: 1300px) {
    .container {max-width: 1240px;}
}

/* Danh cho man hinh desktop */
@media all and (max-width: 1280px) {}
/* Danh cho may tinh bang chieu ngang */
@media all and (max-width: 1024px) {
    
}
@media all and (max-width: 800px) {
    .article-home > .container > .row > .col-md-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
    footer .container .col-sm-2 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .home-product-group  .container .col-sm-2, .product-group .container .col-md-9 .col-sm-3 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
}
@media all and (max-width: 767px) {
    .product-group > .container > .row > .col-md-3 {order: 2;display: flex;border-top: 1px solid #dee2e6!important;padding-top: 15px;}
    .product-group > .container > .row > .col-md-3 .product-group-menu {width: 50%;}
    .product-group > .container > .row > .col-md-9 {order: 1;margin-bottom: 40px;}
    .product-review .container .swiper-container, .product-review-item-img, .product-review-item-info {width: 100%;}
    .product-review-item {flex-direction: column;align-items: center;}
    .product-review-item-img .item-img {padding-top: 200px;}
    .product-review-item-img {margin-bottom: 15px;}
    .product-review-item-info {padding-left: 15px;padding-right: 15px;}
}
/* Danh cho may tinh bang chieu doc */
@media all and (max-width: 600px) {
    .article-home > .container > .row > .col-md-4 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .home-product-group  .container .col-sm-2, .product-group .container .col-md-9 .col-sm-3 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
/* Danh cho dien thoai */
@media all and (max-width: 420px) {
    
}
@media all and (max-width: 320px) {
    

}