@font-face {
  font-family: Open Sans;
  src: url("../Open_Sans/OpenSans-Light.ttf"); }
@font-face {
  font-family: Oswald;
  src: url("../font/Oswald/Oswald-Bold.ttf"); }
* {
  margin: 0;
  padding: 0;
  font-family: "Open Sans",'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal; }

body {
  font-family: "Open Sans",'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal; }
  .check_marquee{
        position: fixed;
        bottom: 0;
        background-color: #0f90a4;
        padding: 7px 0px;
        z-index: 999;
    }
    .hotline_img img {
        margin-top: -12px;
        margin-bottom: -10px;
    }
    .padding_marquee {
        padding: 0px 30px;
    }
.nenmo {
  width: 100%;
  height: 100%;
  background: #69686870;
  position: fixed;
  top: 0px;
  left: 0px;
  margin-left: 1px;
  z-index: 900;
  opacity: 0;
  visibility: hidden;
  transition: 0.9s; }

.hienra {
  opacity: 1;
  visibility: visible; }

#wrapper .container {
  max-width: 1170px; }
#wrapper .menu-header {
  background: #e5e5e5; }
  #wrapper .menu-header .noidung {
    width: 100%;
    padding: 8px 15px; }
    #wrapper .menu-header .noidung .menu-title {
      float: left;
      width: 38%;
      cursor: pointer; }
      #wrapper .menu-header .noidung .menu-title a {
        font-weight: 700;
        position: relative;
        font-size: 12px;
        color: #2a519ea3;
        text-decoration: none; }
        @media only screen and (max-width: 700px) {
          #wrapper .menu-header .noidung .menu-title a {
            font-size: 12px;
            text-decoration: none; } }
        #wrapper .menu-header .noidung .menu-title a:before {
          content: '';
          position: absolute;
          background-image: url("../../../public/upload/product/em.png");
          width: 20px;
          height: 20px;
          top: 0;
          left: 0; }
        #wrapper .menu-header .noidung .menu-title a .emails {
          position: absolute;
          top: 1px; }
          @media only screen and (min-width: 1100px) {
            #wrapper .menu-header .noidung .menu-title a .emails {
              top: 0px; } }
        #wrapper .menu-header .noidung .menu-title a b {
          font-size: 15px;
          color: #3a7eb7;
          margin-left: 20px; }
          @media only screen and (max-width: 700px) {
            #wrapper .menu-header .noidung .menu-title a b {
              font-size: 8px; } }
    #wrapper .menu-header .noidung .menu-login {
      float: right;
      width: 62%;
      text-align: right; }
      #wrapper .menu-header .noidung .menu-login a {
        text-decoration: none;
        color: #3c3c3c;
        margin-left: 10px; }
        @media only screen and (max-width: 700px) {
          #wrapper .menu-header .noidung .menu-login a {
            font-size: 12px; } }
        #wrapper .menu-header .noidung .menu-login a .signup {
          color: #9e9e9e; }
        #wrapper .menu-header .noidung .menu-login a .signin {
          color: #9e9e9e; }
#wrapper #header {
  width: 100%;
  margin-top: 5px; }
  #wrapper #header .header .logo {
    position: relative;margin-top: 20px; }
    #wrapper #header .header .logo img {
      object-fit: unset; }
    @media only screen and (max-width: 800px) {
      #wrapper #header .header .logo {
        display: none!important; } }
  #wrapper #header .header .logo-mobile {
    display: none;
    position: relative; }
    @media only screen and (max-width: 800px) {
      #wrapper #header .header .logo-mobile {
        display: block;
        width: 100%; } }
    #wrapper #header .header .logo-mobile .sidebar-menu {
      position: fixed;
      top: 0;
      left: -70%;
      width: 70%;
      z-index: 1000;
      height: 100%;
      transition: all 0.5s;
      background: #fbfbfb; }
      #wrapper #header .header .logo-mobile .sidebar-menu h4 {
        font-weight: 600;
        background: #fff;
        padding: 15px 10px;
        text-align: center; }
      #wrapper #header .header .logo-mobile .sidebar-menu .detail-menu {
        background: #fbfbfb;
        font-weight: 600;
        border-top: 2px dashed #ddd;
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #9e772a; }
      #wrapper #header .header .logo-mobile .sidebar-menu ul {
        margin: 0;
        padding: 20px 0;
        padding-top: 0px; }
        #wrapper #header .header .logo-mobile .sidebar-menu ul li {
          list-style: none; }
          #wrapper #header .header .logo-mobile .sidebar-menu ul li a {
            padding: 10px 20px;
            display: block;
            color: #9e772a;
            text-decoration: none;
            border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
            #wrapper #header .header .logo-mobile .sidebar-menu ul li a i {
              margin-right: 10px; }
        #wrapper #header .header .logo-mobile .sidebar-menu ul .phone-sub {
          position: relative; }
          #wrapper #header .header .logo-mobile .sidebar-menu ul .phone-sub #phone-sub {
            background: #9e772a;
            width: 15px;
            height: 4px;
            cursor: pointer;
            position: absolute;
            right: 20px;
            top: 18px;
            transition: all 0.4s; }
          #wrapper #header .header .logo-mobile .sidebar-menu ul .phone-sub #phone-sub:before {
            content: '';
            background: #9e772a;
            cursor: pointer;
            width: 15px;
            height: 4px;
            position: absolute;
            transform: rotate(90deg);
            transition: all 0.4s; }
          #wrapper #header .header .logo-mobile .sidebar-menu ul .phone-sub .minus:before {
            cursor: pointer;
            transform: rotate(0deg) !important;
            transition: all 0.4s; }
        #wrapper #header .header .logo-mobile .sidebar-menu ul .product-sub {
          position: relative; }
          #wrapper #header .header .logo-mobile .sidebar-menu ul .product-sub #product-sub {
            background: #9e772a;
            width: 15px;
            height: 4px;
            cursor: pointer;
            position: absolute;
            right: 20px;
            top: 18px;
            transition: all 0.4s; }
          #wrapper #header .header .logo-mobile .sidebar-menu ul .product-sub #product-sub:before {
            content: '';
            background: #9e772a;
            cursor: pointer;
            width: 15px;
            height: 4px;
            position: absolute;
            transform: rotate(90deg);
            transition: all 0.4s; }
          #wrapper #header .header .logo-mobile .sidebar-menu ul .product-sub .minus:before {
            cursor: pointer;
            transform: rotate(0deg) !important;
            transition: all 0.4s; }
        #wrapper #header .header .logo-mobile .sidebar-menu ul .child {
          background: #ddd; }
          #wrapper #header .header .logo-mobile .sidebar-menu ul .child li {
            border-bottom: 1px dashed rgba(0, 0, 0, 0.2); }
            #wrapper #header .header .logo-mobile .sidebar-menu ul .child li a {
              border-bottom: none; }
            #wrapper #header .header .logo-mobile .sidebar-menu ul .child li:last-child {
              border-bottom: none; }
        #wrapper #header .header .logo-mobile .sidebar-menu ul .menu2-sub {
          transition: all 0.4s;
          background: #ddd;
          position: relative;
          color: #9e772a;
          margin: 0;
          padding: 0;
          background: #fbfbfb; }
          #wrapper #header .header .logo-mobile .sidebar-menu ul .menu2-sub li {
            padding: 5px 20px;
            background: #e5e5e5;
            border-bottom: 1px solid #ddd; }
            #wrapper #header .header .logo-mobile .sidebar-menu ul .menu2-sub li img {
              border-radius: 50%;
              -moz-border-radius: 50%;
              -webkit-border-radius: 50%;
              width: 25px;
              margin-right: 10px; }
            #wrapper #header .header .logo-mobile .sidebar-menu ul .menu2-sub li span {
              font-weight: bold; }
        #wrapper #header .header .logo-mobile .sidebar-menu ul .menu-product {
          display: block;
          max-height: 100px;
          transition: max-height 0.4s; }
        #wrapper #header .header .logo-mobile .sidebar-menu ul .menu-sub {
          transition: all 0.4s;
          background: #ddd;
          position: relative;
          color: #9e772a;
          max-height: 0px;
          transition: max-height 0.4s;
          margin: 0;
          padding: 0;
          background: #fbfbfb; }
          #wrapper #header .header .logo-mobile .sidebar-menu ul .menu-sub li {
            padding: 5px 15px;
            background: #e5e5e5;
            border-bottom: 1px solid #ddd; }
            #wrapper #header .header .logo-mobile .sidebar-menu ul .menu-sub li img {
              border-radius: 50%;
              -moz-border-radius: 50%;
              -webkit-border-radius: 50%;
              width: 25px;
              margin-right: 10px; }
            #wrapper #header .header .logo-mobile .sidebar-menu ul .menu-sub li span {
              font-weight: bold; }
        #wrapper #header .header .logo-mobile .sidebar-menu ul .menu-phone {
          display: block;
          max-height: 100px;
          transition: max-height 0.4s; }
      #wrapper #header .header .logo-mobile .sidebar-menu .close {
        position: absolute;
        color: #9e772a;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        cursor: pointer;
        border: none;
        outline: none; }
    #wrapper #header .header .logo-mobile .active-menu {
      left: 0; }
    #wrapper #header .header .logo-mobile .sidebar {
      top: 15px;
      width: 35px;
      position: absolute;
      left: 15px;
      height: 35px;
      box-sizing: border-box;
      cursor: pointer;
      outline: none;
      background: #fff;
      border: 1px #333 solid; }
      #wrapper #header .header .logo-mobile .sidebar span {
        display: block;
        width: 21px;
        height: 3px;
        background: #262626;
        position: absolute;
        top: 45%;
        transition: 0.3s;
        left: 6px; }
      #wrapper #header .header .logo-mobile .sidebar span:before {
        content: '';
        position: absolute;
        top: -8px;
        left: 0;
        width: 100%;
        height: 3px;
        background: #262626;
        transition: 0.3s; }
      #wrapper #header .header .logo-mobile .sidebar span:after {
        content: '';
        position: absolute;
        top: 8px;
        left: 0;
        width: 100%;
        height: 3px;
        transition: 0.3s;
        background: #262626; }
    @media only screen and (max-width: 700px) {
      #wrapper #header .header .logo-mobile .logo-responsive {
        width: 166px;
        height: 62px;
        object-fit: contain; } }
  #wrapper #header .header .header-detail {
    width: 100%;
    text-align: right; }
    @media only screen and (max-width: 600px) {
      #wrapper #header .header .header-detail {
        display: none; } }
    @media only screen and (max-width: 750px) {
      #wrapper #header .header .header-detail {
        display: none; } }
    #wrapper #header .header .header-detail .zalo {
      color: #1e92c4;
      font-weight: 700;
      position: relative;
      text-decoration: none;
      font-size: 20px;
      vertical-align: bottom;
      display: block;
      margin-top: 30px;
      font-weight: bold; }
    #wrapper #header .header .header-detail:before {
      content: "";
      font-family: FontAwesome;
      position: absolute;
      left: -15px;
      top: 37px;
      width: 50px;
      height: 50px;
      object-fit: cover;
      background-image: url("../../../public/upload/product/phone-2.png"); }
  #wrapper #header .header .logo-slogan {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: none;
    padding: 0;
    color: #1e58f7;
    text-transform: uppercase;
    text-align: center;
    display: block;
    vertical-align: baseline; }
    @media only screen and (max-width: 700px) {
      #wrapper #header .header .logo-slogan {
        display: none; } }
    #wrapper #header .header .logo-slogan .title-slogan {
      font-size: 26px;
      font-weight: 600;
      margin-top: 23px;
      margin-bottom: 10px; }
    #wrapper #header .header .logo-slogan .content-slogan {
      font-size: 22px;
      font-weight: bold; }
  #wrapper #header .menu {
    width: 100%;
    background-color: #1e92c4;
    margin-bottom: 22px; }
    @media screen and (max-width: 768px) {
      #wrapper #header .menu {
        display: none; } }
    @media screen and (max-width: 768px) {
      #wrapper #header .menu nav .show {
        max-height: 62em; } }
    #wrapper #header .menu nav ul {
      color: #fff;
      margin: 0;
      padding: 0;
      text-align: left;
      transition: max-height 0.8s ease-in-out;
      -webkit-transition: max-height 0.5s;
      -moz-transition: max-height 0.5s;
      -ms-transition: max-height 0.5s;
      -o-transition: max-height 0.5s; }
      @media screen and (max-width: 768px) {
        #wrapper #header .menu nav ul {
          background: #333;
          max-height: 0;
          width: 100%; } }
      #wrapper #header .menu nav ul li {
        display: inline-block;
        padding: 10px;
        padding-left: 0px;
        padding-right: 50px; }
        @media screen and (max-width: 768px) {
          #wrapper #header .menu nav ul li {
            box-sizing: border-box;
            width: 100%;
            padding: 15px;
            border-bottom: 1px solid #fff; } }
        @media screen and (max-width: 768px) {
          #wrapper #header .menu nav ul li:last-child {
            border-bottom: none; } }
        #wrapper #header .menu nav ul li a {
          font-weight: bold;
          position: relative;
          color: #000;
          text-decoration: none;
          text-decoration: none;
          color: #fff;
          font-size: 1rem;
          padding-bottom: 14px; }
        #wrapper #header .menu nav ul li a:hover {
          color: #fff; }
        #wrapper #header .menu nav ul li a:before {
          content: "";
          position: absolute;
          width: 100%;
          height: 6px;
          bottom: 0;
          left: 0;
          background-color: #fff;
          visibility: hidden;
          -webkit-transform: scaleX(0);
          transform: scaleX(0);
          -webkit-transition: all 0.3s ease-in-out 0.3s;
          transition: all 0.3s ease-in-out 0.3s; }
        #wrapper #header .menu nav ul li a:hover:before {
          visibility: visible;
          -webkit-transform: scaleX(1);
          transform: scaleX(1); }
          @media screen and (max-width: 768px) {
            #wrapper #header .menu nav ul li a:hover:before {
              visibility: hidden; } }
      #wrapper #header .menu nav ul .menudrop {
        transition: all 0.5s ease-in-out; }
        #wrapper #header .menu nav ul .menudrop a:before {
          content: none; }
        #wrapper #header .menu nav ul .menudrop a i {
          margin-left: 5px;
          transition: 0.5s;
          -moz-transition: 0.5s;
          -webkit-transition: 0.5s;
          -o-transition: 0.5s; }
        #wrapper #header .menu nav ul .menudrop .dropdownmenu {
          display: none;
          transition: all 0.5s ease-in-out;
          z-index: 1000;
          position: absolute;
          background-color: #2a519ea3;
          min-width: 160px;
          height: 0px;
          top: 44px;
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1); }
          #wrapper #header .menu nav ul .menudrop .dropdownmenu a {
            color: #fff;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: left;
            border-bottom: 1px solid #fff; }
            #wrapper #header .menu nav ul .menudrop .dropdownmenu a:hover {
              background-color: #1ebb90;
              color: #fff; }
            #wrapper #header .menu nav ul .menudrop .dropdownmenu a:last-child {
              border-bottom: none; }
        #wrapper #header .menu nav ul .menudrop:hover a i {
          transition: all 0.5s;
          transform: rotate(180deg); }
        #wrapper #header .menu nav ul .menudrop:hover .dropdownmenu {
          display: block;
          transition: all 0.5s ease-in-out;
          height: auto; }
  #wrapper #header .search-responsivev {
    margin-top: 44px;
    display: none; }
    @media only screen and (min-width: 1000px) {
      #wrapper #header .search-responsivev {
        display: block; }
        #wrapper #header .search-responsivev .search-form {
          position: relative;
          width: 100%; }
          #wrapper #header .search-responsivev .search-form .text-search {
            width: 65%;
            padding: 10px; }
          #wrapper #header .search-responsivev .search-form button {
            background: #1e92c4;
            margin-left: -10px;
            width: 8%;
            border: none;
            padding: 10px;
            position: absolute;
            right: 131px;
            top: 0;
            margin: 0; }
            #wrapper #header .search-responsivev .search-form button i {
              font-size: 25px;
              color: #fff; } }
  #wrapper #header .search-responsive {
    display: none;
    margin-bottom: 10px; }
    @media only screen and (max-width: 800px) {
      #wrapper #header .search-responsive {
margin-top:-10px;
        display: block; }
        #wrapper #header .search-responsive .search-form {
          width: 100%;
          position: relative; }
          #wrapper #header .search-responsive .search-form .text-search {
            width: 88%;
            border: 1px solid #d9d9d9;
            font-size: 14px;
            box-sizing: border-box;
            outline: none;
            padding: 5px;
            border-top-left-radius: 1px;
            border-bottom-left-radius: 1px;
            min-height: 34px; }
          #wrapper #header .search-responsive .search-form button {
            background: #1e92c4;
            margin-left: -10px;
            width: 12%;
            border: none;
            padding: 5px;
            position: absolute;
            right: 0;
            top: 0;
            margin: 0; }
            #wrapper #header .search-responsive .search-form button i {
              color: #fff; } }
#wrapper .slider {
  width: 100%; }
  #wrapper .slider .list-slider .owl-carousel {
    margin-left: 0px;
    position: relative; }
    #wrapper .slider .list-slider .owl-carousel .owl-item {
      width: 577.5px; }
      #wrapper .slider .list-slider .owl-carousel .owl-item .item-class-1 {
        text-align: center;
        margin: 0px; }
        #wrapper .slider .list-slider .owl-carousel .owl-item .item-class-1 a {
          text-decoration: none; }
          #wrapper .slider .list-slider .owl-carousel .owl-item .item-class-1 a .anh {
            width: 100%;
            height: 500px; }
            @media only screen and (max-width: 769px) {
              #wrapper .slider .list-slider .owl-carousel .owl-item .item-class-1 a .anh {
                height: 247px;
                min-height: 0; } }
    #wrapper .slider .list-slider .owl-carousel .owl-dots {
      margin-top: 10px; }
      #wrapper .slider .list-slider .owl-carousel .owl-dots .active span {
        border: 2px solid #2a519ed6;
        background: #fff; }
    #wrapper .slider .list-slider .owl-carousel .owl-nav {
      right: 0px;
      position: absolute;
      left: 0px;
      top: 50%;
      margin-top: -25px; }
      #wrapper .slider .list-slider .owl-carousel .owl-nav .owl-prev {
        left: 0px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        width: 40px;
        height: 40px;
        position: absolute;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        line-height: 30px;
        text-align: center;
        background: #e5e5e5;
        opacity: 0.5;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        margin: 0px; }
        #wrapper .slider .list-slider .owl-carousel .owl-nav .owl-prev span {
          font-size: 2rem;
          color: #0e1315;
          font-weight: bold; }
        #wrapper .slider .list-slider .owl-carousel .owl-nav .owl-prev:hover {
          background-color: #9e9e9e8a; }
      #wrapper .slider .list-slider .owl-carousel .owl-nav .owl-next {
        right: 0px;
        opacity: 0.5;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        width: 40px;
        height: 40px;
        position: absolute;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        line-height: 30px;
        text-align: center;
        background: #e5e5e5;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        margin: 0px; }
        #wrapper .slider .list-slider .owl-carousel .owl-nav .owl-next span {
          font-size: 2rem;
          color: #0e1315;
          font-weight: bold; }
        #wrapper .slider .list-slider .owl-carousel .owl-nav .owl-next:hover {
          background-color: #9e9e9e8a; }
#wrapper .content .catalog-product {
  width: 100%; }
  #wrapper .content .catalog-product .product {
    position: relative;
    overflow: hidden; }
    #wrapper .content .catalog-product .product a img {
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      height: 312px;
      transition: all 1s; }
      @media only screen and (max-width: 769px) {
        #wrapper .content .catalog-product .product a img {
          height: 204px;
          object-fit: fill; } }
    #wrapper .content .catalog-product .product a .detail {
      left: 0;
      right: 0;
      position: absolute;
      bottom: 0;
      width: 100%;
      transition: all .5s ease 0s;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); }
      #wrapper .content .catalog-product .product a .detail .hover-detail {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 0; }
        #wrapper .content .catalog-product .product a .detail .hover-detail h2 {
          text-transform: uppercase;
          text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
          font-weight: normal;
          font-size: 20px;
          color: #fff;
          margin-bottom: 10px;
          transition: all .5s ease 0s; }
        #wrapper .content .catalog-product .product a .detail .hover-detail span {
          opacity: 0;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
          padding: 8px 16px;
          background: rgba(255, 255, 255, 0);
          text-transform: uppercase;
          color: #fff;
          border-radius: 0;
          font-weight: 400;
          line-height: 1;
          border: 1px solid #fff;
          font-size: 13px; }
        #wrapper .content .catalog-product .product a .detail .hover-detail span:hover {
          background: #9e772a; }
    #wrapper .content .catalog-product .product a:hover img {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.3); }
    #wrapper .content .catalog-product .product a:hover .detail .hover-detail span {
      line-height: 5;
      opacity: 1; }
  #wrapper .content .catalog-product .tuvanngay {
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    background-image: url("../../../public/upload/product/bannertuvan.jpg");
    height: 200px;
    background-size:cover;
    background-repeat: no-repeat; }
    #wrapper .content .catalog-product .tuvanngay .img-right {
      position: absolute;
      top: 62px;
      left: 8%;
      margin-left: -36px; }
      @media only screen and (max-width: 650px) {
        #wrapper .content .catalog-product .tuvanngay .img-right {
          left: 45%;
          margin: 0;
          top: 8px;
          margin-bottom: 45px; } }
      @media only screen and (max-width: 414px) {
        #wrapper .content .catalog-product .tuvanngay .img-right {
          left: 39%;
          margin: 0;
          top: 8px;
          margin-bottom: 45px; } }
      @media only screen and (max-width: 360px) {
        #wrapper .content .catalog-product .tuvanngay .img-right {
          left: 38%;
          margin: 0;
          top: 8px;
          margin-bottom: 45px; } }
      #wrapper .content .catalog-product .tuvanngay .img-right img {
        width: 65px;
        height: 65px; }
    #wrapper .content .catalog-product .tuvanngay .text-rights {
      position: absolute;
      top: 65%;
      width: 100%;
      margin-top: -80px;
      padding: 20px;
      left: 11%;
      display: inline-block;
      padding-left: 30px; }
      @media only screen and (max-width: 800px) {
        #wrapper .content .catalog-product .tuvanngay .text-rights {
          text-align: center;
          left: -28px;
          top: 67%; } }
      @media only screen and (max-width: 650px) {
        #wrapper .content .catalog-product .tuvanngay .text-rights {
          text-align: center;
          left: 1%;
          top: 67%; } }
      @media only screen and (max-width: 360px) {
        #wrapper .content .catalog-product .tuvanngay .text-rights {
          text-align: center;
          left: -5%;
          top: 67%; } }
      #wrapper .content .catalog-product .tuvanngay .text-rights h1 {
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;
        font-weight: bold; }
        @media only screen and (max-width: 360px) {
          #wrapper .content .catalog-product .tuvanngay .text-rights h1 {
            font-size: 14px; } }
      #wrapper .content .catalog-product .tuvanngay .text-rights p {
        margin-bottom: 25px;
        font-size: 13px;
        color: #fff; }
    #wrapper .content .catalog-product .tuvanngay .dangki-tuvan {
      position: absolute;
      right: 10px;
      top: 34%; }
      @media only screen and (max-width: 650px) {
        #wrapper .content .catalog-product .tuvanngay .dangki-tuvan {
          top: 70%;
          left: 33%; } }
      @media only screen and (max-width: 414px) {
        #wrapper .content .catalog-product .tuvanngay .dangki-tuvan {
          top: 70%;
          left: 21%; } }
      @media only screen and (max-width: 360px) {
        #wrapper .content .catalog-product .tuvanngay .dangki-tuvan {
          top: 70%;
          left: 17%; } }
      #wrapper .content .catalog-product .tuvanngay .dangki-tuvan .btn {
        border: 2px solid #fff;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 15px 40px;
        border-radius: 24px;
        color: #fff;
        display: inline-block;
        margin-top: 0; }
        #wrapper .content .catalog-product .tuvanngay .dangki-tuvan .btn:hover {
          background: #fff;
          color: #ffc600; }
        @media only screen and (max-width: 800px) {
          #wrapper .content .catalog-product .tuvanngay .dangki-tuvan .btn {
            padding: 10px 30px; } }
#wrapper .content-list {
  background: #e5e5e5; }
  #wrapper .content-list .title-body h2 {
    font-weight: 800;
    margin-top: 10px;font-size:1.3rem; }
    @media only screen and (max-width: 800px) {
      #wrapper .content-list .title-body h2 {
        font-size: 1.3rem;
        margin-top: 15px; } }
  #wrapper .content-list .title-body p {
    font-size: 1rem;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 600px) {
      #wrapper .content-list .title-body p {
        max-width: 100%;
        text-align: center; } }
  #wrapper .content-list .dichvu {
    width: 100%;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.5s; }
    #wrapper .content-list .dichvu a {
      text-decoration: none;
      color: #b9a58d; }
      #wrapper .content-list .dichvu a img {
        height: 312px; }
        @media only screen and (max-width: 640px) {
          #wrapper .content-list .dichvu a img {
            height: 100px;
            object-fit: cover; } }
        @media only screen and (max-width: 800px) {
          #wrapper .content-list .dichvu a img {
            height: 100px;
            object-fit: cover; } }
      #wrapper .content-list .dichvu a h4 {
        margin-top: 0.6rem;
        font-weight: 600;
        text-transform: capitalize;
        line-height: 1.1;
        font-size: 1.2rem;
        color: #1f1514;
        margin-bottom: 0px; }
        @media only screen and (max-width: 600px) {
          #wrapper .content-list .dichvu a h4 {
            font-size: 1rem; } }
      #wrapper .content-list .dichvu a p {
        color: #001100; }
    #wrapper .content-list .dichvu:hover h4 {
      color: #9e772a; }
    #wrapper .content-list .dichvu:hover p {
      color: #9e772a; }
    #wrapper .content-list .dichvu:hover {
      transform: scale(1.03);
      z-index: 2;
      box-shadow: 2px 2px 2px #000; }
      #wrapper .content-list .dichvu:hover img {
        opacity: 0.8; }
#wrapper .duan .duan-title h2 {
  font-weight: 800; margin-top:10px;}
  @media only screen and (max-width: 800px) {
    #wrapper .duan .duan-title h2 {
      font-size: 1.3rem;
      margin-top: 15px; } }
#wrapper .duan .duan-title p {
  font-size: 1rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 600px) {
    #wrapper .duan .duan-title p {
      max-width: 100%;
      text-align: center; } }
#wrapper .duan .list-duan {
  width: 100%; }
  #wrapper .duan .list-duan .owl-carousel {
    margin-left: 0px;
    position: relative; }
    #wrapper .duan .list-duan .owl-carousel .owl-item {
      width: 577.5px; }
      #wrapper .duan .list-duan .owl-carousel .owl-item .item-class-1 {
        text-align: center;
        margin: 0px;
        overflow: hidden;
        position: relative; }
        #wrapper .duan .list-duan .owl-carousel .owl-item .item-class-1::before {
          position: absolute;
          top: 0;
          left: -75%;
          z-index: 2;
          display: block;
          content: '';
          width: 50%;
          height: 100%;
          background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
          background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
          -webkit-transform: skewX(-25deg);
          transform: skewX(-25deg); }
        #wrapper .duan .list-duan .owl-carousel .owl-item .item-class-1:hover::before {
          animation: shine .75s; }
@-webkit-keyframes shine {
  100% {
    left: 125%; } }
@keyframes shine {
  100% {
    left: 125%; } }
        #wrapper .duan .list-duan .owl-carousel .owl-item .item-class-1 a {
          text-decoration: none; }
          #wrapper .duan .list-duan .owl-carousel .owl-item .item-class-1 a img {
            height: 193px; }
            @media only screen and (max-width: 769px) {
              #wrapper .duan .list-duan .owl-carousel .owl-item .item-class-1 a img {
                height: 190px; } }
            @media only screen and (max-width: 900px) {
              #wrapper .duan .list-duan .owl-carousel .owl-item .item-class-1 a img {
                height: 190px; } }
          #wrapper .duan .list-duan .owl-carousel .owl-item .item-class-1 a .description {
            margin-top: 0.6rem; }
            #wrapper .duan .list-duan .owl-carousel .owl-item .item-class-1 a .description h4 {
              font-size: 1.1rem;
              letter-spacing: 0.1rem;
              color: #795548bd;
              font-weight: 600; }
        #wrapper .duan .list-duan .owl-carousel .owl-item .item-class-1:hover a h4 {
          color: #9e772a; }
    #wrapper .duan .list-duan .owl-carousel .owl-dots {
      display: none !important; }
    #wrapper .duan .list-duan .owl-carousel .owl-nav {
      right: 0px;
      position: absolute;
      left: 0px;
      top: 50%;
      margin-top: -35px; }
      #wrapper .duan .list-duan .owl-carousel .owl-nav .owl-prev {
        left: 0px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        width: 40px;
        height: 40px;
        position: absolute;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        line-height: 30px;
        text-align: center;
        background: #e5e5e5;
        opacity: 0.5;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        margin: 0px; }
        #wrapper .duan .list-duan .owl-carousel .owl-nav .owl-prev span {
          font-size: 2rem;
          color: #0e1315;
          font-weight: bold; }
        #wrapper .duan .list-duan .owl-carousel .owl-nav .owl-prev:hover {
          background-color: #FF3300; }
      #wrapper .duan .list-duan .owl-carousel .owl-nav .owl-next {
        right: 0px;
        opacity: 0.5;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        width: 40px;
        height: 40px;
        position: absolute;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        line-height: 30px;
        text-align: center;
        background: #e5e5e5;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        margin: 0px; }
        #wrapper .duan .list-duan .owl-carousel .owl-nav .owl-next span {
          font-size: 2rem;
          color: #0e1315;
          font-weight: bold; }
        #wrapper .duan .list-duan .owl-carousel .owl-nav .owl-next:hover {
          background-color: #FF3300; }
#wrapper .tintuc #News h1 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-top: 10px; }
  @media only screen and (max-width: 800px) {
    #wrapper .tintuc #News h1 {
      font-size: 1.3rem;
      margin-top: 15px;
      text-align: center; } }
  #wrapper .tintuc #News h1 span {
    border-bottom: 3px solid #9e772a; }
    @media only screen and (max-width: 800px) {
      #wrapper .tintuc #News h1 span {
        border-bottom: none; } }
#wrapper .tintuc #News .news .main-image {
  position: relative;
  overflow: hidden;
  transition: all 0.9s; }
  #wrapper .tintuc #News .news .main-image::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    transition: all 0.9s; }
  #wrapper .tintuc #News .news .main-image:hover::before {
    animation: shine .75s; }
@-webkit-keyframes shine {
  100% {
    left: 125%;
    transition: all 0.9s; } }
@keyframes shine {
  100% {
    left: 125%;
    transition: all 0.9s; } }
  #wrapper .tintuc #News .news .main-image a {
    text-decoration: none; }
    #wrapper .tintuc #News .news .main-image a img {
      margin-bottom: 1rem; }
    #wrapper .tintuc #News .news .main-image a h4 {
      font-size: 1rem;
      font-weight: bold;
      color: #121212;
      margin-bottom: 8px; }
    #wrapper .tintuc #News .news .main-image a p {
      font-size: 13px;
      color: #676767; }
#wrapper .tintuc #News .news:hover a h4 {
  color: #9e772a; }
#wrapper .tintuc #News .tintuc-mobile {
  display: none; }
  @media only screen and (max-width: 800px) {
    #wrapper .tintuc #News .tintuc-mobile {
      display: block; } }
  #wrapper .tintuc #News .tintuc-mobile .main-images {
    position: relative;
    overflow: hidden;
    transition: all 0.9s; }
    #wrapper .tintuc #News .tintuc-mobile .main-images::before {
      position: absolute;
      top: 0;
      left: -75%;
      z-index: 2;
      display: block;
      content: '';
      width: 50%;
      height: 100%;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg);
      transition: all 0.9s; }
    #wrapper .tintuc #News .tintuc-mobile .main-images a {
      text-decoration: none; }
      #wrapper .tintuc #News .tintuc-mobile .main-images a img {
        margin-bottom: 1rem; }
      #wrapper .tintuc #News .tintuc-mobile .main-images a h4 {
        font-size: 1rem;
        font-weight: bold;
        color: #121212;
        margin-bottom: 8px; }
      #wrapper .tintuc #News .tintuc-mobile .main-images a p {
        font-size: 13px;
        color: #676767; }
  #wrapper .tintuc #News .tintuc-mobile:hover a h4 {
    color: #9e772a; }
#wrapper .tintuc #News .news-item .items {
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
  overflow: hidden; }
  #wrapper .tintuc #News .news-item .items a {
    text-decoration: none; }
    #wrapper .tintuc #News .news-item .items a img {
      width: 122px;
      margin-right: 10px;
      float: left; }
    #wrapper .tintuc #News .news-item .items a span {
      padding-top: 0px;
      font-weight: 400;
      font-size: 14px;
      line-height: 1.4;
      height: 56px;
      display: block;
      overflow: hidden;
      color: #121212; }
  #wrapper .tintuc #News .news-item .items:hover a img {
    opacity: 0.8; }
  #wrapper .tintuc #News .news-item .items:hover a span {
    color: #9e772a; }
  #wrapper .tintuc #News .news-item .items:last-child {
    border-bottom: none; }
@media only screen and (max-width: 800px) {
  #wrapper .tintuc #videos {
    background: #fff; } }
#wrapper .tintuc #videos h1 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 10px;
  border-bottom: 3px solid #9e772a;
  display: inline-block; }
  @media only screen and (max-width: 800px) {
    #wrapper .tintuc #videos h1 {
      display: block;
      border-bottom: none;
      text-align: center;
      font-size: 1.3rem; } }
#wrapper #footer .footer-top {
  padding-top: 30px;
  width: 100%;
  background-color: #f7f7f7; }
  #wrapper #footer .footer-top .footer-address h4 {
    font-size: 14px;
    color: #777;
    font-weight: 600;
    text-transform: uppercase; }
  #wrapper #footer .footer-top .footer-address .icon-lienhe {
    margin-top: 20px; }
    #wrapper #footer .footer-top .footer-address .icon-lienhe a {
      text-decoration: none; }
      #wrapper #footer .footer-top .footer-address .icon-lienhe a i {
        font-size: 36px;
        margin-right: 20px; }
  #wrapper #footer .footer-top .footer-address p {
    font-size: 13px;
    color: #919191;
    margin-top: 10px; }
    #wrapper #footer .footer-top .footer-address p span {
      font-weight: bold;
      font-size: 13px;
      color: #919191;
      padding-bottom: 0; }
  #wrapper #footer .footer-top .footer-address .iso-active {
    text-align: center; }
  @media only screen and (max-width: 600px) {
    #wrapper #footer .footer-top {
      display: none; } }
#wrapper #footer .footer-bottom {
  background: #333333;
  padding-top: 10px;
  color: #fff; }
  #wrapper #footer .footer-bottom p {
    text-transform: uppercase;
    margin-bottom: 8px;
    color: #fff;
    padding-right: 15px;
    position: relative;
    font-size: 14px; }
    @media only screen and (max-width: 800px) {
      #wrapper #footer .footer-bottom p {
        max-width: 100%;
        text-align: center; } }
  #wrapper #footer .footer-bottom span {
    font-size: 13px;
    color: #777;
    width: 100%; }
    @media only screen and (max-width: 800px) {
      #wrapper #footer .footer-bottom span {
        max-width: 100%;
        text-align: justify; } }
#wrapper #footer .footer-mobile {
  display: none;
  background-color: #f7f7f7;
  padding-top: 10px; }
  #wrapper #footer .footer-mobile h4 {
    font-size: 14px;
    color: #777;
    font-weight: 600;
    text-transform: uppercase; }
  #wrapper #footer .footer-mobile p {
    font-size: 13px;
    color: #919191;
    margin-top: 10px; }
    #wrapper #footer .footer-mobile p span {
      font-weight: bold;
      font-size: 13px;
      color: #919191;
      padding-bottom: 0; }
  #wrapper #footer .footer-mobile .icon-lienhe a {
    text-decoration: none; }
    #wrapper #footer .footer-mobile .icon-lienhe a i {
      font-size: 30px;
      margin-right: 10px; }
  @media only screen and (max-width: 600px) {
    #wrapper #footer .footer-mobile {
      display: block; } }
#wrapper .backtotop {
  position: fixed;
  text-align: center;
  width: 50px;
  height: 50px;
  background: #7f7f7f;
  font-size: 40px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 6%;
  z-index: 1000;
  bottom: 20px;
  margin-left: -25px;
  cursor: pointer;
  transition: all 0.6s;
  opacity: 0;
  visibility: hidden; }
#wrapper .hienra {
  opacity: 0.5;
  visibility: visible; }

/* The Modal (background) */
/* The Close Button */
/* Close button on hover */
/* Add Zoom Animation */
.modal-login {
  width: 320px; }

.modal-login .modal-content {
  border-radius: 1px;
  border: none; }

.modal-login .modal-header {
  position: relative;
  justify-content: center;
  background: #f2f2f2; }

.modal-login .modal-body {
  padding: 30px; }

.modal-login .modal-footer {
  background: #f2f2f2; }

.modal-login h4 {
  text-align: center;
  font-size: 26px; }

.modal-login label {
  font-weight: normal;
  font-size: 13px; }

.modal-login .form-control, .modal-login .btn {
  min-height: 38px;
  border-radius: 2px; }

.modal-login .hint-text {
  text-align: center; }

.modal-login .close {
  position: absolute;
  top: 15px;
  right: 15px; }

.modal-login .checkbox-inline {
  margin-top: 12px; }

.modal-login input[type="checkbox"] {
  margin-top: 2px; }

.modal-login .btn {
  min-width: 100px;
  background: #3498db;
  border: none;
  line-height: normal; }

.modal-login .btn:hover, .modal-login .btn:focus {
  background: #248bd0; }

.modal-login .hint-text a {
  color: #999; }

.trigger-btn {
  display: inline-block;
  margin: 100px auto; }

.searchform {
  background: #f4f4f4;
  background: rgba(244, 244, 244, 0.79);
  border: 1px solid #d3d3d3;
  left: 50%;
  padding: 10px 5px;
  position: absolute;
  margin: -22px 0 0 -170px;
  top: 50%;
  width: 339px;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.37);
  -webkit-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.37);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }
  @media only screen and (max-width: 750px) {
    .searchform {
      display: none; } }
  .searchform input, .searchform button {
    float: left; }
  .searchform input {
    background: #fefefe;
    border: none;
    font: 12px/12px 'HelveticaNeue', Helvetica, Arial, sans-serif;
    margin-right: 5px;
    padding: 10px;
    width: 216px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) inset, 1px 1px 1px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) inset, 1px 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) inset, 1px 1px 1px rgba(255, 255, 255, 0.75);
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px; }
    .searchform input:focus {
      outline: none;
      box-shadow: 0 0 4px #0d76be inset;
      -moz-box-shadow: 0 0 4px #0d76be inset;
      -webkit-box-shadow: 0 0 4px #0d76be inset; }
    .searchform input::-webkit-input-placeholder {
      font-style: italic;
      line-height: 15px; }
    .searchform input:-moz-placeholder {
      font-style: italic;
      line-height: 15px; }
  .searchform button {
    background: #34adec;
    background: -moz-linear-gradient(top, #34adec 0%, #2691dc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #34adec), color-stop(100%, #2691dc));
    background: -webkit-linear-gradient(top, #34adec 0%, #2691dc 100%);
    background: -o-linear-gradient(top, #34adec 0%, #2691dc 100%);
    background: -ms-linear-gradient(top, #34adec 0%, #2691dc 100%);
    background: linear-gradient(to bottom, #34adec 0%, #2691dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34adec', endColorstr='#2691dc',GradientType=0 );
    border: none;
    color: #fff;
    cursor: pointer;
    font: 13px/13px 'HelveticaNeue', Helvetica, Arial, sans-serif;
    padding: 10px;
    width: 106px;
    box-shadow: 0 0 2px #2692dd inset;
    -moz-box-shadow: 0 0 2px #2692dd inset;
    -webkit-box-shadow: 0 0 2px #2692dd inset;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px; }
    .searchform button:hover {
      opacity: .9; }

/*# sourceMappingURL=style2.css.map */
.circular-menu {
  position: fixed;
  bottom: 5em;
  right: 10px;
  z-index: 100;
}

.circular-menu .floating-btn {
  display: block;
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  background-color: #6c757d;
  box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, .26);
  color: hsl(0, 0%, 100%);
  text-align: center;
  line-height: 3.9;
  cursor: pointer;
  outline: 0;
}

.circular-menu.active .floating-btn {
  box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);
}

.circular-menu .floating-btn:active {
  box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);
}

.circular-menu .floating-btn i {
  font-size: 1.3em;
  transition: transform .2s;
}

.circular-menu.active .floating-btn i {
  transform: rotate(-360deg);
}

.circular-menu:after {
  display: block;
  content: ' ';
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
  opacity: 0.3;
  background-color: #333333;
  transition: all .3s ease;
}

.circular-menu.active:after {
  transform: scale3d(5.5, 5.5, 1);
  transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}

.circular-menu .items-wrapper {
  padding: 0;
  margin: 0;
}

.circular-menu .menu-item {
  position: absolute;
  top: .2em;
  right: .2em;
  z-index: -1;
  display: block;
  text-decoration: none;
  color: hsl(0, 0%, 100%);
  font-size: 1em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  text-align: center;
  line-height: 3;
  background-color: hsla(0,0%,0%,.1);
  transition: transform .3s ease, background .2s ease;
}

.circular-menu .menu-item:hover {
  background-color: hsla(0,0%,0%,.3);
}

.circular-menu.active .menu-item {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.circular-menu.active .menu-item:nth-child(1) {
  transform: translate3d(1em,-7em,0);
}

.circular-menu.active .menu-item:nth-child(2) {
  transform: translate3d(-3.5em,-6.3em,0);
}

.circular-menu.active .menu-item:nth-child(3) {
  transform: translate3d(-6.5em,-3.2em,0);
}

.circular-menu.active .menu-item:nth-child(4) {
  transform: translate3d(-7em,1em,0);
}
iframe{
  width: 100%;
}