:root {
  --theme-color: #005bab;
  --theme: #005bab;
  --theme-opc80-color: rgba(0, 91, 171, 0.8);
  --theme2: #000;
  --theme2-color: #000;
  --header-top-bg: #0fa5fc;
  --header-bg: transparent;
  --menu-bg: transparent;
  --valak-bg: #eee;
  --menu-link-hover-color: #FFC200;
  --menu-item-hover-bg: transparent;
  --footer-bg: #f2f2f2;
  --copyright-bg: rgba(0, 0, 0, 0.4);
  --title-font: SVN-Avo;
  --text-font: "Roboto", sans-serif;
  --menu-font: "Roboto", sans-serif; }

/* ======================== FONTS ======================== */
/* roboto-300 - latin_vietnamese */
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v20-latin_vietnamese-300.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-v20-latin_vietnamese-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin_vietnamese-300.woff2") format("woff2"), url("../fonts/roboto-v20-latin_vietnamese-300.woff") format("woff"), url("../fonts/roboto-v20-latin_vietnamese-300.ttf") format("truetype"), url("../fonts/roboto-v20-latin_vietnamese-300.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-300italic - latin_vietnamese */
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto-v20-latin_vietnamese-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("../fonts/roboto-v20-latin_vietnamese-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin_vietnamese-300italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin_vietnamese-300italic.woff") format("woff"), url("../fonts/roboto-v20-latin_vietnamese-300italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin_vietnamese-300italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-regular - latin_vietnamese */
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v20-latin_vietnamese-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v20-latin_vietnamese-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin_vietnamese-regular.woff2") format("woff2"), url("../fonts/roboto-v20-latin_vietnamese-regular.woff") format("woff"), url("../fonts/roboto-v20-latin_vietnamese-regular.ttf") format("truetype"), url("../fonts/roboto-v20-latin_vietnamese-regular.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-italic - latin_vietnamese */
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-v20-latin_vietnamese-italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/roboto-v20-latin_vietnamese-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin_vietnamese-italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin_vietnamese-italic.woff") format("woff"), url("../fonts/roboto-v20-latin_vietnamese-italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin_vietnamese-italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-500 - latin_vietnamese */
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v20-latin_vietnamese-500.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-v20-latin_vietnamese-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin_vietnamese-500.woff2") format("woff2"), url("../fonts/roboto-v20-latin_vietnamese-500.woff") format("woff"), url("../fonts/roboto-v20-latin_vietnamese-500.ttf") format("truetype"), url("../fonts/roboto-v20-latin_vietnamese-500.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-500italic - latin_vietnamese */
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/roboto-v20-latin_vietnamese-500italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("../fonts/roboto-v20-latin_vietnamese-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin_vietnamese-500italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin_vietnamese-500italic.woff") format("woff"), url("../fonts/roboto-v20-latin_vietnamese-500italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin_vietnamese-500italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-700 - latin_vietnamese */
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v20-latin_vietnamese-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-v20-latin_vietnamese-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin_vietnamese-700.woff2") format("woff2"), url("../fonts/roboto-v20-latin_vietnamese-700.woff") format("woff"), url("../fonts/roboto-v20-latin_vietnamese-700.ttf") format("truetype"), url("../fonts/roboto-v20-latin_vietnamese-700.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-700italic - latin_vietnamese */
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto-v20-latin_vietnamese-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("../fonts/roboto-v20-latin_vietnamese-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin_vietnamese-700italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin_vietnamese-700italic.woff") format("woff"), url("../fonts/roboto-v20-latin_vietnamese-700italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin_vietnamese-700italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-900 - latin_vietnamese */
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto-v20-latin_vietnamese-900.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Black"), local("Roboto-Black"), url("../fonts/roboto-v20-latin_vietnamese-900.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin_vietnamese-900.woff2") format("woff2"), url("../fonts/roboto-v20-latin_vietnamese-900.woff") format("woff"), url("../fonts/roboto-v20-latin_vietnamese-900.ttf") format("truetype"), url("../fonts/roboto-v20-latin_vietnamese-900.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-900italic - latin_vietnamese */
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/roboto-v20-latin_vietnamese-900italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("../fonts/roboto-v20-latin_vietnamese-900italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin_vietnamese-900italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin_vietnamese-900italic.woff") format("woff"), url("../fonts/roboto-v20-latin_vietnamese-900italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin_vietnamese-900italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'UTMAptima';
  font-size: 400;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/UTMAptima.ttf") format("truetype"); }

@font-face {
  font-family: 'UTMAptima';
  font-size: 700;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/UTMAptimaBold.ttf") format("truetype"); }

@font-face {
  font-family: 'SVN-Avo';
  font-size: 400;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/SVN-Avo.ttf") format("truetype"); }

@font-face {
  font-family: 'SVN-Avo';
  font-size: 700;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/SVN-Avo-bold.ttf") format("truetype"); }

@font-face {
  font-family: 'iCiel-Nabila';
  src: url("../fonts/iCiel-Nabila.woff") format("woff"), url("../fonts/iCiel-Nabila.svg#iCiel-Nabila") format("svg"), url("../fonts/iCiel-Nabila.eot"), url("../fonts/iCiel-Nabila.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }

/* ==================== BORDER RADIUS ==================== */
/* Ref: 
    http://www.w3schools.com/css/css3_borders.asp 
    http://border-radius.com/
    border-radius: tl tr br bl:
*/
/* ==================== BOX SHADOW ==================== */
/* Ref: 
    http://www.cssmatic.com/box-shadow
*/
/* ==================== Set Font ==================== */
/* ==================== HOVER A ==================== */
/* Ref: 
*/
/*
@include transition(all .3s ease);
@mixin transition($args...) {
  -webkit-transition: $args;
  -moz-transition: $args;
  -ms-transition: $args;
  -o-transition: $args;
  transition: $args;
}
*/
/*
@include background-opacity(#000, $opacity: 0.3);
*/
@keyframes rot {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(90deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(270deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes h-alo-ring-ring {
  0% {
    transform: rotate(0deg) scale(1) skew(1deg); }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg); }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg); }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg); }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg); }
  50% {
    transform: rotate(0deg) scale(1) skew(1deg); }
  100% {
    transform: rotate(0deg) scale(1) skew(1deg); } }

@keyframes marquee {
  0% {
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    right: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); } }

@keyframes rotate {
  100% {
    transform: rotate(-360deg); } }

@-webkit-keyframes spin1 {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spin1 {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes spin1 {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes spin1 {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin1 {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes spin2 {
  0% {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg); }
  100% {
    -webkit-transform: rotate(-288deg);
    -ms-transform: rotate(-288deg);
    -o-transform: rotate(-288deg);
    transform: rotate(-288deg); } }

@-moz-keyframes spin2 {
  0% {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg); }
  100% {
    -webkit-transform: rotate(-288deg);
    -ms-transform: rotate(-288deg);
    -o-transform: rotate(-288deg);
    transform: rotate(-288deg); } }

@-ms-keyframes spin2 {
  0% {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg); }
  100% {
    -webkit-transform: rotate(-288deg);
    -ms-transform: rotate(-288deg);
    -o-transform: rotate(-288deg);
    transform: rotate(-288deg); } }

@-o-keyframes spin2 {
  0% {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg); }
  100% {
    -webkit-transform: rotate(-288deg);
    -ms-transform: rotate(-288deg);
    -o-transform: rotate(-288deg);
    transform: rotate(-288deg); } }

@keyframes spin2 {
  0% {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg); }
  100% {
    -webkit-transform: rotate(-288deg);
    -ms-transform: rotate(-288deg);
    -o-transform: rotate(-288deg);
    transform: rotate(-288deg); } }

@-webkit-keyframes spin3 {
  0% {
    -webkit-transform: rotate(-144deg);
    -ms-transform: rotate(-144deg);
    -o-transform: rotate(-144deg);
    transform: rotate(-144deg); }
  100% {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); } }

@-moz-keyframes spin3 {
  0% {
    -webkit-transform: rotate(-144deg);
    -ms-transform: rotate(-144deg);
    -o-transform: rotate(-144deg);
    transform: rotate(-144deg); }
  100% {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); } }

@-ms-keyframes spin3 {
  0% {
    -webkit-transform: rotate(-144deg);
    -ms-transform: rotate(-144deg);
    -o-transform: rotate(-144deg);
    transform: rotate(-144deg); }
  100% {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); } }

@-o-keyframes spin3 {
  0% {
    -webkit-transform: rotate(-144deg);
    -ms-transform: rotate(-144deg);
    -o-transform: rotate(-144deg);
    transform: rotate(-144deg); }
  100% {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); } }

@keyframes spin3 {
  0% {
    -webkit-transform: rotate(-144deg);
    -ms-transform: rotate(-144deg);
    -o-transform: rotate(-144deg);
    transform: rotate(-144deg); }
  100% {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); } }

@-webkit-keyframes spin4 {
  0% {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); }
  100% {
    -webkit-transform: rotate(-144deg);
    -ms-transform: rotate(-144deg);
    -o-transform: rotate(-144deg);
    transform: rotate(-144deg); } }

@-moz-keyframes spin4 {
  0% {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); }
  100% {
    -webkit-transform: rotate(-144deg);
    -ms-transform: rotate(-144deg);
    -o-transform: rotate(-144deg);
    transform: rotate(-144deg); } }

@-ms-keyframes spin4 {
  0% {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); }
  100% {
    -webkit-transform: rotate(-144deg);
    -ms-transform: rotate(-144deg);
    -o-transform: rotate(-144deg);
    transform: rotate(-144deg); } }

@-o-keyframes spin4 {
  0% {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); }
  100% {
    -webkit-transform: rotate(-144deg);
    -ms-transform: rotate(-144deg);
    -o-transform: rotate(-144deg);
    transform: rotate(-144deg); } }

@keyframes spin4 {
  0% {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg); }
  100% {
    -webkit-transform: rotate(-144deg);
    -ms-transform: rotate(-144deg);
    -o-transform: rotate(-144deg);
    transform: rotate(-144deg); } }

@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); }
  50% {
    -webkit-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px); }
  100% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); } }

@-moz-keyframes hvr-bob {
  0% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); }
  50% {
    -webkit-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px); }
  100% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); } }

@-ms-keyframes hvr-bob {
  0% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); }
  50% {
    -webkit-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px); }
  100% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); } }

@-o-keyframes hvr-bob {
  0% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); }
  50% {
    -webkit-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px); }
  100% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); } }

@keyframes hvr-bob {
  0% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); }
  50% {
    -webkit-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px); }
  100% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); } }

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); } }

@-moz-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); } }

@-ms-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); } }

@-o-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); } }

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); } }

@-webkit-keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@-moz-keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@-ms-keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@-o-keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

.chitietsanpham-item__images:after {
  content: "";
  display: table;
  clear: both; }
.ungdung-xemnhanh .ungdung-slick-nav__img{height: 100% !important;object-fit: cover !important;width: auto !important;max-width: none !important;top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);}
.slideshow .owl-item a img, .dangkynhanmau-banner__info-box, .blog__img, .index-small-item__img, .quangcao__img, .tivi-box iframe, .gioithieu-about-top-item__img, .sanpham-intro__img, .sanpham-project-item__img, .sanpham-banner__img, .dactinh-item__img, .hethongvanhanh-item__figure-img, .hethong-slick-item__img, .linklienket-item__box, .color-selector-item__img, .mauvai-xemnhanh__left-figure img, .mauvai-xemnhanh__figure img, .ungdung-item__img, .ungdung-xemnhanh .ungdung-slick-for__img, .ungdung-xemnhanh .ungdung-slick-nav__img, .hinhcatalog-item__img, .catalogue-item__img, .wishlist-item__img, .tinnoibat__firstnews-item__img, .tinnoibat__secondnews-item__img, .tintucdetail__info-img, .tintucdetail .galerry-nav-item__img, .muahang-item__content, .product__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: fill; }

.section-inspriration .nav-link img, .tieuchi__img, .gioithieu-about-top-head__img, .sanpham-list-item__img, .news--col-4 .news__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  object-position: center center; }

.tieuchi__img, .tieuchi__name, .tieuchi__desc {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media screen and (prefers-reduced-motion: reduce) {
    .tieuchi__img, .tieuchi__name, .tieuchi__desc {
      transition: none; } }

.hover_sang1:before, .hover_sang3:before, .hover_sang3:after, .fixed-shadow:after, .slick-custom-arrow:before, .thongke li + li:before, .footer__baiviet ul li a:before, .footer__baiviet ul li span:before, .fp-controlArrow.fp-prev:before, .fp-controlArrow.fp-next:before, .blog__date span + span:before, .gioithieu-slogan-body:before, .gioithieu-slogan-body:after, .sanpham-video__link:before, .pd-main-nav.nav:before, .pd-sub-nav > .nav-item + .nav-item:before, .linklienket-inner:before, .trending-item__image-box:before, .hinhcatalog__body:before, .tinnoibat__firstnews-item__link:before, .tinnoibat__secondnews-item__link:before, .xuhuong__cata a + a:before, .tintucdetail__info-date span + span:before, .lienhe-map-item__line:before {
  content: '';
  position: absolute; }

.reset-list, .menu--left, .menu .submenu, .menu .submenu li ul, .thongke, .footer__baiviet ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0; }

[class^="hvr-"] {
  margin: .4em;
  padding: 1em;
  cursor: pointer;
  background: #e1e1e1;
  text-decoration: none;
  color: #666;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-bob:hover,
.hvr-bob:focus,
.hvr-bob:active {
  -webkit-animation-name: hvr-bob-float,hvr-bob;
  animation-name: hvr-bob-float,hvr-bob;
  -webkit-animation-duration: .3s,1.5s;
  animation-duration: .3s,1.5s;
  -webkit-animation-delay: 0s,.3s;
  animation-delay: 0s,.3s;
  -webkit-animation-timing-function: ease-out,ease-in-out;
  animation-timing-function: ease-out,ease-in-out;
  -webkit-animation-iteration-count: 1,infinite;
  animation-iteration-count: 1,infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal,alternate;
  animation-direction: normal,alternate; }

.snake-border i.trai, .snake-border i.phai, .snake-border i.tren, .snake-border i.duoi {
  z-index: 40;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute; }
  @media screen and (prefers-reduced-motion: reduce) {
    .snake-border i.trai, .snake-border i.phai, .snake-border i.tren, .snake-border i.duoi {
      transition: none; } }

.snake-border i.trai {
  background: -moz-linear-gradient(180deg, #f6f6f6 0%, #4b8ac2 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f6f6f6), color-stop(100%, #4b8ac2));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(180deg, #f6f6f6 0%, #4b8ac2 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(180deg, #f6f6f6 0%, #4b8ac2 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(180deg, #f6f6f6 0%, #4b8ac2 100%);
  /* ie10+ */
  background: linear-gradient(180deg, #f6f6f6 0%, #4b8ac2 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
  /* ie6-9 */
  height: 0;
  width: 5px;
  left: 0;
  top: 0; }

.snake-border i.phai {
  background: -moz-linear-gradient(180deg, #abc7df 0%, #005bab 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #abc7df), color-stop(100%, #005bab));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(180deg, #abc7df 0%, #005bab 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(180deg, #abc7df 0%, #005bab 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(180deg, #abc7df 0%, #005bab 100%);
  /* ie10+ */
  background: linear-gradient(180deg, #abc7df 0%, #005bab 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
  /* ie6-9 */
  height: 0;
  width: 5px;
  right: 0;
  bottom: 0; }

.snake-border i.tren {
  background: -moz-linear-gradient(90deg, #f6f6f6 0%, #aac6df 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f6f6f6), color-stop(100%, #aac6df));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, #f6f6f6 0%, #aac6df 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, #f6f6f6 0%, #aac6df 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, #f6f6f6 0%, #aac6df 100%);
  /* ie10+ */
  background: linear-gradient(90deg, #f6f6f6 0%, #aac6df 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
  /* ie6-9 */
  height: 5px;
  width: 0;
  right: 0;
  top: 0; }

.snake-border i.duoi {
  background: -moz-linear-gradient(90deg, #4b8ac2 0%, #005bab 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4b8ac2), color-stop(100%, #005bab));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, #4b8ac2 0%, #005bab 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, #4b8ac2 0%, #005bab 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, #4b8ac2 0%, #005bab 100%);
  /* ie10+ */
  background: linear-gradient(90deg, #4b8ac2 0%, #005bab 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
  /* ie6-9 */
  height: 5px;
  width: 0;
  left: 0;
  bottom: 0; }

.snake-border:hover i.trai {
  height: 100%;
  bottom: 0;
  top: initial; }

.snake-border:hover i.tren {
  width: 100%;
  left: 0; }

.snake-border:hover i.phai {
  height: 100%;
  top: 0;
  bottom: initial; }

.snake-border:hover i.duoi {
  width: 100%;
  right: 0;
  left: initial; }

.blink_me {
  -webkit-animation: blinker 1s linear infinite;
  -moz-animation: blinker 1s linear infinite;
  -ms-animation: blinker 1s linear infinite;
  -o-animation: blinker 1s linear infinite;
  animation: blinker 1s linear infinite; }

.shake_me {
  -webkit-animation: 1s ease-in-out 0s normal none infinite running h-alo-ring-ring;
  -moz-animation: 1s ease-in-out 0s normal none infinite running h-alo-ring-ring;
  -ms-animation: 1s ease-in-out 0s normal none infinite running h-alo-ring-ring;
  -o-animation: 1s ease-in-out 0s normal none infinite running h-alo-ring-ring;
  animation: 1s ease-in-out 0s normal none infinite running h-alo-ring-ring; }

.hover_sang1 {
  z-index: 40;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transition: transform 0.6s;
  -moz-transition: transform 0.6s;
  -ms-transition: transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
  -moz-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
  -ms-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
  transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
  overflow: hidden;
  border: 1px solid #e8e4e4;
  box-shadow: 4px 6px 0 0 #f5f5f5;
  background: rgba(255, 255, 255, 0.5); }
  @media screen and (prefers-reduced-motion: reduce) {
    .hover_sang1 {
      transition: none; } }
  .hover_sang1:before {
    width: 100%;
    height: 100%; }
  .hover_sang1:hover::before {
    -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
    -moz-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
    -ms-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
    transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); }

.hover_sang3 {
  overflow: hidden;
  position: relative; }
  .hover_sang3:hover::before {
    right: 50%;
    left: 50%;
    width: 0;
    background: rgba(255, 255, 255, 0.5); }
  .hover_sang3:hover::after {
    height: 0;
    top: 50%;
    bottom: 50%;
    background: rgba(255, 255, 255, 0.5); }
  .hover_sang3:before {
    width: 100%;
    height: 100%;
    z-index: 41;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: absolute;
    top: 0px;
    left: 0px; }
    @media screen and (prefers-reduced-motion: reduce) {
      .hover_sang3:before {
        transition: none; } }
  .hover_sang3:after {
    width: 100%;
    height: 100%;
    z-index: 40;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: absolute;
    top: 0px;
    left: 0px; }
    @media screen and (prefers-reduced-motion: reduce) {
      .hover_sang3:after {
        transition: none; } }

.xoay_hinh {
  overflow: hidden; }
  .xoay_hinh:hover img {
    transform: rotate(360deg); }
  .xoay_hinh img {
    transition: all 1s ease 0s; }

.marquee {
  -webkit-animation: marquee 10s linear infinite;
  -moz-animation: marquee 10s linear infinite;
  -ms-animation: marquee 10s linear infinite;
  -o-animation: marquee 10s linear infinite;
  animation: marquee 10s linear infinite; }

.text-theme {
  color: var(--theme-color) !important; }

.overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.3); }
  @media screen and (prefers-reduced-motion: reduce) {
    .overlay {
      transition: none; } }
  .overlay__box {
    position: absolute;
    top: 20px;
    left: 30px;
    width: calc(100% - 60px);
    height: calc(100% - 40px);
    border: 3px solid #fff; }

.fixed {
  -webkit-animation: slideInDown 0.8s ease;
  -moz-animation: slideInDown 0.8s ease;
  -ms-animation: slideInDown 0.8s ease;
  -o-animation: slideInDown 0.8s ease;
  animation: slideInDown 0.8s ease; }

.fixed-shadow:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: -1;
  box-shadow: 0 0.0625em 0.5em rgba(0, 0, 0, 0.3);
  opacity: 0; }
  @media screen and (prefers-reduced-motion: reduce) {
    .fixed-shadow:after {
      transition: none; } }

.fixed-shadow.fixed::after {
  opacity: 1; }

@media (max-width: 992px) {
  .wow {
    visibility: visible !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important; } }

.scrollstyle-4::-webkit-scrollbar {
  width: 2px;
  height: 2px; }

.scrollstyle-4::-webkit-scrollbar-thumb {
  background: #005bab; }

.scrollstyle-4::-webkit-scrollbar-track {
  background: #80add5; }

.scrollstyle-4 {
  scrollbar-face-color: #005bab;
  scrollbar-track-color: #80add5; }

body {
  font-size: 16px;
  font-size: 1rem;
  font-family: var(--text-font); }

.max-width {
  max-width: 1366px;
  margin: 0 auto;
  position: relative; }

.mt-section {
  margin-top: 40px; }

.container {
  width: 100%;
  max-width: 1196px;
  position: relative; }

.wrap-main {
  z-index: 40;
  position: relative; }

.wrap-main.wrap-home {
  padding: 0; }

.wrap-main-container:after {
  content: "";
  display: table;
  clear: both; }

a:hover {
  text-decoration: none; }

.slick-slider .slick-prev, .slick-slider .slick-next {
  width: 26px;
  height: 40px;
  border-radius: 3px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #eee;
  padding-top: 4px; }
  @media screen and (prefers-reduced-motion: reduce) {
    .slick-slider .slick-prev, .slick-slider .slick-next {
      transition: none; } }
  .slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {
    background-color: #005bab; }

.slick-slider .slick-prev::before, .slick-slider .slick-next::before {
  font-size: 24px;
  color: #333; }
  .slick-slider .slick-prev:hover::before, .slick-slider .slick-next:hover::before {
    color: #fff; }

.slick-slider .slick-prev {
  left: 20px; }

.slick-slider .slick-next {
  right: 20px; }

.slick-custom-arrow {
  width: 34px;
  height: 34px;
  box-sizing: border-box;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  top: 50%;
  z-index: 40;
  margin-top: -17px;
  background-color: #fff;
  cursor: pointer; }
  .slick-custom-arrow i.fas {
    color: #000; }
  .slick-custom-arrow i.trai, .slick-custom-arrow i.phai {
    width: 2px; }
  .slick-custom-arrow i.tren, .slick-custom-arrow i.duoi {
    height: 2px; }
  .slick-custom-arrow:before {
    width: 100%;
    height: 100%;
    border: 2px solid #e1e1e1; }

.slick-custom-prev {
  left: 15px; }

.slick-custom-next {
  right: 15px; }

.btn-frame i {
  background: var(--theme-color); }

.btn-frame .kenit-alo-circle {
  border: 2px solid var(--theme-opc80-color);
  background: var(--theme-color); }

.js-facebook-messenger-box {
  background: var(--theme-color); }

.js-facebook-messenger-top-heade {
  background: var(--theme-color); }

.menubar {
  z-index: 100;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: var(--menu-bg); }

.menu__item {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-sizing: border-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative; }
  @media screen and (prefers-reduced-motion: reduce) {
    .menu__item {
      transition: none; } }
  .menu__item:hover .menu__link {
    color: var(--menu-link-hover-color); }
  .menu__item:hover .submenu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    opacity: 1; }

.menu__link {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  font-family: var(--menu-font);
  box-sizing: border-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-height: 50px;
  text-transform: uppercase;
  padding: 0;
  position: relative;
  width: 100%;
  text-align: center; }
  .menu__link i {
    margin-right: 10px; }
  .menu__link.active {
    color: var(--menu-link-hover-color); }

.menu--left {
  z-index: 50;
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative; }

.menu .submenu {
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  min-width: 200px; }
  @media screen and (prefers-reduced-motion: reduce) {
    .menu .submenu {
      transition: none; } }
  .menu .submenu li {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    background-color: rgba(255, 255, 255, 0.85); }
    @media screen and (prefers-reduced-motion: reduce) {
      .menu .submenu li {
        transition: none; } }
    .menu .submenu li:hover > a {
      color: var(--theme); }
    .menu .submenu li:hover > ul {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
      visibility: visible;
      opacity: 1; }
    .menu .submenu li + li {
      border-top: 1px solid rgba(255, 255, 255, 0.4); }
    .menu .submenu li a {
      font-size: 14px;
      color: #000;
      font-weight: 700;
      font-family: "Arial";
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: block;
      padding: 8px 10px; }
      @media screen and (prefers-reduced-motion: reduce) {
        .menu .submenu li a {
          transition: none; } }
    .menu .submenu li ul {
      -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
      -webkit-transform-origin: 0 0 0;
      -moz-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
      transform-origin: 0 0 0;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
      -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
      position: absolute;
      top: 0;
      left: 100%;
      visibility: hidden;
      opacity: 0;
      min-width: 200px; }
      @media screen and (prefers-reduced-motion: reduce) {
        .menu .submenu li ul {
          transition: none; } }

.menu_mobi, .menu_mobi_add {
  display: none; }

.menu-res {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: 100%; }

.copyright {
  z-index: 41;
  background-color: var(--copyright-bg);
  position: relative;
  padding: 10px 0; }
  .copyright-wrap {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    min-height: 50px;
    width: 100%;
    position: relative; }
  .copyright-social {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 100%; }
    .copyright-social__col {
      width: 49%; }
      .copyright-social__col h4 {
        font-size: 15px;
        color: #fff;
        font-weight: 700;
        font-family: var(--title-font);
        margin-bottom: 10px; }
    .copyright-social__col-left h4 {
      text-align: right; }
  .copyright__text {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    width: 100%;
    text-align: center;
    margin-top: 10px; }

@media (max-width: 425px) {
  .copyright-social__col {
    width: 100%;
    text-align: center;
    margin-bottom: 10px; }
    .copyright-social__col-left h4 {
      text-align: center; } }

.thongke {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: relative; }
  .thongke li {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 1;
    box-sizing: border-box;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: relative;
    margin-bottom: 10px; }
    .thongke li + li {
      margin-left: 20px; }
      .thongke li + li:before {
        width: 1px;
        height: 12px;
        background-color: #000;
        left: -10px; }

.footer__baiviet {
  width: 25%;
  position: relative; }
  .footer__baiviet ul li {
    margin-bottom: 10px; }
    .footer__baiviet ul li a, .footer__baiviet ul li span {
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      font-size: 14px;
      color: #fff;
      font-weight: 400;
      position: relative;
      display: inline-block; }
      @media screen and (prefers-reduced-motion: reduce) {
        .footer__baiviet ul li a, .footer__baiviet ul li span {
          transition: none; } }
      .footer__baiviet ul li a[href]:hover, .footer__baiviet ul li span[href]:hover {
        color: var(--menu-link-hover-color); }
      .footer__baiviet ul li a:before, .footer__baiviet ul li span:before {
        width: 5px;
        height: 5px;
        display: inline-block;
        position: relative;
        margin: 0 5px 3px 0;
        background-color: #fff; }

.header {
  z-index: 100;
  position: absolute;
  top: 65px;
  left: 0px; }
  .header-wrap {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .header-mid {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: rgba(0, 0, 0, 0.6); }
    .header-mid--top {
      box-sizing: border-box;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      justify-content: flex-end; }

.logo {
  box-sizing: border-box;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 23.1560891938%;
  background-color: rgba(255, 255, 255, 0.85); }
  .logo img {
    max-height: 120px; }

.js-btn-dangkynhanmau-mobile {
  position: fixed;
  top: 50%;
  right: 15px;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 25px;
  color: #fff;
  z-index: 90;
  background-color: var(--theme);
  display: none; }

.js-btn-dangkynhanmau {
  box-sizing: border-box;
  display: inline-flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.85);
  max-width: 100px;
  text-align: center; }
  .js-btn-dangkynhanmau i {
    color: var(--theme); }
  .js-btn-dangkynhanmau span {
    font-size: 11px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 15px 0; }
  .js-btn-dangkynhanmau:hover {
    background-color: var(--theme); }
    .js-btn-dangkynhanmau:hover span, .js-btn-dangkynhanmau:hover i {
      color: #fff; }

.lang-title {
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  z-index: 40;
  white-space: nowrap; }

#js_select_lang {
  font-size: 14px;
  color: transparent;
  font-weight: 400;
  z-index: 41;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.2);
  border: 0;
  height: 40px;
  outline: none;
  box-shadow: none; }
  #js_select_lang option {
    color: var(--theme); }

.link-wishlist {
  box-sizing: border-box;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  height: 40px;
  padding: 0 15px; }
  .link-wishlist i {
    margin-right: 5px; }
  .link-wishlist:hover {
    color: var(--menu-link-hover-color); }

@media (max-width: 992px) {
  .js-btn-dangkynhanmau-mobile {
    display: flex; }
  #hamburger:before, #hamburger:after, #hamburger span {
    background-color: #000; }
  .menu-bar-res--left {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .menu-bar-res--left .link-wishlist-mobile {
      font-size: 20px;
      color: #000;
      margin-left: 15px; }
  .menu-bar-res--right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .menu-bar-res--right .lang-header {
      margin: 0 1rem 0; }
  .menu_mobi {
    display: flex; }
  .menu-res {
    background-color: #e4e4e4; }
  .logo-mobile {
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: block; }
    .logo-mobile img {
      max-height: 65px; }
  .header {
    display: none; } }

.footer {
  z-index: 1;
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  position: relative; }
  .footer-wrap {
    position: relative; }
  .footer-box {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding: 40px 0; }
  .footer__title {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px; }
  .footer__fanpage {
    width: 25%; }
    .footer__fanpage #fanpage-facebook {
      max-height: 200px;
      overflow: hidden; }

#footer-map, #footer-map iframe {
  overflow: hidden;
  width: 100%;
  height: 420px; }

.codebando, .codebando iframe {
  overflow: hidden;
  width: 100%;
  height: 420px; }

@media (max-width: 425px) {
  .footer__baiviet {
    width: 49%; }
  .footer__fanpage {
    width: 49%; } }

.main-title {
  position: relative;
  margin-bottom: 20px;
  text-align: center; }
  .main-title__name {
    font-size: 26px;
    color: var(--theme2);
    font-weight: 700;
    font-family: var(--title-font);
    line-height: 1;
    text-transform: uppercase; }
  .main-title__link {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    position: relative;
    color: inherit; }
    @media screen and (prefers-reduced-motion: reduce) {
      .main-title__link {
        transition: none; } }
    .main-title__link[href] {
      cursor: pointer; }
      .main-title__link[href]:hover {
        color: var(--theme2); }
  .main-title__desc {
    font-size: 15px;
    color: #000;
    font-weight: 400; }
  .main-title__line {
    width: 87px;
    height: 2px;
    background-color: var(--theme);
    border: 0;
    margin: 5px auto 10px; }

.title-main {
  margin: 30px 0; }
  .title-main span {
    font-size: 1.6em;
    color: var(--color-title-main);
    font-weight: 700; }

.text-main img {
  max-width: 100% !important;
  height: auto !important; }

@media (max-width: 992px) {
  .main-title__name {
    font-size: 20px; }
  .main-title__desc {
    font-size: 14px; } }

.fp-slidesNav.bottom {
  bottom: 80px; }
  .fp-slidesNav.bottom ul {
    text-align: center; }

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  background-color: #fff; }

.fp-controlArrow {
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: -18px 0 0; }
  .fp-controlArrow.fp-prev {
    width: 49px;
    height: 49px;
    border-radius: 100%;
    left: 30px;
    border: 1px solid #fff; }
    .fp-controlArrow.fp-prev:before {
      font-size: 18px;
      color: #fff;
      font-weight: 700;
      font-family: "Font Awesome 5 Free";
      content: "\f104"; }
  .fp-controlArrow.fp-next {
    width: 49px;
    height: 49px;
    border-radius: 100%;
    right: 30px;
    border: 1px solid #fff; }
    .fp-controlArrow.fp-next:before {
      font-size: 18px;
      color: #fff;
      font-weight: 700;
      font-family: "Font Awesome 5 Free";
      content: "\f105"; }

.full-slide {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%; }
  .full-slide img {
    width: 100%;
    height: 100%; }

.menu-slider-mobile {
  display: none; }

.menu-slider {
  z-index: 1;
  position: relative; }
  .menu-slider .slideshow-box {
    box-sizing: border-box;
    display: inline-flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 40; }
    .menu-slider .slideshow-box__name {
      width: 100%;
      text-align: center; }
      .menu-slider .slideshow-box__name span {
        font-size: 35px;
        color: #fff;
        font-weight: 700;
        font-family: var(--title-font);
        text-transform: uppercase; }
    .menu-slider .slideshow-box__list span {
      font-size: 13px;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase;
      padding: 5px 0; }
      .menu-slider .slideshow-box__list span.active {
        border-bottom: 2px solid #fff; }
    .menu-slider .slideshow-box__list i {
      color: #fff;
      margin: 0 10px; }

.slideshow {
  z-index: 1;
  width: 100%;
  position: relative; }
  .slideshow .owl-item a {
    background-image: url("../images/");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: var(--bg-img);
    position: relative; }
    .slideshow .owl-item a::before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 45.3879941435%; }
    .slideshow .owl-item a img {
      background-color: #fff; }
  .slideshow .owl-theme .owl-dots {
    position: absolute;
    bottom: 15px;
    left: 0px;
    width: 100%; }
  .slideshow .owl-theme .owl-dots .owl-dot:focus {
    outline: 0;
    border: 0; }
  .slideshow .owl-theme .owl-dots .owl-dot span {
    background-color: #fff; }
  .slideshow .owl-theme .owl-dots .owl-dot.active span, .slideshow .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--theme); }

@-webkit-keyframes fadeInUpSD {
  0% {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; } }

@media (max-width: 992px) {
  .menu-slider-mobile {
    display: block; }
  #fullpage {
    display: none; } }

@media (max-width: 425px) {
  .menu-slider .slideshow-box__name span {
    font-size: 20px; } }

.search .search-grid {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.1);
  border: 0; }
  .search .search-grid input {
    width: calc(100% - 40px);
    height: 40px;
    font-size: 14px;
    color: #fff;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px;
    border: 0;
    line-height: 40px;
    outline: none;
    background-color: transparent; }
    .search .search-grid input::-moz-placeholder {
      color: rgba(255, 255, 255, 0.7);
      opacity: 1; }
    .search .search-grid input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.7); }
    .search .search-grid input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.7); }
  .search .search-grid p {
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    cursor: pointer; }

.search {
  width: 100%;
  position: relative;
  max-width: 280px; }

/*search news*/
.search-news {
  z-index: 100;
  position: absolute;
  top: 0px;
  right: 15px; }
  .search-news .icon-search-news {
    z-index: 100;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background-color: #e6e6e6;
    position: relative;
    order: 1;
    margin-bottom: 0; }
    .search-news .icon-search-news.active {
      background-color: var(--theme); }
      .search-news .icon-search-news.active i {
        color: #fff; }
    .search-news .icon-search-news i {
      color: #000;
      font-size: 17px; }
  .search-news .search-news-grid {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: absolute;
    top: 0;
    right: 100%;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    opacity: 0;
    overflow: hidden;
    background-color: #fff;
    border: 0; }
    .search-news .search-news-grid input {
      width: calc(100% - 40px);
      height: 40px;
      font-size: 14px;
      color: #000;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-left: 10px;
      border: 0;
      line-height: 40px;
      outline: none;
      background-color: transparent; }
      .search-news .search-news-grid input::-moz-placeholder {
        color: rgba(0, 0, 0, 0.7);
        opacity: 1; }
      .search-news .search-news-grid input:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.7); }
      .search-news .search-news-grid input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.7); }
    .search-news .search-news-grid p {
      font-size: 14px;
      color: #000;
      box-sizing: border-box;
      display: inline-flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      width: 40px;
      height: 40px;
      background-color: #e6e6e6;
      padding: 0;
      margin: 0;
      cursor: pointer; }

.mxh {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .mxh a {
    box-sizing: border-box;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .mxh a img {
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      max-height: 38px;
      object-fit: scale-down; }
      @media screen and (prefers-reduced-motion: reduce) {
        .mxh a img {
          transition: none; } }
    .mxh a + a {
      margin-left: 10px; }
  .mxh--ft {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
    .mxh--ft a + a {
      margin-left: 10px; }

@media (max-width: 425px) {
  .mxh {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
    .mxh--ft {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center; } }

.newsletter {
  background-color: #e6e6e6;
  padding: 15px 0; }
  .newsletter__name {
    font-size: 19px;
    color: #000;
    font-weight: 700;
    font-family: "UTMAptima";
    text-transform: uppercase; }
  .newsletter-wrap {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .newsletter i {
    width: 39px;
    height: 39px;
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background-color: #fff; }
    .newsletter i::before {
      color: #606062; }
  .newsletter form {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    max-width: 520px;
    width: 100%;
    padding: 4px;
    background-color: #d2d3d5; }
    .newsletter form .form-group {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-bottom: 0; }
      .newsletter form .form-group .invalid-feedback {
        visibility: hidden;
        height: 0;
        margin: 0; }
      .newsletter form .form-group .form-control {
        font-size: 14px;
        color: #000;
        font-weight: 400;
        font-family: "Arial";
        height: 39px;
        padding: 10px;
        background-color: #fefefe;
        border: 0;
        border-radius: 0;
        outline: none;
        box-shadow: none !important; }
        .newsletter form .form-group .form-control::-moz-placeholder {
          color: rgba(0, 0, 0, 0.5);
          opacity: 1; }
        .newsletter form .form-group .form-control:-ms-input-placeholder {
          color: rgba(0, 0, 0, 0.5); }
        .newsletter form .form-group .form-control::-webkit-input-placeholder {
          color: rgba(0, 0, 0, 0.5); }
    .newsletter form .newsletter-button {
      margin-left: 5px; }
      .newsletter form .newsletter-button input[type="submit"], .newsletter form .newsletter-button input[type="reset"] {
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        font-family: var(--menu-font);
        line-height: 39px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border: 0;
        background-color: #606062;
        display: inline-block;
        text-align: center;
        text-transform: uppercase;
        padding: 0 35px; }
        @media screen and (prefers-reduced-motion: reduce) {
          .newsletter form .newsletter-button input[type="submit"], .newsletter form .newsletter-button input[type="reset"] {
            transition: none; } }

/*dangkynhanmau*/
.dangkynhanmau {
  position: relative; }
  .dangkynhanmau button.close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 40; }
  .dangkynhanmau-banner {
    max-width: 800px; }
    .dangkynhanmau-banner__info-box {
      box-sizing: border-box;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      text-align: center;
      color: #fff; }
      .dangkynhanmau-banner__info-box h3 {
        text-transform: uppercase;
        margin-bottom: 30px; }
    .dangkynhanmau-banner__info {
      position: relative;
      background-size: cover;
      background-repeat: no-repeat; }
      .dangkynhanmau-banner__info:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 50%; }
    .dangkynhanmau-banner__form {
      padding: 20px 40px; }
  .dangkynhanmau form .form-group {
    margin-bottom: 10px; }
    .dangkynhanmau form .form-group label {
      font-size: 15px;
      color: #000;
      font-weight: 700;
      margin-bottom: 4px; }
    .dangkynhanmau form .form-group .invalid-feedback {
      visibility: hidden;
      height: 0;
      margin: 0; }
    .dangkynhanmau form .form-group .form-control {
      font-size: 14px;
      color: #000;
      font-weight: 400;
      font-family: "Arial"; }
      .dangkynhanmau form .form-group .form-control::-moz-placeholder {
        color: rgba(0, 0, 0, 0.5);
        opacity: 1; }
      .dangkynhanmau form .form-group .form-control:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.5); }
      .dangkynhanmau form .form-group .form-control::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.5); }
    .dangkynhanmau form .form-group textarea.form-control {
      height: 180px; }
  .dangkynhanmau form .dangkynhanmau-button {
    text-align: right; }
    .dangkynhanmau form .dangkynhanmau-button input[type="submit"] {
      font-size: 14px;
      color: #fff;
      font-weight: 400;
      line-height: 26px;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      border: 0;
      background-color: var(--theme);
      display: inline-block;
      text-align: center;
      text-transform: uppercase;
      padding: 0 20px; }
      @media screen and (prefers-reduced-motion: reduce) {
        .dangkynhanmau form .dangkynhanmau-button input[type="submit"] {
          transition: none; } }

.print {
  display: block;
  width: 100%;
  height: auto;
  padding: 20px 5%;
  text-align: center;
  position: relative; }
  .print-box {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0; }
    .print-box button {
      padding: 0 20px 0 10px;
      display: inline-block;
      vertical-align: middle;
      width: auto;
      height: 50px;
      line-height: 50px;
      font-size: 12px;
      text-transform: uppercase;
      color: #4c4c4c;
      border-radius: 30px;
      background-color: #fff;
      z-index: 1;
      border: 0;
      outline: none; }
      .print-box button:hover {
        background-color: #ddd; }
      .print-box button::before {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        content: "";
        width: 40px;
        height: 40px; }
    .print-box .save-but:before {
      background: url("../images/favorite.svg") no-repeat 50%/80%; }
    .print-box .print-but:before {
      background: url("../images/print.svg") no-repeat 50%/80%; }
    .print-box .share-box {
      display: inline-block; }
      .print-box .share-box:hover .share-but {
        background-color: #ddd; }
    .print-box .share-but::before {
      background: url("../images/share.svg") no-repeat 50%/80%; }
    .print-box .share-but.active + .share-item li {
      transform: scaleX(1);
      left: 0;
      opacity: 1; }
    .print-box .share-item {
      position: absolute;
      right: -100%;
      bottom: 5px;
      width: 100%;
      height: 40px; }
      .print-box .share-item ul {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        text-align: left;
        padding: 0 0 0 10px; }
        .print-box .share-item ul li {
          width: 40px;
          height: 40px;
          margin: 0 3px;
          border-radius: 50%;
          border: 1px solid #aaa;
          transition: all 0.3s cubic-bezier(0.44, 0.39, 0.34, 1.03);
          transform: scaleX(0);
          transform-origin: left top;
          left: -40px;
          opacity: 0;
          position: relative;
          display: inline-block; }
          .print-box .share-item ul li a {
            box-sizing: border-box;
            display: inline-flex;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            align-items: center;
            width: 100%;
            height: 100%;
            color: #4c4c4c; }
  @media (max-width: 425px) {
    .print {
      padding-bottom: 50px; }
      .print-box .share-item {
        bottom: unset;
        top: 101%;
        right: 0;
        width: fit-content; }
        .print-box .share-item ul {
          text-align: right; }
      .print-box button {
        padding: 0 1px;
        font-size: 11px; } }

.btn-more {
  box-sizing: border-box;
  display: inline-flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  top: 0px;
  right: 15px;
  height: 36px;
  cursor: pointer;
  color: #fff;
  padding: 0 1em;
  border: 1px solid var(--theme);
  background-color: var(--theme);
  border-radius: 30px; }
  @media screen and (prefers-reduced-motion: reduce) {
    .btn-more {
      transition: none; } }
  .btn-more span {
    font-size: 14px;
    color: inherit;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase; }
  .btn-more:hover {
    background-color: #fff;
    color: var(--theme); }

.btn-more2 {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .btn-more2 a {
    font-size: 14px;
    color: inherit;
    font-weight: 500;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 45px;
    cursor: pointer;
    color: var(--theme);
    padding: 0 40px;
    border: 2px solid var(--theme);
    background-color: #fff;
    border-radius: 5px;
    line-height: 45px;
    text-transform: uppercase; }
    @media screen and (prefers-reduced-motion: reduce) {
      .btn-more2 a {
        transition: none; } }
    .btn-more2 a:hover {
      background-color: var(--theme);
      color: #fff; }

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

#myModal.modal {
  padding-right: 0 !important; }

.mm-listitem__btn:not(.mm-listitem__text) {
  border-left-width: 0; }

.search-res .icon-search.active {
  color: var(--theme); }

.search-res .search-grid p {
  color: var(--theme); }

.search-res .search-grid {
  border-color: var(--theme); }

/*section-inspriration*/
.section-linklienket {
  position: relative;
  margin-bottom: 50px; }
  .section-linklienket .container {
    z-index: 41; }

.section-inspriration {
  margin-top: 50px; }
  .section-inspriration .main-title {
    margin-bottom: 0; }
  .section-inspriration .nav {
    margin-bottom: 20px; }
    .section-inspriration .nav-item {
      margin: 10px; }
    .section-inspriration .nav-link {
      width: 57px;
      height: 57px;
      position: relative;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
      -o-transform: scale(0.7);
      transform: scale(0.7);
      padding: 0; }
      .section-inspriration .nav-link:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%; }
      @media screen and (prefers-reduced-motion: reduce) {
        .section-inspriration .nav-link {
          transition: none; } }
      .section-inspriration .nav-link.active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        background-color: transparent; }

.inspriration-grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px 10px;
  grid-auto-flow: row;
  grid-template-areas: ". . . . . gri3 gri3 . . ."
 ". gri1 gri1 gri2 gri2 gri3 gri3 gri4 gri4 gri4"
 ". gri1 gri1 gri2 gri2 gri3 gri3 gri4 gri4 gri4"
 "gri5 gri5 gri5 gri5 gri5 gri3 gri3 gri4 gri4 gri4"
 "gri5 gri5 gri5 gri5 gri5 gri6 gri6 gri6 gri6 ."
 "gri5 gri5 gri5 gri5 gri5 gri6 gri6 gri6 gri6 ."
 ". . . . . gri6 gri6 gri6 gri6 ."; }
  .inspriration-grid .gri4 {
    grid-area: gri4; }
  .inspriration-grid .gri5 {
    grid-area: gri5; }
  .inspriration-grid .gri6 {
    grid-area: gri6; }
  .inspriration-grid .gri2 {
    grid-area: gri2; }
  .inspriration-grid .gri3 {
    grid-area: gri3; }
  .inspriration-grid .gri1 {
    grid-area: gri1; }

.inspriration__item {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.inspriration__link {
  width: 100%;
  height: 100%; }

.inspriration__image {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.inspriration__img {
  width: 100%;
  height: 100%;
  position: relative; }

/*section-tieuchi*/
.section-tieuchi {
  background-color: #eee;
  padding-top: 30px; }

.tieuchi-grid {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%; }

.tieuchi__item {
  box-sizing: border-box;
  flex: 0 0 23%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 2%;
  text-align: center; }
  .tieuchi__item:hover .tieuchi__name, .tieuchi__item:hover .tieuchi__desc {
    color: var(--theme); }
  .tieuchi__item:hover .tieuchi__img {
    filter: unset; }

.tieuchi__image {
  position: relative;
  margin: 10px auto;
  width: 120px; }
  .tieuchi__image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%; }

.tieuchi__img {
  filter: brightness(0) invert(0.5); }

.tieuchi__name {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase; }

.tieuchi__desc {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  display: block;
  display: -webkit-box;
  height: 42px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

/*blog*/
.news-hot-slick {
  margin: 0 -1em; }
  .news-hot-slick .slick-box-item {
    padding: 0 1em; }
  .news-hot-slick .slick-custom-prev {
    left: -50px; }
  .news-hot-slick .slick-custom-next {
    right: -50px; }

.blog__cata {
  position: absolute;
  top: 0px;
  right: 20px;
  font-size: 15px;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  z-index: 41;
  background-color: var(--theme);
  padding: 10px 20px;
  text-transform: uppercase; }

.blog__box {
  position: relative;
  overflow: hidden;
  padding-top: 20px; }

.blog__link {
  z-index: 40;
  display: block;
  position: relative; }

.blog__image {
  position: relative; }
  .blog__image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 67.5675675676%; }

.blog__body {
  padding: 20px 30px; }

.blog__line {
  margin: 20px 0;
  border-top: 1px solid var(--theme); }

.blog__name {
  font-size: 19px;
  color: #000;
  font-weight: 700;
  display: block;
  display: -webkit-box;
  max-height: 57px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.blog__desc {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  display: block;
  display: -webkit-box;
  height: 63px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.blog__date span {
  font-size: 14px;
  color: #646464;
  font-weight: 500;
  position: relative; }
  .blog__date span:nth-child(2) {
    color: var(--theme); }
  .blog__date span i {
    color: var(--theme); }
  .blog__date span + span {
    margin-left: 20px; }
    .blog__date span + span:before {
      width: 1px;
      height: 13px;
      left: -10px;
      top: 2px;
      background-color: var(--theme); }

/*section-daily*/
.section-daily {
  background-image: url("../images/daily-map.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  box-sizing: border-box;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  min-height: 560px; }

.daily__number {
  font-size: 26px;
  color: var(--theme);
  font-weight: 700;
  font-family: var(--title-font); }

.daily__location {
  font-size: 18px;
  color: var(--theme2);
  font-weight: 700;
  font-family: var(--title-font); }

.daily__link {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  font-family: var(--title-font);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 8px 35px;
  border-radius: 30px;
  border: 2px solid var(--theme);
  background-color: var(--theme); }
  @media screen and (prefers-reduced-motion: reduce) {
    .daily__link {
      transition: none; } }
  .daily__link:hover {
    background-color: #fff;
    color: var(--theme); }

/*section-hoptac*/
.section-hoptac {
  background-image: url("../images/hoptac.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  box-sizing: border-box;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  text-align: center;
  min-height: 480px; }

.hoptac__number {
  font-size: 30px;
  color: var(--theme);
  font-weight: 700;
  font-family: var(--title-font);
  text-transform: uppercase; }

.hoptac__location {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  max-width: 420px; }

.hoptac__link {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  font-family: var(--title-font);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 8px 35px;
  border-radius: 30px;
  border: 2px solid var(--theme);
  background-color: var(--theme);
  text-transform: uppercase; }
  @media screen and (prefers-reduced-motion: reduce) {
    .hoptac__link {
      transition: none; } }
  .hoptac__link:hover {
    background-color: #fff;
    color: var(--theme); }

/*section-hinhduoislide*/
.section-hinhduoislide {
  position: relative;
  top: -80px;
  overflow: hidden; }

.hinhduoislide-top {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.index-big__image {
  background-size: cover;
  width: 68.6106346484%; }

.index-big__content {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  padding: 25px 10%; }

.index-big-left {
  width: 39.0625%; }

.index-big__name {
  font-size: 25px;
  color: #fff;
  font-weight: 400;
  font-family: var(--title-font);
  margin: 10px 0;
  text-transform: uppercase; }

.index-big__desc {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 20px; }

.index-big__viewmore {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
  border: 2px solid #fff;
  display: inline-block;
  padding: 5px 10px; }

.index-big__img {
  max-width: 34.375%;
  margin-left: 14.0625%; }

.index-small {
  width: 31.7324185249%;
  background-color: #fff;
  padding: 25px;
  text-align: center; }
  .index-small__title {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    font-family: var(--title-font);
    text-transform: uppercase;
    margin-bottom: 10px; }
  .index-small-item {
    padding: 25px 0;
    border-top: 1px solid #d2d3d6; }
    .index-small-item__figure {
      position: relative;
      width: 180px;
      margin: 0 auto; }
      .index-small-item__figure:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%; }
    .index-small-item__body {
      margin-top: 20px; }
    .index-small-item__name {
      font-size: 14px;
      color: #000;
      font-weight: 700;
      font-family: var(--title-font);
      text-transform: uppercase; }

.quangcao {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }
  .quangcao__item {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%; }
  .quangcao__link {
    display: block; }
  .quangcao__image:hover img{
	    
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);  
  }
  .quangcao__image img{
	  
	      -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    
  }
  .quangcao__image {
	  overflow:hidden;
    position: relative; }
    .quangcao__image:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 79.4871794872%; }

.section-media {
  padding-top: 0; }
  .section-media .main-title {
    margin-bottom: 0; }
  .section-media .slick-custom-prev {
    left: -80px;
    margin-top: 14px; }
  .section-media .slick-custom-next {
    right: -80px;
    margin-top: 14px; }

.slider-tivi {
  width: 930px;
  height: 720px;
  background-image: url("../images/tv.jpg?v=1");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  margin: -30px auto 0; }
  .slider-tivi .slider-main {
    width: 859px;
    height: 437px;
    margin: 38px auto 0; }

.tivi {
  margin: 0 auto;
  position: relative; }
  .tivi-box {
    margin: 38px auto 0;
    position: relative; }
    .tivi-box:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 56.5%; }

@media (max-width: 992px) {
  .section-hinhduoislide {
    top: 0px;
    margin-top: 15px;
    margin-bottom: 50px; }
  .wrap-page {
    overflow: hidden; }
  .slider-tivi {
    width: auto;
    height: auto;
    background-image: none; }
    .slider-tivi .slider-main {
      width: calc(100% - 100px);
      height: auto;
      margin-top: 20px; }
  .section-media .slick-custom-prev {
    left: -50px; }
  .section-media .slick-custom-next {
    right: -50px; }
  .tivi {
    width: 100%;
    height: auto;
    background: none;
    padding: 0; }
    .tivi-box {
      margin-top: 20px; }
  .index-big__image {
    background-size: cover;
    background-position: center center; }
  .index-small {
    padding: 10px; }
    .index-small__title {
      font-size: 18px; }
    .index-small-item {
      padding: 10px 0; }
      .index-small-item__name {
        font-size: 14px; }
  .tieuchi__name {
    font-size: 16px; }
  .blog__body {
    padding: 10px; }
  .blog__line {
    margin: 10px 0; } }

@media (max-width: 992px) {
  .slideshow .control-slideshow {
    opacity: .3; } }

@media (max-width: 425px) {
  .blog__body {
    padding: 10px 0; }
  .tieuchi__item {
    box-sizing: border-box;
    flex: 0 0 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 2%; }
  .news-hot-slick {
    margin: 0 -10px; }
    .news-hot-slick .slick-box-item {
      padding: 0 10px; }
    .news-hot-slick .slick-custom-prev {
      left: 20px;
      opacity: 0; }
    .news-hot-slick .slick-custom-next {
      right: 20px;
      opacity: 0; }
  .hinhduoislide-top {
    margin-top: 10px;
    display: block; }
  .index-big-left {
    width: 45.3125%; }
  .index-big__name {
    font-size: 20px;
    margin: 0 0 10px; }
  .index-big__desc {
    font-size: 13px;
    display: block;
    display: -webkit-box;
    height: 214.5px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 11; }
  .index-big__image {
    width: 100%;
    margin-bottom: 10px; }
  .index-big__img {
    margin-left: 10.9375%; }
  .index-small {
    width: 100%; }
    .index-small__box--mobile {
      box-sizing: border-box;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: none;
      flex-wrap: nowrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      border-top: 1px solid #d2d3d6; }
      .index-small__box--mobile .index-small-item {
        width: 48%;
        border-top: 0; }
    .index-small-item__figure {
      width: 100%; }
  .quangcao__item {
    box-sizing: border-box;
    flex: 0 0 100%; }
  .section-inspriration .nav {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap; } }

.js-facebook-messenger-box {
  bottom: 65px; }

.scrollToTop {
  right: 80px;
  bottom: 70px; }

@media print {
  .no-print {
    display: none !important; } }

/*section-gioithieu-about-top*/
.gioithieu-about-top-head {
  text-align: center; }
  .gioithieu-about-top-head__figure {
    position: relative;
    max-width: 300px;
    margin: 0 auto; }
    .gioithieu-about-top-head__figure:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 40%; }
  .gioithieu-about-top-head__name {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    font-family: var(--title-font);
    text-transform: uppercase;
    margin-bottom: 40px; }

.gioithieu-about-top__desc {
  font-size: 14px;
  color: #313030;
  font-weight: 400;
  display: block;
  display: -webkit-box;
  max-height: 224px;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  width: 35.5917667238%; }

.gioithieu-about-top-wrap {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.gioithieu-about-top-gallery {
  width: 61.320754717%;
  position: relative; }

.gioithieu-about-top-item {
  border: 8px solid #fff;
  /* stroke */
  background-color: #000;
  /* layer fill content */
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
  /* drop shadow */
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
  /* drop shadow */
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
  /* drop shadow */ }
  .gioithieu-about-top-item--num1 {
    z-index: 1;
    width: 72.027972028%; }
    .gioithieu-about-top-item--num1 .gioithieu-about-top-item__image {
      position: relative; }
      .gioithieu-about-top-item--num1 .gioithieu-about-top-item__image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 73.786407767%; }
  .gioithieu-about-top-item--num2 {
    z-index: 40;
    position: absolute;
    top: 110px;
    right: 0px;
    width: 38.4615384615%; }
    .gioithieu-about-top-item--num2 .gioithieu-about-top-item__image {
      position: relative; }
      .gioithieu-about-top-item--num2 .gioithieu-about-top-item__image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 101.818181818%; }
  .gioithieu-about-top-item--num3 {
    z-index: 41;
    position: relative;
    margin: -50px 0 0 160px;
    width: 42.6573426573%; }
    .gioithieu-about-top-item--num3 .gioithieu-about-top-item__image {
      position: relative; }
      .gioithieu-about-top-item--num3 .gioithieu-about-top-item__image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 62.2950819672%; }

/*section-gioithieu-slogan*/
.section-gioithieu-slogan {
  position: relative; }

.gioithieu-slogan-head {
  text-align: center;
  margin-bottom: 50px; }
  .gioithieu-slogan-head__name {
    font-size: 30px;
    color: var(--theme);
    font-weight: 400;
    font-family: "iCiel-Nabila"; }
  .gioithieu-slogan-head__desc {
    font-size: 15px;
    color: #333;
    font-weight: 700; }

.gioithieu-slogan-body {
  position: relative;
  padding-top: 30px; }
  .gioithieu-slogan-body:before {
    width: 230px;
    height: 3px;
    background-color: var(--theme);
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
  .gioithieu-slogan-body:after {
    width: 230px;
    height: 3px;
    background-color: var(--theme);
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%); }
  .gioithieu-slogan-body-flex {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    overflow: hidden; }
  .gioithieu-slogan-body .rotate-text--left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 125px;
    color: #d2d3d5;
    font-weight: 700;
    font-family: var(--title-font);
    line-height: 1;
    white-space: nowrap;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-transform: uppercase;
    letter-spacing: 20px; }
  .gioithieu-slogan-body .rotate-text--right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 45px;
    color: #d2d3d5;
    font-weight: 700;
    font-family: "UTMAptima";
    line-height: 1;
    white-space: nowrap;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    text-transform: uppercase;
    letter-spacing: 10px;
    font-variant: normal; }

.gioithieu-slogan-list {
  box-sizing: border-box;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 780px;
  margin: 0 auto; }

.gioithieu-slogan-item {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%; }
  .gioithieu-slogan-item--num1 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
    .gioithieu-slogan-item--num1 .gioithieu-slogan-item__image {
      width: 413px;
      height: 210px;
      background-image: url("../images/slogan-1.png");
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: cover;
      left: -5px; }
  .gioithieu-slogan-item--num2 .gioithieu-slogan-item__image {
    width: 414px;
    height: 275px;
    background-image: url("../images/slogan-2.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    right: -5px; }
  .gioithieu-slogan-item--num3 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
    .gioithieu-slogan-item--num3 .gioithieu-slogan-item__image {
      width: 422px;
      height: 272px;
      background-image: url("../images/slogan-3.png");
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: cover;
      left: -5px; }
  .gioithieu-slogan-item--num4 .gioithieu-slogan-item__name {
    margin-bottom: 20px; }
  .gioithieu-slogan-item--num4 .gioithieu-slogan-item__image {
    width: 456px;
    height: 359px;
    background-image: url("../images/slogan-4.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    right: -5px;
    padding-bottom: 80px; }
  .gioithieu-slogan-item__image {
    box-sizing: border-box;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    width: 50%;
    position: relative; }
  .gioithieu-slogan-item__name {
    font-size: 19px;
    color: #000;
    font-weight: 400;
    font-family: var(--title-font);
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-bottom: 10px; }
  .gioithieu-slogan-item__desc {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-family: var(--text-font);
    display: block;
    display: -webkit-box;
    height: 54.6px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-width: 220px;
    margin: 0 auto; }
  .gioithieu-slogan-item + .gioithieu-slogan-item {
    margin-top: -75px; }

/*section-gioithieu-tieuchi*/
.gioithieu-tieuchi-grid {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -2.3156089194%;
  margin-right: -2.3156089194%;
  margin-top: 60px; }

.gioithieu-tieuchi-item {
  box-sizing: border-box;
  flex: 0 0 28.7021154946%;
  margin-left: 2.3156089194%;
  margin-right: 2.3156089194%;
  margin-bottom: 4.6312178388%; }
  .gioithieu-tieuchi-item__link {
    box-sizing: border-box;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    -ms-flex-line-pack: space-between;
    align-content: space-between;
    padding: 50px 25px;
    background-color: #fff;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
    /* drop shadow */
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
    /* drop shadow */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
    /* drop shadow */
    height: 100%; }
  .gioithieu-tieuchi-item__image {
    text-align: center; }
  .gioithieu-tieuchi-item__body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%; }
  .gioithieu-tieuchi-item__name {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    font-family: var(--title-font);
    text-align: center; }
  .gioithieu-tieuchi-item__line {
    width: 55px;
    height: 2px;
    border: 0;
    margin: 5px auto 40px; }
  .gioithieu-tieuchi-item--num1 .gioithieu-tieuchi-item__name {
    color: var(--theme); }
  .gioithieu-tieuchi-item--num1 .gioithieu-tieuchi-item__line {
    background-color: var(--theme); }
  .gioithieu-tieuchi-item--num2 .gioithieu-tieuchi-item__name {
    color: #098a78; }
  .gioithieu-tieuchi-item--num2 .gioithieu-tieuchi-item__line {
    background-color: #098a78; }
  .gioithieu-tieuchi-item--num3 .gioithieu-tieuchi-item__name {
    color: #fdc82a; }
  .gioithieu-tieuchi-item--num3 .gioithieu-tieuchi-item__line {
    background-color: #fdc82a; }

@media (max-width: 992px) {
  .gioithieu-tieuchi-grid {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px; }
  .gioithieu-tieuchi-item {
    box-sizing: border-box;
    flex: 0 0 calc( 33.3333333333% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px; }
    .gioithieu-tieuchi-item__line {
      margin-bottom: 10px; }
    .gioithieu-tieuchi-item__link {
      padding: 25px 10px; }
  .gioithieu-slogan-body .rotate-text {
    display: none; }
  .gioithieu-slogan-list {
    width: 565px; }
  .gioithieu-slogan-item--num1 .gioithieu-slogan-item__name {
    margin-top: 75px; }
  .gioithieu-slogan-item--num1 .gioithieu-slogan-item__image {
    width: 300px;
    height: 153px;
    left: -5px; }
  .gioithieu-slogan-item--num2 .gioithieu-slogan-item__name {
    margin-top: 122px; }
  .gioithieu-slogan-item--num2 .gioithieu-slogan-item__image {
    width: 300px;
    height: 200px;
    right: -5px; }
  .gioithieu-slogan-item--num3 .gioithieu-slogan-item__name {
    margin-top: 119px; }
  .gioithieu-slogan-item--num3 .gioithieu-slogan-item__image {
    width: 300px;
    height: 193px;
    left: -5px; }
  .gioithieu-slogan-item--num4 .gioithieu-slogan-item__name {
    margin-top: 107px;
    font-size: 16px; }
  .gioithieu-slogan-item--num4 .gioithieu-slogan-item__image {
    width: 300px;
    height: 236px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    right: -31px;
    padding-bottom: 0; }
  .gioithieu-slogan-item + .gioithieu-slogan-item {
    margin-top: -55px; } }

@media (max-width: 425px) {
  .gioithieu-tieuchi-grid {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0; }
  .gioithieu-tieuchi-item {
    box-sizing: border-box;
    flex: 0 0 100%; }
    .gioithieu-tieuchi-item__link {
      padding: 25px 10px; }
  .gioithieu-slogan-list {
    width: 335px; }
  .gioithieu-slogan-item__name {
    font-size: 10px; }
  .gioithieu-slogan-item__desc {
    font-size: 10px; }
  .gioithieu-slogan-item--num1 .gioithieu-slogan-item__name {
    margin-top: 42px; }
  .gioithieu-slogan-item--num1 .gioithieu-slogan-item__image {
    width: 176px;
    height: 88px;
    left: -5px; }
  .gioithieu-slogan-item--num2 .gioithieu-slogan-item__name {
    margin-top: 70px; }
  .gioithieu-slogan-item--num2 .gioithieu-slogan-item__image {
    width: 176px;
    height: 117px;
    right: -5px; }
  .gioithieu-slogan-item--num3 .gioithieu-slogan-item__name {
    margin-top: 68px; }
  .gioithieu-slogan-item--num3 .gioithieu-slogan-item__image {
    width: 176px;
    height: 113px;
    left: -5px; }
  .gioithieu-slogan-item--num4 .gioithieu-slogan-item__name {
    margin-bottom: 5px;
    margin-top: 65px;
    font-size: 10px; }
  .gioithieu-slogan-item--num4 .gioithieu-slogan-item__image {
    width: 176px;
    height: 138px;
    right: -18px;
    padding-bottom: 0; }
  .gioithieu-slogan-item + .gioithieu-slogan-item {
    margin-top: -30px; }
  .gioithieu-slogan-body .rotate-text--left {
    display: none; }
  .gioithieu-slogan-body .rotate-text--right {
    display: none; }
  .gioithieu-about-top__desc {
    width: 100%; }
  .gioithieu-about-top-wrap {
    display: block; }
  .gioithieu-about-top-gallery {
    width: 100%;
    margin-bottom: 15px; }
  .gioithieu-about-top-item--num2 {
    top: 50px; }
  .gioithieu-about-top-item--num3 {
    margin-left: 100px; } }

/*sanpham-list*/
.sanpham-list {
  margin-top: -85px;
  margin-bottom: 40px; }
  .sanpham-list-grid {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    margin-left: -1.8867924528%;
    margin-right: -1.8867924528%; }
  .sanpham-list-item {
    box-sizing: border-box;
    flex: 0 0 12.893081761%;
    margin-left: 1.8867924528%;
    margin-right: 1.8867924528%;
    margin-bottom: 3.7735849057%; }
    .sanpham-list-item.active .sanpham-list-item__link {
      background-color: #fff; }
    .sanpham-list-item.active i.trai {
      height: 100%;
      bottom: 0;
      top: inherit; }
    .sanpham-list-item.active i.tren {
      width: 100%;
      left: 0; }
    .sanpham-list-item.active i.phai {
      height: 100%;
      top: 0;
      bottom: inherit; }
    .sanpham-list-item.active i.duoi {
      width: 100%;
      right: 0;
      left: inherit; }
    .sanpham-list-item__link {
      display: block;
      height: 100%;
      text-align: center;
      background-color: #e6e6e6;
      position: relative;
      padding: 10px; }
      .sanpham-list-item__link:hover {
        background-color: #fff; }
    .sanpham-list-item__image {
      width: 70px;
      height: 85px;
      position: relative;
      margin: 10px auto; }
      .sanpham-list-item__image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 121.428571429%; }
    .sanpham-list-item__name {
      font-size: 14px;
      color: #000;
      font-weight: 700;
      font-family: var(--title-font);
      text-transform: uppercase;
      margin-bottom: 10px; }

/*sanpham-intro*/
.sanpham-intro {
  overflow: hidden; }
  .sanpham-intro-grid {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .sanpham-intro__images {
    box-sizing: border-box;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    width: 71.6123499142%;
    padding-bottom: 40px;
    position: relative; }
  .sanpham-intro__image {
    background-color: #eee;
    position: relative;
    overflow: hidden; }
    .sanpham-intro__image--num1 {
      position: relative;
      position: absolute;
      top: 0;
      left: 0px;
      width: 62.874251497%;
      margin-top: 30px; }
      .sanpham-intro__image--num1:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 81.9047619048%; }
    .sanpham-intro__image--num2 {
      position: relative;
      width: 31.1377245509%;
      margin-right: 4.7904191617%; }
      .sanpham-intro__image--num2:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 117.307692308%; }
    .sanpham-intro__image--num3 {
      position: relative;
      width: 35.9281437126%;
      margin-top: 10px; }
      .sanpham-intro__image--num3:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 61.6666666667%; }
  .sanpham-intro__infos {
    width: 21.4408233276%; }
  .sanpham-intro__name {
    font-size: 40px;
    color: #363435;
    font-weight: 700;
    font-family: var(--title-font);
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 20px; }

/*sanpham-project*/
.sanpham-project {
  background-image: url("../images/projects-text.png");
  background-repeat: no-repeat;
  background-position: left 10px center;
  overflow: hidden;
  position: relative; }
  .sanpham-project-wrap {
    padding-left: 9.5168374817%;
    padding-bottom: 75px; }
  .sanpham-project-list {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
  .sanpham-project-item {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 25%;
    position: relative; }
    @media screen and (prefers-reduced-motion: reduce) {
      .sanpham-project-item {
        transition: none; } }
    .sanpham-project-item__image {
      background-color: #eee;
      position: relative; }
      .sanpham-project-item__image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 124.096385542%; }
    .sanpham-project-item__body {
      text-align: center; }
    .sanpham-project-item__name {
      display: inline-block;
      border-bottom: 2px solid var(--theme);
      margin-bottom: 20px;
      padding-bottom: 5px; }
      .sanpham-project-item__name span {
        font-size: 19px;
        color: #000;
        font-weight: 700;
        font-family: var(--title-font);
        display: inline-block; }
  .sanpham-project-nav {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    position: absolute;
    bottom: 15px;
    left: 0px;
    z-index: 41;
    width: 100%;
    padding-right: 9.5168374817%; }
    .sanpham-project-nav__line {
      width: 180px;
      margin: 0;
      border-top: 5px solid var(--theme); }
    .sanpham-project-nav span {
      font-size: 22px;
      color: #000;
      font-weight: 700;
      font-family: var(--title-font);
      margin-left: 30px; }
      .sanpham-project-nav span.active {
        color: var(--theme);
        font-size: 30px; }

/*sanpham-banner*/
.sanpham-banner {
  position: relative; }
  .sanpham-banner:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 16.1054172767%; }

/*sanpham-product*/
.sanpham-product__title {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  font-family: var(--title-font);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px; }

/*sanpham-video*/
.sanpham-video {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 60px; }
  .sanpham-video-left {
    width: 30.7467057101%;
    padding-left: 7.3206442167%;
    padding-right: 4.39238653%; }
  .sanpham-video-right {
    width: 69.2532942899%; }
  .sanpham-video__link {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    position: relative; }
    .sanpham-video__link:before {
      width: 190px;
      height: 190px;
      position: absolute;
      top: -40px;
      left: 0px;
      z-index: -1;
      background-color: #dff0fa; }
  .sanpham-video__btn {
    width: 360px;
    height: 95px;
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    bottom: -24px;
    left: 0px;
    background-color: #fff;
    /* layer fill content */
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    /* drop shadow */
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    /* drop shadow */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    /* drop shadow */ }
  .sanpham-video__desc {
    font-size: 19px;
    color: #000;
    font-weight: 700;
    font-family: "UTMAptima";
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-transform: uppercase; }
  .sanpham-video__play-btn {
    width: 95px;
    height: 95px;
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background-color: #005bab;
    cursor: pointer;
    font-style: normal; }
    .sanpham-video__play-btn:before {
      content: '\f144';
      font-size: 45px;
      color: #fff;
      font-weight: 900;
      font-family: "Font Awesome 5 Free"; }
    .sanpham-video__play-btn.active:before {
      content: '\f28b'; }

@media (max-width: 992px) {
  .sanpham-list {
    margin-top: 15px; }
    .sanpham-list-grid {
      box-sizing: border-box;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-left: -0.9433962264%;
      margin-right: -0.9433962264%; }
    .sanpham-list-item {
      box-sizing: border-box;
      flex: 0 0 31.4465408805%;
      margin-left: 0.9433962264%;
      margin-right: 0.9433962264%;
      margin-bottom: 1.8867924528%;
      margin-bottom: 15px; }
  .sanpham-intro-grid {
    display: block; }
  .sanpham-intro__images {
    width: 100%;
    margin: 0 auto 20px; }
  .sanpham-intro__infos {
    width: 100%; }
  .sanpham-project {
    background-size: 30px 190px;
    background-position: left 0px center; } }

@media (max-width: 425px) {
  .sanpham-list {
    margin-top: 15px;
    margin-bottom: 80px; }
  .sanpham-project-item__name span {
    font-size: 14px; }
  .sanpham-intro__image--num1 {
    margin-top: 15px; } }
  @media (max-width: 425px) and (max-width: 374px) {
    .sanpham-intro__image--num1 {
      margin-top: 10px; } }

@media (max-width: 425px) {
  .sanpham-intro__image--num3 {
    margin-top: 5px; }
  .sanpham-video {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
    .sanpham-video-left {
      padding: 0 15px;
      width: 100%;
      order: 1; }
    .sanpham-video-right {
      width: 100%;
      margin-bottom: 30px; }
    .sanpham-video__btn {
      width: 200px;
      height: 53px; }
    .sanpham-video__play-btn {
      width: 53px;
      height: 53px; }
      .sanpham-video__play-btn::before {
        font-size: 35px; } }

/*pdl-info*/
.pdl-info {
  background-color: #f1f1f1;
  margin-bottom: 60px; }
  .pdl-info-wrap {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .pdl-info__figure--big {
    width: 45%;
    margin: 0 50px 0 0; }
    .pdl-info__figure--big img {
      width: 100%;
      max-height: 655px; }
  .pdl-info__figure--small {
    width: 26.3543191801%;
    max-width: 360px;
    margin-bottom: 0;
    margin: 0 50px 0 0; }

.box-img-list {
  width: 50%;
  background: #E4E3E2;
}
.box-img-list2 {
  width: 20%;padding: 10px;
}
.box-info-list {
  width: 30%;
  padding: 40px 2%;
  padding-left: 0px;
}

.box-img-list .owl-video-list .item-img {
  width: 100%;display: block;text-align: center;
  position: relative;
}
.box-img-list .owl-video-list .img{
  width: 100%;
}
.box-img-list .owl-video-list .item-img .icon-play {
  width: 60px;height: 42px;position: absolute;left:calc(50% - 30px);top: calc(50% - 21px);
  background: url(../images/icon-play.png) no-repeat center;z-index: 10;cursor: pointer;

}

.pdl-info__desc {
  width: 20.4978038067%; 
}

/*pd-info*/
.pd-info__title {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  font-family: var(--title-font);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px; }

.pd-main-nav.nav {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  position: relative;
  margin-bottom: 40px; }
  .pd-main-nav.nav:before {
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #e6e6e6; }

.pd-main-nav > .nav-item {
  position: relative; }
  .pd-main-nav > .nav-item + .nav-item {
    margin-left: 100px; }
  .pd-main-nav > .nav-item .nav-link {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    font-family: var(--title-font);
    border-radius: 0;
    border-bottom: 5px solid transparent;
    text-transform: uppercase;
    padding: 12px 0;
    text-align: center; }
    .pd-main-nav > .nav-item .nav-link.active {
      border-bottom-color: var(--theme);
      background-color: transparent;
      color: var(--theme); }

.pd-main-nav.tab-content {
  background-color: #fff;
  /* layer fill content */
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  /* drop shadow */
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  /* drop shadow */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  /* drop shadow */
  padding: 20px 0 0;
  overflow: hidden; }

.pd-sub-nav.nav {
  position: relative;
  margin-bottom: 20px; }

.pd-sub-nav > .nav-item {
  position: relative; }
  .pd-sub-nav > .nav-item + .nav-item {
    margin-left: 30px; }
    .pd-sub-nav > .nav-item + .nav-item:before {
      position: absolute;
      top: 9px;
      left: -18px;
      content: "/"; }
  .pd-sub-nav > .nav-item .nav-link {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    font-family: var(--title-font);
    border-radius: 0;
    border-bottom: 3px solid transparent;
    text-transform: uppercase;
    padding: 5px 0; }
    .pd-sub-nav > .nav-item .nav-link.active {
      border-bottom-color: var(--theme);
      background-color: transparent;
      color: var(--theme); }

.pd-main-nav.tab-content > .tab-pane {
  background-color: #fff;
  position: relative;
  display: block;
  height: 0;
  visibility: hidden; }
  .pd-main-nav.tab-content > .tab-pane.active {
    z-index: 40;
    height: auto;
    visibility: visible; }
    .pd-main-nav.tab-content > .tab-pane.active .pd-sub-nav.tab-content > .tab-pane.active {
      height: auto;
      visibility: visible; }

.pd-sub-nav.tab-content > .tab-pane {
  display: block;
  height: 0;
  visibility: hidden; }

/*dactinh*/
.dactinh {
  margin-bottom: 20px; }
  .dactinh-item {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    background-color: #e6e6e6; }
    .dactinh-item.gri1 .dactinh-item__image {
      position: relative;
      height: 590px; }
      .dactinh-item.gri1 .dactinh-item__image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 91.4728682171%; }
    .dactinh-item.gri1 .dactinh-item__text {
      position: absolute;
      right: 30px;
      bottom: 50px;
      max-width: 250px; }
    .dactinh-item.gri2 .dactinh-item__text {
      position: absolute;
      top: 50%;
      left: 10px;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .dactinh-item.gri3 .dactinh-item__text {
      position: absolute;
      top: 50%;
      right: 10px;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .dactinh-item__box {
      box-sizing: border-box;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: none;
      flex-wrap: nowrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      width: 100%;
      height: 100%;
      position: relative; }
    .dactinh-item__text {
      z-index: 41;
      max-width: 150px;
      margin: 0; }
      .dactinh-item__text h4 {
        font-size: 18px;
        color: #000;
        font-weight: 700; }
      .dactinh-item__text p {
        font-size: 12px;
        color: #000;
        font-weight: 400;
        display: block;
        display: -webkit-box;
        max-height: 90px;
        line-height: 1.5;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        text-align: justify;
        text-align-last: left;
        margin-bottom: 0; }
    .dactinh-item__image {
      position: relative;
      box-sizing: border-box;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      height: 285px; }
      .dactinh-item__image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 57%; }

/*chitietsanpham*/
.chitietsanpham-item {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  margin-bottom: 65px; }
  .chitietsanpham-item:nth-child(even) .chitietsanpham-item__images {
    order: 2; }
  .chitietsanpham-item:nth-child(even) .chitietsanpham-item__image-big {
    margin-right: 0;
    margin-left: auto; }
  .chitietsanpham-item:nth-child(even) .chitietsanpham-item__image-small {
    right: unset;
    left: 0; }
  .chitietsanpham-item__images {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative; }
  .chitietsanpham-item__image-big {
    width: 56.5819861432%; }
  .chitietsanpham-item__image-small {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 50.8083140878%;
    position: absolute;
    right: 0px;
    bottom: -20px; }
    .chitietsanpham-item__image-small img {
      width: 49%;
      box-shadow: -4px 8px 20px -6px #333; }
  .chitietsanpham-item__info {
    width: 25.7289879931%;
    padding: 0 40px; }
  .chitietsanpham-item__name {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    font-family: var(--title-font);
    margin-bottom: 15px; }
  .chitietsanpham-item__desc {
    font-size: 12px;
    color: #000;
    font-weight: 400;
    display: block;
    display: -webkit-box;
    height: 108px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6; }

/*hethongvanhanh*/
.hethongvanhanh {
  padding-top: 50px; }
  .hethongvanhanh-box {
    padding: 20px;
    background-color: #e6e6e6; }
  .hethongvanhanh-item__info {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-bottom: 15px; }
  .hethongvanhanh-item__figure {
    position: relative;
    width: 57.0325900515%;
    margin-bottom: 0; }
    .hethongvanhanh-item__figure:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 68.4210526316%; }
  .hethongvanhanh-item__body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px; }
  .hethongvanhanh-item__name {
    font-size: 16px;
    color: var(--theme);
    font-weight: 700;
    font-family: var(--title-font);
    text-transform: uppercase;
    margin: 0 0 10px; }
  .hethongvanhanh-item__desc {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px; }
  .hethongvanhanh-item__params h4 {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    font-family: var(--title-font);
    background-color: #363435;
    padding: 5px 10px; }
  .hethongvanhanh-item__params div {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin: 0 10px;
    padding: 3px 0; }
    .hethongvanhanh-item__params div span {
      font-size: 13px;
      color: #000;
      font-weight: 400; }
    .hethongvanhanh-item__params div p {
      font-size: 13px;
      color: #000;
      font-weight: 400;
      margin-bottom: 0; }
    .hethongvanhanh-item__params div + div {
      border-top: 1px solid #d3d3d3; }
  .hethongvanhanh-item__params + .hethongvanhanh-item__params {
    margin-top: 10px; }

.hethong-slick {
  margin: 0 -10px; }
  .hethong-slick-item {
    padding: 0 10px; }
    .hethong-slick-item__image {
      position: relative; }
      .hethong-slick-item__image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%; }

.linklienket {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  margin-left: -0.5%;
  margin-right: -0.5%; }
  .linklienket-head {
    background-color: var(--theme);
    padding: 30px 0; }
  .linklienket-inner {
    position: relative; }
    .linklienket-inner .container {
      max-width: 1400px; }
    .linklienket-inner:before {
      width: 100%;
      height: 50%;
      z-index: 40;
      top: 0;
      left: 0;
      background-color: var(--theme); }
  .linklienket-title {
    font-size: 26px;
    font-weight: 700;
    font-family: var(--title-font);
    margin-bottom: 15px; }
  .linklienket-phone {
    font-size: 26px;
    color: #fff;
    font-weight: 400; }
    .linklienket-phone i {
      box-sizing: border-box;
      display: inline-flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      width: 35px;
      height: 35px;
      border-radius: 100%;
      font-size: 20px;
      border: 1px solid #fff;
      margin: 0 3px; }
    .linklienket-phone span {
      font-size: 26px;
      color: #FFC200;
      font-weight: 700; }
  .linklienket-item {
    box-sizing: border-box;
    flex: 0 0 32.3333333333%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 1%; }
    .linklienket-item__box {
      box-sizing: border-box;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      text-align: center;
      min-height: 380px; }
    .linklienket-item__name {
      font-size: 26px;
      color: var(--theme);
      font-weight: 700;
      font-family: var(--title-font);
      text-transform: uppercase; }
    .linklienket-item__desc {
      font-size: 16px;
      color: var(--theme2);
      font-weight: 700;
      font-family: var(--title-font); }
    .linklienket-item__link {
      font-size: 16px;
      color: #fff;
      font-weight: 700;
      font-family: var(--title-font);
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      text-transform: uppercase;
      padding: 8px 35px;
      border-radius: 30px;
      border: 2px solid var(--theme);
      background-color: var(--theme); }
      @media screen and (prefers-reduced-motion: reduce) {
        .linklienket-item__link {
          transition: none; } }
      .linklienket-item__link:hover {
        background-color: #fff;
        color: var(--theme); }
  .linklienket .lienket-daily {
    background-image: url("../images/daily-map.jpg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover; }
  .linklienket .lienket-link {
    background-image: url("../images/");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    position: relative;
    position: relative; }
    .linklienket .lienket-link:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 100%; }
  .linklienket .lienket-dangky {
    background-image: url("../images/dangkymau.jpg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover; }

@media (min-width: 426px) {
  .dactinh {
    margin-bottom: 20px; }
    .dactinh-grid {
      display: grid;
      display: -ms-grid;
      grid-template-columns: 1.3fr 1fr;
      -ms-grid-columns: 1.3fr 1fr;
      grid-auto-columns: 1fr;
      grid-auto-rows: 1fr;
      gap: 20px 20px;
      grid-auto-flow: row;
      grid-template-areas: "gri1 gri2"
 "gri1 gri3"; }
      .dactinh-grid .gri1 {
        grid-area: gri1; }
      .dactinh-grid .gri2 {
        grid-area: gri2; }
      .dactinh-grid .gri3 {
        grid-area: gri3; } }

@media (max-width: 992px) {
  .dactinh-item {
    margin-bottom: 15px; }
    .dactinh-item.gri1 .dactinh-item__image {
      height: auto; }
    .dactinh-item.gri1 .dactinh-item__text {
      max-width: 150px;
      bottom: 30px;
      right: 20px; }
      .dactinh-item.gri1 .dactinh-item__text h4 {
        font-size: 15px; }
      .dactinh-item.gri1 .dactinh-item__text p {
        font-size: 10px; }
    .dactinh-item.gri2 .dactinh-item__text {
      max-width: 140px; }
      .dactinh-item.gri2 .dactinh-item__text h4 {
        font-size: 15px; }
      .dactinh-item.gri2 .dactinh-item__text p {
        font-size: 10px; }
    .dactinh-item.gri3 .dactinh-item__text {
      max-width: 140px; }
      .dactinh-item.gri3 .dactinh-item__text h4 {
        font-size: 15px; }
      .dactinh-item.gri3 .dactinh-item__text p {
        font-size: 10px; }
    .dactinh-item__image {
      height: auto; }
  .pdl-info-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .pdl-info__figure--big {
    width: 50%; }
  .pdl-info__figure--small {
    width: 35%; }
  .pdl-info__desc {
    margin-top: 20px;
    width: 100%;
    padding: 10px; }
  .pd-main-nav.nav::before {
    height: 3px; }
  .pd-main-nav > .nav-item + .nav-item {
    margin-left: 20px; }
  .pd-main-nav > .nav-item .nav-link {
    font-size: 14px;
    border-bottom-width: 3px;
    padding: 6px 0; }
  .chitietsanpham-item__info {
    padding: 0 10px; }
  .hethongvanhanh-item__desc {
    font-size: 14px;
    margin-bottom: 5px; }
  .hethongvanhanh-item__name {
    margin: 0; }
  .hethongvanhanh-item__params + .hethongvanhanh-item__params {
    margin-top: 5px; }
  .linklienket-item {
    min-height: 320px; }
    .linklienket-item__box {
      min-height: unset; }
    .linklienket-item__name {
      font-size: 20px; } }

@media (max-width: 425px) {
  .dactinh-item.gri1 .dactinh-item__text {
    max-width: 150px;
    bottom: 30px;
    right: 20px; }
    .dactinh-item.gri1 .dactinh-item__text h4 {
      font-size: 15px; }
    .dactinh-item.gri1 .dactinh-item__text p {
      font-size: 10px; }
  .dactinh-item.gri2 .dactinh-item__text {
    max-width: 140px; }
    .dactinh-item.gri2 .dactinh-item__text h4 {
      font-size: 15px; }
    .dactinh-item.gri2 .dactinh-item__text p {
      font-size: 10px; }
  .dactinh-item.gri3 .dactinh-item__text {
    max-width: 140px; }
    .dactinh-item.gri3 .dactinh-item__text h4 {
      font-size: 15px; }
    .dactinh-item.gri3 .dactinh-item__text p {
      font-size: 10px; }
  .pdl-info__figure--big {
    width: 100%;
    margin: 0; }
  .pdl-info__figure--small {
    width: 100%;
    margin: 15px auto;
    max-width: 70%; }
    .pdl-info__figure--small img {
      width: 100%; }
  .chitietsanpham-item {
    display: block; }
    .chitietsanpham-item__desc {
      display: block;
      display: -webkit-box;
      max-height: 108px;
      line-height: 1.5;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 6;
      height: auto; }
    .chitietsanpham-item__images {
      width: 100%;
      margin-bottom: 30px; }
    .chitietsanpham-item__info {
      width: 100%; }
  .hethongvanhanh-item__info {
    display: block; }
  .hethongvanhanh-item__figure {
    width: 100%;
    margin-bottom: 15px; }
  .hethongvanhanh-item__body {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0; }
  .linklienket {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0; }
    .linklienket-title {
      font-size: 21px; }
    .linklienket-phone {
      font-size: 20px; }
      .linklienket-phone span {
        font-size: 20px; }
    .linklienket-inner .container {
      padding: 0; }
    .linklienket-item {
      box-sizing: border-box;
      flex: 0 0 100%;
      margin: 0;
      width: 100%; } }

/*color-selector*/
.color-conponent {
  background-color: #fff;
  padding: 40px; }
  .color-conponent h5 {
    font-size: 16px;
    color: var(--theme);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px; }
  .color-conponent p {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin-bottom: 0; }
    .color-conponent p + p {
      border-top: 1px solid #eee; }
  .color-conponent.color-selector-item h5 {
    font-size: 15px;
    margin-bottom: 7px; }
  .color-conponent.color-selector-item p {
    font-size: 13px; }

.color-selector {
  padding-top: 50px; }
  .color-selector-item {
    position: relative; }
    .color-selector-item:hover .color-selector-item__yeuthich {
      background-color: rgba(97, 95, 96, 0.7); }
      .color-selector-item:hover .color-selector-item__yeuthich p {
        color: #fff; }
      .color-selector-item:hover .color-selector-item__yeuthich i {
        color: #fff; }
      .color-selector-item:hover .color-selector-item__yeuthich.act-love i {
        color: #000; }
    .color-selector-item__link {
      box-sizing: border-box;
      display: flex;
      position: relative;
      height: 100%; }
      .color-selector-item__link:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 64.7058823529%; }
      .color-selector-item__link.xemnhanh-color {
        cursor: pointer; }
    .color-selector-item__yeuthich {
      box-sizing: border-box;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      position: absolute;
      bottom: 0px;
      left: 0px;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      width: 100%;
      height: 40px;
      padding: 0 10px; }
      @media screen and (prefers-reduced-motion: reduce) {
        .color-selector-item__yeuthich {
          transition: none; } }
      .color-selector-item__yeuthich p {
        font-size: 18px;
        color: #000;
        font-weight: 700; }
    .color-selector-item .yeuthich-mausac i {
      font-size: 24px; }
    .color-selector-item .yeuthich-mausac.act-love i {
      font-weight: 900; }

/*yeuthich-mausac*/
/*mauvai-xemnhanh*/
.mauvai-xemnhanh {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }
  .mauvai-xemnhanh__left {
    width: 54.9450549451%;
    position: relative; }
    .mauvai-xemnhanh__left .yeuthich-mausac {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-size: 50px; }
      .mauvai-xemnhanh__left .yeuthich-mausac.act-love i {
        font-weight: 900; }
  .mauvai-xemnhanh__left-figure {
    position: relative;
    margin-bottom: 0; }
    .mauvai-xemnhanh__left-figure:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 100%; }
  .mauvai-xemnhanh__right {
    width: 41.7582417582%; }
  .mauvai-xemnhanh__figure {
    position: relative;
    margin-top: 5px; }
    .mauvai-xemnhanh__figure:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 84.2105263158%; }
    .mauvai-xemnhanh__figure img {
      object-fit: cover;
      object-position: center center; }

/*bestseller*/
.bestseller {
  margin-bottom: 50px; }
  .bestseller-item__name {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-align: center; }
  .bestseller-item__images {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .bestseller-item__figure-left {
    z-index: 40;
    position: relative;
    width: 64.3224699828%; }
  .bestseller-item__figure-right {
    z-index: 41;
    border: 4px solid #fff;
    background-color: #fff;
    position: relative;
    margin-left: -30px;
    width: 30.8747855918%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
  .bestseller .button-container {
    z-index: 40;
    position: relative;
    width: 33.3333333333%;
    margin: 0 auto;
    background-color: #f00; }
    .bestseller .button-container .slick-dots {
      bottom: -15px; }
      .bestseller .button-container .slick-dots li button::before {
        font-size: 12px; }
      .bestseller .button-container .slick-dots li.slick-active button::before {
        color: var(--theme);
        opacity: 1;
        font-size: 20px; }
  .bestseller__body {
    position: relative; }

@media (min-width: 426px) {
  .color-selector-grid {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 10px 10px;
    grid-auto-flow: row;
    grid-template-areas: "gri1 gri3 gri4"
 "gri1 gri5 gri6"
 "gri2 . ."; }
    .color-selector-grid .gri1 {
      grid-area: gri1; }
    .color-selector-grid .gri2 {
      grid-area: gri2; }
    .color-selector-grid .gri3 {
      grid-area: gri3; }
    .color-selector-grid .gri4 {
      grid-area: gri4; }
    .color-selector-grid .gri5 {
      grid-area: gri5; }
    .color-selector-grid .gri6 {
      grid-area: gri6; } }

@media (min-width: 993px) {
  .color-selector-grid {
    gap: 30px 30px; } }

@media (max-width: 992px) {
  .color-conponent {
    padding: 10px; }
    .color-conponent.color-selector-item p {
      font-size: 10px; } }

@media (max-width: 425px) {
  .color-selector-item {
    margin-bottom: 15px; }
    .color-selector-item.gri1 .color-selector-item__link {
      position: relative; }
      .color-selector-item.gri1 .color-selector-item__link:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 138.235294118%; }
  .bestseller .button-container {
    width: 100%;
    bottom: 20px; }
  .mauvai-xemnhanh {
    display: block; }
    .mauvai-xemnhanh__left {
      width: 100%;
      margin-bottom: 10px; }
    .mauvai-xemnhanh__right {
      width: 100%; } }

.social-share {
  font-size: 15px;
  color: #3d3d3d;
  font-weight: 400;
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 20px 0; }
  .social-share a {
    color: #ccc;
    font-size: 24px;
    margin-left: 15px; }
    .social-share a:hover {
      color: #616161; }

/*trending*/
.trending-slick {
  margin: 0 auto; }
  .trending-slick.slick-slider .slick-arrow {
    margin-top: -20px; }

.trending-item {
  cursor: pointer; }
  .trending-item:hover .trending-item__name {
    color: var(--theme); }
  .trending-item.slick-current ~ .trending-item .trending-item__image-box::before {
    position: absolute;
    right: -15px;
    left: unset; }
  .trending-item.slick-current .trending-item__image-box {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
    .trending-item.slick-current .trending-item__image-box::before {
      position: absolute;
      top: 0px;
      right: -10px;
      bottom: unset;
      left: unset; }
  .trending-item.slick-current .trending-item__name {
    margin-top: 10px; }
  .trending-item__image-box {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative; }
    @media screen and (prefers-reduced-motion: reduce) {
      .trending-item__image-box {
        transition: none; } }
    .trending-item__image-box:before {
      width: calc(100% - 20px);
      height: calc(100% - 20px);
      z-index: 40;
      background-color: #e6e6e6;
      position: absolute;
      bottom: 0px;
      left: -15px; }
  .trending-item__image {
    z-index: 41;
    position: relative; }
  .trending-item__name {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin-top: -10px;
    text-align: center; }

/*ungdung*/
.ungdung-grid {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.2006861063%;
  margin-right: -1.2006861063%; }

.ungdung-item {
  box-sizing: border-box;
  flex: 0 0 22.5986277873%;
  margin-left: 1.2006861063%;
  margin-right: 1.2006861063%;
  margin-bottom: 2.4013722127%; }
  .ungdung-item__link {
    text-align: center;
    cursor: pointer; }
  .ungdung-item__image {
    position: relative;
    position: relative;
    margin-bottom: 10px; }
    .ungdung-item__image:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 76%; }
  .ungdung-item__name {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    font-family: var(--title-font); }

.ungdung-xemnhanh__head {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.ungdung-xemnhanh__name {
  margin: 10px 0;
  text-transform: uppercase; }
  .ungdung-xemnhanh__name span {
    font-size: 18px;
    color: var(--theme);
    font-weight: 700;
    font-family: var(--title-font);
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 3px solid var(--theme); }

.ungdung-xemnhanh .ungdung-slick-for {
  width: 83%;
  position: relative; }
  .ungdung-xemnhanh .ungdung-slick-for__panel {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 65px;
    height: 100%;
    z-index: 40; }
    .ungdung-xemnhanh .ungdung-slick-for__panel--right {
      left: unset;
      right: 0; }
    .ungdung-xemnhanh .ungdung-slick-for__panel:hover {
      background-color: rgba(0, 0, 0, 0.2); }
  .ungdung-xemnhanh .ungdung-slick-for .slick-custom-arrow {
    z-index: 41; }
  .ungdung-xemnhanh .ungdung-slick-for__image {
    position: relative; }
    .ungdung-xemnhanh .ungdung-slick-for__image:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 75%; }

.ungdung-xemnhanh .ungdung-slick-nav {
  width: 15%; }
  .ungdung-xemnhanh .ungdung-slick-nav__image {
    padding: 5px 0;
    cursor: pointer; }
  .ungdung-xemnhanh .ungdung-slick-nav__figure {
    position: relative;
    margin-bottom: 0; }
    .ungdung-xemnhanh .ungdung-slick-nav__figure:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 90%; }

@media (max-width: 992px) {
  .ungdung-xemnhanh .ungdung-slick-for__image {
    position: relative; }
    .ungdung-xemnhanh .ungdung-slick-for__image:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 66.9250645995%; } }

@media (max-width: 425px) {
  .ungdung-xemnhanh .ungdung-slick-for__image {
    position: relative; }
    .ungdung-xemnhanh .ungdung-slick-for__image:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 75%; }
  .ungdung-grid {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.2006861063%;
    margin-right: -1.2006861063%; }
  .ungdung-item {
    box-sizing: border-box;
    flex: 0 0 47.5986277873%;
    margin-left: 1.2006861063%;
    margin-right: 1.2006861063%;
    margin-bottom: 2.4013722127%; } }

/*hinhcatalog*/
.pdf-box {
  width: 100%;
  text-align: center;
  margin-top: 10px; }
  .pdf-box__icon {
    width: 85px;
    height: 85px;
    background-image: url("../images/PDF.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    display: inline-block; }

.hinhcatalog__body {
  position: relative;
  padding: 30px 0;
  margin-top: 40px; }
  .hinhcatalog__body:before {
    width: 70%;
    height: calc(100% + 40px);
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #eee; }

.hinhcatalog-slick {
  margin: 0 -30px; }
  .hinhcatalog-slick .slick-prev {
    left: 40px; }
  .hinhcatalog-slick .slick-next {
    right: 40px; }

.hinhcatalog-item {
  padding: 0 30px; }
  .hinhcatalog-item__image {
    position: relative;
    position: relative;
    overflow: hidden;
    display: block; }
    .hinhcatalog-item__image:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 142.028985507%; }
    .hinhcatalog-item__image:hover .hinhcatalog-item__name {
      opacity: 1;
      left: 0; }
  .hinhcatalog-item__name {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 41;
    position: absolute;
    top: 0px;
    left: 100%;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    box-sizing: border-box;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-transform: uppercase;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.3); }
    @media screen and (prefers-reduced-motion: reduce) {
      .hinhcatalog-item__name {
        transition: none; } }

.catalogue-grid {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.2864493997%;
  margin-right: -1.2864493997%; }

.catalogue-item {
  box-sizing: border-box;
  flex: 0 0 22.4271012007%;
  margin-left: 1.2864493997%;
  margin-right: 1.2864493997%;
  margin-bottom: 2.5728987993%; }
  .catalogue-item:hover .catalogue-item__name {
    opacity: 1;
    left: 0; }
  .catalogue-item__link {
    display: block;
    position: relative;
    overflow: hidden; }
  .catalogue-item__name {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 41;
    position: absolute;
    top: 0px;
    left: 100%;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    box-sizing: border-box;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-transform: uppercase;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.3); }
    @media screen and (prefers-reduced-motion: reduce) {
      .catalogue-item__name {
        transition: none; } }
  .catalogue-item__image {
    position: relative;
    z-index: 40;
    position: relative; }
    .catalogue-item__image:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 142.028985507%; }

@media (max-width: 425px) {
  .pdf-box__icon {
    width: 35px;
    height: 35px; }
  .catalogue-grid {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.2864493997%;
    margin-right: -1.2864493997%; }
  .catalogue-item {
    box-sizing: border-box;
    flex: 0 0 47.4271012007%;
    margin-left: 1.2864493997%;
    margin-right: 1.2864493997%;
    margin-bottom: 2.5728987993%; }
    .catalogue-item__name {
      background-color: transparent;
      opacity: 1;
      left: 0; }
  .hinhcatalog-slick {
    width: calc(100% - 40px);
    margin: 0 auto; }
  .hinhcatalog-item {
    padding: 0 10px; }
    .hinhcatalog-item__name {
      background-color: transparent;
      opacity: 1;
      left: 0; } }

.wishlist__title {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  font-family: var(--title-font);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px; }

.wishlist-grid {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.7152658662%;
  margin-right: -1.7152658662%; }

.wishlist-item {
  box-sizing: border-box;
  flex: 0 0 29.9028016009%;
  margin-left: 1.7152658662%;
  margin-right: 1.7152658662%;
  margin-bottom: 3.4305317324%; }
  .wishlist-item__box {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 20px; }
    @media screen and (prefers-reduced-motion: reduce) {
      .wishlist-item__box {
        transition: none; } }
    .wishlist-item__box:hover {
      background-color: #fff;
      /* layer fill content */
      -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
      /* drop shadow */
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
      /* drop shadow */
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
      /* drop shadow */ }
  .wishlist-item__link {
    position: relative; }
    .wishlist-item__link .option-product {
      position: absolute;
      right: 10px;
      bottom: 10px;
      margin-bottom: 0; }
  .wishlist-item__image {
    position: relative;
    margin-bottom: 5px; }
    .wishlist-item__image:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 64.7058823529%; }
  .wishlist-item__action {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
    .wishlist-item__action a {
      font-size: 11px;
      color: #000;
      font-weight: 700;
      font-family: var(--title-font);
      -webkit-box-flex: auto;
      -webkit-flex: auto;
      -moz-box-flex: auto;
      -moz-flex: auto;
      -ms-flex: auto;
      flex: auto;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      text-transform: uppercase;
      text-align: center;
      border-radius: 15px;
      padding: 8px 0;
      background-color: #e6e6e6; }
      @media screen and (prefers-reduced-motion: reduce) {
        .wishlist-item__action a {
          transition: none; } }
      .wishlist-item__action a:hover {
        color: #fff;
        background-color: var(--theme); }
      .wishlist-item__action a.js-clear-wishlist {
        width: 40px;
        color: #fff;
        background-color: #363435; }
      .wishlist-item__action a + a {
        margin-left: 7px; }
  .wishlist-item__name {
    font-size: 15px;
    color: var(--theme);
    font-weight: 700;
    font-family: var(--title-font);
    text-align: center;
    text-transform: uppercase; }
  .wishlist-item__desc {
    font-size: 11px;
    color: #000;
    font-weight: 700;
    font-family: var(--title-font);
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px; }

@media (max-width: 992px) {
  .wishlist-grid {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.2864493997%;
    margin-right: -1.2864493997%; }
  .wishlist-item {
    box-sizing: border-box;
    flex: 0 0 47.4271012007%;
    margin-left: 1.2864493997%;
    margin-right: 1.2864493997%;
    margin-bottom: 2.5728987993%; } }

@media (max-width: 425px) {
  .wishlist-grid {
    margin-left: 0;
    margin-right: 0; }
  .wishlist-item {
    box-sizing: border-box;
    flex: 0 0 100%; } }

.tintuc__main-title {
  font-size: 22px;
  color: #252525;
  font-weight: 700;
  font-family: var(--title-font);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px; }

.tinnoibat {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  overflow: hidden; }
  .tinnoibat--left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .tinnoibat--right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 65px;
    color: #d2d3d5;
    font-weight: 400;
    line-height: 1;
    writing-mode: vertical-rl;
    transform: rotate(180deg) translateX(-30px);
    text-transform: uppercase;
    letter-spacing: 13px; }
  .tinnoibat__body {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .tinnoibat__firstnews {
    width: 41.166380789%; }
    .tinnoibat__firstnews-item__link {
      display: block;
      position: relative;
      padding-bottom: 35px; }
      .tinnoibat__firstnews-item__link:before {
        width: 50%;
        height: 100%;
        position: absolute;
        top: -10px;
        right: -20px;
        z-index: -1;
        background-color: #e6e7e9; }
    .tinnoibat__firstnews-item__image {
      position: relative;
      border: 4px solid #fff;
      margin-bottom: 20px; }
      .tinnoibat__firstnews-item__image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 110.416666667%; }
    .tinnoibat__firstnews-item__brand {
      font-size: 14px;
      color: var(--theme);
      font-weight: 700;
      font-family: var(--title-font);
      text-transform: uppercase; }
    .tinnoibat__firstnews-item__name {
      font-size: 22px;
      color: #232323;
      font-weight: 700;
      font-family: var(--title-font);
      line-height: 1.5;
      margin-bottom: 20px; }
    .tinnoibat__firstnews-item__desc {
      font-size: 11px;
      color: #363636;
      font-weight: 400;
      font-family: var(--title-font);
      display: block;
      display: -webkit-box;
      height: 66px;
      line-height: 1.5;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4; }
    .tinnoibat__firstnews-item__line {
      width: 300px;
      height: 2px;
      background-color: var(--theme);
      border: 0;
      margin: 18px 0 24px; }
  .tinnoibat__secondnews {
    width: 54.8885077187%; }
    .tinnoibat__secondnews-item__link {
      box-sizing: border-box;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: none;
      flex-wrap: nowrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      position: relative; }
      .tinnoibat__secondnews-item__link:before {
        width: 46.875%;
        height: 100%;
        position: absolute;
        top: -10px;
        right: 90px;
        z-index: -1;
        background-color: #e6e7e9; }
    .tinnoibat__secondnews-item__image {
      position: relative;
      width: 46.875%;
      order: 1;
      border: 4px solid #fff;
      margin: 0 0 20px 20px; }
      .tinnoibat__secondnews-item__image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 116.666666667%; }
    .tinnoibat__secondnews-item__body {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .tinnoibat__secondnews-item__brand {
      font-size: 14px;
      color: var(--theme);
      font-weight: 700;
      font-family: var(--title-font);
      text-transform: uppercase; }
    .tinnoibat__secondnews-item__name {
      font-size: 22px;
      color: #232323;
      font-weight: 700;
      font-family: var(--title-font);
      line-height: 1.5;
      margin-bottom: 20px; }
    .tinnoibat__secondnews-item__desc {
      font-size: 11px;
      color: #363636;
      font-weight: 400;
      font-family: var(--title-font);
      display: block;
      display: -webkit-box;
      height: 66px;
      line-height: 1.5;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4; }
    .tinnoibat__secondnews-item__line {
      width: 300px;
      height: 2px;
      background-color: var(--theme);
      border: 0;
      margin: 18px 0 24px; }
    .tinnoibat__secondnews-item + .tinnoibat__secondnews-item {
      margin-top: 20px; }
    .tinnoibat__secondnews-item:nth-child(even) .tinnoibat__secondnews-item__link::before {
      right: unset;
      left: 90px; }
    .tinnoibat__secondnews-item:nth-child(even) .tinnoibat__secondnews-item__image {
      order: 0;
      margin: 0 20px 20px 0; }

/*xuhuong*/
.xuhuong {
  padding-bottom: 40px; }
  .xuhuong-content {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    overflow: hidden; }
    .xuhuong-content--left {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      font-size: 50px;
      color: #d2d3d5;
      font-weight: 400;
      line-height: 1;
      writing-mode: vertical-lr;
      transform: rotate(180deg);
      text-transform: uppercase;
      letter-spacing: 5px;
      white-space: nowrap; }
    .xuhuong-content--right {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .xuhuong__nav {
    background-color: #e6e6e6;
    margin-bottom: 60px; }
    .xuhuong__nav-wrap {
      box-sizing: border-box;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: none;
      flex-wrap: nowrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      min-height: 84px; }
  .xuhuong__cata {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
    .xuhuong__cata a {
      font-size: 17px;
      color: #000;
      font-weight: 400;
      font-family: var(--title-font);
      border-bottom: 3px solid transparent;
      padding: 5px 0;
      position: relative; }
      .xuhuong__cata a.active {
        color: var(--theme);
        border-bottom-color: var(--theme); }
      .xuhuong__cata a + a {
        margin-left: 40px; }
        .xuhuong__cata a + a:before {
          width: 1px;
          height: 14px;
          background-color: #000;
          left: -20px;
          top: 12px; }
  .xuhuong-tinybox {
    box-sizing: border-box;
    display: inline-flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    width: 180px;
    border: 1px solid #9f9f9f;
    border-radius: 5px;
    padding: 7px; }
    .xuhuong-tinybox p {
      font-size: 14px;
      color: #000;
      font-weight: 400;
      margin-bottom: 0;
      margin-right: 10px; }
    .xuhuong-tinybox span, .xuhuong-tinybox select {
      margin-left: 5px; }
      .xuhuong-tinybox span.tinybox-type1, .xuhuong-tinybox select.tinybox-type1 {
        width: 30px;
        height: 30px;
        border-radius: 5px;
        box-sizing: border-box;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        background-color: #161314;
        cursor: pointer; }
        .xuhuong-tinybox span.tinybox-type1 i, .xuhuong-tinybox select.tinybox-type1 i {
          color: #fff; }
        .xuhuong-tinybox span.tinybox-type1.active, .xuhuong-tinybox select.tinybox-type1.active {
          background-color: #4d4246; }
        .xuhuong-tinybox span.tinybox-type1:hover, .xuhuong-tinybox select.tinybox-type1:hover {
          background-color: #4d4246; }
      .xuhuong-tinybox span.tinybox-type2, .xuhuong-tinybox select.tinybox-type2 {
        width: auto;
        height: 30px;
        border-radius: 5px;
        box-sizing: border-box;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        background-color: #161314;
        cursor: pointer;
        font-size: 15px;
        color: #fff;
        padding: 0 5px; }
        .xuhuong-tinybox span.tinybox-type2 i, .xuhuong-tinybox select.tinybox-type2 i {
          color: #fff;
          font-size: 11px;
          margin-left: 3px; }

.blog-grid {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.2864493997%;
  margin-right: -1.2864493997%; }
  .blog-grid .blog__item {
    box-sizing: border-box;
    flex: 0 0 30.760434534%;
    margin-left: 1.2864493997%;
    margin-right: 1.2864493997%;
    margin-bottom: 2.5728987993%; }
  .blog-layout-one .blog-grid {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0; }
    .blog-layout-one .blog-grid .blog__item {
      box-sizing: border-box;
      flex: 0 0 100%; }
    .blog-layout-one .blog-grid .blog__link {
      box-sizing: border-box;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
    .blog-layout-one .blog-grid .blog__image {
      width: 25%; }
    .blog-layout-one .blog-grid .blog__body {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1; }

@media (max-width: 992px) {
  .blog-grid {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.8576329331%;
    margin-right: -0.8576329331%; }
    .blog-grid .blog__item {
      box-sizing: border-box;
      flex: 0 0 48.2847341338%;
      margin-left: 0.8576329331%;
      margin-right: 0.8576329331%;
      margin-bottom: 1.7152658662%; }
  .tinnoibat .container {
    width: 100%; }
  .tinnoibat--left {
    display: none; }
  .tinnoibat--right {
    display: none; }
  .tinnoibat__firstnews {
    width: 41.166380789%; }
    .tinnoibat__firstnews-item__name {
      font-size: 14px;
      margin-bottom: 10px; }
    .tinnoibat__firstnews-item__line {
      margin: 5px 0 10px; }
  .tinnoibat__secondnews-item__link {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
    .tinnoibat__secondnews-item__link::before {
      display: none; }
  .tinnoibat__secondnews-item__body {
    width: 50%; }
  .tinnoibat__secondnews-item__image {
    width: 45%; }
  .tinnoibat__secondnews-item__name {
    font-size: 14px;
    margin-bottom: 10px; }
  .tinnoibat__secondnews-item__line {
    margin: 5px 0 10px; }
  .xuhuong {
    margin-top: 0; }
    .xuhuong-content--left {
      display: none; }
    .xuhuong-content--right {
      display: none; }
    .xuhuong__nav {
      padding: 10px 0; }
      .xuhuong__nav-wrap {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        min-height: 84px; }
    .xuhuong__total-post {
      position: absolute;
      top: 0px;
      right: 0px; }
    .xuhuong__cata {
      text-align: center;
      width: 100%;
      margin: 10px 0; } }

@media (max-width: 425px) {
  .blog__box {
    padding-top: 40px; }
  .blog__cata {
    position: absolute;
    top: 0px;
    right: unset;
    left: 0px; }
  .blog-layout-one .blog-grid .blog__item {
    margin-bottom: 20px; }
  .blog-layout-one .blog-grid .blog__link {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch; }
  .blog-layout-one .blog-grid .blog__image {
    margin-top: 60px;
    margin-bottom: 10px; }
  .blog-grid .blog__image {
    margin-right: 10px; }
  .tinnoibat__firstnews {
    width: 100%; }
  .tinnoibat__secondnews {
    width: 100%; } }

.tintucdetail .news-tag-share-wrap {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 3px solid var(--theme); }
  .tintucdetail .news-tag-share-wrap .news-tag {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 10px; }
    .tintucdetail .news-tag-share-wrap .news-tag span {
      font-size: 18px;
      color: #2c2c2c;
      font-weight: 700;
      margin-bottom: 10px; }
    .tintucdetail .news-tag-share-wrap .news-tag a {
      font-size: 14px;
      color: #313131;
      font-weight: 400;
      border: 1px solid #808080;
      margin: 0 0 10px 10px;
      padding: 7px 10px; }
  .tintucdetail .news-tag-share-wrap .news-share {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-bottom: 10px; }
    .tintucdetail .news-tag-share-wrap .news-share span {
      margin-bottom: 10px;
      text-transform: uppercase; }
    .tintucdetail .news-tag-share-wrap .news-share ul {
      margin-bottom: 0;
      position: relative;
      display: block;
      width: auto;
      height: auto;
      text-align: left;
      padding: 0 0 0 10px; }
      .tintucdetail .news-tag-share-wrap .news-share ul li {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #aaa;
        transition: all 0.3s cubic-bezier(0.44, 0.39, 0.34, 1.03);
        transform-origin: left top;
        position: relative;
        display: inline-block;
        margin-bottom: 10px; }
        .tintucdetail .news-tag-share-wrap .news-share ul li + li {
          margin-left: 5px; }
        .tintucdetail .news-tag-share-wrap .news-share ul li a {
          box-sizing: border-box;
          display: inline-flex;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          align-items: center;
          width: 100%;
          height: 100%;
          color: #4c4c4c; }

.tintucdetail__info {
  margin-top: -140px; }
  .tintucdetail__info-wrap {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .tintucdetail__info-image {
    position: relative;
    border: 8px solid #fff;
    width: 54.0308747856%; }
    .tintucdetail__info-image:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 125.396825397%; }
  .tintucdetail__info-body {
    width: 42.0240137221%;
    padding-top: 220px; }
  .tintucdetail__info-date span {
    font-size: 13px;
    color: #333;
    font-weight: 700;
    font-family: var(--title-font);
    position: relative; }
    .tintucdetail__info-date span:nth-child(2) {
      color: var(--theme); }
    .tintucdetail__info-date span i {
      color: var(--theme); }
    .tintucdetail__info-date span + span {
      margin-left: 20px; }
      .tintucdetail__info-date span + span:before {
        width: 1px;
        height: 13px;
        left: -10px;
        top: 2px;
        background-color: var(--theme); }
  .tintucdetail__info-line {
    border-top: 2px solid var(--theme); }
  .tintucdetail__info-name {
    font-size: 36px;
    color: #1a1a1a;
    font-weight: 700;
    font-family: var(--title-font);
    margin-bottom: 60px; }

.tintucdetail__galerry-wrap {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.tintucdetail__galerry-for {
  width: 34.3053173242%; }

.tintucdetail__galerry-nav {
  width: 62.6072041166%; }

.tintucdetail .galerry-nav-item__link {
  position: relative; }

.tintucdetail .galerry-nav-item__image {
  position: relative; }
  .tintucdetail .galerry-nav-item__image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 68.4931506849%; }

.tintucdetail .galerry-nav-item__body {
  position: absolute;
  bottom: 15px;
  left: 0px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 11px;
  text-align: center; }

.tintucdetail .galerry-nav-item__name {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  font-family: var(--title-font); }

.tintucdetail .main-title {
  margin-bottom: 40px; }

@media (max-width: 992px) {
  .tintucdetail .news-tag-share-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .tintucdetail .news-tag-share-wrap .news-share {
      width: 100%; }
    .tintucdetail .news-tag-share-wrap .news-tag {
      width: 100%;
      margin-bottom: 10px; }
  .tintucdetail__info-body {
    padding-top: 180px; }
  .tintucdetail__info-name {
    font-size: 20px;
    margin-bottom: 15px; }
  .tintucdetail__galerry-for {
    width: 100%;
    order: 1;
    margin-top: 20px; }
  .tintucdetail__galerry-nav {
    width: 100%; } }

@media (max-width: 425px) {
  .tintucdetail__info {
    margin-top: 10px; }
    .tintucdetail__info-wrap {
      display: block; }
    .tintucdetail__info-image {
      width: 100%;
      margin-bottom: 10px;
      border: 0; }
    .tintucdetail__info-body {
      width: 100%;
      padding-top: 0; } }

.daily__title {
  font-size: 24px;
  color: #252525;
  font-weight: 700;
  font-family: var(--title-font);
  text-transform: uppercase;
  text-align: center; }
  .daily__title + .daily__title {
    margin-bottom: 35px; }

.daily .table thead th {
  border-top: 0;
  border-bottom-width: 5px; }

.daily .table tbody tr.active {
  background-color: rgba(0, 0, 0, 0.075); }

.daily .form-group label {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  font-family: var(--title-font);
  text-transform: uppercase;
  margin-bottom: 18px; }

.daily .form-group .custom-select {
  height: 50px;
  background-color: #e6e7e9;
  border-radius: 0; }

.js-daily-map {
  margin-top: 40px; }

.js-daily-map, .js-daily-map iframe {
  overflow: hidden;
  width: 100%;
  height: 720px; }

/*muahang*/
.muahang {
  padding: 110px 0 0;
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
  .muahang__title {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    font-family: var(--title-font);
    text-transform: uppercase;
    text-align: center; }
  .muahang-list {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -3.859348199%;
    margin-right: -3.859348199%; }
  .muahang-item {
    box-sizing: border-box;
    flex: 0 0 17.2813036021%;
    margin-left: 3.859348199%;
    margin-right: 3.859348199%;
    margin-bottom: 7.7186963979%;
    box-sizing: border-box;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .muahang-item:hover .rot-border {
      background-image: linear-gradient(#fff, #005bab);
      animation: rot 5s linear;
      border: 0; }
    .muahang-item:hover .muahang-item__img {
      filter: unset; }
    .muahang-item:hover .muahang-item__head span {
      color: var(--theme);
      border-color: var(--theme); }
    .muahang-item:hover .muahang-item__name {
      color: var(--theme); }
    .muahang-item:hover:not(:last-child) .muahang-item__body::after {
      background-image: url("../images/muiten2.png"); }
    .muahang-item--even .muahang-item__head {
      order: 2; }
    .muahang-item--even .muahang-item__foot {
      order: 0; }
    .muahang-item:not(:last-child) .muahang-item__body::after {
      content: "";
      display: block;
      width: 62px;
      height: 78px;
      position: absolute;
      top: 50%;
      right: calc(-50% + 31px);
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background-image: url("../images/muiten1.png");
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: cover; }
    .muahang-item__head {
      order: 0;
      text-align: center;
      margin: 30px 0; }
      .muahang-item__head span {
        font-size: 50px;
        color: #fff;
        font-weight: 700;
        font-family: var(--title-font);
        line-height: 1;
        border-bottom: 2px solid #fff; }
    .muahang-item__body {
      order: 1;
      width: 100%;
      max-width: 230px;
      position: relative; }
    .muahang-item .rot-border {
      position: relative;
      z-index: 1;
      border: 8px solid #fff;
      position: relative;
      border-radius: 100%; }
      .muahang-item .rot-border:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%; }
    .muahang-item__box {
      position: relative;
      position: absolute;
      top: 8px;
      left: 8px;
      z-index: 40;
      width: calc(100% - 16px);
      border-radius: 100%;
      background-color: rgba(255, 255, 255, 0.6);
      overflow: hidden; }
      .muahang-item__box:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%; }
    .muahang-item__content {
      box-sizing: border-box;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
    .muahang-item__figure {
      width: 90px;
      height: 90px;
      margin-bottom: 10px; }
    .muahang-item__img {
      filter: brightness(0%); }
    .muahang-item__name {
      font-size: 16px;
      color: #303030;
      font-weight: 700;
      font-family: "UTMAptima";
      width: 100px;
      text-align: center; }
    .muahang-item__foot {
      order: 2;
      height: 56px;
      margin: 30px 0; }

@media (max-width: 992px) {
  .muahang {
    padding: 50px 0; }
    .muahang-list {
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: none;
      flex-wrap: nowrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      overflow-x: auto; }
      .muahang-list::-webkit-scrollbar {
        width: 4px;
        height: 4px; }
      .muahang-list::-webkit-scrollbar-thumb {
        background: #005bab; }
      .muahang-list::-webkit-scrollbar-track {
        background: #80add5; }
      .muahang-list {
        scrollbar-face-color: #005bab;
        scrollbar-track-color: #80add5; }
    .muahang-item {
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: none;
      flex-wrap: nowrap;
      width: 230px;
      flex: 0 0 auto; }
      .muahang-item:not(:last-child) .muahang-item__body::after {
        width: 34px;
        height: 43px;
        position: absolute;
        top: 50%;
        right: -50px; } }

@media (max-width: 425px) {
  .js-daily-map, .js-daily-map iframe {
    height: 350px; }
  .muahang-item {
    margin-left: 1%;
    margin-right: 1%; }
    .muahang-item__head {
      margin-left: -30px; }
    .muahang-item__body {
      max-width: 180px; }
    .muahang-item:not(:last-child) .muahang-item__body::after {
      position: absolute;
      top: 50%;
      right: -54px; } }

.lienhe-info {
  background-image: url("../images/lienhebg.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  text-align: center;
  padding: 40px 0; }
  .lienhe-info__image img {
    max-width: 300px; }

.lienhe-map__image {
  text-align: center; }

.lienhe-map-list {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%; }

.lienhe-map-box {
  max-width: 950px;
  margin: 0 auto;
  position: relative; }

.lienhe-map-item {
  display: none;
  text-align: right; }
  .lienhe-map-item:hover .lienhe-map-item__name {
    color: var(--theme); }
  .lienhe-map-item--num1 {
    position: absolute;
    top: 70px;
    right: 0px;
    width: 480px;
    display: block; }
  .lienhe-map-item--num2 {
    position: absolute;
    top: 460px;
    right: 0px;
    width: 340px;
    display: block; }
  .lienhe-map-item--num3 {
    position: absolute;
    top: 670px;
    left: 0px;
    width: 380px;
    display: block; }
  .lienhe-map-item--num4 {
    position: absolute;
    top: 790px;
    right: 0px;
    width: 380px;
    display: block; }
  .lienhe-map-item--right .lienhe-map-item__line::before {
    left: 0; }
  .lienhe-map-item--left {
    text-align: left; }
    .lienhe-map-item--left .lienhe-map-item__line::before {
      left: unset;
      right: 0; }
  .lienhe-map-item__name {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    font-family: var(--title-font);
    cursor: pointer; }
    .lienhe-map-item__name.active {
      color: var(--theme); }
  .lienhe-map-item__line {
    border-top: 3px solid var(--theme);
    position: relative; }
    .lienhe-map-item__line:before {
      width: 20px;
      height: 20px;
      background-color: var(--theme);
      border-radius: 100%;
      top: -12px; }
  .lienhe-map-item__text {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin-bottom: 0; }

@media (max-width: 992px) {
  .lienhe-map-list {
    width: calc(100% - 30px);
    left: 15px; }
  .lienhe-map-item--num1 {
    width: 340px; }
  .lienhe-map-item--num2 {
    width: 250px; }
  .lienhe-map-item--num3 {
    width: 250px; }
  .lienhe-map-item--num4 {
    width: 340px;
    top: 840px; } }

@media (max-width: 425px) {
  .lienhe-map__image img {
    max-width: 65%; }
  .lienhe-map-list {
    width: calc(100% - 30px);
    left: 15px; }
  .lienhe-map-item__line {
    margin: 10px 0; }
  .lienhe-map-item__name {
    font-size: 16px; }
  .lienhe-map-item__text {
    font-size: 12px; }
  .lienhe-map-item--num1 {
    width: 180px;
    margin-top: -40px; }
  .lienhe-map-item--num2 {
    width: 140px;
    top: 220px; }
  .lienhe-map-item--num3 {
    width: 160px;
    top: 320px; }
  .lienhe-map-item--num4 {
    width: 180px;
    top: 400px; } }

/* Album */
.album-grid {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%; }

.album__item {
  box-sizing: border-box;
  flex: 0 0 23%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 2%; }

.album__img {
  width: 100%; }

.album__name {
  font-size: 1em;
  color: #000;
  font-weight: 400;
  text-align: center; }

@media (max-width: 425px) {
  .album__item {
    box-sizing: border-box;
    flex: 0 0 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 2%; } }

.othernews {
  margin-bottom: 30px; }

.news-grid {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%; }

.news__item {
  box-sizing: border-box;
  flex: 0 0 48%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 2%; }

.news__link {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  background-color: #fff; }
  .news__link:hover .news__name {
    color: #f00; }

.news__image {
  width: 36%;
  margin-bottom: 10px; }

.news__img {
  background-color: #eee;
  width: 100%; }

.news__body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 1em; }

.news__name {
  font-size: 16px;
  color: var(--color-title-main);
  font-weight: 700;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media screen and (prefers-reduced-motion: reduce) {
    .news__name {
      transition: none; } }

.news__desc {
  font-size: 14px;
  color: #333;
  font-weight: 400;
  display: block;
  display: -webkit-box;
  height: 63px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.news__date {
  font-size: 14px;
  color: #807f7f;
  font-weight: 400; }

.news--verticle .news__item {
  box-sizing: border-box;
  flex: 0 0 31.3333333333%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 2%; }

.news--verticle .news__link {
  text-align: center; }

.news--verticle .news__image {
  width: 100%; }

.news--verticle .news__body {
  margin-left: 0; }

.news--col-4 .news__item {
  box-sizing: border-box;
  flex: 0 0 23%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 2%; }

.news--col-4 .news__image {
  position: relative; }
  .news--col-4 .news__image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%; }

@media (max-width: 440px) {
  .news__image {
    width: 100%; }
  .news__body {
    margin-left: 0;
    text-align: center; } }

@media (max-width: 850px) {

  .box-img-list, .box-img-list2 , .box-info-list {
    width: 100%;padding: 5px !important;
  }
  .fancybox-slide{
    padding: 5px;
  }


  .news__item {
    box-sizing: border-box;
    flex: 0 0 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 2%; }
  .news--verticle .news__item {
    box-sizing: border-box;
    flex: 0 0 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 2%; } }

@media (max-width: 425px) {
  .news--verticle .news__item {
    box-sizing: border-box;
    flex: 0 0 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 2%; } }

.product-grid {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.9725557461%;
  margin-right: -1.9725557461%; }

.product {
  box-sizing: border-box;
  flex: 0 0 21.0548885077%;
  margin-left: 1.9725557461%;
  margin-right: 1.9725557461%;
  margin-bottom: 3.9451114923%; }
  .slick-box-item .product {
    width: 100%;
    margin: 0; }
  .product__box {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    height: 100%;
    padding-bottom: 20px;
    background-color: #fff;
    text-align: center; }
    @media screen and (prefers-reduced-motion: reduce) {
      .product__box {
        transition: none; } }
    .product__box:hover {
      background-color: var(--theme); }
      .product__box:hover .product__img--above {
        z-index: -1; }
      .product__box:hover .product__img--bottom {
        z-index: 1;
        left: 0;
        opacity: 1; }
      .product__box:hover .product__name {
        color: #fff;
        border-bottom-color: #fff; }
  .product__link {
    position: relative;
    display: block;
    background-color: #fff;
    /* layer fill content */
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    /* drop shadow */
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    /* drop shadow */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    /* drop shadow */ }
  .product__image {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden; }
    .product__image::before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 123.076923077%; }
  .product__img--above {
    z-index: 1; }
  .product__img--bottom {
    z-index: -1;
    left: 100%;
    opacity: 0; }
  .product__name {
    font-size: 14px;
    
    font-weight: 500;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 1px solid var(--theme);
    padding-bottom: 5px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    margin: 0 auto; }
    @media screen and (prefers-reduced-motion: reduce) {
      .product__name {
        transition: none; } }
    
.product__box:hover .product__name a{color:#fff}
.product__name a {
      color: #000; }
  .product__price {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    font-size: 14px;
    color: #4d4d4d;
    font-weight: 400;
    margin: 10px 0 0; }
    .product__price i {
      font-size: 14px;
      color: #fff;
      font-weight: 400;
      background-color: var(--theme);
      padding: 3px 5px;
      border-radius: 5px; }
  .product__price-new {
    color: #cc0000;
    font-weight: 700;
    padding-left: 5px; }
  .product__price-old {
    padding-left: 1em;
    text-decoration: line-through;
    position: relative; }
  .product__price-per {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 11px;
    color: #fff;
    font-weight: 400;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    background: var(--color-red);
    text-align: center;
    line-height: 38px; }
  .product__cart {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    min-height: 40px;
    background-color: #f5f5f5;
    border-top: 1px solid #e7e7e7;
    text-transform: uppercase;
    margin: 0; }
    .product__cart span {
      cursor: pointer; }
    .product__cart i {
      margin-right: 10px; }
  .product__cart-add {
    cursor: pointer; }
  .product__cart-buy {
    cursor: pointer;
    padding-left: 10px;
    color: #3a1b08; }

.slick-box-item {
  padding: 0 1.0625em; }

.spnoibat-main {
  margin: 0 -1.0625em; }

@media (max-width: 425px) {
  .product {
    box-sizing: border-box;
    flex: 0 0 46.0548885077%;
    margin-left: 1.9725557461%;
    margin-right: 1.9725557461%;
    margin-bottom: 3.9451114923%; } }

/*  ================================================================================
  MIXIN DEVICES
  ================================================================================ */
/*========= SLIDER ===============*/
/*========= HEADER ===============*/
/*========= FOOTER ===============*/
/*========= MENU ===============*/
/*========= PRODUCT ===============*/
/*========= NEW ===============*/
/*  ================================================================================
  LARGE DEVICES 
  Large Desktops 1200px and Up (>1200) 
  ================================================================================ */
/*  ================================================================================
  MEDIUM DEVICES
  Desktops 992px and Up (>992px & <1200px)
  ================================================================================ */
/*  ================================================================================
  SMALL DEVICES
  Tablets 768px and Up (>768px & <992px)
  ================================================================================ */
/*  ================================================================================
  EXTRA SMALL
  (>425px & <768px)
  ================================================================================ */
/*  ================================================================================
  MOBILE SIZE
  Phones Less than 425px
  (<425px)
  ================================================================================ */