@charset "UTF-8";
/*
Theme Name: Chợ thể thao
Author: PutaDesign
Author URI: https://putadesign.vn/
*/
input[type=number] {
  -moz-appearance: textfield; }

@font-face {
  font-family: 'F5 Magistral Book';
  src: url("assets/fonts/FSMagistralBook.woff") format("woff"), url("assets/fonts/FSMagistralBook.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'F5 Magistral Book Italic';
  src: url("assets/fonts/FSMagistralBookItalic.woff2") format("woff2"), url("assets/fonts/FSMagistralBookItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

:root {
  --primary-color: #023235;
  --secondary-color: #293253;
  --third-color: #ec5a29;
  --four-color: #1777b1;
  --fifth-color: #137dba;
  --six-color: #00091a;
  --seven-color: #fff;
  --eight-color: #333;
  --nine-color: #0d2658;
  --ten-color: #0d74d7;
  --eleven-color: #03386b;
  --border-color: #ccc;
  --border-color-1: #2d4757;
  --primary-font: 'F5 Magistral Book';
  --secondary-font: 'F5 Magistral Book Italic'; }

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none; }

input, button {
  font-family: var(--primary-font); }

html {
  scroll-behavior: smooth;
  overflow-y: scroll;
  font-family: var(--primary-font) !important;
  font-size: 18px; }

body {
  font-family: var(--primary-font); }

a {
  text-decoration: none; }

li {
  list-style: none; }

img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

p {
  line-height: 30px; }

header {
  position: relative;
  background-image: linear-gradient(to right, var(--primary-color), var(--secondary-color));
  color: var(--seven-color); }
  header #header-top {
    padding: 18px 0;
    border-bottom: 1px solid var(--border-color-1); }
    header #header-top .header-top {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
      header #header-top .header-top .social-hello {
        display: flex; }
        header #header-top .header-top .social-hello .social a {
          color: var(--seven-color);
          transition: 0.5s; }
          header #header-top .header-top .social-hello .social a + a {
            margin-left: 30px; }
          header #header-top .header-top .social-hello .social a:hover {
            color: var(--clr); }
        header #header-top .header-top .social-hello .hello {
          margin-left: 70px;
          position: relative; }
          header #header-top .header-top .social-hello .hello:before {
            content: '|';
            position: absolute;
            left: -35px;
            top: -2px; }
      header #header-top .header-top .address {
        display: flex;
        align-items: center; }
        header #header-top .header-top .address i {
          margin-right: 20px; }
  header #header-main .header-main {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0; }
    header #header-main .header-main .logo {
      width: 300px;
      height: 100%; }
    header #header-main .header-main #nav-menu {
      display: flex; }
      header #header-main .header-main #nav-menu .menu-item.current-menu-item a h3, header #header-main .header-main #nav-menu .menu-item.current-post-ancestor a h3 {
        color: var(--third-color); }
      header #header-main .header-main #nav-menu .menu-item a h3 {
        color: var(--seven-color);
        padding: 15px 30px;
        transition: 0.5s;
        font-size: 18px; }
        header #header-main .header-main #nav-menu .menu-item a h3:hover {
          color: var(--third-color); }
    header #header-main .header-main .cart {
      position: relative; }
      header #header-main .header-main .cart--icon svg {
        color: var(--seven-color);
        width: 25px;
        height: 25px; }
      header #header-main .header-main .cart--qty {
        color: var(--seven-color);
        position: absolute;
        right: -10px;
        bottom: -5px;
        padding: 5px;
        width: 20px;
        height: 20px;
        background-color: var(--third-color);
        border-radius: 50%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: 16px; }
  header #header-bottom {
    padding-bottom: 30px; }
    header #header-bottom .header-bottom .nav-cate {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      padding: 16px 0;
      border-radius: 10px 10px 0 0;
      border: 2px solid var(--third-color);
      width: 295px;
      border-bottom: 0; }
      header #header-bottom .header-bottom .nav-cate:before {
        content: '';
        position: absolute;
        width: 70%;
        height: 1px;
        background-color: #344146;
        top: 100%;
        z-index: 6; }
      header #header-bottom .header-bottom .nav-cate i {
        margin-right: 16px; }
      header #header-bottom .header-bottom .nav-cate h3 {
        font-size: 19px; }
      header #header-bottom .header-bottom .nav-cate i, header #header-bottom .header-bottom .nav-cate h3 {
        color: #000; }
      header #header-bottom .header-bottom .nav-cate .list-cate {
        position: absolute;
        display: block;
        background-color: var(--seven-color);
        width: inherit;
        padding: 16px 44px;
        top: 100%;
        z-index: 5;
        border: 2px solid var(--third-color);
        border-radius: 0 0 10px 10px;
        border-top: 0;
        opacity: 0;
        visibility: hidden;
        transition: 0.5s;
        height: 460px; }
        header #header-bottom .header-bottom .nav-cate .list-cate.active {
          opacity: 1;
          visibility: visible; }
        header #header-bottom .header-bottom .nav-cate .list-cate-item {
          margin-bottom: 10px;
          position: relative; }
          header #header-bottom .header-bottom .nav-cate .list-cate-item a {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            color: #000;
            width: max-content; }
            header #header-bottom .header-bottom .nav-cate .list-cate-item a img {
              width: 20px;
              height: 20px;
              margin-right: 20px; }
            header #header-bottom .header-bottom .nav-cate .list-cate-item a h2 {
              transition: 0.5s;
              font-size: 18px;
              font-weight: unset;
              line-height: 30px; }
          header #header-bottom .header-bottom .nav-cate .list-cate-item:hover > a h2 {
            transform: translateX(10px);
            color: var(--third-color); }
          header #header-bottom .header-bottom .nav-cate .list-cate-item:hover .sub-menu {
            opacity: 1;
            visibility: visible; }
          header #header-bottom .header-bottom .nav-cate .list-cate-item .sub-menu {
            position: absolute;
            left: 123%;
            background-color: var(--seven-color);
            padding: 16px 32px;
            border-radius: 10px;
            border: 2px solid var(--third-color);
            top: -10px;
            opacity: 0;
            visibility: hidden;
            transition: 0.5s; }
            header #header-bottom .header-bottom .nav-cate .list-cate-item .sub-menu li a h2:hover {
              color: var(--third-color); }
            header #header-bottom .header-bottom .nav-cate .list-cate-item .sub-menu:before {
              content: '';
              position: absolute;
              width: 50%;
              height: 50%;
              background-color: transparent;
              top: 0;
              left: -50%; }
      header #header-bottom .header-bottom .nav-cate.page {
        border-bottom: 2px solid var(--third-color);
        border-radius: 10px; }
        header #header-bottom .header-bottom .nav-cate.page.active {
          border-bottom: 0;
          border-radius: 10px 10px 0 0; }
    header #header-bottom .header-bottom .nav-cate-mobile {
      display: none; }
    header #header-bottom .header-bottom .main-search {
      height: 100%; }
      header #header-bottom .header-bottom .main-search #searchform {
        position: relative;
        display: flex;
        height: 100%; }
        header #header-bottom .header-bottom .main-search #searchform .form-search-control {
          background-color: var(--seven-color);
          border: 0;
          transition: 0.5s;
          width: 100%;
          padding: 16px 32px;
          border-radius: 10px;
          font-family: var(--primary-font);
          font-style: italic;
          font-size: 16px; }
          header #header-bottom .header-bottom .main-search #searchform .form-search-control::placeholder {
            font-size: 16px;
            font-style: italic; }
        header #header-bottom .header-bottom .main-search #searchform #close-form {
          position: absolute;
          right: 0;
          height: 100%;
          padding: 0 30px;
          border-radius: 0 10px 10px 0;
          outline: 0;
          border: 0;
          background-color: var(--third-color);
          color: #fff; }

#breadcrumbs--wrap {
  padding: 20px 0;
  background-image: linear-gradient(to right, var(--primary-color), var(--secondary-color));
  color: #fff;
  border-top: 1px solid var(--border-color-1); }

#breadcrumbs span a {
  color: var(--seven-color); }

#breadcrumbs span .divider {
  margin: 0 16px; }

main {
  position: relative; }

#banner {
  padding-top: 30px; }
  #banner .banner--wrap {
    position: relative;
    overflow: hidden; }
    #banner .banner--wrap .slick-dots {
      position: absolute;
      display: flex;
      bottom: 8%;
      left: 7%; }
      #banner .banner--wrap .slick-dots li {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--seven-color);
        cursor: pointer;
        z-index: 2; }
        #banner .banner--wrap .slick-dots li button {
          visibility: hidden; }
        #banner .banner--wrap .slick-dots li + li {
          margin-left: 24px; }
        #banner .banner--wrap .slick-dots li.slick-active {
          background-color: var(--third-color); }
  #banner .banner-item {
    height: 400px; }
    #banner .banner-item img {
      border-radius: 10px; }
  #banner-ads {
    margin-top: 60px;
    overflow: hidden; }
    #banner-ads .banner-ads--wrap {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
    #banner-ads .banner-ads-item {
      width: 49%; }

.title {
  margin-bottom: 50px; }
  .title h3 {
    font-size: 30px;
    position: relative; }
    .title h3:before {
      content: '';
      position: absolute;
      width: 75%;
      height: 2px;
      background-color: var(--third-color);
      left: 50%;
      transform: translateX(-50%);
      top: 50%; }

#advantage {
  margin-top: 50px; }
  #advantage .advantage--wrap {
    border: 1px solid var(--third-color);
    padding: 24px 0;
    border-radius: 10px;
    margin: 0; }
    #advantage .advantage--wrap .child + .child {
      border-left: 1px solid var(--third-color); }
  #advantage .advantage__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    #advantage .advantage__item .icon {
      width: 45px;
      height: 100%;
      margin-right: 20px; }
    #advantage .advantage__item .text h2 {
      color: var(--third-color);
      font-size: 18px; }
    #advantage .advantage__item .text h3 {
      font-weight: unset;
      font-size: 18px;
      margin-top: 8px; }

.rating {
  margin-bottom: 16px; }
  .rating i {
    color: #e8e8e8; }
    .rating i.fill {
      color: #ffcc00; }
    .rating i + i {
      margin-left: 2px; }

.price {
  display: flex;
  justify-content: space-between; }
  .price .new {
    color: var(--third-color);
    font-weight: bold; }
  .price .old {
    color: #696969;
    text-decoration: line-through; }

.percent-discount {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: var(--third-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--seven-color);
  right: 5%; }

.button-buy {
  margin-top: 16px; }
  .button-buy p {
    color: #333;
    position: relative;
    font-weight: bold;
    display: inline-block; }
    .button-buy p:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 2px;
      background-color: #000;
      bottom: -3px; }

.cate-list-wrap {
  display: none; }

#flash-sale {
  margin-top: 60px; }
  #flash-sale .title {
    position: relative; }
    #flash-sale .title .countdown {
      position: absolute;
      top: 50%;
      left: 50%;
      background-color: var(--third-color);
      display: block;
      padding: 10px 60px;
      color: var(--seven-color);
      letter-spacing: 5px;
      border-radius: 5px;
      transform: translateY(-50%) translateX(-50%); }
      #flash-sale .title .countdown #countdown {
        font-size: 23px; }
        #flash-sale .title .countdown #countdown.countdownHolder {
          display: flex; }
        #flash-sale .title .countdown #countdown .position {
          display: inline-block;
          height: 30px;
          overflow: hidden;
          position: relative;
          width: 25px;
          margin: 0 -8px; }
        #flash-sale .title .countdown #countdown .digit {
          position: absolute;
          display: block;
          width: 100%;
          text-align: center;
          color: #fff;
          font-weight: 700;
          line-height: 32px; }
        #flash-sale .title .countdown #countdown .countDays, #flash-sale .title .countdown #countdown .countHours, #flash-sale .title .countdown #countdown .countMinutes, #flash-sale .title .countdown #countdown .countSeconds {
          position: relative;
          display: inline-block; }
        #flash-sale .title .countdown #countdown .countDiv {
          display: inline-block;
          width: 24px;
          height: 100%;
          position: relative; }
          #flash-sale .title .countdown #countdown .countDiv:before, #flash-sale .title .countdown #countdown .countDiv:after {
            position: absolute;
            width: 5px;
            height: 5px;
            background-color: #fff;
            border-radius: 50%;
            left: 50%;
            margin-left: -3px;
            top: 0.5em;
            content: ''; }
          #flash-sale .title .countdown #countdown .countDiv:after {
            top: 0.9em; }
  #flash-sale .flash-sale-item {
    padding: 16px 32px;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
    transition: 0.5s; }
    #flash-sale .flash-sale-item--wrap {
      margin: 0 -15px; }
    #flash-sale .flash-sale-item:hover {
      border-color: var(--third-color); }
    #flash-sale .flash-sale-item .image {
      width: 100%;
      height: 215px;
      margin: 0 auto; }
      #flash-sale .flash-sale-item .image img {
        object-fit: scale-down; }
    #flash-sale .flash-sale-item .information .name {
      margin-bottom: 16px; }
      #flash-sale .flash-sale-item .information .name h2 {
        color: #333;
        font-size: 20px;
        line-height: 30px;
        height: 60px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
    #flash-sale .flash-sale-item .information .rating {
      margin-bottom: 16px; }
      #flash-sale .flash-sale-item .information .rating i {
        color: #e8e8e8; }
        #flash-sale .flash-sale-item .information .rating i.fill {
          color: #ffcc00; }
        #flash-sale .flash-sale-item .information .rating i + i {
          margin-left: 2px; }
    #flash-sale .flash-sale-item .information .price {
      display: flex;
      justify-content: space-between; }
      #flash-sale .flash-sale-item .information .price .new {
        color: var(--third-color);
        font-weight: bold; }
      #flash-sale .flash-sale-item .information .price .old {
        color: #696969;
        text-decoration: line-through; }
    #flash-sale .flash-sale-item .progress .bar {
      position: relative;
      width: 100%;
      height: 8px;
      background-color: #ccc;
      border-radius: 4px;
      margin-top: 20px; }
      #flash-sale .flash-sale-item .progress .bar .overlay {
        content: '';
        position: absolute;
        height: inherit;
        border-radius: inherit;
        background-color: var(--third-color);
        width: 0;
        transition: 0.5s; }
    #flash-sale .flash-sale-item .progress .text {
      margin-top: 18px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      color: #000; }

#hot-product {
  margin-top: 60px; }
  #hot-product .product-hot-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    height: 100%;
    margin-bottom: 20px;
    position: relative;
    transition: 0.5s; }
    #hot-product .product-hot-item--wrap .col-xl-4 {
      margin-bottom: 20px; }
    #hot-product .product-hot-item:hover {
      border-color: var(--third-color); }
      #hot-product .product-hot-item:hover .information .name h2 {
        color: var(--third-color); }
    #hot-product .product-hot-item .percent-discount {
      top: 5%; }
    #hot-product .product-hot-item .image {
      width: 140px;
      height: 100%;
      margin-right: 20px; }
    #hot-product .product-hot-item .information .name h2 {
      font-size: 20px;
      color: #333;
      line-height: 30px;
      max-width: 80%;
      transition: 0.5s; }
    #hot-product .product-hot-item .information .rating {
      margin-top: 16px; }

.list-product--wrap, .product-hot-item--wrap, .flash-sale-item--wrap {
  position: relative; }
  .list-product--wrap .arrow, .product-hot-item--wrap .arrow, .flash-sale-item--wrap .arrow {
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #ccc;
    color: rgba(51, 51, 51, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    top: -90px; }
    .list-product--wrap .arrow.left, .product-hot-item--wrap .arrow.left, .flash-sale-item--wrap .arrow.left {
      right: 5%; }
    .list-product--wrap .arrow.right, .product-hot-item--wrap .arrow.right, .flash-sale-item--wrap .arrow.right {
      right: 1%; }

.list-product--wrap .arrow.left {
  right: 6.5%; }

#blog-home, #feedback {
  width: 48%;
  display: inline-flex;
  flex-direction: column;
  margin-top: 50px;
  margin-bottom: 50px; }
  #blog-home .title h3:before, #feedback .title h3:before {
    display: none; }

#feedback .feedback__item .ava, #blog-home .blog-home-item .image {
  min-width: 120px;
  max-width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-right: 20px; }
  #feedback .feedback__item .ava img, #blog-home .blog-home-item .image img {
    border-radius: 50%; }

#blog-home {
  margin-left: 20px; }
  #blog-home .blog-home-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    #blog-home .blog-home-item + .blog-home-item {
      margin-top: 25px; }
    #blog-home .blog-home-item .details h2 {
      font-size: 18px;
      color: var(--third-color);
      margin-bottom: 12px;
      line-height: 30px; }
    #blog-home .blog-home-item .details p {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #000; }

#feedback {
  margin-right: 20px; }
  #feedback .feedback__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px; }
    #feedback .feedback__item .details p:first-child {
      text-align: justify; }
    #feedback .feedback__item .details p:last-child {
      color: var(--third-color);
      font-weight: bold;
      font-style: italic;
      margin-top: 16px; }

.product-item {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 45px 16px 30px;
  margin-left: -10px;
  transition: 0.5s; }
  .product-item:hover .image img {
    transform: scale(1.1); }
  .product-item:hover .information .name h2 {
    color: var(--third-color); }
  .product-item .percent-discount {
    width: 40px;
    height: 40px;
    top: 5%;
    right: 10%;
    z-index: 2; }
    .product-item .percent-discount .discount {
      font-size: 16px; }
  .product-item .image {
    height: 134px;
    width: 100%; }
    .product-item .image img {
      object-fit: scale-down;
      transition: 0.5s; }
  .product-item .information .name {
    margin-top: 20px; }
    .product-item .information .name h2 {
      font-size: 18px;
      color: #333;
      line-height: 30px;
      transition: 0.5s;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
  .product-item .information .rating {
    margin-top: 16px; }
  .product-item .information .price {
    font-size: 16px; }
  .product-item .information .button-buy p {
    transition: 0.5s; }
    .product-item .information .button-buy p:before {
      transition: 0.5s; }

.product .product-item .image {
  height: 200px; }

.product-sidebar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start; }
  .product-sidebar .image {
    min-width: 150px;
    max-width: 150px;
    height: 150px;
    margin-right: 20px; }
    .product-sidebar .image img {
      object-fit: scale-down; }
  .product-sidebar .information {
    width: 100%; }
    .product-sidebar .information .name {
      margin-bottom: 20px; }
      .product-sidebar .information .name h2 {
        color: #333;
        font-weight: bold;
        font-size: 18px;
        line-height: 28px; }
    .product-sidebar .information .price {
      margin-bottom: 16px; }

#list-product {
  margin-top: 40px; }
  #list-product .title h3:before {
    display: none; }
  #list-product .list-product--wrap .ads-cate {
    width: 100%;
    height: 100%;
    transition: 0.5s; }
    #list-product .list-product--wrap .ads-cate img {
      border-radius: 10px; }
    #list-product .list-product--wrap .ads-cate:hover {
      transform: scale(0.97);
      box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.1); }

#contact {
  padding: 100px 0; }
  #contact .title__contact h4 {
    font-size: 18px;
    padding-bottom: 18px;
    font-weight: unset;
    text-align: justify; }
  #contact .title__contact h2 {
    font-size: 30px;
    text-transform: uppercase;
    color: #2c2c2c;
    padding-bottom: 18px; }
  #contact .information {
    padding-bottom: 130px; }
    #contact .information__item--wrap {
      display: flex;
      margin-bottom: 30px; }
    #contact .information__item--header {
      min-width: 50px;
      height: 50px;
      border: 1px solid var(--third-color);
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      #contact .information__item--header img {
        width: 22px;
        height: auto; }
    #contact .information__item--content {
      display: flex;
      flex-direction: column;
      margin-left: 30px; }
      #contact .information__item--content h3 {
        color: #333;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 8px; }
      #contact .information__item--content p, #contact .information__item--content a {
        font-size: 18px;
        line-height: 26px;
        color: #333; }
  #contact .contact__info {
    padding-right: 45px; }
    #contact .contact__info--wrap {
      margin-left: 0; }
    #contact .contact__info-header h3 {
      font-size: 30px;
      color: var(--primary-color);
      font-weight: 100; }
    #contact .contact__info-header p {
      font-size: 20px;
      color: var(--primary-color);
      margin-bottom: 16px; }
    #contact .contact__info #form_contact {
      margin: 16px -30px 0 -15px; }
    #contact .contact__info-item input, #contact .contact__info-item textarea {
      width: 100%;
      margin-bottom: 16px;
      padding: 13px 8px;
      border: 0;
      border-bottom: 2px solid var(--third-color);
      font-family: "F5 Magistral Book";
      outline: 0;
      background-color: transparent;
      font-size: 16px;
      color: var(--primary-color);
      border-radius: 0 0 5px 5px; }
      #contact .contact__info-item input::placeholder, #contact .contact__info-item textarea::placeholder {
        color: var(--primary-color); }
    #contact .contact__info-item textarea {
      min-height: 100px;
      max-width: 100%;
      min-width: 100%;
      max-height: 300px; }
    #contact .contact__info-item label {
      position: relative;
      top: -5px; }
    #contact .contact__info--btn {
      margin-top: 25px; }
      #contact .contact__info--btn button {
        padding: 14px 42px;
        color: #fff;
        font-weight: unset;
        font-size: 18px;
        border: 0;
        background-color: #023235;
        border-radius: 50px;
        cursor: pointer;
        transition: .5s;
        font-family: "F5 Magistral Book"; }
        #contact .contact__info--btn button i {
          color: #fff;
          margin-right: 8px; }
        #contact .contact__info--btn button .circle-loading2 {
          display: inline-flex;
          animation: loading2 1s infinite; }
          #contact .contact__info--btn button .circle-loading2 div {
            width: 20px;
            height: 20px;
            border: 2px solid #fff;
            border-radius: 50%;
            margin: 7px 5px; }
        #contact .contact__info--btn button:hover {
          transform: translateY(-5px);
          box-shadow: 0 4px 0 0 #ec5a29, 0 5px 10px 0 rgba(0, 0, 0, 0.13); }
  #contact .contact__map {
    position: relative;
    height: 50%; }
    #contact .contact__map iframe {
      width: 100%;
      height: 100%; }
  #contact-home {
    padding: 135px 0;
    position: relative; }
    #contact-home::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(41, 50, 83, 0.4);
      top: 0; }
    #contact-home .contact-home--wrap {
      text-align: center;
      position: relative; }
    #contact-home .contact-home-icon {
      width: 80px;
      height: 80px;
      margin: 0 auto; }
    #contact-home .contact-home-title {
      margin-top: 32px; }
      #contact-home .contact-home-title h2 {
        color: #fff;
        font-weight: unset;
        font-size: 40px; }
    #contact-home .contact-home-phone {
      margin-top: 20px; }
      #contact-home .contact-home-phone h3 {
        font-family: "F5 Magistral Book Italic";
        color: #fff;
        font-weight: bold;
        font-size: 50px; }
    #contact-home .contact-home-link {
      text-align: center;
      margin-top: 56px; }
      #contact-home .contact-home-link p {
        padding: 16px 58px;
        background-color: #fff;
        color: #293253;
        border-radius: 50px;
        display: inline-block;
        position: relative;
        overflow: hidden;
        z-index: 2;
        transition: 0.5s; }
        #contact-home .contact-home-link p:before {
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          background-color: #023235;
          top: -100%;
          left: 0;
          border-radius: 50px;
          z-index: -1;
          transition: 0.5s; }
        #contact-home .contact-home-link p:hover {
          color: #fff; }
          #contact-home .contact-home-link p:hover:before {
            top: 0; }

.quatrang {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 32px; }
  .quatrang .page-numbers {
    color: #fff;
    font-weight: unset;
    font-size: 18px;
    margin-right: 16px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #0d2658;
    transition: 0.5s; }
    .quatrang .page-numbers i {
      font-size: 15px; }
    .quatrang .page-numbers.current {
      background-color: #293253;
      font-weight: bold;
      color: #fff; }
      .quatrang .page-numbers.current:hover {
        background-color: #293253;
        font-weight: bold; }
    .quatrang .page-numbers:hover {
      background-color: #293253;
      font-weight: bold;
      color: #fff; }

#introduction {
  padding: 70px 0; }
  #introduction .introduction--wrap h2, #introduction .introduction--wrap h3, #introduction .introduction--wrap h4, #introduction .introduction--wrap h5, #introduction .introduction--wrap p, #introduction .introduction--wrap ul li, #introduction .introduction--wrap ol li, #introduction .introduction--wrap table {
    margin: 12px 0; }
  #introduction .introduction--wrap ul, #introduction .introduction--wrap ol {
    padding-left: 24px; }
    #introduction .introduction--wrap ul li, #introduction .introduction--wrap ol li {
      list-style: disc; }
  #introduction .introduction--wrap p, #introduction .introduction--wrap ol li, #introduction .introduction--wrap ul li {
    text-align: justify; }

.image-main {
  height: 500px !important; }
  .image-main img {
    object-fit: unset; }

.image-Gallerys {
  margin-top: 30px; }
  .image-Gallerys .img-height {
    width: 173px;
    height: 170px;
    border: 1px solid var(--border-color-1);
    margin: 0 8px;
    padding: 16px;
    border-radius: 10px; }
    .image-Gallerys .img-height.slick-current {
      border-color: var(--third-color); }

.gallery {
  position: sticky;
  top: 30px; }

.item .price {
  justify-content: flex-start;
  font-size: 25px; }
  .item .price .old {
    margin-left: 16px; }

.item__header, .item .rating, .item .price, .item__desc {
  margin-bottom: 30px; }

.item__header h2 {
  font-family: var(--primary-font);
  color: var(--third-color);
  font-weight: bold;
  font-size: 30px; }

.item__title {
  margin-bottom: 30px;
  text-align: center;
  position: relative; }
  .item__title:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    background-color: var(--border-color);
    left: 0;
    z-index: -1; }
  .item__title h2 {
    text-align: center;
    padding: 10px 40px;
    border: 1px solid var(--border-color);
    display: inline-block;
    border-radius: 50px;
    font-size: 25px;
    font-weight: unset;
    background-color: var(--seven-color);
    z-index: 2; }

.item__desc ul, .item__desc table, .item__desc h2, .item__desc h3, .item__desc h4 h5, .item__desc ol, .item__desc p, .item__specs ul, .item__specs table, .item__specs h2, .item__specs h3, .item__specs h4 h5, .item__specs ol, .item__specs p {
  margin: 12px 0; }

.item__title, .item__desc {width: 95%}
.behind {padding-bottom: 70px}

.item__desc ul, .item__specs ul {
  padding-left: 15px; }
  .item__desc ul li, .item__specs ul li {
    list-style: disc;
    color: var(--secondary-color);
    font-weight: unset;
    font-size: 18px;
    line-height: 28px;
    text-align: justify; }

.item__desc table, .item__specs table {
  border-collapse: collapse !important;
  border: 1px solid #333;
  width: 100%;
  margin-top: 30px; }
  .item__desc table tr td, .item__specs table tr td {
    border: 1px solid #333;
    padding: 10px 20px;
    line-height: 30px; }

.item__specs .title {
  padding-top: 16px;
  font-size: 22px; }

.item .wrap-add-to-cart {
  display: flex; }
  .item .wrap-add-to-cart .wrap-qty-cart {
    border-radius: 50px;
    border: 1px solid #293253;
    padding: 12px 20px;
    display: flex;
    align-items: center; }
    .item .wrap-add-to-cart .wrap-qty-cart .is-form {
      font-size: 14px;
      font-family: "F5 Magistral Book Italic"; }
    .item .wrap-add-to-cart .wrap-qty-cart .input-qty {
      border: 0;
      outline: 0;
      text-align: center;
      color: #293253;
      font-weight: bold;
      font-size: 18px;
      font-family: "F5 Magistral Book"; }
  .item .wrap-add-to-cart .add-cart-button {
    border-radius: 50px;
    border: 0;
    background-image: linear-gradient(-45deg, var(--primary-color), var(--secondary-color));
    color: var(--seven-color);
    margin-left: 24px;
    padding: 20px 40px;
    font-size: 20px;
    font-family: var(--primary-font);
    cursor: pointer;
    width: 100%;
    transition: 0.5s; }
    .item .wrap-add-to-cart .add-cart-button :hover {
      background-size: 400% 400%; }

.suggest {
  padding-top: 20px; }
  .suggest--wrap {
    position: sticky;
    top: 20px; }
  .suggest__title {
    margin-bottom: 30px;
    margin-left: -10px; }

.thongtin_donhang {
  color: black;
  font-weight: unset;
  font-size: 18px;
  padding: 32px;
  border: 1px solid #ccc;
  border-radius: 10px; }
  .thongtin_donhang > h2 {
    font-size: 22px; }
    .thongtin_donhang > h2 a {
      color: var(--primary-color); }
  .thongtin_donhang--wrap {
    padding: 64px 0;
    background-color: #fbfbfb; }
  .thongtin_donhang .wrap-qty {
    width: fit-content;
    margin: 0 auto;
    background-color: transparent; }
    .thongtin_donhang .wrap-qty-cart {
      background-color: var(--seven-color);
      padding: 8px 16px;
      border-radius: 5px;
      border: 1px solid var(--border-color);
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
      .thongtin_donhang .wrap-qty-cart .is-form i {
        font-size: 14px; }
      .thongtin_donhang .wrap-qty-cart .input-qty {
        text-align: center;
        font-size: 18px;
        border: 0;
        background-color: transparent; }
        .thongtin_donhang .wrap-qty-cart .input-qty:focus-visible {
          outline: 0; }
  .thongtin_donhang .cart {
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 24px 18px 38px 13px; }
    .thongtin_donhang .cart_form {
      width: 100%; }
    .thongtin_donhang .cart-label {
      display: flex;
      justify-content: space-between;
      font-weight: bold;
      border-bottom: 1px solid #ccc; }
    .thongtin_donhang .cart-content {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      text-align: center; }
      .thongtin_donhang .cart-content + .cart-content {
        border-top: 1px solid #ccc;
        padding-top: 8px;
        margin-top: 8px; }
      .thongtin_donhang .cart-content td {
        text-align: left;
        padding: 8px;
        max-width: 300px; }
        .thongtin_donhang .cart-content td a h2 {
          color: var(--primary-color);
          font-size: 20px;
          line-height: 28px; }
        .thongtin_donhang .cart-content td img {
          width: 140px;
          height: 120px;
          object-fit: scale-down;
          border-radius: 10px;
          border: 1px solid #dbdbdb;
          background-color: var(--seven-color);
          padding: 8px; }
        .thongtin_donhang .cart-content td:first-child {
          padding-left: 0; }
        .thongtin_donhang .cart-content td:nth-child(4) {
          font-weight: bold; }
        .thongtin_donhang .cart-content td:last-child {
          padding-right: 0; }
        .thongtin_donhang .cart-content td .is-form {
          background-color: white;
          display: flex;
		  cursor: pointer; }
        .thongtin_donhang .cart-content td .remove-product i {
          color: var(--third-color); }
      .thongtin_donhang .cart-content .circle-loading {
        width: 20px;
        height: 20px;
        border-radius: 150px;
        position: relative;
        margin: 0 auto; }
        .thongtin_donhang .cart-content .circle-loading::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: inherit;
          border: 5px solid #023235;
          border-right-color: white;
          border-bottom-color: white;
          animation: circleLoading 1s forwards infinite linear; }
    .thongtin_donhang .cart-button-wrap {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      padding: 16px;
      background-color: var(--seven-color);
      border-radius: 10px;
      border: 1px solid var(--border-color-1); }
      .thongtin_donhang .cart-button-wrap h4 {
        text-transform: uppercase;
        padding-bottom: 8px;
        margin-bottom: 16px;
        font-size: 22px;
        border-bottom: 1px solid #333; }
      .thongtin_donhang .cart-button-wrap p {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%; }
        .thongtin_donhang .cart-button-wrap p.money-sum {
          padding-bottom: 14px;
          margin-bottom: 20px;
          border-bottom: 1px solid #d2d2d2; }
        .thongtin_donhang .cart-button-wrap p.money-pay {
          margin-bottom: 20px; }
    .thongtin_donhang .cart-button--checkout {
      background-color: var(--primary-color);
      padding: 16px 64px;
      border: none;
      cursor: pointer;
      transition: all ease 0.5s;
      width: 100%;
      text-align: center;
      border-radius: 10px;
	  color: var(--seven-color);
	  font-size: 18px; }
      .thongtin_donhang .cart-button--checkout:hover {
        background-color: #293253; }
      .thongtin_donhang .cart-button--checkout a {
        color: var(--seven-color); }
    .thongtin_donhang .cart__money {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
      .thongtin_donhang .cart__money--wrap {
        background-color: white;
        padding: 22px 40px 26px 36px;
        border-radius: 5px;
        position: sticky;
        top: 10px; }
        .thongtin_donhang .cart__money--wrap > p {
          font-size: 20px;
          font-weight: bold;
          line-height: 28px;
          padding-bottom: 16px; }
      .thongtin_donhang .cart__money p {
        display: inline-block; }
      .thongtin_donhang .cart__money + .cart__money {
        margin-top: 20px;
        padding-top: 14px;
        border-top: 1px solid #d2d2d2; }
      .thongtin_donhang .cart__money--btn {
        text-align: center;
        margin-top: 30px; }
        .thongtin_donhang .cart__money--btn a {
          color: black;
          font-weight: bold;
          font-size: 18px;
          line-height: 28px;
          display: block;
          padding: 8px 0;
          background-color: #023235;
          border-radius: 5px; }

.wrap-qty-single {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  border-radius: 50px;
  border: 1px solid var(--border-color-1); }
  .wrap-qty-single .is-form, .wrap-qty-single input {
    color: #333;
    padding: 4px;
    font-size: 14px;
    border-radius: 5px;
    text-align: center; }
  .wrap-qty-single .is-form {
    cursor: pointer; }
  .wrap-qty-single input {
    border: 0;
    outline: 0;
    max-width: 50px;
    font-size: 18px; }

#booking {
  padding: 70px 0; }
  #booking .checkout--wrap {
    transition: 1s; }
    #booking .checkout--wrap #form_checkout .col-xl-5 .checkout__info {
      position: sticky;
      top: 10px; }
  #booking .checkout__info--title {
    color: black;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px; }
  #booking .checkout__info--form input, #booking .checkout__info--form textarea {
    color: #333;
    font-weight: unset;
    font-size: 18px;
    font-family: var(--primary-font);
    width: 100%;
    padding: 10px 16px;
    margin: 30px 0 6px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    transition: 0.5s; }
    #booking .checkout__info--form input::placeholder, #booking .checkout__info--form textarea::placeholder {
      color: rgba(175, 175, 175, 0.8); }
    #booking .checkout__info--form input:focus-visible, #booking .checkout__info--form textarea:focus-visible {
      outline: 1px solid var(--third-color);
      transform: scale(1.05); }
  #booking .checkout__info--form .error {
    font-size: 18px; }
  #booking .checkout__info table {
    width: 100%; }
    #booking .checkout__info table .content-cart {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      color: black;
      font-weight: unset;
      font-size: 18px;
      padding-top: 16px;
      padding-bottom: 16px; }
      #booking .checkout__info table .content-cart:first-child {
        padding-top: 0;
        padding-bottom: 16px; }
      #booking .checkout__info table .content-cart + .content-cart {
        border-top: 1px solid var(--border-color); }
      #booking .checkout__info table .content-cart td {
        max-width: 300px; }
        #booking .checkout__info table .content-cart td a {
          color: black;
          line-height: 28px; }
      #booking .checkout__info table .content-cart input {
        border: none;
        font-size: 18px;
        text-align: right;
        background-color: transparent;
        color: #000;
        font-weight: bold; }
  #booking .checkout__info--wrap {
    padding: 16px 34px 28px 25px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    margin-top: 30px; }
  #booking .checkout__info--btn {
    transition: all ease 1s; }
    #booking .checkout__info--btn button {
      width: 100%;
      padding-top: 12px;
      padding-bottom: 12px;
      color: var(--seven-color);
      font-weight: bold;
      font-size: 18px;
      line-height: 26px;
      background-color: var(--third-color);
      border: none;
      cursor: pointer;
      border-radius: 5px; }
      #booking .checkout__info--btn button#submit_checkout .circle-loading {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: relative;
        margin: 0 auto; }
        #booking .checkout__info--btn button#submit_checkout .circle-loading:before, #booking .checkout__info--btn button#submit_checkout .circle-loading:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: inherit;
          border: 5px solid var(--primary-color);
          border-right-color: var(--seven-color);
          border-bottom-color: var(--seven-color);
          -webkit-animation: circleLoading 1s forwards infinite linear;
          animation: circleLoading 1s forwards infinite linear; }
  #booking .checkout__info--select {
    margin-top: 30px; }
    #booking .checkout__info--select-item {
      display: inline-block; }
      #booking .checkout__info--select-item + .checkout__info--select-item {
        padding-top: 16px; }
      #booking .checkout__info--select-item input {
        margin-right: 8px; }
        #booking .checkout__info--select-item input:hover {
          cursor: pointer; }
      #booking .checkout__info--select-item:last-child {
        position: relative;
        overflow: hidden; }
        #booking .checkout__info--select-item:last-child.checked .account__details {
          max-height: 500px;
          transition: max-height ease 1s; }
        #booking .checkout__info--select-item:last-child .account__details {
          margin-top: 20px;
          max-height: 0;
          position: relative;
          transition: max-height ease 1s; }
          #booking .checkout__info--select-item:last-child .account__details--header p {
            color: black;
            font-weight: bold;
            font-size: 20px;
            text-align: center; }
            #booking .checkout__info--select-item:last-child .account__details--header p + .account__details--item {
              margin-top: 16px; }
          #booking .checkout__info--select-item:last-child .account__details--item p {
            font-size: 18px;
            font-weight: bold; }
            #booking .checkout__info--select-item:last-child .account__details--item p + input {
              margin: 8px 0 16px; }
          #booking .checkout__info--select-item:last-child .account__details--item input {
            padding: 8px;
            font-size: 18px;
            border: 1px solid #d2d2d2;
            border-radius: 8px;
            width: 100%; }

#news {
  padding: 70px 0; }

.news__list--no-post {
  font-size: 20px; }

.news__list-item {
  margin-bottom: 40px;
  padding: 16px;
  background-color: var(--seven-color); }
  .news__list-item-image {
    height: 225px;
    width: 100%;
    overflow: hidden; }
    .news__list-item-image img {
      transition: .5s; }
    .news__list-item-image:hover img {
      filter: brightness(0.7);
      transform: scale(1.1); }
  .news__list-item-content {
    padding: 28px;
    position: relative; }
    .news__list-item-content h2 {
      color: var(--primary-color);
      font-weight: unset;
      font-size: 20px;
      line-height: 30px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      transition: 0.5s; }

.news__tags {
  display: flex;
  margin: 30px 0;
  padding-top: 30px;
  border-top: 2px solid #d8dcdf; }
  .news__tags li {
    background-color: #f5f5f5;
    padding: 8px 16px;
    border-radius: 5px;
    font-size: 16px; }
    .news__tags li + li {
      margin-left: 12px; }

.news__details .suggest__title h3 {
  font-family: "F5 Magistral Book";
  font-size: 22px;
  margin-bottom: 30px; }

.news__details .suggest__list {
  padding-left: 25px;
  margin-top: 16px; }
  .news__details .suggest__list li {
    list-style: disc;
    padding-left: 16px;
    line-height: 28px; }
    .news__details .suggest__list li a {
      color: #333;
      font-style: italic; }
    .news__details .suggest__list li + li {
      margin-top: 12px; }
    .news__details .suggest__list li::marker {
      color: #333;
      font-size: 25px; }
	.suggest__list .col-xl-12 + .col-xl-12 {margin-top: 20px}

.news__details .details__image {
  margin: 0 -50px; }

.news__details .details__title {
  padding-bottom: 25px;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 20px; }
  .news__details .details__title h3 {
    color: #333;
    font-size: 33px;
    line-height: 45px; }

.news__details .details__content p {
  text-align: justify; }
  .news__details .details__content p img {
    margin: 0 auto;
    padding: 0;
    width: 100% !important; }

.news__details .details__content h2 {
  font-size: 25px;
  line-height: 30px;
  text-align: justify; }

.news__details .details__content p, .news__details .details__content h2, .news__details .details__content h3, .news__details .details__content h4, .news__details .details__content table, .news__details .details__content ul, .news__details .details__content ul li, .news__details .details__content ol, .news__details .details__content ol li, .news__details .details__content blockquote {
  margin: 12px 0; }

.news__details .details__content .wp-caption {
  margin: 12px auto; }
  .news__details .details__content .wp-caption .wp-caption-text {
    font-size: 16px;
    text-align: center; }

.news__details .details__content table {
  border-collapse: collapse !important; }
  .news__details .details__content table tr td {
    padding: 8px 16px;
    border: 1px solid #023235;
    line-height: 28px;
    text-align: left; }

.news__details .details__content blockquote {
  padding-left: 16px;
  border-left: 4px solid rgba(238, 152, 54, 0.8); }

.news__details .details__content #toc_container {
  margin: 12px auto; }

#sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 10px; }
  #sidebar .sidebar__item {
    border-radius: 8px; }
    #sidebar .sidebar__item--wrap + .sidebar__item--wrap {
      margin-top: 50px; }
    #sidebar .sidebar__item-title h3 {
      font-size: 25px;
      padding-bottom: 20px;
      color: var(--third-color);
      text-transform: uppercase; }
    #sidebar .sidebar__item--content {
      padding: 0 15px;
      border-top: 0; }
      #sidebar .sidebar__item--content-text {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between; }
        #sidebar .sidebar__item--content-text h2, #sidebar .sidebar__item--content-text p {
          font-size: 18px;
          color: #333; }
        #sidebar .sidebar__item--content-text h2 {
          font-size: 20px; }
    #sidebar .sidebar__item-list a + a {
      display: block;
      padding-top: 10px;
      margin-top: 10px;
      border-top: 1px dashed var(--border-color); }
  #sidebar-menu .menu-item {
    padding-top: 15px;
    padding-bottom: 15px;
    transition: all ease 0.5s; }
    #sidebar-menu .menu-item:hover {
      transform: translateX(10px); }
    #sidebar-menu .menu-item a {
      color: #023235;
      font-weight: unset;
      font-size: 18px; }
      #sidebar-menu .menu-item a:hover {
        color: #293253; }
      #sidebar-menu .menu-item a i {
        font-size: 14px;
        margin-right: 20px; }
  #sidebar-menu .menu-item + .menu-item {
    border-top: 1px solid #ccc; }

#menu-home {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 100px 0 95px;
  backdrop-filter: invert(1); }
  #menu-home:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--primary-color);
    opacity: 0.85; }
  #menu-home .menu-home--wrap {
    position: relative;
    color: var(--seven-color); }
    #menu-home .menu-home--wrap .extra-title {
      text-align: center;
      font-size: 22px;
      color: var(--secondary-color);
      text-transform: uppercase; }
    #menu-home .menu-home--wrap .main-title {
      font-size: 35px;
      text-align: center;
      text-transform: uppercase;
      margin-top: 50px; }
    #menu-home .menu-home--wrap .menu_list {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      padding: 60px 0 50px;
      border-bottom: 1px solid var(--fifth-color);
      margin-bottom: 50px; }
      #menu-home .menu-home--wrap .menu_list li {
        font-size: 22px;
        text-transform: uppercase;
        padding: 0 40px;
        cursor: pointer;
        transition: 0.5s; }
        #menu-home .menu-home--wrap .menu_list li:hover, #menu-home .menu-home--wrap .menu_list li.active {
          color: var(--secondary-color); }
    #menu-home .menu-home--wrap .menu_table {
      padding: 0 15px; }
      #menu-home .menu-home--wrap .menu_table .tabm_content {
        flex-wrap: wrap;
        justify-content: space-between; }
        #menu-home .menu-home--wrap .menu_table .tabm_content .food_list {
          width: 47%;
          margin-bottom: 40px;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between; }
          #menu-home .menu-home--wrap .menu_table .tabm_content .food_list span {
            font-size: 20px; }
            #menu-home .menu-home--wrap .menu_table .tabm_content .food_list span:first-child {
              width: 40%; }
            #menu-home .menu-home--wrap .menu_table .tabm_content .food_list span:nth-child(2) {
              width: 20%;
              text-align: center;
              letter-spacing: 1px; }
            #menu-home .menu-home--wrap .menu_table .tabm_content .food_list span:last-child {
              width: 30%;
              text-align: right; }

#slide-home {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 20% 0; }
  #slide-home:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--primary-color);
    opacity: 0.9; }
  #slide-home .overlay {
    width: 800px;
    height: 800px;
    position: absolute;
    background-color: var(--primary-color);
    content: '';
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0.9; }
    #slide-home .overlay:before, #slide-home .overlay:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: transparent;
      z-index: 100;
      border: 1px solid #ccc;
      opacity: 0.2; }
    #slide-home .overlay:before {
      transform: scale(1.5);
      animation: sonarEffect_1 4s infinite; }
    #slide-home .overlay:after {
      transform: scale(1.9);
      animation: sonarEffect_2 4s infinite;
      animation-delay: 1.95s; }
  #slide-home .main-image {
    position: relative;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    margin: 0 auto; }
    #slide-home .main-image img {
      border-radius: 50%; }
    #slide-home .main-image .extra-image-1 {
      position: absolute;
      width: 300px;
      height: 300px;
      top: -30%;
      left: -50%;
      animation: leftRight_1 15s infinite;
      transition: 0.5s; }
      #slide-home .main-image .extra-image-1 img {
        border-radius: 50%; }
    #slide-home .main-image .extra-image-2 {
      position: absolute;
      width: 300px;
      height: 300px;
      right: -40%;
      bottom: -30%;
      animation: leftRight_2 15s infinite;
      transition: 0.5s; }
      #slide-home .main-image .extra-image-2 img {
        border-radius: 50%; }
    #slide-home .main-image .button-video {
      position: absolute;
      width: 75px;
      height: 75px;
      background-color: var(--seven-color);
      border-radius: 50%;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      top: -3%;
      right: -5%; }
      #slide-home .main-image .button-video i {
        font-size: 23px;
        position: relative;
        transition: 0.5s; }
      #slide-home .main-image .button-video:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--primary-color);
        border-radius: inherit;
        border: 0;
        transition: 0.5s;
        transform: scale(0); }
      #slide-home .main-image .button-video:hover i {
        color: var(--seven-color); }
      #slide-home .main-image .button-video:hover:before {
        transform: scale(1); }

.product {
  padding: 70px 0; }
  .product .product-item {
    margin-bottom: 20px; }
  .product__item--wrap {
    overflow: hidden; }
    .product__item--wrap:first-child .product__item--image {
      display: block;
      height: 500px; }
    .product__item--wrap:first-child .product__item--content-header h3 {
      font-size: 32px;
      line-height: 48px; }
    .product__item--wrap:first-child .product__item--desc p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      color: rgba(51, 51, 51, 0.65);
      line-height: 30px;
      font-size: 16px; }
  .product__item--image {
    display: none; }
  .product__item--content {
    z-index: 2;
    position: relative; }
    .product__item--content-header h3 {
      font-family: "F5 Magistral Book";
      font-size: 20px;
      line-height: 30px;
      text-align: left;
      color: #333; }
    .product__item--content-header p {
      display: none; }
  .product__item--desc p {
    display: none; }
  .product__title {
    text-align: center; }
    .product__title h3 {
      color: #293253;
      font-weight: bold;
      font-size: 20px;
      position: relative;
      display: inline-block; }
      .product__title h3::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 4px;
        background-color: #293253;
        bottom: -9px; }
    .product__title h2 {
      font-family: "F5 Magistral Book Italic";
      color: #293253;
      font-size: 55px;
      margin-top: 43px; }
  .product__info {
    margin: 76px 0; }
  .product__desc {
    margin-bottom: 60px; }
    .product__desc--header {
      text-align: center;
      position: relative; }
      .product__desc--header::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background-color: rgba(219, 219, 219, 0.5);
        left: 0;
        top: 50%; }
      .product__desc--header p {
        border-radius: 50px;
        border: 1px solid #dbdbdb;
        display: inline-block;
        padding: 8px 65px;
        font-family: "F5 Magistral Book Italic";
        color: #293253;
        position: relative;
        background-color: #fff; }
    .product__desc--content {
      margin-top: 38px; }
      .product__desc--content p, .product__desc--content ul, .product__desc--content ol, .product__desc--content table, .product__desc--content h2, .product__desc--content h3, .product__desc--content h4 {
        margin: 12px 0; }
      .product__desc--content p, .product__desc--content ul li, .product__desc--content ol li {
        line-height: 30px;
        text-align: justify; }
      .product__desc--content table {
        border-collapse: collapse !important; }
        .product__desc--content table tr td {
          padding: 8px 16px;
          border: 1px solid black;
          text-align: left; }
  .product_home {
    z-index: 2;
    position: relative;
    padding: 70px 0 110px; }
    .product_home .product__title h3 {
      color: #00091a; }
      .product_home .product__title h3:before {
        background-color: #00091a; }

#search {
  position: relative;
  z-index: 2;
  padding: 60px 0; }
  #search .search-wrap {
    margin-left: 0; }
    #search .search-wrap .product-item {
      margin-bottom: 20px; }

.nav-mobile--wrap {
  display: none; }
.default-page { padding: 50px 0 70px; }
.default-page p, .default-page ul, .default-page ol, .default-page h2, .default-page h3, .default-page h4, .default-page h5 {margin: 12px 0}

footer {
  position: relative;
  padding-top: 47px; }
  footer:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    top: 0;
    opacity: 0.9; }
  footer #footer-copyright {
    border-top: 1px solid #ccc;
    position: relative;
    padding: 20px 0; }
  footer .footer--wrap {
    padding-bottom: 50px; }
  footer .footer__information .logo {
    width: 300px;
    height: 100%; }
  footer .footer__information .quote {
    padding: 20px 0 30px; }
    footer .footer__information .quote p {
      color: var(--seven-color);
      text-align: justify; }
  footer .footer__information .information__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; }
    footer .footer__information .information__item .image {
      width: 30px;
      height: 100%;
      margin-right: 16px; }
    footer .footer__information .information__item .text {
      color: var(--seven-color); }
      footer .footer__information .information__item .text p a {
        color: var(--seven-color); }
      footer .footer__information .information__item .text p + p {
        margin-top: 4px; }
    footer .footer__information .information__item + .information__item {
      margin-top: 20px; }
  footer .footer__page {
    padding-top: 60px; }
    footer .footer__page.nth-child {
      padding-left: 15%; }
    footer .footer__page > h3 {
      color: var(--seven-color);
      position: relative; }
      footer .footer__page > h3:before {
        content: '';
        position: absolute;
        width: 60px;
        height: 2px;
        background-color: var(--third-color);
        bottom: -12px; }
    footer .footer__page #nav-menu {
      padding-top: 40px; }
      footer .footer__page #nav-menu .menu-item a h3 {
        color: var(--seven-color);
        font-weight: unset;
        font-size: 18px;
        margin-bottom: 16px;
        position: relative;
        transition: 0.5s; }
        footer .footer__page #nav-menu .menu-item a h3:before {
          content: '\f30b';
          position: absolute;
          width: 20px;
          height: 100%;
          font-family: 'FontAwesome';
          opacity: 0;
          left: 0;
          top: 25%;
          transition: 0.5s;
          font-size: 15px; }
        footer .footer__page #nav-menu .menu-item a h3:hover {
          padding-left: 25px; }
          footer .footer__page #nav-menu .menu-item a h3:hover:before {
            opacity: 1; }
    footer .footer__page #nav-cate {
      display: flex;
      flex-flow: row wrap;
      padding-top: 40px; }
      footer .footer__page #nav-cate li {
        width: 50%;
        margin-bottom: 16px; }
        footer .footer__page #nav-cate li a {
          color: var(--seven-color);
          transition: 0.5s; }
          footer .footer__page #nav-cate li a:hover {
            color: var(--third-color); }
    footer .footer__page .social--wrap {
      display: flex;
      align-items: center;
      padding-top: 20%; }
      footer .footer__page .social--wrap h4 {
        color: var(--seven-color);
        font-weight: unset; }
      footer .footer__page .social--wrap .social__item {
        display: flex;
        margin-left: 30px;
        overflow: hidden; }
        footer .footer__page .social--wrap .social__item a {
          width: 40px;
          height: 40px;
          display: inline-block;
          background-color: var(--seven-color);
          border-radius: 50%;
          color: var(--third-color);
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          overflow: hidden;
          position: relative;
          transition: 0.5s; }
          footer .footer__page .social--wrap .social__item a + a {
            margin-left: 30px; }
          footer .footer__page .social--wrap .social__item a i {
            z-index: 1;
            transition: 0.25s; }
          footer .footer__page .social--wrap .social__item a:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: var(--clr);
            transition: 0.5s;
            top: 100%; }
          footer .footer__page .social--wrap .social__item a:hover {
            color: var(--seven-color); }
            footer .footer__page .social--wrap .social__item a:hover i {
              transform: rotateY(360deg); }
            footer .footer__page .social--wrap .social__item a:hover:before {
              top: 0; }
  footer .footer__copyright {
    position: relative;
    display: flex; }
    footer .footer__copyright span {
      display: flex;
      color: #c2c2c2;
      align-items: center; }
      footer .footer__copyright span h3 {
        font-weight: unset;
        margin: 0 4px;
        font-size: 18px; }
      footer .footer__copyright span a {
        color: #c2c2c2;
        margin-left: 4px; }
      footer .footer__copyright span:last-child {
        margin-left: 4px; }
    footer .footer__copyright--wrap {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
      footer .footer__copyright--wrap #footer-menu {
        display: flex; }
        footer .footer__copyright--wrap #footer-menu .menu-item {
          list-style: disc;
          color: #c2c2c2;
          padding-right: 35px; }
          footer .footer__copyright--wrap #footer-menu .menu-item h3 {
            font-size: 18px;
            font-weight: unset;
            color: #c2c2c2; }

section #pop-up {
  position: fixed;
  inset: 0 0 0 0;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: all ease .25s; }
  section #pop-up.active {
    opacity: 1;
    visibility: visible;
    transition: all ease .25s; }
  section #pop-up .overlay {
    position: absolute;
    width: 100%;
    height: 100%; }
  section #pop-up .w3-modal-content {
    width: 1000px;
    height: 600px;
    overflow: hidden;
    position: relative;
    z-index: 7;
    transition: 0.55s; }
    section #pop-up .w3-modal-content:after {
      content: '';
      position: absolute;
      width: 100%;
      top: 0;
      height: 100%;
      background-image: linear-gradient(45deg, transparent, rgba(51, 51, 51, 0.7));
      opacity: 0;
      transition: 0.75s; }
    section #pop-up .w3-modal-content #img01 {
      border-radius: 10px;
      display: flex;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    section #pop-up .w3-modal-content:hover img {
      background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.8)); }
    section #pop-up .w3-modal-content:hover .information {
      transform: translateX(0);
      transition: 0.75s; }
    section #pop-up .w3-modal-content:hover:after {
      opacity: 1;
      transition: 0.55s; }
    section #pop-up .w3-modal-content .information {
      position: absolute;
      max-width: 370px;
      top: 5%;
      right: 3%;
      transform: translateX(200%);
      z-index: 1;
      transition: 0.75s; }
      section #pop-up .w3-modal-content .information__title p {
        color: white;
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 16px; }
      section #pop-up .w3-modal-content .information__content--item p:first-child {
        color: white;
        font-weight: bold;
        font-size: 20px; }
      section #pop-up .w3-modal-content .information__content--item p:last-child {
        color: white;
        font-weight: unset;
        font-size: 18px;
        margin-top: 8px; }
      section #pop-up .w3-modal-content .information__content--item + .information__content--item {
        margin-top: 16px; }

@media screen and (min-width: 1700px) {
  .project__item--content {
    padding: 80px 120px; }
    .project__item--content-header h2 {
      font-size: 35px; }
    .project__item--content-content p, .project__item--content-content ul li, .project__item--content-content ol li {
      line-height: 48px;
      font-size: 24px; } }

@media screen and (min-width: 1200px) {
  .container-all {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px; }
  .container-big {
    max-width: 1760px;
    margin: 0 auto;
    padding: 0 15px; } }

@media screen and (max-width: 1199px) {
  header #header-top .header-top .social-hello {
    width: 50%;
    align-items: center; }
    header #header-top .header-top .social-hello .social a + a {
      margin-left: 16px; }
    header #header-top .header-top .social-hello .hello {
      margin-left: 40px; }
      header #header-top .header-top .social-hello .hello:before {
        left: -20px;
        top: 4px; }
  header #header-bottom .header-bottom .nav-cate {
    display: none; }
    header #header-bottom .header-bottom .nav-cate .list-cate {
      display: none; }
  header #header-bottom .header-bottom .nav-cate-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 16px 0;
    border-radius: 10px;
    border: 2px solid var(--third-color);
    width: 295px; }
    header #header-bottom .header-bottom .nav-cate-mobile:before {
      content: '';
      position: absolute;
      width: 70%;
      height: 1px;
      background-color: #344146;
      top: 100%;
      z-index: 6; }
    header #header-bottom .header-bottom .nav-cate-mobile i {
      margin-right: 10px; }
    header #header-bottom .header-bottom .nav-cate-mobile i, header #header-bottom .header-bottom .nav-cate-mobile h3 {
      color: #000; }
    header #header-bottom .header-bottom .nav-cate-mobile.active {
      border-bottom: 0;
      border-radius: 10px 10px 0 0; }
    header #header-bottom .header-bottom .nav-cate-mobile .list-cate-mobile {
      position: absolute;
      display: block;
      background-color: var(--seven-color);
      width: inherit;
      padding: 16px 44px;
      top: 100%;
      z-index: 5;
      border: 2px solid var(--third-color);
      border-radius: 0 0 10px 10px;
      border-top: 0;
      opacity: 0;
      visibility: hidden;
      transition: 0.5s;
      height: 460px; }
      header #header-bottom .header-bottom .nav-cate-mobile .list-cate-mobile.active {
        opacity: 1;
        visibility: visible; }
    header #header-bottom .header-bottom .nav-cate-mobile .list-cate-item {
      margin-bottom: 10px; }
      header #header-bottom .header-bottom .nav-cate-mobile .list-cate-item a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        color: #000;
        width: max-content; }
        header #header-bottom .header-bottom .nav-cate-mobile .list-cate-item a img {
          width: 20px;
          height: 20px;
          margin-right: 20px; }
        header #header-bottom .header-bottom .nav-cate-mobile .list-cate-item a h2 {
          transition: 0.5s;
          font-size: 18px;
          font-weight: unset;
          line-height: 30px; }
      header #header-bottom .header-bottom .nav-cate-mobile .list-cate-item:hover a h2 {
        transform: translateX(10px);
        color: var(--third-color); }
  header #header-bottom .header-bottom .main-search #searchform #close-form {
    z-index: 11; }
  #banner .banner > div:first-child {
    display: none; }
  .title h3:before {
    width: 65%; }
  #flash-sale .title .countdown {
    padding: 8px 45px; }
    #flash-sale .title .countdown #countdown {
      font-size: 20px; }
  .product-hot-item--wrap .arrow.left, .flash-sale-item--wrap .arrow.left {
    right: 7%; }
  .list-product--wrap .arrow.left {
    right: 10%; }
  #blog-home, #feedback {
    width: unset;
    display: flex; }
  #hot-product .product-hot-item .percent-discount {
    right: 3%;
    width: 45px;
    height: 45px; }
  .image-main {
    height: 500px !important; }
  .image-Gallerys {
    margin-top: 50px; }
  .thongtin_donhang .wrap-qty-cart .input-qty {
    max-width: 64px; }
  .thongtin_donhang .cart-content td:nth-child(2) {
    width: 175px; }
  .thongtin_donhang .cart-content td a h2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
  .thongtin_donhang .cart-content td img {
    width: 100px;
    height: 90px; }
  #booking .checkout__info--wrap {
    padding: 22px 20px; }
  #booking .checkout__info table .content-cart td:first-child {
    margin-right: 10px; }
  #advantage .advantage__item .text h3 {
    font-size: 15px; }
  .product-sidebar .image {
    min-width: 120px;
    max-width: 120px;
    height: 120px; }
  .product-sidebar .information .price {
    flex-direction: column; }
    .product-sidebar .information .price .old {
      font-size: 16px;
      margin-top: 8px; }
  #introduction__home {
    height: 670px; }
    #introduction__home .introduction__home--content {
      transform: translateY(40px); }
      #introduction__home .introduction__home--content p {
        line-height: 28px;
        margin: 8px 0; }
    #introduction__home .introduction__home--button {
      margin-top: 40px; }
  #introduction .introduction__service--item {
    position: relative;
    padding-left: 30px;
    line-height: 28px; }
    #introduction .introduction__service--item svg {
      margin-top: 5px;
      position: absolute;
      top: 0;
      left: 0; }
  .details__content p {
    line-height: 40px; }
  #contact {
    overflow: hidden; }
  .product__item--wrap:first-child .product__item--image {
    height: 400px; }
  .news__list-item-image {
    height: 230px; }
  .details__content p img {
    width: 100%;
    height: 100%;
    margin: 0; }
  .latest_news_list {
    padding-left: 16px;
    margin-left: -10px; }
  #sidebar .sidebar__item--content .content {
    display: flex;
    flex-direction: column; }
    #sidebar .sidebar__item--content .content .old {
      margin-left: 0;
      margin-top: 8px; }
  #searchform .form-search-control {
    background-color: #00091a;
    border-bottom: 0;
    z-index: 10;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    right: -32px; }
    #searchform .form-search-control::placeholder {
      color: #b4b4b4; }
  footer {
    background-position: unset !important; }
    footer .footer__page {
      padding-left: 30px; }
      footer .footer__page #nav-cate li {
        width: 100%; }
      footer .footer__page .social--wrap {
        flex-direction: column;
        align-items: flex-start; }
        footer .footer__page .social--wrap .social__item {
          margin-left: 0;
          margin-top: 16px; }
    footer .footer__copyright {
      flex-direction: column; }
      footer .footer__copyright span:last-child {
        margin-left: 0;
        margin-top: 8px; } }

@media screen and (max-width: 1024px) {
  header #header-cover .page__title--text h1 {
    font-size: 50px; }
  #slider .slider__item--text p:last-child {
    font-size: 55px; }
  #typical-project .typical-project__title {
    margin-left: 0; } }

@media screen and (max-width: 992px) {
  header #header-top .header-top {
    flex-direction: column;
    align-items: flex-start; }
    header #header-top .header-top .social-hello {
      width: 100%;
      margin-bottom: 8px; }
  header #header-main .header-main #nav-menu {
    display: none; }
  header #header-main .header-main .cart {
    left: -10px; }
  header #header-bottom .header-bottom .nav-cate-mobile {
    width: unset; }
    header #header-bottom .header-bottom .nav-cate-mobile i {
      margin-right: 0; }
    header #header-bottom .header-bottom .nav-cate-mobile h3 {
      display: none; }
    header #header-bottom .header-bottom .nav-cate-mobile.active {
      border: 2px solid var(--third-color);
      border-radius: 10px; }
    header #header-bottom .header-bottom .nav-cate-mobile .list-cate-mobile {
      display: none; }
  #breadcrumbs span .breadcrumb_last {
    line-height: 30px; }
  #banner .banner-item {
    height: 330px; }
    #banner .banner-item img {
      object-fit: fill; }
  #advantage .advantage__item .text h2 {
    font-size: 16px; }
  #advantage .advantage__item .text h3 {
    line-height: 22px; }
  .title h3:before {
    width: 55%; }
  .product-hot-item--wrap .arrow.left, .flash-sale-item--wrap .arrow.left {
    right: 9%; }
  .product-item .percent-discount {
    right: 5%; }
  #hot-product .product-hot-item {
    justify-content: unset; }
    #hot-product .product-hot-item .information {
      margin-left: 50px; }
      #hot-product .product-hot-item .information .price {
        justify-content: unset; }
        #hot-product .product-hot-item .information .price .old {
          margin-left: 16px; }
  #banner-ads .banner-ads--wrap {
    flex-direction: column; }
  #banner-ads .banner-ads-item {
    width: 100%; }
  .list-product-item--wrap {
    height: 100%; }
    .list-product-item--wrap .slick-list {
      height: 100%; }
      .list-product-item--wrap .slick-list .slick-track {
        height: 100%; }
        .list-product-item--wrap .slick-list .slick-track .product-item {
          height: 100%; }
    .list-product-item--wrap .arrow.left {
      right: 18%; }
  .news__list {
    flex-direction: column-reverse; }
  #contact .contact__map {
    margin-top: 32px;
    height: 330px; }
    #contact .contact__map iframe {
      height: 100%; }
  .item {
    margin-top: 30px; }
  .product-sidebar .image {
    margin-right: 30px; }
  .product-item {
    margin-bottom: 25px; }
  #sidebar .sidebar__item--content-wrap {
    margin: 36px 0 60px; }
  .product__item--content-header h3, .product__item--content-price {
    font-size: 22px; }
  .product__item--content-price .new {
    margin-top: 12px; }
  .product__item--content-link p {
    padding: 105px 0 25px; }
  .product__item--image {
    width: 278px;
    height: 290px;
    padding-top: 6%; }
  .product__details--album-item {
    height: 450px; }
  #booking #form_checkout {
    max-width: 700px; }
    #booking #form_checkout .close {
      top: -10%;
      right: -4%; }
  .gallery .image-main {
    height: 400px !important; }
    .gallery .image-main-wrap {
      height: 100% !important; }
    .gallery .image-main img {
      object-fit: contain; }
  .thongtin_donhang .cart-button-wrap {
    margin-top: 30px; }
  .cate-list {
    display: flex;
    flex-flow: column wrap;
    height: 250px;
    width: 100%;
    max-width: 5000px;
    overflow-x: scroll; }
    .cate-list::-webkit-scrollbar {
      display: none; }
    .cate-list-wrap {
      display: block;
      padding: 60px 0 10px; }
  .cate-item {
    min-width: 275px;
    max-width: 275px;
    height: 50%; }
    .cate-item a {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .cate-item a .image {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background-color: #e2e2e2;
        padding: 15px; }
      .cate-item a h2 {
        margin-top: 10px;
        color: var(--primary-color);
        font-size: 24px; }
	.item__title, .item__desc {width: 100%}
  footer .footer__page {
    padding-left: 0; }
    footer .footer__page.nth-child {
      padding-left: 0; }
    footer .footer__page #nav-cate li {
      width: 50%; }
  footer .footer__copyright {
    flex-direction: row;
    margin-top: 12px; }
    footer .footer__copyright--wrap {
      flex-direction: column-reverse; }
    footer .footer__copyright--item {
      flex-direction: column; }
      footer .footer__copyright--item span + span {
        margin-top: 12px; }
    footer .footer__copyright span:last-child {
      margin-top: 0;
      margin-left: 4px; }
  .nav-mobile--wrap {
    display: block;
    text-align: center;
    height: 100%;
    top: 0;
    bottom: 0;
    left: -50%;
    position: fixed;
    width: 50%;
    z-index: 1000;
    padding: 150px 35px;
    background-image: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
    transition: 0.5s; }
    .nav-mobile--wrap.active {
      left: 0; }
    .nav-mobile--wrap .close-menu {
      position: absolute;
      top: 5%;
      right: 5%;
      padding: 24px;
      font-size: 37px;
      color: var(--seven-color); }
    .nav-mobile--wrap #mobile-menu li a {
      display: inline-block;
      padding: 16px 0;
      font-size: 20px;
      color: #fff;
      width: 80%;
      border-bottom: 1px solid var(--seven-color);
      font-weight: bold; }
    .nav-mobile--wrap #mobile-menu li.current-menu-item a, .nav-mobile--wrap #mobile-menu li.current-post-ancestor a {
      color: var(--third-color); }
    .nav-mobile--wrap #searchform {
      display: none; } }

@media screen and (max-width: 768px) {
  header .header--wrap .logo-menu .menu-mobile {
    margin-left: 26px; }
    header .header--wrap .logo-menu .menu-mobile:before {
      transform: rotate(16deg); }
  #highlight .highlight__text .list {
    margin-top: 30px; } }

@media screen and (max-width: 736px) {
  header #header-cover .page__title--text h1 {
    font-size: 40px; }
  header #header-cover .page__title > h1 {
    font-size: 30px;
    line-height: 40px; }
  #introduction__home {
    flex-direction: column;
    max-height: unset; }
    #introduction__home .introduction__home--ava {
      width: 100%; }
    #introduction__home .introduction__home--content {
      width: 100%;
      padding-left: 0;
      padding-top: 30px; }
    #introduction__home .introduction__home--time {
      top: 2%;
      left: 2%;
      font-size: 16px;
      line-height: 26px; }
  #introduction .introduction__service--wrap-text {
    margin-top: 30px; }
  #introduction .introduction__service--item {
    font-size: 18px; }
  .news__details--content ul li {
    line-height: 28px; }
  .news__details--content p {
    line-height: 32px; }
  .news__suggest--item {
    font-size: 16px;
    line-height: 28px; }
  footer .footer__information {
    flex-direction: row;
    justify-content: space-between; }
    footer .footer__information--item--icon {
      width: 35px;
      height: 35px; }
    footer .footer__information--item--text {
      font-size: 16px; }
    footer .footer__information--item + .footer__information--item {
      margin-top: 0;
      margin-left: 15px; }
  footer .footer__copyright--item {
    flex-direction: row;
    margin-top: 20px;
    width: 100%;
    justify-content: center;
    font-size: 17px; }
    footer .footer__copyright--item span + span {
      margin-top: 0;
      margin-left: 8px; }
  footer .footer__contact {
    padding: 40px 0 28px; }
    footer .footer__contact--slogan {
      max-width: unset; } }

@media screen and (max-width: 576px) {
  header #header-top {
    display: none; }
  header #header-main .header-main .logo {
    width: 250px; }
  header #header-bottom .header-bottom .nav-cate-mobile {
    width: 54px; }
  header #header-bottom .header-bottom .main-search #searchform #close-form {
    padding: 0 20px; }
  #banner .banner--wrap .slick-dots li + li {
    margin-left: 14px; }
  #banner .banner-item {
    height: 170px; }
    #banner .banner-item img {
      object-fit: cover; }
  #advantage .advantage--wrap .child + .child {
    border-left: 0;
    margin-top: 12px; }
  #advantage .advantage__item {
    align-items: unset;
    justify-content: unset; }
    #advantage .advantage__item .text h2 {
      font-size: 18px; }
    #advantage .advantage__item .text h3 {
      font-size: 17px; }
  .cate-item {
    min-width: 230px;
    max-width: 230px; }
    .cate-item a h2 {
      font-size: 20px; }
  #flash-sale .title .countdown {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0);
    margin-top: 20px; }
    #flash-sale .title .countdown #countdown.countdownHolder {
      justify-content: center;
      padding-top: 6px; }
  .title h3:before {
    display: none; }
  .list-product--wrap .arrow, .product-hot-item--wrap .arrow, .flash-sale-item--wrap .arrow {
    top: -170px; }
    .list-product--wrap .arrow.right, .product-hot-item--wrap .arrow.right, .flash-sale-item--wrap .arrow.right {
      right: 4%; }
  .product-hot-item--wrap .arrow.left, .flash-sale-item--wrap .arrow.left {
    right: 18%; }
  #hot-product .product-hot-item {
    padding: 20px 15px; }
    #hot-product .product-hot-item .image {
      margin-right: 0;
      width: 200px;
      height: unset;
      margin-bottom: 20px; }
    #hot-product .product-hot-item .information {
      margin-left: 0; }
      #hot-product .product-hot-item .information .name h2 {
        max-width: unset; }
  main:before, main:after {
    height: 100vh; }
  #introduction {
    overflow: hidden; }
  .news__list-item-content--header h2 {
    font-size: 25px; }
  #contact .contact__info {
    padding: 40px 15px 40px 0; }
  .gallery .image-main {
    height: 300px !important; }
  .gallery .image-Gallerys .img-height {
    height: 120px; }
    .gallery .image-Gallerys .img-height + .img-height {
      margin-left: 15px; }
    .gallery .image-Gallerys .img-height img {
      object-fit: scale-down; }
  .item .wrap-add-to-cart .wrap-qty-cart .input-qty {
    min-width: 50px; }
  #booking #form_checkout {
    max-width: 390px;
    padding: 30px 0; }
    #booking #form_checkout .title {
      margin-bottom: 30px; }
      #booking #form_checkout .title h3 {
        font-size: 26px; }
    #booking #form_checkout .checkout__info--form input, #booking #form_checkout .checkout__info--form textarea {
      padding: 10px 32px; }
    #booking #form_checkout .checkout__info table .content-cart td.sum-money {
      font-size: 17px; }
    #booking #form_checkout .weight-price .weight, #booking #form_checkout .weight-price .price {
      padding: 10px 32px; }
  #hot-product .product-hot-item {
    flex-direction: column; }
  .list-product--wrap {
    flex-direction: column-reverse; }
    .list-product--wrap .arrow {
      top: -90px; }
  .product-item {
    margin-left: 0; }
    .product-item .information .name h2 {
      font-size: 22px; }
    .product-item .information .price, .product-item .information .button-buy p {
      font-size: 20px; }
    .product-item .information .price {
      justify-content: unset; }
      .product-item .information .price .old {
        margin-left: 16px;
        font-size: 18px; }
  .product__info {
    margin: 70px -15px 40px; }
  #feedback .feedback__item, #blog-home .blog-home-item {
    flex-direction: column; }
  #feedback .feedback__item .ava, #blog-home .blog-home-item .image {
    margin-right: 0;
    margin-bottom: 20px; }
  #feedback {
    margin-right: 0; }
  #blog-home {
    margin-left: 0; }
  #news {
    padding: 60px 0 50px; }
  .news__details .details__title h3 {
    font-size: 30px; }
  .news__details .details__content p {
    line-height: 32px; }
  .details__title h2 {
    font-size: 27px;
    line-height: 40px;
    text-align: left; }
  .thongtin_donhang {
    padding: 32px 0; }
    .thongtin_donhang .cart-content td img {
      width: 45px;
      height: 100%; }
    .thongtin_donhang .cart-content td a h2 {
      font-size: 16px;
      font-weight: unset; }
    .thongtin_donhang .cart_form {
      display: block;
      max-width: 100%;
      overflow-x: scroll; }
      .thongtin_donhang .cart_form::-webkit-scrollbar {
        display: none; }
  .suggest__title {
    margin-left: 0; }
  footer #footer-copyright {
    padding: 20px 0 110px; }
  footer .footer__copyright {
    flex-direction: column; }
    footer .footer__copyright span {
      flex-direction: row;
      flex-wrap: wrap;
      line-height: 30px;
      justify-content: center; }
      footer .footer__copyright span:last-child {
        margin-left: 0; }
    footer .footer__copyright--wrap #footer-menu {
      display: none; }
  footer .footer__page {
    padding-top: 40px; }
    footer .footer__page .social--wrap {
      padding-top: 10%; }
      footer .footer__page .social--wrap .social__item {
        width: 100%;
        justify-content: center; }
  footer .footer__information .logo {
    margin: 0 auto; }
  footer .footer__information .information__item .image {
    min-width: 25px;
    max-width: 25px;
    margin-right: 25px; }
  footer .footer__information .information__item .text p:last-child {
    font-size: 17px; }
  .nav-mobile--wrap {
    width: 100%;
    left: -100%; }
}

@media screen and (max-width: 376px) {
  header #header-main .header--wrap .logo {
    height: 60px; } }

@keyframes loading2 {
  50% {
    transform: rotate(200deg); }
  75% {
    transform: rotate(160deg); }
  100% {
    transform: rotate(180deg); } }

@keyframes circleLoading {
  to {
    transform: rotate(360deg); } }

/*# sourceMappingURL=assets/css/main.css.map */