@charset "UTF-8";
@font-face {
  font-family: 'UTM Bitsumishi Pro';
  src: url("../fonts/UTM Bitsumishi Pro.eot");
  src: local("☺"), url("../fonts/UTM Bitsumishi Pro.woff") format("woff"), url("../fonts/UTM Bitsumishi Pro.ttf") format("truetype"), url("../fonts/UTM Bitsumishi Pro.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

.tm-header {
  border-bottom: 4px solid #b29216; }
  .tm-header .uk-navbar {
    height: 135px; }
  .tm-header .uk-navbar-nav {
    padding-top: 70px; }
  .tm-header .uk-navbar-item {
    height: 75px; }
  .tm-header .uk-navbar-dropdown {
    margin-top: 6px !important;
    text-align: center;
    border: none; }
    .tm-header .uk-navbar-dropdown li {
      height: 40px;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      padding: 0;
      line-height: 40px;
      border-bottom: 1px solid #b29216;
      cursor: pointer; }
      .tm-header .uk-navbar-dropdown li:hover, .tm-header .uk-navbar-dropdown li.uk-active {
        background: #b28e00;
        color: #FFF; }

.tax_name {
  font-size: 30px;
  color: #FFF;
  text-transform: uppercase; }

hr {
  border-top: 2px solid #ab8902 !important; }

article {
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #a28203; }
  article .uk-padding-small {
    padding: 10px 25px; }
  article .uk-height-medium {
    height: 284px;
    background: -webkit-radial-gradient(top, #c7c7c7, #000 95%);
    background: -o-radial-gradient(top, #c7c7c7, #000 95%);
    background: radial-gradient(to bottom, #c7c7c7, #000 95%); }
  article .uk-position-bottom {
    padding: 15px 20px; }
  article .bottom-title .uk-icon {
    color: #a18103 !important; }
  article .bottom-title div:first-child {
    font-family: 'UTM Bitsumishi Pro',Sans-Serif;
    font-size: 32px;
    color: #FFF;
    margin-bottom: 0px; }
  article .bottom-title div:nth-child(2) {
    font-size: 19px;
    color: #b28e00;
    text-decoration: underline; }
  article .bottom-title div:last-child a {
    color: #FFF;
    font-size: 14px; }

.bottom {
  background: #111011;
  position: relative; }
  .bottom::before {
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    background: #FFF;
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(#c0c0c0), to(#000));
    background: -webkit-linear-gradient(left, #000, #c0c0c0, #000);
    background: -o-linear-gradient(left, #000, #c0c0c0, #000);
    background: linear-gradient(to right, #000, #c0c0c0, #000); }

.menu-sanpham .uk-nav-sub a {
  margin-bottom: 15px;
  margin-top: 10px;
  color: #FFF; }

.menu-sanpham .uk-parent.uk-open > a {
  color: #b28e00;
  border-bottom: 1px solid #b28e00; }

.menu-sanpham .uk-parent > a {
  color: #FFF;
  text-transform: none; }

.menu-sanpham a {
  font-size: 18px; }

.phu-kien {
  background: #111011; }

.tax-danh_muc_san_pham .tm-main, .tax-danh-muc-phu-kien .tm-main, .tax-tags_phu_kien .tm-main {
  background-image: url(../images/background.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover; }

.menu-sanpham .uk-nav-sub > li.uk-active a {
  color: #b19527; }

.menu-sanpham .uk-nav > li.uk-active > a {
  border-bottom: 1px solid #b29216; }

.menu-sanpham .uk-nav > li a {
  font-size: 18px;
  color: #FFF;
  text-transform: none;
  letter-spacing: 0; }

.single-sanpham .uk-table, .single-phu-kien .uk-table {
  border: 1px solid  #FFF; }
  .single-sanpham .uk-table th, .single-sanpham .uk-table td, .single-phu-kien .uk-table th, .single-phu-kien .uk-table td {
    border: 1px solid  #FFF;
    text-align: center;
    text-transform: none;
    font-size: 18px;
    color: #FFF; }

.single-sanpham .uk-content, .single-phu-kien .uk-content {
  font-size: 18px;
  line-height: 35px;
  font-style: italic; }

.single-sanpham .slides, .single-phu-kien .slides {
  list-style: none;
  padding-left: 0; }

.single-sanpham .slide_d > li:nth-child(3) .uk-cover-container, .single-phu-kien .slide_d > li:nth-child(3) .uk-cover-container {
  overflow: inherit; }

.single-sanpham .slide_d .uk-cover-container, .single-phu-kien .slide_d .uk-cover-container {
  border-radius: 5px;
  border: 1px solid #ab8902; }

.single-sanpham .uk-height-large, .single-phu-kien .uk-height-large {
  height: 400px; }

.single-sanpham h1, .single-phu-kien h1 {
  color: #ab8902;
  font-size: 40px; }

.single-sanpham h2, .single-phu-kien h2 {
  font-size: 27px;
  color: #FFF; }

.single-sanpham .tm-main, .single-phu-kien .tm-main {
  background-image: url(../images/background.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover; }

.single-sanpham .content-single, .single-phu-kien .content-single {
  border: 1px solid #ab8902;
  padding: 75px 50px;
  border-radius: 5px; }

.uk-title {
  font-size: 26px;
  color: #FFF;
  font-weight: bold; }

.uk-text-italic {
  font-style: italic;
  font-weight: normal; }

.uk-vn, .uk-en {
  background-image: url(../images/vn.jpg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  padding: 5px 20px; }

.uk-en {
  background-image: url(../images/en.jpg); }

#phu-kien {
  display: -webkit-box;
  overflow-x: scroll; }
  #phu-kien li:first-child a {
    position: relative; }
    #phu-kien li:first-child a::after {
      content: "";
      position: absolute;
      height: 1px;
      width: calc(100% - 40px);
      background: #bda337;
      bottom: 5px;
      left: 20px; }
  #phu-kien.uk-navbar-nav > li > a {
    line-height: 20px;
    height: 40px;
    font-size: 14px;
    text-transform: uppercase; }

@media screen and (max-width: 640px) {
  .slides h3 {
    font-size: 17px;
    color: #bda337;
    border-bottom: 1px solid #bda337;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 400; }
  #sanpham:after, .tm-header:after {
    height: 1px; }
  .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
    margin-right: 10px; }
  #menu-footer .uk-subnav {
    margin-left: -10px; }
    #menu-footer .uk-subnav .uk-margin-small-top {
      margin-top: 0px !important; }
    #menu-footer .uk-subnav > * {
      padding-left: 10px; }
  .bottom::before {
    height: 1px; }
  #slider {
    border-bottom: 1px solid #ddca7f; }
  hr {
    border-top: 1px solid #ab8902 !important; }
  .single-sanpham .uk-content, .single-phu-kien .uk-content {
    font-size: 14px;
    line-height: 18px; }
  .uk-hidden-single {
    padding-top: 15px;
    padding-bottom: 15px; }
  .single .uk-hidden-single {
    display: none; }
  #footer-bottom .uk-section {
    padding-top: 20px;
    padding-bottom: 20px; }
  #tm-mobile .uk-offcanvas-bar .uk-nav > li .uk-nav-sub a, #tm-mobile .uk-offcanvas-bar .uk-nav > li .uk-nav-sub .uk-nav-header {
    position: relative;
    padding-left: 36px;
    color: #d1d3d4;
    line-height: 46px;
    font-size: 13px; }
  #tm-mobile .uk-offcanvas-bar .uk-nav > li.uk-parent > a {
    position: relative;
    padding-left: 18px;
    color: #d1d3d4;
    line-height: 46px;
    font-size: 13px; }
  #tm-mobile .uk-nav-parent-icon > .uk-parent > a::after {
    top: 50%;
    right: 20px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .slider-footer {
    max-width: 90px;
    margin: 0 auto; }
  #sanpham {
    border-bottom: 1px solid #b29216 !important; }
  .uk-dotnav > * > * {
    width: 4px;
    height: 4px; }
  .uk-position-medium {
    margin: 0px 20px; }
  .uk-navbar-toggle {
    height: 53px; }
  .language_mobile {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    font-size: 12px; }
    .language_mobile .lang-item {
      margin-left: 10px;
      position: relative; }
      .language_mobile .lang-item:last-child::before {
        content: "";
        font-size: 10px;
        width: 1px;
        height: 10px;
        background: #FFF;
        position: absolute;
        left: -5px;
        -webkit-transform: translateY(-50%) rotate(35deg);
        -ms-transform: translateY(-50%) rotate(35deg);
        transform: translateY(-50%) rotate(35deg);
        top: 50%; }
    .language_mobile a {
      color: #fff; }
    .language_mobile .current-lang a {
      color: #af8b00; }
  .uk-offcanvas-bar {
    padding: 0;
    padding-top: 65px; }
    .uk-offcanvas-bar .uk-nav-default > li > a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-default .uk-nav-header {
      color: #d1d3d4;
      line-height: 46px;
      padding: 0; }
    .uk-offcanvas-bar .uk-parent {
      text-transform: uppercase; }
      .uk-offcanvas-bar .uk-parent .uk-nav-sub {
        text-transform: none; }
    .uk-offcanvas-bar .uk-nav.uk-nav-default > li.uk-active > a {
      background: #252525; }
    .uk-offcanvas-bar .uk-nav > li:first-child {
      border-top: 1px solid #b19214; }
    .uk-offcanvas-bar .uk-nav > li a {
      padding-left: 20px; }
    .uk-offcanvas-bar .uk-nav > li a, .uk-offcanvas-bar .uk-nav > li .uk-nav-header {
      border-bottom: 1px solid #6d6e71; }
    .uk-offcanvas-bar .uk-nav > li > .uk-nav-sub {
      padding: 0; }
      .uk-offcanvas-bar .uk-nav > li > .uk-nav-sub .uk-nav-header {
        padding-left: 40px; }
    .uk-offcanvas-bar .uk-nav > .uk-nav-header {
      padding-left: 20px; }
      .uk-offcanvas-bar .uk-nav > .uk-nav-header .uk-nav-sub {
        margin-left: -20px;
        border-top: 1px solid #6d6e71; }
        .uk-offcanvas-bar .uk-nav > .uk-nav-header .uk-nav-sub a {
          padding-left: 40px; }
  #footer-social > div:first-child {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  #footer-social > div:last-child {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 10px; }
    #footer-social > div:last-child .uk-flex-right {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .single-phu-kien .tm-main {
    padding-top: 0; }
    .single-phu-kien .tm-main h1 {
      font-size: 20px; }
  .single-phu-kien h2 {
    font-size: 14px;
    margin-bottom: 0;
    padding: 15px 10px;
    background: #000; }
  .single-phu-kien .uk-container {
    padding: 0; }
  .single-phu-kien .content-single {
    border: none;
    padding: 10px; }
  .noi-dung .el-title, .noi-dung .el-content p {
    font-size: 14px !important;
    line-height: 18px !important; }
  .cua-hang {
    font-size: 16px !important;
    width: 100px !important; }
  #lien-he .leaflet-container {
    height: 235px !important;
    border: 2px solid #ab8902; }
  #lien-he h1 {
    font-size: 19px !important; }
  #gioi-thieu .uk-section {
    padding-top: 15px; }
  .uk-width-auto\@m {
    padding-right: 0 !important;
    border-right: 0 !important; }
  .uk-tab {
    display: -webkit-box;
    overflow-x: scroll;
    margin-left: 0; }
  .tax-danh_muc_san_pham .tm-main, .tax-danh-muc-phu-kien .tm-main, .tax-tags_phu_kien .tm-main {
    padding-top: 15px; }
  .uk-title {
    font-size: 14px !important;
    text-transform: uppercase;
    margin-top: 10px; }
  article .uk-height-medium {
    height: 139px; }
  article .bottom {
    padding: 8px 10px; }
    article .bottom .bottom-title > div:first-child {
      font-size: 17px;
      margin-bottom: 0;
      line-height: 1; }
    article .bottom .bottom-title div:nth-child(2) {
      font-size: 10px;
      line-height: 1; }
      article .bottom .bottom-title div:nth-child(2) svg {
        width: 15px;
        height: 15px; }
    article .bottom .bottom-title a {
      font-size: 10px !important; }
  .single-sanpham h1 {
    font-size: 27px !important; }
  .tm-sidebar {
    display: none; }
  .single-sanpham .tm-main {
    padding-top: 0px; }
    .single-sanpham .tm-main .slide_d li:nth-child(3) {
      display: none; }
    .single-sanpham .tm-main .uk-container {
      padding: 0; }
      .single-sanpham .tm-main .uk-container h2 {
        background: #000;
        padding: 15px 9px; }
    .single-sanpham .tm-main .content-single {
      border: none; }
      .single-sanpham .tm-main .content-single .uk-height-small {
        height: 81px; }
  #top .uk-container {
    padding: 0; }
  .footer-text {
    font-size: 12px !important;
    text-align: center;
    border-top: 1px solid #FFF;
    padding-top: 20px; }
    .footer-text p {
      margin-bottom: 0 !important; }
  #menu-footer .el-link {
    text-transform: uppercase !important;
    font-size: 12px !important;
    min-width: 143px; }
  #menu-footer .el-item:nth-child(3) .el-link {
    text-align: right; }
  #menu-footer ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #menu-footer ul .el-item:nth-child(2) {
      margin-top: 0 !important; }
  #sanpham .uk-container {
    padding: 0;
    padding-top: 15px; }
  #sanpham .uk-section {
    padding: 0px 0 20px !important; }
  #sanpham .uk-width-small {
    width: 39px !important;
    margin: 0 auto !important; }
  #sanpham #title {
    font-size: 14px; }
  #sanpham > .uk-section {
    padding: 0 15px; }
  #hiro p {
    margin-top: 0 !important; }
  #hiro .el-link {
    font-size: 12px !important;
    height: 30px !important;
    line-height: 30px !important;
    width: 130px !important;
    border: 1px solid !important; }
  #hiro .el-content {
    margin-bottom: 5px !important; }
    #hiro .el-content p {
      font-size: 12px;
      line-height: 14px;
      text-align: justify;
      margin-bottom: 0 !important;
      overflow: hidden; }
    #hiro .el-content p:nth-child(n+2) {
      display: none; }
  #hiro .uk-grid {
    margin-left: -5px; }
    #hiro .uk-grid > * {
      padding-left: 5px; }
  .home-2 .uk-background-cover {
    padding-top: 10px !important; }
  .home-2 .uk-width-small {
    width: 39px;
    margin-bottom: 0px;
    margin-top: 0px !important; }
  .home-2 #title {
    font-size: 14px !important; }
  .san-pham .uk-grid-medium > .uk-grid-margin {
    margin-top: 5px; }
  .san-pham .uk-background-cover {
    padding: 0px !important; }
  .san-pham .uk-container {
    padding: 10px;
    padding-bottom: 15px; }
  .san-pham .gallery {
    margin-top: 0 !important;
    margin-left: -5px; }
    .san-pham .gallery > * {
      padding-left: 5px; }
      .san-pham .gallery > * .uk-overlay-primary {
        background: rgba(48, 48, 51, 0.4); }
      .san-pham .gallery > * .uk-transition-fade {
        opacity: 1; }
      .san-pham .gallery > *:first-child {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0; }
      .san-pham .gallery > *:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
      .san-pham .gallery > *:nth-child(4) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
      .san-pham .gallery > *:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3; }
      .san-pham .gallery > *:nth-child(5) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4; }
      .san-pham .gallery > *:last-child {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5; }
    .san-pham .gallery .el-title {
      font-size: 13px !important; }
  #slider .el-overlay {
    display: none; }
  .tm-header-mobile {
    border-bottom: 1px solid #ddca7f; }
  .single-sanpham .uk-content {
    font-size: 14px;
    line-height: 20px; }
  .single-sanpham .content-single {
    padding: 10px; }
  .single-sanpham h1 {
    font-size: 30px; }
  .single-sanpham h2 {
    font-size: 18px; }
  .single-sanpham .uk-table th, .single-sanpham .uk-table td {
    font-size: 10px; } }

@media screen and (max-width: 320px) {
  #menu-footer .el-link {
    font-size: 10px !important;
    min-width: 120px; } }