@charset "UTF-8";



*, *::before, *::after {-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;empty-cells: hide;grid-auto-columns: hide;}



html {

  font-family: sans-serif;

  line-height: 1.15;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -ms-overflow-style: scrollbar;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.thumb-pro-detail{
  display: inline-block;
}
.thumb-pro-detail h4{
  display: block;
  margin-top: 10px;
  text-align: center;
  color: #333;
  font-size: 14px;
  text-transform: capitalize;
  font-family: 'Arial';
}

@-ms-viewport {

  width: device-width;

}



article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {

  display: block;

}



body {

  margin: 0;

  font-family: 'SFUFuturaBook',sans-serif;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.7;

  color: #212529;

  text-align: left;

  background-color: #fff;

  overflow-x: hidden;

  width: 100%;

  margin: auto;



  margin: 0 auto;

}



[tabindex="-1"]:focus {

  outline: 0 !important;

}

.l-c{

  position: relative;

  max-width: 1200px;

  margin: 0 auto;

  width: 100%;

}

hr {

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

  overflow: visible;

}

abbr[title], abbr[data-original-title] {

  text-decoration: underline;

  -webkit-text-decoration: underline dotted;

  text-decoration: underline dotted;

  cursor: help;

  border-bottom: 0;

}



address {

  margin-bottom: 1rem;

  font-style: normal;

  line-height: inherit;

}



dt {

  font-weight: 700;

}



dd {

  margin-bottom: .5rem;

  margin-left: 0;

}



blockquote {

  margin: 0 0 1rem;

}



dfn {

  font-style: italic;

}



b, strong {

  font-weight: bolder;

}



small {

  font-size: 80%;

}



sub, sup {

  position: relative;

  font-size: 75%;

  line-height: 0;

  vertical-align: baseline;

}



sub {

  bottom: -.25em;

}



sup {

  top: -.5em;

}



a {

  color: #007bff;

  text-decoration: none !important;

  background-color: transparent;

  -webkit-text-decoration-skip: objects;

}



pre, code, kbd, samp {

  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  font-size: 1em;

}



pre {

  margin-top: 0;

  margin-bottom: 1rem;

  overflow: auto;

  -ms-overflow-style: scrollbar;

}



figure {

  margin: 0 0 1rem;

}



img {

  vertical-align: middle;

  border-style: none;

  max-width: 100%;

}



svg {

  overflow: hidden;

  vertical-align: middle;

}



table {

  border-collapse: collapse;

}



caption {

  padding-top: 0.75rem;

  padding-bottom: 0.75rem;

  color: #6c757d;

  text-align: left;

  caption-side: bottom;

}



th {

  text-align: inherit;

}



label {

  display: inline-block;

  margin-bottom: 0.5rem;

}



button {

  border-radius: 0;

}



button:focus {

  outline: 1px dotted;

  outline: 5px auto -webkit-focus-ring-color;

}



input, button, select, optgroup, textarea {

  margin: 0;

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

}



button, input {

  overflow: visible;

}



button, select {

  text-transform: none;

}



button, html [type="button"], [type="reset"], [type="submit"] {

  -webkit-appearance: button;

}



button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {

  padding: 0;

  border-style: none;

}



input[type="radio"], input[type="checkbox"] {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0;

}



input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {

  -webkit-appearance: listbox;

}



textarea {

  overflow: auto;

  resize: vertical;

}



fieldset {

  min-width: 0;

  padding: 0;

  margin: 0;

  border: 0;

}



legend {

  display: block;

  width: 100%;

  max-width: 100%;

  padding: 0;

  margin-bottom: .5rem;

  font-size: 1.5rem;

  line-height: inherit;

  color: inherit;

  white-space: normal;

}



progress {

  vertical-align: baseline;

}



[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {

  height: auto;

}



[type="search"] {

  outline-offset: -2px;

  -webkit-appearance: none;

}



[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



::-webkit-file-upload-button {

  font: inherit;

  -webkit-appearance: button;

}



output {

  display: inline-block;

}



summary {

  display: list-item;

  cursor: pointer;

}



template {

  display: none;

}



[hidden] {

  display: none !important;

}



.middle {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  align-content: center;

  text-align: center;

}



div.plus {

  overflow: hidden;

  position: relative;

}



.plus:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 1;

  -webkit-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  -ms-transition: all 0.6s ease-in-out;

  -o-transition: all 0.6s ease-in-out;

}



.plus:after {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  -webkit-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  -ms-transition: all 0.6s ease-in-out;

  -o-transition: all 0.6s ease-in-out;

}



.plus:hover:before {

  right: 50%;

  left: 50%;

  width: 0;

  background: rgba(255, 255, 255, 0.5);

}



.plus:hover:after {

  height: 0;

  top: 50%;

  bottom: 50%;

  background: rgba(255, 255, 255, 0.5);

}



.flash {

  position: relative;

  overflow: hidden;

}



.flash:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(255,255,255,0.5);

  content: '';

  z-index: 10;

  -webkit-transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  -webkit-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);

}



.flash:hover:before {

  webkit-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);

}



a {

  text-decoration: none !important;

}



.center-layout,.inner {

  width: 100%;

  max-width: 1200px;

  margin-left: auto;

  margin-right: auto;

  position: relative;

}



.header-nav a, .menu-nav a, .product__categories a, .product-items__name a, .about__viewmore, .staff-items__name, .feedback-items__name, .footer-link, .scroll-to-top, .breadcrumb span, .input-field input, .input-field select, .input-field textarea, .effect-img img, .effect-img:before, .effect-img:after, .effect-zoom .animate-image img, .image-zoom img, .effect-rotate-360 img, .effect-rotate img {

  -webkit-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: .3s;

  transition-duration: .3s;

}



.clearfix:after {

  content: "";

  display: block;

  clear: both;

}



.pd-inner {

  padding-top: 20px;

  padding-bottom: 20px;

}



.img {

  display: block;

}



.img img {

  display: block;

  max-width: 100%;

}



.flex-center, .flex-between-center, .header-top .center-layout, .header-nav, .header-bottom .center-layout, .menu .center-layout, .product__title, .copyright .center-layout, .header-search button, .menu-search button, .product__categories a, .product-items__price, .why-items .img, .footer-row, .footer .social, .copyright-right, .pd-detail__buynow, .scroll-to-top, .header-search, .product .center-layout, .about .center-layout, .staff-items, .post-items, .flex-between, .menu-nav, .pd-detail__tab__nav, .breadcrumb ol {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.flex-center {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.flex-between-center, .header-top .center-layout, .header-nav, .header-bottom .center-layout, .menu .center-layout, .product__title, .copyright .center-layout, .header-search button, .menu-search button, .product__categories a, .product-items__price, .why-items .img, .footer-row, .footer .social, .copyright-right, .pd-detail__buynow, .scroll-to-top {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.flex-between-center, .header-top .center-layout, .header-nav, .header-bottom .center-layout, .menu .center-layout, .product__title, .copyright .center-layout, .header-search, .product .center-layout, .about .center-layout, .staff-items, .post-items {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.flex-between {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.grecaptcha-badge {

  display: none;

}



button {

  outline: none !important;

}



img.lazy {

  -webkit-transition: all 1s;

  transition: all 1s;

  opacity: 0;

}



img.initial, img.loaded, img.error {

  opacity: 1;

}



img:not([src]) {

  visibility: hidden;

}



#container {

  width: 100%;

  max-width: 1920px;

  margin: 0 auto;

  background: #fff;

}



.header {

  position: relative;

}



.menu {background: #0000cc;width: 100%;margin: auto;position: relative;border-top: 1px solid #1ec657;}



.menu-nav {

  -ms-flex-pack: distribute;

 /*justify-content: space-around; */

  list-style-type: none;

  position: relative;

  margin: 0;

  padding: 0;

}



.menu-nav ul {

  list-style-type: none;

  visibility: hidden;

  position: absolute;

  width: 220px;

  z-index: 99999;

  background: #18b04b;

  -webkit-box-shadow: 0px 2px 10px;

  box-shadow: 0px 2px 10px;

  -webkit-transform: perspective(600px) rotatex(-90deg);

  transform: perspective(600px) rotatex(-90deg);

  -webkit-transform-origin: 0 0 0;

  transform-origin: 0 0 0;

  opacity: 0;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  left: 100%;

  top: 0;

  margin: 0;

  padding: 0;

}



.menu-nav > li > ul {

  left: 0;

  top: 100%;

}



.menu-nav li {

  position: relative;

}



.menu-nav h2, .menu-nav h3 {font-weight: 700;font-size: 14px;margin: 0;}



.menu-nav h2 {

  line-height: 50px;

}



.menu-nav a {

  display: block;

  font-size: 14px;

  color: #fff;

  padding: 0px 30px;

}



.menu-nav > li > a {

  text-align: center;

  text-transform: uppercase;

  line-height: 50px;

  position: relative;

}



.menu-nav > li > a > h2 {

  display: flex;

  align-items: center;

}



.menu-nav > li > a > h2 img {

  padding-right: 10px;

}



.menu-nav > li > a:after {

  position: absolute;

  content: "";

  width: 1px;

  height: 100%;

  right: 0px;

  top: 0px;

  background: #1ec657;

}



.menu-nav > li:last-child > a:after {

  display: none;

}



.menu-nav > li > ul a {

  padding: 7px;

  text-transform: capitalize;

  border-bottom: 1px solid #1ec657;

}



.menu-nav > li > ul a h2 {

  line-height: 20px;

}



.menu-nav li:hover > a, .menu-nav li > a.active {

  color: #fff600;

}



.menu-nav li:hover > ul {

  opacity: 1;

  -webkit-transform: perspective(600px) rotatex(0deg);

  transform: perspective(600px) rotatex(0deg);

  visibility: visible;

}



.banner-header {

  margin-right: 100px;

}



.menu-search {

  max-width: 460px;

  height: 40px;

  background: #fff;

  position: relative;

  z-index: 99;

  float: left;

  width: 100%;

}



#id_danhmuc {

  width: 120px;

  float: left;

  border: none;

  height: 40px;

  border: 1px solid #e1e1e1;

  border-right: none;

  padding-left: 15px;

}



.menu-search input {

  width: calc(100% - 210px);

  height: 100%;

  padding-left: 15px;

  border: 0;

  font-size: 13px;

  float: left;

  background: none;

  border: 1px solid #e1e1e1;

}



.menu-search button {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 80px;

  height: 100%;

  border: 0;

  cursor: pointer;

  float: right;

  color: #fff;

  background: #ff8400;

  font-size: 14px;

  font-family: 'RobotoRegular';

}



.header-bottom .dienthoai {

  background: url(../images/iconcalhd.png)no-repeat;

  padding-left: 50px;

  color: #626262;

  font-size: 13px;

  font-family: 'RobotoRegular';

  text-transform: uppercase;

  min-height: 41px;

}



.header-bottom .dienthoai .sdt {

  color: #ff0000;

  font-size: 14px;

  font-family: 'RobotoBold';

}



.header-bottom .cart_top {

  background: url(../images/iconcart.png)no-repeat;

  padding-left: 50px;

  color: #333333;

  font-size: 16px;

  font-family: 'RobotoBold';

}



.header-bottom .cart_top .title_cart {

  font-size: 14px;

  font-family: 'RobotoRegular';

}



.cart_mb {

  background: url(../images/iconcart.png)no-repeat;

  font-family: 'RobotoBold';

  position: fixed;

  right: 15px;

  z-index: 99999;

  display: none;

  width: 40px;

  height: 40px;

  top: 50%;

  border-radius: 50%;

}



.cart_mb span {

  position: absolute;

  top: -10px;

  right: 0px;

  background: #fff;

  color: #4fc22a;

  font-size: 14px;

  border-radius: 50%;

  width: 20px;

  height: 20px;

  line-height: 20px;

  text-align: center;

}



.slider__main .slide {

  position: relative;

  width: 100%;

}



.slide .custom-owl-prev, .slide .custom-owl-next {

  position: absolute;

  font-size: 30px;

  color: #fff;

  cursor: pointer;

  left: 5px;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%);

  z-index: 999;

}



.slide .custom-owl-next {

  left: initial;

  right: 5px;

}



.left_sl {

  width: 270px;

  float: left;

  height: 1px;

}



.right_sl {

  width: 270px;

  float: right;

  padding-top: 10px;

}



.title_km {

  width: 100%;

  text-align: center;

  text-transform: uppercase;

  background: #46a825;

  color: #fff600;

  font-size: 16px;

  font-family: 'RobotoCondensedBold';

  line-height: 40px;

}



.widget-desktop {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: fixed;

  right: 10px;

  bottom: 80px;

  z-index: 9999;

}



.widget-desktop-items {

  margin-bottom: 20px;

  border-radius: 50%;

  position: relative;

}



.widget-desktop-items:last-child {

  margin-bottom: 0;

}



.widget-desktop-items:before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  background: rgba(79, 194, 42, 0.5);

  border-radius: 50%;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-animation: scaleIn1 1s;

  animation: scaleIn1 1s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.widget-desktop-items:after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  background: -webkit-gradient(linear, left top, right top, color-stop(0, #4fc22a), to(#85f162));

  background: linear-gradient(90deg, #4fc22a 0, #85f162 100%);

  border-radius: 50%;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-animation: scaleIn 1.2s;

  animation: scaleIn 1.2s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.widget-desktop-items__icon {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  background: #fff;

  border-radius: 50%;

  position: relative;

  z-index: 999;

}



.widget-desktop-items__zalo {

  font-family: "RobotoBold";

  font-size: 14px;

  color: #4fc22a;

}



.widget-desktop-items__facebook i {

  font-size: 23px;

  color: #4fc22a;

}



.widget-desktop-items__call i {

  font-size: 20px;

  color: #4fc22a;

}



.widget-desktop-items__call .widget-desktop-items__content {position: absolute;right: 0;top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);padding: 10px 60px 10px 20px;background: -webkit-gradient(linear, left top, right top, color-stop(0, #4fc22a), to(#85f162));background: linear-gradient(90deg, #4fc22a 0, #85f162 100%);border-radius: 20px;color: #fff;white-space: nowrap;}



.widget-desktop-items__call .widget-desktop-items__content span {

  font-family: "RobotoBold";

  margin-left: 5px;

}



@-webkit-keyframes scaleIn {

  from {

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

  }



  60% {

    -webkit-transform: translate(-50%, -50%) scale(1.2);

    transform: translate(-50%, -50%) scale(1.2);

  }

}



@keyframes scaleIn {

  from {

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

  }



  60% {

    -webkit-transform: translate(-50%, -50%) scale(1.2);

    transform: translate(-50%, -50%) scale(1.2);

  }

}



@-webkit-keyframes scaleIn1 {

  from {

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

  }



  60% {

    -webkit-transform: translate(-50%, -50%) scale(1.4);

    transform: translate(-50%, -50%) scale(1.4);

  }

}



@keyframes scaleIn1 {

  from {

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

  }



  60% {

    -webkit-transform: translate(-50%, -50%) scale(1.4);

    transform: translate(-50%, -50%) scale(1.4);

  }

}



@-webkit-keyframes shake {

  0% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    transform: rotate(0) scale(1) skew(1deg);

  }



  10% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    transform: rotate(-25deg) scale(1) skew(1deg);

  }



  20% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    transform: rotate(25deg) scale(1) skew(1deg);

  }



  30% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    transform: rotate(-25deg) scale(1) skew(1deg);

  }



  40% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    transform: rotate(25deg) scale(1) skew(1deg);

  }



  50% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    transform: rotate(0) scale(1) skew(1deg);

  }



  100% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    transform: rotate(0) scale(1) skew(1deg);

  }

}



@keyframes shake {

  0% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    transform: rotate(0) scale(1) skew(1deg);

  }



  10% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    transform: rotate(-25deg) scale(1) skew(1deg);

  }



  20% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    transform: rotate(25deg) scale(1) skew(1deg);

  }



  30% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    transform: rotate(-25deg) scale(1) skew(1deg);

  }



  40% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    transform: rotate(25deg) scale(1) skew(1deg);

  }



  50% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    transform: rotate(0) scale(1) skew(1deg);

  }



  100% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    transform: rotate(0) scale(1) skew(1deg);

  }

}



.shake {

  -webkit-animation: shake 1s infinite ease-in-out;

  animation: shake 1s infinite ease-in-out;

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

}



/*header top*/

.header-bottom {

  position: relative;

  padding: 10px 0px;

  background: #fff;

}



.fixed {

  position: fixed;

  z-index: 9999;

  top: 0px;

  left: 0px;

  right: 0px;

  margin: 0 auto;



}



.header-logo {

  margin-right: 20px;

}



.header_top {

  position: relative;

  background: #1a1a1a;

}



.header_top .slogan {

  float: left;

  width: 50%;

  display: flex;

  align-items: center;

  color: #f4ec01;

  font-size: 14px;

  font-family: 'RobotoBold';

  line-height: 40px;

  text-transform: uppercase;

}



.header_top .email {

  float: right;

  width: 25%;

  display: flex;

  align-items: center;

  color: #fff;

  font-size: 14px;

  font-family: 'RobotoRegular';

  line-height: 40px;

}



.header_top .email img {

  padding-right: 10px;

}



.header_top .mxhhd {

  float: right;

  display: flex;

  align-items: center;

}



.header_top .mxhhd a {

  display: inline-block;

  border-right: 1px solid #fff;

}



.header_top .mxhhd a:first-child {

  border-left: 1px solid #fff;

}

/*tieu chi*/

.load_vs {

  position: relative;

}



#owl_vs {

  border: 1px solid #e9e9e9;

}



.box_vs {

  position: relative;

  border-right: 1px solid #d9d9d9;

  background: #fff;

  min-height: 255px;

  text-align: center;

  padding: 50px 12px;

}



.box_vs .img_vs {

  max-width: 70px;

  margin: auto;

  border-radius: 50%;

  overflow: hidden;

  border: 1px dashed #4fc22a;

}



.box_vs .ten {

  color: #1a1a1a;

  margin: 10px 0px;

  text-transform: uppercase;

  font-size: 16px;

  font-family: 'RobotoCondensedBold';

  line-height: 16px;

  margin-top: 15px;

}



.box_vs .mota {

  color: #666666;

  line-height: 20px;

  font-size: 14px;

  font-family: 'Quicksand-Regular';

  max-height: 45px;

  overflow-y: hidden;

}



.box_vs:hover .ten,.box_vs:hover .mota {

  color: #4fc22a;

}



.content_tc {

  background: #fff;

}



.load_gg {

  position: relative;

  background: #e6e6e6;

  padding: 40px 0px;

}



.title_gg {

  display: inline-block;

  position: absolute;

  width: 260px;

  height: 40px;

  line-height: 40px;

  background: #4fc22a;

  color: #fff;

  text-align: center;

  font-size: 16px;

  font-family: 'RobotoBold';

  left: 50%;

  top: -20px;

  transform: translate(-50%,0);

  text-transform: uppercase;

  clip-path: polygon(0 0, 93% 0, 100% 100%, 7% 100%);

}

/*tin tuc & video*/

.load_tt {

  padding: 60px 0px;

}



.title_news {

  position: relative;

  margin-bottom: 30px;

  padding-bottom: 15px;

}



.title_news:after {

  position: absolute;

  content: "";

  bottom: 0px;

  left: 0px;

  width: 100%;

  height: 1px;

  border-top: 1px dotted #c2c2c2;

}



.title_news:before {

  position: absolute;

  content: "";

  background: #4d4d4d;

  width: 73px;

  height: 3px;

  bottom: 0px;

  left: 0;

  clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);

  z-index: 1;

}



.title_news span {

  position: relative;

  color: #4fc22a;

  line-height: 30px;

  font-size: 30px;

  font-family: 'RobotoBold';

  text-transform: uppercase;

}



.col_vd {

  width: 33%;

  float: right;

}



.col_tt {

  width: 67%;

  float: left;

  padding-right: 30px;

}



.news_left {

  width: 100%;

  position: relative;

  max-width: 348px;

  float: left;

}



.news_left .ten {

  font-size: 16px;

  font-family: 'Quicksand-Bold';

  padding: 10px 0px;

}



.news_left .ten a {

  color: #2f2f2f;

}



.news_left .ten a:hover {

  color: #4fc22a;

}



.news_left .mota {

  font-size: 13px;

  font-family: 'Quicksand-Regular';

  line-height: 18px;

  color: #4d4d4d;

  max-height: 73px;

  overflow-y: hidden;

}



.xemthemtt {

  display: inline-block;

  color: #333333;

  width: 102px;

  height: 39px;

  text-align: center;

  line-height: 33px;

  font-size: 13px;

  font-family: 'SFUFreewayRoman';

  margin-top: 10px;

  border: 2px solid #333333;

  transition: 1s;

}



.xemthemtt:hover {

  color: #fff;

  background: #4fc22a;

  border: none;

}



.news_right {

  width: calc(100% - 348px);

  float: right;

  padding-left: 20px;

}



.box_tt {

  width: 100%;

  position: relative;

  margin-bottom: 15px;

}



.box_tt .img_tt {

  float: left;

}



.box_tt .noidung_tt {

  width: calc(100% - 165px);

  float: right;

}



.noidung_tt .ten {

  font-size: 15px;

  font-family: 'Quicksand-Bold';

  margin-bottom: 10px;

}



.noidung_tt .ten a {

  color: #2f2f2f;

/*white-space: nowrap;

text-overflow: ellipsis;overflow: hidden;display: block;*/;

}



.noidung_tt .ten a:hover {

  color: #4fc22a;

}



.noidung_tt .mota {

  font-size: 13px;

  font-family: 'Quicksand-Regular';

  line-height: 18px;

  color: #4d4d4d;

  max-height: 55px;

  overflow-y: hidden;

}



.content_news .vert,.content_news .vert .simply-scroll-clip {

  height: 375px !important;

  width: 100% !important;

  margin-bottom: 0px;

}



.content_sl {

  background: #f2f2f2;

  position: relative;

  padding-bottom: 80px;

}

/*danh muc nb*/

.load_dm {

  position: relative;

  padding: 40px 0px;

}



.title_dm {

  background: #fff;

  border-bottom: 1px solid #4fc22a;

  margin-bottom: 20px;

}



.title_dm span {

  display: inline-block;

  background: #4fc22a;

  line-height: 40px;

  position: relative;

  min-width: 240px;

  color: #fff;

  font-size: 16px;

  font-family: 'RobotoBold';

  padding-left: 38px;

  clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%);

  text-transform: uppercase;

  float: left;

}



.title_dm span:after {

  position: absolute;

  content: "";

  left: 0px;

  top: 50%;

  transform: translate(0,-50%);

  background: url(../images/icontc.png)no-repeat;

  width: 23px;

  height: 13px;

}



.w100 {

  width: 100%;

}



.ul_tabdm {

  list-style: none;

  float: right;

  text-align: right;

  margin-bottom: 0px;

  width: 65%;

  padding-left: 0px;

}



.ul_tabdm li {

  cursor: pointer;

  display: inline-block;

  line-height: 50px;

  padding: 0px 15px;

  position: relative;

  color: #4d4d4d;

  font-size: 16px;

}



.ul_tabdm li:after {

  position: absolute;

  content: "";

  left: 100%;

  top: 50%;

  transform: translate(0,-50%);

  width: 1px;

  height: 30%;

  background: #363636;

}



.ul_tabdm li:hover {

  color: #4fc22a;

}



.wrap-product {

  padding-bottom: 40px;

  position: relative;

}



.wrap-product.wrap_top {

  padding-top: 40px;

}

/*danh muc*/

.fixed div#show_cate {

  display: none;

}



#linhvuc {

  width: 270px;

  max-width: 270px;

  float: left;

  position: relative;

}



.dmtrong {

  display: none;

}



#linhvuc .title_lv {

  color: #f6f102;

  text-transform: uppercase;

  text-align: center;

  position: relative;

  cursor: pointer;

  background: #46a825;

  width: 100%;

  margin: 0px;

  line-height: 40px;

  font-size: 15px;

  font-family: 'RobotoCondensedBold';

  display: flex;

  align-items: center;

  padding: 0px 19px;

  z-index: 99;

}



#linhvuc .title_lv img {

  padding-right: 5px;

}



div#show_cate {

  position: absolute;

  top: 100%;

  left: 0px;

/* height: 100%; */

  z-index: 99;

  width: 270px;

  border: 1px solid #e6e6e6;

  border-top: none;

  background: #fff;

}



div#show_cate ul.menu-category__list {

  list-style: none;

  min-height: 355px;

  padding-left: 0px;

  background: #fff;

  height: 355px;

  overflow-y: hidden;

  padding: 14px 0px;

}



div#show_cate:hover ul.menu-category__list {

  height: auto;

}



.nut_bt {

  text-align: center;

  width: 100%;

}



div#show_cate:hover .nut_bt {

  display: none;

}



div#show_cate ul.menu-category__list::-webkit-scrollbar {

  width: 2px;

  background-color: #fff;

  border-radius: 10px;

}



div#show_cate ul.menu-category__list::-webkit-scrollbar-thumb {

  background-color: #bd000c;

  border-radius: 10px;

}



#idm1 {

  color: #cecece;

  font-size: 6px;

  padding-right: 15px;

}



#idm2 {

  color: #000000;

  float: right;

  font-size: 17px;

}



div#show_cate ul > li {

  position: inherit;

  width: 100%;

  float: none;

  transition: 0.5s;

  z-index: 99;

  padding-left: 14px;

  padding-right: 14px;

}



div#show_cate > ul > li > a {

  text-transform: none;

  display: block;

  font-family: 'Quicksand-Regular';

  font-size: 14px;

  color: #191919;

  text-align: left;

  font-weight: bold;

  position: relative;

  padding: 13px 0px;

  align-items: center;

  z-index: 99;

  border-bottom: 1px dotted #cccccc;

}



div#show_cate > ul > li > a span {

  line-height: 20px;

}



div#show_cate img.img_menu {

  position: absolute;

  top: 17px;

  left: 0px;

}



div#show_cate ul > li:last-child a {

  border-bottom: 0;

}



div#show_cate ul > li:hover {

  transition: 0.5s;

}



div#show_cate ul > li a:hover {

  color: #4fc22a;

}



div#show_cate > ul > li > ul {

  visibility: visible !important;

  list-style: none;

  position: absolute;

  left: 100%;

  width: calc(1200px - 270px);

  display: none;

  padding-left: 0px;

  top: 0px;

  background: #fff;

}



div#show_cate > ul > li:hover > ul {

  display: block;

}



div#show_cate ul li ul li:hover {

  background: #fff;

}



#show_cate ul li ul li a:hover {

  color: #bd000c;

}



div#show_cate ul li ul li {

  background: #fff;

  position: relative;

  padding: 10px 15px;

  cursor: pointer;

  width: 25%;

  display: block;

  vertical-align: top;

  float: left;

  text-align: center;

}



div#show_cate ul li ul li a span {

  margin-top: 10px;

  display: block;

  line-height: 16px;

}



div#show_cate ul li ul li ul li {

  width: 100%;

  display: block;

  padding: 5px 0px;

  line-height: 15px;

}



div#show_cate ul li ul li > a {

  border: none !important;

  font-weight: bold;

}



div#show_cate ul li ul li a {

  font-family: 'RobotoBold';

  font-size: 15px;

  color: #000000;

  display: block;

  line-height: 25px;

}



div#show_cate > ul > li > ul > li > ul {

  list-style: none;

  width: 100%;

  display: block;

}



div#show_cate > ul > li > ul > li:hover > ul {

  display: block;

}



div#show_cate > ul > li > ul > li ul li a:hover {

  color: #bd000c !important;

}



div#show_cate ul li ul li ul li a {

  font-family: RobotoRegular;

  color: #333;

  font-size: 14px;

  font-weight: normal;

  line-height: 15px;

}



div#show_cate ul li ul li ul {

  display: block!important;

}

/*danh muc*/

.load_dm {

  position: relative;

  background: url(../images/bgdm.png)no-repeat;

  background-size: cover;

  padding: 40px 0px;

}



.box_nb {

  position: relative;

}



.box_nb .img_nb {

  max-width: 170px;

  margin: auto;

  border-radius: 50%;

  background: rgba(255,255,255,0.4);

}



.box_nb:hover .img_nb {

  border: 5px solid #fff;

  background: #0071e3;

}



.box_nb .ten {

  text-align: center;

  margin-top: 20px;

  font-size: 18px;

  font-family: 'RobotoBold';

  text-transform: capitalize;

}



.box_nb .ten a {

  color: #fff;

}

/*dang ky*/

.content_dk {

  width: 100%;

  max-width: 875px;

  float: right;

}



.load-dk {

  position: relative;

  padding: 60px 0px;

  background: url(../images/bgdk.png)no-repeat;

  background-size: cover;

}



.title_dk {

  color: #fff;

  text-align: center;

  text-transform: uppercase;

  font-size: 31px;

  font-family: 'Roboto-Black';

  position: relative;

  background: url(../images/icondk.png)no-repeat bottom center;

  padding-bottom: 20px;

  margin-bottom: 30px;

}



.slogan_dk {

  text-align: center;

  color: #fff;

  font-size: 14px;

  font-family: 'RobotoRegular';

  margin-bottom: 40px;

}



.form-newsletter {

  width: 100%;

  max-width: 710px;

  height: 40px;

  float: right;

}



.newsletter-input {

  position: relative;

  width: calc(100% - 130px);

  float: left;

}



.newsletter-input input {

  padding: 0px;

  font-size: 14px;

  text-indent: 10px;

  border-radius: 25px;

  height: 40px;

  background: rgba(255,255,255,0.5);

  border: none;

  color: #fff;

  padding-left: 20px;

}



.newsletter-button {

  width: 120px;

  float: right;

}



.newsletter-button input[type=submit] {

  border: 0px;

  color: #dc0021;

  display: inline-block;

  padding: 5px 16px;

  text-transform: uppercase;

  font-weight: 500;

  cursor: pointer;

  height: 40px;

  width: 100%;

  background: #fff;

  font-size: 16px;

  font-family: 'SFUFuturaBook';

  border-radius: 40px;
  font-weight: bold;

}



.newsletter-input input::-webkit-input-placeholder {

  color: #000;

}



.newsletter-input input::-moz-placeholder {

  color: #000;

}



.newsletter-input input:-ms-input-placeholder {

  color: #000;

}



.newsletter-input input:-moz-placeholder {

  color: #000;

}



.bgdk1 {

  position: relative;

  background: url(../images/bgmodk2.png)no-repeat;

  width: 100%;

  padding: 45px 0px;

}



.bgdk2 {

  background: url(../images/bgmodk1.png)no-repeat;

  width: 100%;

  padding: 20px 0px;

  padding-right: 70px;

}

/*video*/

.load_vd {

  padding: 70px 0px;

  position: relative;

  background: url(../images/bgvd.png)no-repeat;

  background-size: cover;

}



.swiper-slide a {

  display: block;

  border-radius: 5px;

  overflow: hidden;

  border: 2px solid rgba(255,255,255,0.4);

}



.swiper-slide a:after {

  position: absolute;

  content: "";

  background: url(../images/play.png)no-repeat;

  width: 58px;

  height: 58px;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

}

/*khach hang*/

#ow_kh .owl-stage-outer {

  padding: 0px 5px;

}



.box_kh {

  position: relative;

  padding: 30px 25px;

  border: 1px solid #e6e6e6;

  border-radius: 5px;

  padding-bottom: 20px;

  margin: 5px 0px;

}



.box_kh:hover {

  border: none;

  -webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.2);

  -moz-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.2);

  box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.2);

}



.box_kh:after {

  position: absolute;

  content: "";

  bottom: 0px;

  right: 0px;

  background: url(../images/iconkh1.png)no-repeat;

  width: 50px;

  height: 40px;

  background-color: #e6e6e6;

  border-top-left-radius: 20px;

  border-bottom-right-radius: 5px;

}



.box_kh:hover:after {

  background: url(../images/iconkh2.png)no-repeat;

}



.box_kh .mota {

  color: #333333;

  font-size: 14px;

  font-family: 'RobotoRegular';

  max-height: 75px;

  overflow-y: hidden;

  line-height: 25px;

  margin-bottom: 15px;

}



.content_kh {

  display: flex;

  align-items: center;

}



.content_kh .img_kh {

  max-width: 56px;

  overflow: hidden;

  border-radius: 50%;

}



.content_kh .noidung_kh {

  width: calc(100% - 56px);

  padding-left: 15px;

}



.noidung_kh .ten {

  font-size: 14px;

  font-family: 'RobotoCondensedBold';

  text-transform: uppercase;

  color: #1c1c1c;

}



.noidung_kh .diachi {

  color: #979797;

  text-transform: uppercase;

  font-size: 14px;

  font-family: 'BeVietnam-Light';

}



.box_kh:hover .ten {

  color: #0342ac;

}

/*tag*/

.load_tag {

  position: relative;

  padding: 40px 0px;

}



.ul_tag {

  list-style: none;

  display: block;

  text-align: left;

  margin: 0px -5px;

  padding-left: 0px;

}



.ul_tag li {

  display: inline-block;

  border: 1px solid #e6e6e6;

  margin: 0px 5px;

  margin-bottom: 10px;

}



.ul_tag li a {

  color: #4d4d4d;

  font-size: 14px;

  font-family: 'RobotoRegular';

  display: flex;

  align-items: center;

  padding: 10px 10px;

  transition: 1s;

}



.ul_tag li a img {

  padding-right: 10px;

}



.ul_tag li:hover a {

  color: #fff;

  background: #4fc22a;

}

/*hang dien tu*/

.load_tc {

  position: relative;

  background: #4fc22a;

  padding: 70px 0px;

}



.title_h {

  color: #fff;

  text-transform: uppercase;

  font-size: 30px;

  font-family: 'RobotoBold';

  position: relative;

  margin-bottom: 10px;

  line-height: 30px;

}



.col_hdt {

  width: 50%;

  float: left;

  padding-right: 20px;

  position: relative;

}



.box_dx {

  position: relative;

  padding: 15px 10px;

  border-bottom: 1px solid #e6e6e6;

  display: flex;

  align-items: center;

  overflow: hidden;

}



.box_dx .img_dx {

  max-width: 105px;

}



.box_dx .noidung_dx {

  width: calc(100% - 105px);

  padding-left: 15px;

}



.col_mn {

  width: 50%;

  float: left;

  padding-left: 20px;

  position: relative;

}



#owl_dx,#owl_mn {

  background: #fff;

}



.box_dx .ten {

  font-size: 14px;

  font-family: 'Quicksand-Regular';

}



.box_dx .ten a {

  color: #1a1a1a;

  font-weight: bold;

}



.box_dx .ten a:hover {

  color: #4fc22a;

}



.box_dx .gia {

  display: block;

}



.box_dx .gia .giacu {

  text-decoration: line-through;

  color: #808080;

  font-size: 13px;

  font-family: 'Quicksand-Regular';

}



.box_dx .gia .giamoi {

  color: #ff0000;

  font-size: 14px;

  font-family: 'Quicksand-Bold';

}



.sp-owl-prev {

  position: absolute;

  right: 38px;

  top: 0;

  color: #7e7e7e;

  width: 28px;

  height: 28px;

  background: #fff;

  text-align: center;

  line-height: 28px;

  z-index: 9;

  font-size: 16px;

  cursor: pointer;

  font-weight: 600;

}



.sp-owl-next {

  position: absolute;

  right: 0px;

  top: 0px;

  color: #7e7e7e;

  background: #fff;

  width: 28px;

  height: 28px;

  text-align: center;

  line-height: 28px;

  z-index: 9;

  font-size: 16px;

  cursor: pointer;

  font-weight: 600;

}



.dx-owl-prev {

  position: absolute;

  right: 38px;

  top: 0;

  color: #7e7e7e;

  width: 28px;

  height: 28px;

  background: #fff;

  text-align: center;

  line-height: 28px;

  z-index: 9;

  font-size: 16px;

  cursor: pointer;

  font-weight: 600;

}



.dx-owl-next {

  position: absolute;

  right: 0px;

  top: 0px;

  color: #7e7e7e;

  background: #fff;

  width: 28px;

  height: 28px;

  text-align: center;

  line-height: 28px;

  z-index: 9;

  font-size: 16px;

  cursor: pointer;

  font-weight: 600;

}

/*noi bat*/

.load_nb {

  position: relative;

  padding: 40px 0px;

}



.title_nb {

  background: #fff;

  border-bottom: 1px solid #4fc22a;

  margin-bottom: 20px;

}



.title_nb span {

  display: inline-block;

  background: #4fc22a;

  line-height: 40px;

  position: relative;

  min-width: 240px;

  color: #fff;

  font-size: 16px;

  font-family: 'RobotoBold';

  padding-left: 38px;

  clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%);

  text-transform: uppercase;

}



.title_nb span:after {

  position: absolute;

  content: "";

  left: 0px;

  top: 50%;

  transform: translate(0,-50%);

  background: url(../images/icontc.png)no-repeat;

  width: 23px;

  height: 13px;

}



.xemtc {

  float: right;

  color: #a75353;

  font-size: 16px;

  line-height: 50px;

  padding-right: 20px;

  margin-left: 20px;

  border-right: 1px solid #efefef;

}



.xemtc:hover {

  color: #4fc22a;

}

.paging-product-category{

  margin-top: 25px;

}

.product {

  background: #fff;

  padding: 35px 0;

}



.product__title {

  border-bottom: 1px solid #999999;

  padding: 8px 10px;

}



.product__title span {

  font-family: "RobotoBold";

  font-size: 16px;

  color: #333333;

  text-transform: uppercase;

}



.product__title a {

  font-size: 15px;

  color: #dc0021;

}



.product__left {

  background: #fff;

  width: 255px;

}



.product__left .product__title {

  text-align: center;

}



.product__categories {

  margin: 0;

  padding: 0 10px;

  list-style-type: none;

}



.product__categories ul {

  margin: 0;

  padding: 0 0 0 5px;

  list-style-type: none;

}



.product__categories a {

  font-size: 13px;

  color: #333333;

}



.product__categories a i {

  font-size: 10px;

  margin-right: 5px;

}



.product__categories a:hover {

  color: #dc0021;

}



.product__categories > li {

  padding: 5px 0;

  border-bottom: 1px dashed #999999;

}



.product__categories > li:last-child {

  border-bottom: 0;

}



.product__categories > li > a {

  font-family: "RobotoCondensedBold";

  font-size: 14px;

  color: #333333;

  text-transform: uppercase;

}



.photo-grid {

  display: grid;

  grid-template-columns: repeat(2, calc(50% - (10px * 2 / 3)));

  grid-gap: 10px;

  margin-top: 40px;

}



.video-grid {

  display: grid;

  grid-template-columns: repeat(3, calc(33.33% - (20px * 2 / 3)));

  grid-gap: 20px;

}



.video-items__name {

  text-align: center;

  margin-top: 10px;

  color: #000;

  font-size: 18px;

  font-family: 'RobotoBold';

}



.fotorama__wrap {

  margin: auto;

}



.product__grid {

  display: grid;

  grid-template-columns: repeat(5,1fr);

  grid-gap: 24px;

}



.product__grid__inner {

  grid-template-columns: repeat(5, calc(20% - 8px));

}



.product-items {

  position: relative;

  text-align: center;

  background: #fff;

  text-align: center;

}



.cart-add {

  position: absolute;

  bottom: 0px;

  width: 50px;

  height: 50px;

  line-height: 50px;

  color: #fff;

  background: #4fc22a;

  font-size: 18px;

  text-align: center;

  border-top-left-radius: 50%;

  right: -60px;

  cursor: pointer;

  transition: 1s;

}



.product-items:hover .cart-add,.box_dx:hover .cart-add {

  right: 0px;

}



.product_noidung {

  padding-left: 12px;

  padding-right: 12px;

}



.product-items .img {

  position: relative;

  overflow: hidden;

}



.product-items .img .giamgia {

  position: absolute;

  top: 5px;

  left: 5px;

  background: #d62020;

  color: #fff;

  font-size: 13px;

  font-family: 'RobotoRegular';

  padding: 5px 5px;

  min-width: 44px;

}



.product-items .img img {

  margin: 0 auto;

}



.product-items__name {

 font-weight: normal;

 margin-bottom: 0px;

 padding-top: 10px;

}



.product-items__name a {

  display: block;

  font-size: 16px;

  color: #333333;

}



.product-items__name a:hover {

  color: #4fc22a;

}



.product-items__price {

  position: relative;

  text-align: center;

  display: block;

  padding-bottom: 5px;

}



.product-items__price div {

  display: inline-block;

}



.product-items__price--new {

  font-size: 15px;

  color: #ff0000;

  display: inline-block;

  padding-right: 7px;

}



.product-items__price--new span {

  color: #ff0000;

  font-weight: 600;

}



.product-items__price--old {

  color: #a3a3a3;

  text-decoration: line-through;

  display: inline-block;

  padding-left: 7px;

}

.pproduct__price{

  text-align: center;

  padding-bottom: 5px;

}

.attr-label-pro-detail {

  font-weight: bold;

}



.quantity-pro-detail {

  width: 100%;

  max-width: 110px;

  line-height: normal;

  display: flex;

  align-items: center;

  justify-content: space-between;

  text-align: center;

}



.quantity-pro-detail span {

  line-height: 25px;

  padding: 0px;

  width: 30px;

  height: 30px;

  color: #5f5f5f;

  cursor: pointer;

  font-size: 22px;

  border: 1px solid #cccccc;

}



.quantity-pro-detail span.quantity-plus-pro-detail {

  border-left: 0px;

}



.quantity-pro-detail span.quantity-minus-pro-detail {

  border-right: 0px;

}



.quantity-pro-detail input {

  height: 30px;

  border: 1px solid #cccccc;

  width: calc(100% - 60px);

  text-align: center;

  font-size: 14px;

  padding: 5px;

}



.cart-pro-detail {

  margin-bottom: 1rem;

  display: flex;

  align-items: stretch;

  justify-content: flex-start;

  margin-top: 10px;

}



.cart-pro-detail a {

  width: auto;

  text-align: center;

  color: #fff;

  padding: 8px 15px;

  text-transform: uppercase;

  border-radius: 3px;

}



.cart-pro-detail a.addnow {

  margin-right: 10px;

  background-color: #fd6e1d;

  cursor: pointer;

}



.cart-pro-detail a.buynow {

  background-color: #4fc22a;

  cursor: pointer;

}



.cart-pro-detail a.buynow:hover,.cart-pro-detail a.addnow:hover {

  background-color: #46a825;

}



.cart-pro-detail a i {

  vertical-align: top;

  margin-top: 3px;

  margin-right: 8px;

}



.news__grid {

  display: grid;

  grid-template-columns: repeat(4, calc(25% - (20px * 3 / 4)));

  grid-gap: 20px;

}



.news-items {

  position: relative;

  text-align: center;

}



.news-items .img img {

  margin: 0 auto;

}



.news-items {

  font-weight: normal;

  margin: 0;

  margin-top: 10px;

}



.news-items .items__name a {

  display: block;

  font-size: 16px;

  color: #333;

  margin-bottom: 5px;

  font-family: 'RobotoBold';

  margin-top: 10px;

}



.news-items .items__name a:hover {

  color: #dc0021;

}



.news-items .news__mota {

  color: #333;

  font-size: 14px;

  font-family: 'RobotoRegular';

  text-align: left;

}



.adv {

  background: #eaeaea;

}







/*about*/

.about {

  padding: 80px 0;

  position: relative;

  padding-bottom: 180px;

}



.about__left {

  width: 49.6664195701%;

}



.about__right {

  width: 44.4773906597%;

  position: relative;

}



.about__title {

  color: #b5b5b5;

  font-size: 18px;

  font-family: 'RobotoCondensed-Light';

}



.about__ten {

  color: #0342ac;

  font-size: 40px;

  text-transform: uppercase;

  font-family: SFUTradeGothicBoldCondTwenty;

  margin: 10px 0px;

  margin-bottom: 30px;

}



.about__desc {

  text-align: justify;

  font-size: 14px;

  font-family: 'RobotoRegular';

  line-height: 25px;

  -webkit-column-count: 2;

  -moz-column-count: 2;

  column-count: 2;

  -webkit-column-gap: 40px;

  -moz-column-gap: 40px;

  column-gap: 40px;

}



.about__viewmore {

  display: block;

  width: 110px;

  height: 44px;

  line-height: 44px;

  font-size: 14px;

  color: #5e5e5e;

  text-align: center;

  border: 1px solid #0342ac;

  text-transform: uppercase;

  font-family: 'RobotoCondensedRegular';

  margin-top: 15px;

  position: relative;

}



.about__viewmore:after {

  position: absolute;

  content: "";

  width: 118px;

  height: 36px;

  left: -5px;

  top: 50%;

  transform: translate(0,-50%);

  border: 1px solid #0342ac;

}



.about__viewmore:hover {

  background: #0342ac;

  color: #fff;

}



.keyframes_img {

  position: absolute;

  -webkit-animation-duration: 8s;

  -webkit-animation-iteration-count: infinite;

  animation-duration: 8s;

  animation-iteration-count: infinite;

  z-index: 999999;

}



@keyframes key_one {

  0% {

    left: 0;

    top: 0;

    z-index: 2;

  }



  25% {

    left: calc(100% - 360px);

    top: 0;

    z-index: 1;

  }



  50% {

    left: calc(100% - 360px);

    top: 130px;

    z-index: 2;

  }



  75% {

    left: 0;

    top: 130px;

    z-index: 1;

  }



  100% {

    left: 0;

    top: 0;

    z-index: 2;

  }

}



@keyframes key_two {

  0% {

    left: calc(100% - 360px);

    top: 130px;

    z-index: 1;

  }



  25% {

    left: 0;

    top: 130px;

    z-index: 2;

  }



  50% {

    left: 0;

    top: 0;

    z-index: 1;

  }



  75% {

    left: calc(100% - 360px);

    top: 0;

    z-index: 2;

  }



  100% {

    left: calc(100% - 360px);

    top: 130px;

    z-index: 1;

  }

}



.intro-1 {

  -webkit-animation-name: key_one;

  animation-name: key_one;

  top: 0;

  left: 0;

  z-index: 1;

  height: 440px;

}



.intro-2 {

  top: 110px;

  left: calc(100% - 450px);

  z-index: 0;

  -webkit-animation-name: key_two;

  animation-name: key_two;

  height: 440px;

}



.product__right {

  width: 100%;

}



.title {

  padding-bottom: 20px;

}



.title span {

  display: block;

  font-family: 'SFUFuturaBold';

  font-size: 26px;

  color: #18b04b;

  text-align: center;

}



.why {

  padding: 50px 0;

}



.why-items .img {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 125px;

  height: 144px;

  background: url("../images/bg_why.png") no-repeat;

  margin: 0 auto;

}



.why-items .img img {

  width: auto;

  margin: 0 auto;

}



.why-items__name {

  font-family: "RobotoBold";

  font-size: 18px;

  color: #333;

  text-align: center;

  text-transform: uppercase;

  padding: 10px 0 5px;

}



.why-items__desc {

  font-size: 15px;

  color: #333;

  text-align: center;

}



.staff {

  background: #eaeaea;

  padding: 40px 0;

}



.staff__grid {

  display: grid;

  grid-template-columns: repeat(2, calc(50% - 20px));

  grid-gap: 40px;

}



.staff-items {

  margin-bottom: 35px;

}



.staff-items .img {

  width: calc(50% - 20px);

  position: relative;

}



.staff-items .img:after {

  position: absolute;

  content: "";

  width: 40px;

  height: 2px;

  background: #333;

  right: -20px;

  top: 40px;

}



.staff-items__info {

  width: calc(50% - 20px);

}



.staff-items__name {

  display: block;

  font-size: 40px;

  color: #333;

  text-transform: uppercase;

  line-height: 1.2;

}



.staff-items__name:hover {

  color: #dc0021;

}



.staff-items__position {

  font-family: "RobotoBold";

  font-size: 18px;

  color: #333;

  text-transform: capitalize;

  padding: 5px 0;

}



.staff-items__desc {

  font-family: "RobotoItalic";

  font-size: 15px;

  color: #333;

  text-align: justify;

}



.staff .box_owl .staff-items:nth-child(2) {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

  margin-bottom: 0;

}



.staff .box_owl .staff-items:nth-child(2) .img:after {

  right: initial;

  left: -20px;

}



.feedback {

  padding: 40px 0;

}



.feedback-items .img {

  border-radius: 15px;

  overflow: hidden;

}



.feedback-items__name {

  display: block;

  font-family: "RobotoBold";

  font-size: 16px;

  text-align: center;

  padding: 10px 0;

  color: #333;

}



.feedback-items__name:hover {

  color: #dc0021;

}



.footer {background: #0000cc;padding: 50px 0;}



.footer .col_1 {

  display: grid;

  grid-template-columns: 40% 60%;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.footer .col_2 {

  display: grid;

  grid-template-columns: 30% 25% 35%;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.footer__right .footer-col:nth-child(1){

  width: 48%;

  float: left;

}

.footer__right .footer-col:nth-child(2){

  width: 48%;

  float: right;

}



.footer-company {

  font-family: "SFUFuturaBold";

  font-size: 24px;

  color: #fff;

  text-transform: uppercase;

  position: relative;

}



.footer-row {

  margin-bottom: 10px;

  font-size: 14px;

  color: #fff;

}



.footer-row img {

  margin-right: 10px;

}



.footer .social {

  display: flex;

  align-items: center;

}



.footer .social span {

  text-transform: capitalize;

  margin-right: 10px;

  color: #fff;

  font-size: 24px;

  font-family: 'Roboto-Black';

}



.text_ft {

  color: #fff;

}



.dienthoai_ft {

  position: relative;

  background: url(../images/bgcalft.png)no-repeat;

  margin-top: 30px;

  color: #fff;

  padding-left: 40px;

  height: 80px;

  font-size: 45px;

  font-family: 'Roboto-Black';

  line-height: 45px;

}



.footer-title {

  font-family: "SFUFuturaBold";

  font-size: 16px;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 15px;

  position: relative;

}

.footer-link {

  display: block;

  color: #fff;

  padding: 4px 0;

}



.footer-link:hover {

  color: #dc0021;

}



.content_ft a {

  color: #fff;

  font-size: 16px;

}



.copyright {

  background: #eaeaea;

  font-size: 13px;

  color: #333;

  padding: 13px 0;

  text-align: center;

}



.copyright-right span {

  padding: 0 10px;

  position: relative;

}



.copyright-right span:after {

  position: absolute;

  content: "";

  width: 1px;

  height: 10px;

  background: #333;

  left: 100%;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%);

}



.copyright-right span:last-child:after {

  display: none;

}



.map {

  background: #eaeaea;

}



.map iframe {

  width: 100% !important;

  height: 365px;

}



.scrollToTop {

  position: fixed;

  right: 10px;

  bottom: 10px;

  z-index: 99999;

  cursor: pointer;

}

.pd-detail__top {

  display: grid;

  grid-template-columns: 41.5% 57%;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.pd-detail__name {

  font-family: "RobotoBold";

  font-size: 20px;

  color: #333;

  margin-bottom: 10px;

}



.pd-detail__info {

  padding: 5px 0;

}



.pd-detail__info b {

  font-family: "RobotoBold";

  font-weight: normal;

  margin-right: 10px;

}



.pd-detail__price {

  padding: 10px;

  background: #f1f1f1;

}



.pd-detail__price--old {

  color: #999;

  text-decoration: line-through;

  margin-right: 10px;

}



.pd-detail__price--new {

  font-family: "RobotoBold";

  font-size: 25px;

  color: #d20000;

}



.pd-detail__quantity {

  border: 1px solid #dfdfdf;

  width: 100%;

  max-width: 100px;

  height: 30px;

  line-height: normal;

  text-align: center;

  border-radius: 3px;

}



.pd-detail__tab__nav {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  border-bottom: 1px solid #eee;

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.pd-detail__tab__nav li {

  font-family: "RobotoBold";

  font-size: 15px;

  color: #333;

  text-transform: capitalize;

  padding: 10px 20px;

  cursor: pointer;

  border: 1px solid #eee;

  border-bottom: 0;

}



.pd-detail__tab__nav li:hover {

  color: #dc0021;

}



.pd-detail__tab__nav li.active {

  background: #dc0021;

  color: #fff;

}



.pd-detail__tab__content {

  padding: 10px;

  border: 1px solid #eee;

  border-top: 0;

  display: none;

}



.pd-detail__tab__content.active {

  display: block;

}



.pd-detail__buynow {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 100%;

  max-width: 200px;

  padding: 12px 0;

  background: #cc0000;

  border: 0;

  border-radius: 5px;

  font-size: 15px;

  color: #fff;

  margin-bottom: 10px;

  cursor: pointer;

}



.pd-detail__buynow i {

  margin-right: 10px;

}



.post-grid {

  display: grid;

  grid-template-columns: 100%;

  grid-gap: 40px;

}



.post-items {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

  position: relative;

}



.post-items .img {

  width: 57.0793180133%;

}



.post-items .img img {

  width: 100%;

}



.post-items__name {

  width: 41%;

  background: #0069B4;

  font-weight: normal;

  margin: 0;

  padding: 50px;

}



.post-items__name a {

  display: block;

  font-size: 30px;

  color: #fff;

  text-transform: uppercase;

}



.post-items__desc {

  width: 50%;

  position: absolute;

  left: 50px;

  top: 100px;

  background: #1874C1;

  padding: 15px;

  color: #fff;

  text-transform: uppercase;

  text-align: left;

}



.post-items__desc:before {

  position: absolute;

  content: "";

  width: 2px;

  height: 40px;

  background: #fff;

  left: 0;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%);

}



.post-items:nth-child(even) {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

}



.post-items:nth-child(even) .post-items__name a {

  text-align: right;

}



.post-items:nth-child(even) .post-items__desc {

  text-align: right;

  left: initial;

  right: 50px;

}



.post-items:nth-child(even) .post-items__desc:before {

  left: initial;

  right: 0;

}



.others {

  background: #e6e6e6;

  padding: 20px 0;

}



.others__title {

  font-size: 20px;

  color: #363636;

  margin-bottom: 15px;

  padding-bottom: 5px;

  position: relative;

}



.others__title:before {

  position: absolute;

  content: "";

  width: 50px;

  height: 2px;

  background: #363636;

  left: 0;

  bottom: 0;

}



.contact__map {

  width: 100%;

  height: 400px;

}



.contact__map iframe {

  display: block !important;

  width: 100% !important;

  height: 100% !important;

  border: 0 !important;

}



.detail {

  padding: 0px;

}



.detail__title {

  font-family: "RobotoBold";

  font-size: 1.375rem;

  color: #333;

  margin-bottom: 15px;

}



.detail__share {

  padding: 10px;

  -webkit-box-shadow: 0 0 7px 0 rgba(50, 50, 50, 0.11);

  box-shadow: 0 0 7px 0 rgba(50, 50, 50, 0.11);

}



.detail__share b {

  font-family: "RobotoBold";

  margin-right: 5px;

}



.detail__share #atstbx {

  height: 20px;

  overflow: hidden;

  margin-right: 3px;

}



.split-1row {

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.split-2rows {

  overflow: hidden;

  text-overflow: ellipsis;

  line-height: 22px;

  -webkit-line-clamp: 2;

  height: 44px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

}



.split-3rows {

  overflow: hidden;

  text-overflow: ellipsis;

  line-height: 22px;

  -webkit-line-clamp: 3;

  height: 66px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

}



.split-4rows {

  overflow: hidden;

  text-overflow: ellipsis;

  line-height: 22px;

  -webkit-line-clamp: 4;

  height: 88px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

}



.split-5rows {

  overflow: hidden;

  text-overflow: ellipsis;

  line-height: 22px;

  -webkit-line-clamp: 5;

  height: 100px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

}



.text-error {

  color: #f00;

}



.text-success {

  color: #06a704;

}



.bg-white {

  background: #fff;

}



.detail__content img, .detail__content iframe {

  max-width: 100% !important;

  height: auto !important;

}



.scroll-to-top {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: fixed;

  width: 32px;

  height: 32px;

  background: none;

  color: #fff;

  font-size: 20px;

  cursor: pointer;

  right: 15px;

  bottom: 20px;

  border-radius: 3px;

  z-index: 9999;

}



.scroll-to-top:hover {

  background: #cc0000;

}



.breadcrumb {

  background: #f9f9f9;

  padding: 8px 10px;

  margin-bottom: 0px;

  position: relative;

  z-index: 1;

}



.breadcrumb ol {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  list-style-type: none;

  margin: 0 auto;

  padding: 0;

}



.breadcrumb a {

  color: #2b2b2b;

}



.breadcrumb i {

  font-style: normal;

  color: #888;

  padding: 3px 5px 0;

}



.breadcrumb a:hover span {

  color: #dc0021;

}



.breadcrumb li:last-child span {

  color: #dc0021;

}



.breadcrumb li:last-child i {

  display: none;

}



.clearfix:after {

  display: block;

  content: "";

  clear: both;

}

/* Phân Trang */

.pagination-home .pagination .page-item .page-link {

  color: #555555;

  font-size: .875rem;

}



.pagination-home .pagination .page-item.active .page-link {

  color: #ffffff;

  background-color: #555555;

  border-color: #555555;

}



/* Phân Trang Ajax */

.pagination-ajax {

  text-align: center;

}



.pagination-ajax a {

  display: inline-block;

  vertical-align: top;

  margin: 0px 2px 3px 2px;

  color: #fff;

  background: #18b04b;

  border: 1px solid rgba(24,176,75, 0.4);

  font-size: 14px;

  cursor: pointer;

  height: 35px;

  width: 35px;

  border-radius: 2px;

  text-align: center;

  padding-top: 5px;

}



.pagination-ajax a.current, .pagination-ajax a:hover {

  background: #dc0021;

  color: #fff !important;

  border-color: #dc0021;

}



.input-field {

  margin-bottom: 20px;

}



.input-field label {

  display: block;

  font-family: "RobotoBold";

  font-weight: normal;

  margin-bottom: 5px;

}



.input-field input {

  display: block;

  width: 100%;

  height: 40px;

  border: 1px solid #eee;

  border-radius: 3px;

  background: #fff;

  padding-left: 10px;

}



.input-field input:hover, .input-field input:focus {

  border-color: #dc0021;

  -webkit-box-shadow: 0 0 0 1px #dc0021;

  box-shadow: 0 0 0 1px #dc0021;

}



.input-field select {

  display: block;

  width: 100%;

  height: 40px;

  border: 1px solid #eee;

  background: #fff;

  padding-left: 10px;

}



.input-field select:hover, .input-field select:focus {

  border-color: #dc0021;

  -webkit-box-shadow: 0 0 0 1px #dc0021;

  box-shadow: 0 0 0 1px #dc0021;

}



.input-field textarea {

  display: block;

  width: 100%;

  min-height: 100px;

  border: 1px solid #eee;

  border-radius: 3px;

  background: #fff;

  padding: 10px;

}



.input-field textarea:hover, .input-field textarea:focus {

  border-color: #dc0021;

  -webkit-box-shadow: 0 0 0 1px #dc0021;

  box-shadow: 0 0 0 1px #dc0021;

}



.effect-img {

  position: relative;

  overflow: hidden;

}



.effect-img:before {

  position: absolute;

  content: "";

  width: 0;

  height: 0;

  left: 15px;

  top: 15px;

  z-index: 33;

  background: transparent;

  border-top: 0 solid #fff;

  border-left: 0 solid #fff;

}



.effect-img:after {

  position: absolute;

  content: "";

  width: 0;

  height: 0;

  right: 15px;

  bottom: 15px;

  z-index: 33;

  background: transparent;

  border-bottom: 0 solid #fff;

  border-right: 0 solid #fff;

}



.effect-img:hover img {

  -webkit-transform: scale(1.05);

  transform: scale(1.05);

}



.effect-img:hover:before {

  width: calc(100% - 30px);

  height: calc(100% - 30px);

  border-top-width: 1px;

  border-left-width: 1px;

}



.effect-img:hover:after {

  width: calc(100% - 30px);

  height: calc(100% - 30px);

  border-bottom-width: 1px;

  border-right-width: 1px;

}



.effect-zoom .animate-image {

  overflow: hidden;

}



.effect-zoom:hover .animate-image img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



.image-zoom {

  overflow: hidden;

}



.image-zoom:hover img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}



.effect-rotate-360 {

  overflow: hidden;

}



.effect-rotate-360:hover img {

  -webkit-transform: rotate(360deg);

  transform: rotate(360deg);

}



.effect-rotate {

  overflow: hidden;

}



.effect-rotate:hover img {

  -webkit-transform: rotate(720deg);

  transform: rotate(720deg);

}



@-webkit-keyframes shake {

  0% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    transform: rotate(0) scale(1) skew(1deg);

  }



  10% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    transform: rotate(-25deg) scale(1) skew(1deg);

  }



  20% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    transform: rotate(25deg) scale(1) skew(1deg);

  }



  30% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    transform: rotate(-25deg) scale(1) skew(1deg);

  }



  40% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    transform: rotate(25deg) scale(1) skew(1deg);

  }



  50% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    transform: rotate(0) scale(1) skew(1deg);

  }



  100% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    transform: rotate(0) scale(1) skew(1deg);

  }

}



@keyframes shake {

  0% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    transform: rotate(0) scale(1) skew(1deg);

  }



  10% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    transform: rotate(-25deg) scale(1) skew(1deg);

  }



  20% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    transform: rotate(25deg) scale(1) skew(1deg);

  }



  30% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    transform: rotate(-25deg) scale(1) skew(1deg);

  }



  40% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    transform: rotate(25deg) scale(1) skew(1deg);

  }



  50% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    transform: rotate(0) scale(1) skew(1deg);

  }



  100% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    transform: rotate(0) scale(1) skew(1deg);

  }

}



.shake {

  -webkit-animation: shake 1s infinite ease-in-out;

  animation: shake 1s infinite ease-in-out;

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

}



@-webkit-keyframes fadeindown {

  0% {

    opacity: 0;

    -webkit-transform: translatey(-20px);

    transform: translatey(-20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translatey(0);

    transform: translatey(0);

  }

}



@keyframes fadeindown {

  0% {

    opacity: 0;

    -webkit-transform: translatey(-20px);

    transform: translatey(-20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translatey(0);

    transform: translatey(0);

  }

}



label.error {

  display: block !important;

  position: relative !important;

  font-size: 11px !important;

  color: #f00 !important;

  -webkit-transform: initial !important;

  transform: initial !important;

  text-align: right;

}



@-webkit-keyframes zoomInRight {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}



@keyframes zoomInRight {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.blink_me {

  animation: none;

}

@keyframes blinker {

  50% {

    opacity: 0;

  }

}

#hamburger {

  display: none;

  width: 29px;

  height: 23px;

  position: relative;

}



#hamburger:before, #hamburger:after, #hamburger span {

  background: #fff;

  content: '';

  display: block;

  width: 100%;

  height: 2px;

  position: absolute;

  left: 0px;

}



#hamburger:before {

  top: 0px;

}



#hamburger span {

  top: 10px;

}



#hamburger:after {

  top: 20px;

}



#hamburger:before, #hamburger:after, #hamburger span {

  -webkit-transition: none 0.5s ease 0.5s;

  transition: none 0.5s ease 0.5s;

  -webkit-transition-property: transform,top,bottom,left,opacity;

  -webkit-transition-property: top,bottom,left,opacity,-webkit-transform;

  transition-property: top,bottom,left,opacity,-webkit-transform;

  transition-property: transform,top,bottom,left,opacity;

  transition-property: transform,top,bottom,left,opacity,-webkit-transform;

}



.mm-wrapper_opening #hamburger:before, .mm-wrapper_opening #hamburger:after {

  top: 10px;

}



.mm-wrapper_opening #hamburger span {

  left: -50px;

  opacity: 0;

}



.mm-wrapper_opening #hamburger:before {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.mm-wrapper_opening #hamburger:after {

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



.mm-menu_opened {

  display: block !important;

}



.goog-logo-link {

  display: none !important;

}



.goog-te-gadget {

  color: transparent !important;

  height: 30px !important;

}



.goog-te-gadget .goog-te-combo {

  color: #000 !important;

  padding: 4px 2px;

  font-size: 11px;

  max-width: 120px;

}

/* Toc */

.box-readmore{

  padding:8px 15px;

  border:1px solid #dedede;

  margin-bottom:2rem;

  border-radius:5px;

  background-color:#eeeeee;

}

.box-readmore li ul>li{

  margin:0;

  margin-bottom:8px

}

.box-readmore li ul>li:before{

  content:counters(item,".") " "

}

.box-readmore ul{

  list-style-type:none;

  counter-reset:item;

  margin-bottom:0px;

  padding-left:0px!important;

  margin-top:8px;

}

.box-readmore ul li{

  display:table;

  counter-increment:item;

  margin-bottom:5px

}

.box-readmore ul li:before{

  content:counters(item,".") ". ";

  display:table-cell;

  padding-right:5px

}

.box-readmore ul li a{

  color:#333333;

  cursor:pointer;

  font-weight:600;

}

.box-readmore ul li a:hover{

  color:#767676;

}

.header__bottom

{background: #ffffff;padding: 10px 0px;}

.hotline__right

{

  background: url(../images/phone.png) no-repeat left top;

  padding-left: 65px;

  float: left;

  margin-top: 27px;

}

.logo__left{

  float: left;

  width: 250px;

  text-align: center;

  margin-right: 25px;

  margin-top: 20px;

}

.banner__mid{

  float: left;

  margin-right: 100px;

  margin-top: 7px;

}

.content__phone span{display: block;color: #dd0b0b;font-family: 'SFUFuturaBold';font-size: 20px;line-height: 24px;}

.title__hotline{color: #0000cc;font-size: 16px;}

.title__category

{

  border-top: 1px solid #efefef;

  border-bottom: 1px solid #efefef;

}

.title__category__main{

  background: #18b04b;

  display: inline-block;

  line-height: 50px;

  color: #Fff;

  padding: 0px 25px 0px 25px;

  text-transform: uppercase;

}

.footer__left{

  width: 40%;

  float: left;

  padding-right: 15px;

}

.footer__right{

  width: 60%;

  float: right;

  padding-top: 15px;

}

.header__top{background: #df0505;height: 35px;overflow: hidden;}

.header__top .adress,.header__top .phone,.header__top .phone,.header__top .social-net{

  display: inline-block;

}

.header__top .adress,.header__top .phone,.header__top .phone{

  font-size: 15px;

  line-height: 35px;

}

.social-net{

  position: absolute;

  right: 0px;

  top: 0px;

}

.social-net a{

  height: 35px;

  display: inline-block;

  width: 35px;

  background: #333;

  color: #fff;

  font-size: 20px;

  text-align: center;

}

.header__top .phone{

  padding: 0px 15px;

}

.header__top .phone a{

  font-size: 18px;

}



.boxkhunghinh:before, .boxkhunghinh:after {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    margin: 10px;

    -webkit-transition: 0.5s ease-out;

    -moz-transition: 0.5s ease-out;

    -o-transition: 0.5s ease-out;

    transition: 0.5s ease-out;

    z-index: 123;

    width: 100%;

    height: 100%;

}

.boxkhunghinh:before {

    width: 0;

    height: calc(100% - 24px);

    border-top: 2px solid #18b04b;

    border-bottom: 2px solid #18b04b;

    box-sizing: border-box;

}

.boxkhunghinh:after {

    width: calc(100% - 24px);

    height: 0;

    border-left: 2px solid #18b04b;

    border-right: 2px solid #18b04b;

    box-sizing: border-box;

}

.product-items:hover .boxkhunghinh:before {

    width: calc(100% - 24px);

}

.product-items:hover .boxkhunghinh:after {

    height: calc(100% - 24px);

}

span.hover-sp{

  background: rgba(0, 0, 0, 0.4);

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  -webkit-transition: 0.5s ease-out;

    -moz-transition: 0.5s ease-out;

    -o-transition: 0.5s ease-out;

    transition: 0.5s ease-out;

    z-index: 5;

    opacity: 0;

    visibility: hidden;

}

.product-items:hover span.hover-sp{

   opacity: 1;

   visibility: visible;

}

.left__detail__product {

    width: calc(100% - 320px);

    float: left;

}

.right__detail__product

{

    width: 280px;

    float: right;

}

/*==sidebar==*/

.aside--sticky {position: -webkit-sticky; position: sticky;}

.group-sidebox {margin: 0 0 20px; position: relative; padding: 10px 10px; border: 1px solid #e7e7e7; }

.group-sidebox .sidebox-title h3 {font-size: 18px; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #323232; text-align: center; position: relative; color: #000000; font-weight:700;font-family:var(--font-main) }

.list-latest .item-article{display: flex;position: relative;}

.list-latest .item-article:not(:last-child){margin-bottom:10px;}

.list-latest .item-article:not(:last-child):after{content: ""; display: block; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: -5px;}

.list-latest .item-article .post-image {width: 30%; position: relative; }

.list-latest .item-article .post-image img{width: 100%;height: 100%;object-fit: cover}

.list-latest .item-article .post-content {width: 70%; padding-left: 10px; }

.list-latest .item-article .post-content h3 {line-height: 20px}

.list-latest .item-article .post-content h3 a {white-space: initial; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;color: #000000;font-family: var(--font-main);font-weight:500;line-height:18px;font-size: 15px;}

.list-latest .item-article .post-content h3 a:hover{color: #ff0000}

.list-latest .item-article .post-content .post-meta {font-size: 13px;font-family: var(--font-main);color:#999}

.list-latest .item-article .post-content .post-meta-price span:nth-child(2){color: #e60e0e;font-weight: 700}

/*===*/

.menuList-links {margin: 0;list-style: none;padding: 0px;}

.menuList-links li {position: relative; }

.menuList-links li a {color: #252a2b; position: relative; font-size: 14px; display: block;font-family:var(--font-main)}

.menuList-links li a:hover, .menuList-links li a:focus {color: #18b04b; }

.menuList-links > li {border-bottom: 1px solid #e7e7e7; }

.menuList-links > li:last-child {border-bottom: none; }

.menuList-links > li > a {padding: 12px 0; font-weight: 500; font-size: 15px; } 

.menuList-links > li.has-submenu > a {padding-right: 30px; }

.menuList-links > li.has-submenu .icon-plus-submenu:hover {border: 1px solid #e7e7e7; }

ul.submenu-links{

  list-style: none;

  padding-left: 0px;

}

ul.menuList-links li ul.submenu-links {display: none; }

ul.submenu-links li a {padding: 8px 0 8px 0px; }

li.has-submenu.level0 > ul.submenu-links {border-top: 1px dashed #e7e7e7; }

li.has-submenu.level0 > ul.submenu-links li a {padding-left: 12px; }

li.has-submenu.level1 > ul.submenu-links li a {padding-left: 25px; }

.menuList-links > li.has-submenu span.icon-plus-submenu {width: 25px; height: 25px; cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid transparent; }

.icon-plus-submenu:after, .icon-plus-submenu:before {background: rgba(9, 9, 9, 0.6); content: ''; display: block; position: absolute; margin-right: 7px; top: 50%; right: 0; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear; }

.icon-plus-submenu:before {width: 9px; height: 1px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.icon-plus-submenu:after {width: 1px; height: 9px; right: 4px; transform-origin: center; -moz-transform: translateY(-50%) scale(1, 1); -ms-transform: translateY(-50%) scale(1, 1); -webkit-transform: translateY(-50%) scale(1, 1); transform: translateY(-50%) scale(1, 1); }

li.has-submenu.opened > a .icon-plus-submenu:after {-moz-transform: translateY(-50%) scale(1, 0); -ms-transform: translateY(-50%) scale(1, 0); -webkit-transform: translateY(-50%) scale(1, 0); transform: translateY(-50%) scale(1, 0); }

.search{

  position: absolute;

  right: 0px;

  top: 7px;

  z-index: 9;

  width: 260px;

  height: 35px;

  background: #fff;

  border-radius: 30px;

  overflow: hidden;

}

.search p{

  width: 35px;

  height: 35px;

  float: right;

  text-align: center;

  line-height: 35px;

  text-align: center;

  font-size: 18px;

}

.search input{

  width: calc(100% - 35px);

  float: left;

  font-size: 15px;

  border: none;

  height: 35px;

  padding-left: 10px;

}

.search input::focus{

  outline: line;

}

.image__hompage{

  padding: 40px 0px;

  background: #f7f7f7;

}

.image__hompage h2 {

    text-align: center;

    height: 86px;

    font-size: 26px;

    background: url(../images/b.png) no-repeat center 45px;

    font-weight: 500;

    text-transform: uppercase;

    font-family: 'SFUFuturaBold';

    color: #18b04b;

}

  .slide3D .buttons #prev:before,.slide3D .buttons #next:before{font-style:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

  .slide3D{position:relative;width:100%;margin:0 auto;}

  .slide3D #carousel{position:relative;min-height:350px;top:0;overflow:hidden;}



  .slide3D #carousel article{position:absolute;transition:transform 1s, left 1s, opacity 1s, z-index 0s;opacity:1}

  .slide3D #carousel article img{width:400px;transition:width 1s}

  .slide3D #carousel article.hideLeft{left:0%;opacity:0;transform:translateY(50%) translateX(-50%)}

  .slide3D #carousel article.hideLeft img{width:200px}

  .slide3D #carousel article.hideRight{left:100%;opacity:0;transform:translateY(50%) translateX(-50%)}

  .slide3D #carousel article.hideRight img{width:200px}

  .slide3D #carousel article.prev{z-index:5;left:30%;transform:translateY(50px) translateX(-50%)}

  .slide3D #carousel article.prev img{width:300px}

  .slide3D #carousel article.prevLeftSecond{z-index:4;left:15%;transform:translateY(50%) translateX(-50%);opacity:0.7}

  .slide3D #carousel article.prevLeftSecond img{width:200px}

  .slide3D #carousel article.selected{z-index:10;left:50%;transform:translateY(0px) translateX(-50%)}



  .slide3D #carousel article.next{z-index:5;left:70%;transform:translateY(50px) translateX(-50%)}

  .slide3D #carousel article.next img{width:300px}

  .slide3D #carousel article.nextRightSecond{z-index:4;left:85%;transform:translateY(50%) translateX(-50%);opacity:0.7}

  .slide3D #carousel article.nextRightSecond img{width:200px}



  .slide3D #carousel article img{width:290px}

  .slide3D #carousel article.hideLeft img{width:150px}

  .slide3D #carousel article.hideRight img{width:150px}

  .slide3D #carousel article.prev img{width:200px}

  .slide3D #carousel article.prevLeftSecond img{width:150px}

  .slide3D #carousel article.next img{width:200px}

  .slide3D #carousel article.nextRightSecond img{width:150px}



  .slide3D #carousel article.selected .tt{height:100px;font-style:italic;}

  .slide3D #carousel article .tt{height:0;overflow:hidden;position:absolute;top:105%;left:-50%;right:-50%;width:200%;text-align:center;transition:1.6s;z-index:11}

  .slide3D #carousel article .tt a{color:#333;text-decoration:none}

  .slide3D #carousel article .tt a:hover{color:Red;}

  .ma .tt strong{display:block;font-size:16px;margin-bottom:10px;font-weight:500;}

  .ma .tt span{display:block;}

  .ma .tt .t{padding-top:10px;height:25px;}

  .ma .tt .g{background-color:#333;height:1px;width:30px;overflow:hidden;margin-left:auto;margin-right:auto;border:solid 1px #939393;display:none;}

  .ma .tt .f{margin-left:auto;margin-right:auto;line-height:20px;height:40px;overflow:hidden;}



  .slide3D .buttons #prev,.slide3D .buttons #next{position:absolute;display:flex;align-items:center;top:50px;height:100%;cursor:pointer;padding-bottom:90px;z-index:10}

  .slide3D .buttons #prev:before,.slide3D .buttons #next:before{font-size:40px;display:block}



  .slide3D .buttons #next,.slide3D .buttons #prev{width:16px;height:200px;}

  .slide3D .buttons #prev{left:20px;background:url(../images/c.png) no-repeat left center;}

  .slide3D .buttons #next{right:20px;background:url(../images/c.png) no-repeat right center;}

  #owl-image{

    display: none;

  }

  .slider__left

  {

    width: calc(100% - 400px);

    float: left;

  }

  .slider__right

  {

    width: 390px;

    float: right;

  }

  .slider__main

  {

    padding-top: 10px;

  }

  .items__slider

  {

    margin-bottom: 5px;

  }

  .vert .simply-scroll-clip

  {

    width: 100% !important;

    height: 360px !important;

  }

  .vert

  {

    width: 100% !important;

    height: 360px !important;

    margin-bottom: 0px !important;

  }

  .slider___itemss

  {

    margin-bottom: 10px;

  }

  .title__slider

  {

    font-family: 'SFUFuturaBold';

    text-transform: uppercase;

  }

  .title__slider h2{font-size: 20px;color: #e3db0e;background: #0000cc;padding: 5px 5px 3px 5px;text-align: center;}
.product___code,.propduct__code{
  font-size: 14px;
}
.product__grid__Catalogue
{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
}
.product__grid__Catalogue .product-items
{
    border: 1px solid #cdcdcd;
    background: #fff;
    padding: 5px;
    text-align: center;
    padding-bottom: 20px;
}
.product__grid__Catalogue1 .product-items
{
  padding: 0px;
}
.product__grid__Catalogue1
{

}