@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


.container {

  width: 100%;

  padding-right: 12px;

  padding-left: 12px;

  margin-right: auto;

  margin-left: auto;

}



.container-fluid {

  width: 100%;

  padding-right: 12px;

  padding-left: 12px;

  margin-right: auto;

  margin-left: auto;

}



@media (min-width: 576px) {

  .container {

    max-width: 540px;

  }

}

@media (min-width: 768px) {

  .container {

    max-width: 720px;

  }

}

@media (min-width: 992px) {

  .container {

    max-width: 960px;

  }

}

@media (min-width: 1200px) {

  .container {

    max-width: 1200px;

  }



  .container-fluid {

    padding-right: 50px;

    padding-left: 50px;

  }

}

.row {

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-right: -12px;

  margin-left: -12px;

}



.col-1,

.col-2,

.col-3,

.col-4,

.col-5,

.col-6,

.col-7,

.col-8,

.col-9,

.col-10,

.col-11,

.col-12,

.col,

.col-auto,

.col-sm-1,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.col-sm,

.col-sm-auto,

.col-md-1,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-md-10,

.col-md-11,

.col-md-12,

.col-md,

.col-md-auto,

.col-lg-1,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-lg,

.col-lg-auto,

.col-xl-1,

.col-xl-2,

.col-xl-3,

.col-xl-4,

.col-xl-5,

.col-xl-6,

.col-xl-7,

.col-xl-8,

.col-xl-9,

.col-xl-10,

.col-xl-11,

.col-xl-12,

.col-xl,

.col-xl-auto {

  position: relative;

  width: 100%;

  padding-right: 12px;

  padding-left: 12px;

}



.col {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -ms-flex-positive: 1;

  -webkit-box-flex: 1;

          flex-grow: 1;

  max-width: 100%;

}



.col-auto {

  -ms-flex: 0 0 auto;

  -webkit-box-flex: 0;

          flex: 0 0 auto;

  width: auto;

  max-width: 100%;

}



.col-1 {

  -ms-flex: 0 0 8.333333%;

  -webkit-box-flex: 0;

          flex: 0 0 8.333333%;

  max-width: 8.333333%;

}



.col-2 {

  -ms-flex: 0 0 16.666667%;

  -webkit-box-flex: 0;

          flex: 0 0 16.666667%;

  max-width: 16.666667%;

}



.col-3 {

  -ms-flex: 0 0 25%;

  -webkit-box-flex: 0;

          flex: 0 0 25%;

  max-width: 25%;

}



.col-4 {

  -ms-flex: 0 0 33.333333%;

  -webkit-box-flex: 0;

          flex: 0 0 33.333333%;

  max-width: 33.333333%;

}



.col-5 {

  -ms-flex: 0 0 41.666667%;

  -webkit-box-flex: 0;

          flex: 0 0 41.666667%;

  max-width: 41.666667%;

}



.col-6 {

  -ms-flex: 0 0 50%;

  -webkit-box-flex: 0;

          flex: 0 0 50%;

  max-width: 50%;

}



.col-7 {

  -ms-flex: 0 0 58.333333%;

  -webkit-box-flex: 0;

          flex: 0 0 58.333333%;

  max-width: 58.333333%;

}



.col-8 {

  -ms-flex: 0 0 66.666667%;

  -webkit-box-flex: 0;

          flex: 0 0 66.666667%;

  max-width: 66.666667%;

}



.col-9 {

  -ms-flex: 0 0 75%;

  -webkit-box-flex: 0;

          flex: 0 0 75%;

  max-width: 75%;

}



.col-10 {

  -ms-flex: 0 0 83.333333%;

  -webkit-box-flex: 0;

          flex: 0 0 83.333333%;

  max-width: 83.333333%;

}



.col-11 {

  -ms-flex: 0 0 91.666667%;

  -webkit-box-flex: 0;

          flex: 0 0 91.666667%;

  max-width: 91.666667%;

}



.col-12 {

  -ms-flex: 0 0 100%;

  -webkit-box-flex: 0;

          flex: 0 0 100%;

  max-width: 100%;

}



@media (min-width: 768px) {

  .col-md {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    -webkit-box-flex: 1;

            flex-grow: 1;

    max-width: 100%;

  }



  .col-md-auto {

    -ms-flex: 0 0 auto;

    -webkit-box-flex: 0;

            flex: 0 0 auto;

    width: auto;

    max-width: 100%;

  }



  .col-md-1 {

    -ms-flex: 0 0 8.333333%;

    -webkit-box-flex: 0;

            flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }



  .col-md-2 {

    -ms-flex: 0 0 16.666667%;

    -webkit-box-flex: 0;

            flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }



  .col-md-3 {

    -ms-flex: 0 0 25%;

    -webkit-box-flex: 0;

            flex: 0 0 25%;

    max-width: 25%;

  }



  .col-md-4 {

    -ms-flex: 0 0 33.333333%;

    -webkit-box-flex: 0;

            flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }



  .col-md-5 {

    -ms-flex: 0 0 41.666667%;

    -webkit-box-flex: 0;

            flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }



  .col-md-6 {

    -ms-flex: 0 0 50%;

    -webkit-box-flex: 0;

            flex: 0 0 50%;

    max-width: 50%;

  }



  .col-md-7 {

    -ms-flex: 0 0 58.333333%;

    -webkit-box-flex: 0;

            flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }



  .col-md-8 {

    -ms-flex: 0 0 66.666667%;

    -webkit-box-flex: 0;

            flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }



  .col-md-9 {

    -ms-flex: 0 0 75%;

    -webkit-box-flex: 0;

            flex: 0 0 75%;

    max-width: 75%;

  }



  .col-md-10 {

    -ms-flex: 0 0 83.333333%;

    -webkit-box-flex: 0;

            flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }



  .col-md-11 {

    -ms-flex: 0 0 91.666667%;

    -webkit-box-flex: 0;

            flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }



  .col-md-12 {

    -ms-flex: 0 0 100%;

    -webkit-box-flex: 0;

            flex: 0 0 100%;

    max-width: 100%;

  }

}

@media (min-width: 992px) {

  .col-lg {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    -webkit-box-flex: 1;

            flex-grow: 1;

    max-width: 100%;

  }



  .col-lg-auto {

    -ms-flex: 0 0 auto;

    -webkit-box-flex: 0;

            flex: 0 0 auto;

    width: auto;

    max-width: 100%;

  }



  .col-lg-1 {

    -ms-flex: 0 0 8.333333%;

    -webkit-box-flex: 0;

            flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }



  .col-lg-2 {

    -ms-flex: 0 0 16.666667%;

    -webkit-box-flex: 0;

            flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }



  .col-lg-3 {

    -ms-flex: 0 0 25%;

    -webkit-box-flex: 0;

            flex: 0 0 25%;

    max-width: 25%;

  }



  .col-lg-4 {

    -ms-flex: 0 0 33.333333%;

    -webkit-box-flex: 0;

            flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }



  .col-lg-5 {

    -ms-flex: 0 0 41.666667%;

    -webkit-box-flex: 0;

            flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }



  .col-lg-6 {

    -ms-flex: 0 0 50%;

    -webkit-box-flex: 0;

            flex: 0 0 50%;

    max-width: 50%;

  }



  .col-lg-7 {

    -ms-flex: 0 0 58.333333%;

    -webkit-box-flex: 0;

            flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }



  .col-lg-8 {

    -ms-flex: 0 0 66.666667%;

    -webkit-box-flex: 0;

            flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }



  .col-lg-9 {

    -ms-flex: 0 0 75%;

    -webkit-box-flex: 0;

            flex: 0 0 75%;

    max-width: 75%;

  }



  .col-lg-10 {

    -ms-flex: 0 0 83.333333%;

    -webkit-box-flex: 0;

            flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }



  .col-lg-11 {

    -ms-flex: 0 0 91.666667%;

    -webkit-box-flex: 0;

            flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }



  .col-lg-12 {

    -ms-flex: 0 0 100%;

    -webkit-box-flex: 0;

            flex: 0 0 100%;

    max-width: 100%;

  }

}

@media (min-width: 1200px) {

  .col-xl {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    -webkit-box-flex: 1;

            flex-grow: 1;

    max-width: 100%;

  }



  .col-xl-auto {

    -ms-flex: 0 0 auto;

    -webkit-box-flex: 0;

            flex: 0 0 auto;

    width: auto;

    max-width: 100%;

  }



  .col-xl-1 {

    -ms-flex: 0 0 8.333333%;

    -webkit-box-flex: 0;

            flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }



  .col-xl-2 {

    -ms-flex: 0 0 16.666667%;

    -webkit-box-flex: 0;

            flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }



  .col-xl-3 {

    -ms-flex: 0 0 25%;

    -webkit-box-flex: 0;

            flex: 0 0 25%;

    max-width: 25%;

  }



  .col-xl-4 {

    -ms-flex: 0 0 33.333333%;

    -webkit-box-flex: 0;

            flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }



  .col-xl-5 {

    -ms-flex: 0 0 41.666667%;

    -webkit-box-flex: 0;

            flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }



  .col-xl-6 {

    -ms-flex: 0 0 50%;

    -webkit-box-flex: 0;

            flex: 0 0 50%;

    max-width: 50%;

  }



  .col-xl-7 {

    -ms-flex: 0 0 58.333333%;

    -webkit-box-flex: 0;

            flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }



  .col-xl-8 {

    -ms-flex: 0 0 66.666667%;

    -webkit-box-flex: 0;

            flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }



  .col-xl-9 {

    -ms-flex: 0 0 75%;

    -webkit-box-flex: 0;

            flex: 0 0 75%;

    max-width: 75%;

  }



  .col-xl-10 {

    -ms-flex: 0 0 83.333333%;

    -webkit-box-flex: 0;

            flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }



  .col-xl-11 {

    -ms-flex: 0 0 91.666667%;

    -webkit-box-flex: 0;

            flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }



  .col-xl-12 {

    -ms-flex: 0 0 100%;

    -webkit-box-flex: 0;

            flex: 0 0 100%;

    max-width: 100%;

  }

}

.d-block {

  display: block !important;

}



.clearfix::after {

  display: block;

  clear: both;

  content: "";

}



.d-flex {

  display: -ms-flexbox !important;

  display: -webkit-box !important;

  display: flex !important;

}



.justify-content-start {

  -ms-flex-pack: start !important;

  -webkit-box-pack: start !important;

          justify-content: flex-start !important;

}



.justify-content-end {

  -ms-flex-pack: end !important;

  -webkit-box-pack: end !important;

          justify-content: flex-end !important;

}



.justify-content-center {

  -ms-flex-pack: center !important;

  -webkit-box-pack: center !important;

          justify-content: center !important;

}



.justify-content-between {

  -ms-flex-pack: justify !important;

  -webkit-box-pack: justify !important;

          justify-content: space-between !important;

}



.justify-content-around {

  -ms-flex-pack: distribute !important;

  justify-content: space-around !important;

}



.align-items-start {

  -ms-flex-align: start !important;

  -webkit-box-align: start !important;

          align-items: flex-start !important;

}



.align-items-end {

  -ms-flex-align: end !important;

  -webkit-box-align: end !important;

          align-items: flex-end !important;

}



.align-items-center {

  -ms-flex-align: center !important;

  -webkit-box-align: center !important;

          align-items: center !important;

}



.align-items-baseline {

  -ms-flex-align: baseline !important;

  -webkit-box-align: baseline !important;

          align-items: baseline !important;

}



.align-items-stretch {

  -ms-flex-align: stretch !important;

  -webkit-box-align: stretch !important;

          align-items: stretch !important;

}



.align-content-start {

  -ms-flex-line-pack: start !important;

  align-content: flex-start !important;

}



.align-content-end {

  -ms-flex-line-pack: end !important;

  align-content: flex-end !important;

}



.align-content-center {

  -ms-flex-line-pack: center !important;

  align-content: center !important;

}



.align-content-between {

  -ms-flex-line-pack: justify !important;

  align-content: space-between !important;

}



.align-content-around {

  -ms-flex-line-pack: distribute !important;

  align-content: space-around !important;

}



.align-content-stretch {

  -ms-flex-line-pack: stretch !important;

  align-content: stretch !important;

}



.align-self-auto {

  -ms-flex-item-align: auto !important;

  align-self: auto !important;

}



.align-self-start {

  -ms-flex-item-align: start !important;

  align-self: flex-start !important;

}



.align-self-end {

  -ms-flex-item-align: end !important;

  align-self: flex-end !important;

}



.align-self-center {

  -ms-flex-item-align: center !important;

  align-self: center !important;

}



.align-self-baseline {

  -ms-flex-item-align: baseline !important;

  align-self: baseline !important;

}



.align-self-stretch {

  -ms-flex-item-align: stretch !important;

  align-self: stretch !important;

}



.w-100 {

  width: 100% !important;

}



.h-100 {

  height: 100% !important;

}



.flex, .btn, .header-menu .menu ul, .header-menu .menu .icon, .menu-mobile .js-close, .mxh, .mxh a, .js-uptop, .footer .mxh-ft, .footer .mxh-ft a, .footer .address ul, .site-city .nav-top, .rank-math-breadcrumb p, .site-category-products .order, .site-category-products .order .js-filter, .widget-area .widget ul li, .widget-area .widget ul li a, .widget-area .widget ul li a:before, .nhm-pagination ul, .nhm-pagination li a, .items-news-top .author, .page-content-single .single-title .author, .page-products .nav, .page-about-st .nav, .page-phamvi .content ul li, .page-help .help ul li .js-dropdown, .page-hl .content-hl .content-left ul li, .items-products .images--off, .items-products .price, .filter-sidebar .title, .category-a-e ul, .page-single-products .items-banner .price-flex, .single-products-top--content .price, .single-products-top--content .price-sale, .addbottom, .page-woo-custom .woocommerce .title-woo, .page-woo-custom .price-custom, .page-woo-custom .cart-collaterals .title-cart-right, .tab-custom .check3, .checkout-cart-totals .cart-row, .checkout-cart-totals .gh, .page-woo-custom ul.order_details li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.font-icon {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

}



.text-center {

  text-align: center;

}



.m-0 {

  margin: 0 !important;

}



.p-0 {

  padding: 0 !important;

}



.d-none {

  display: none;

}



.d-block {

  display: block;

}



.text-left {

  text-align: left !important;

}



.form-group {

  margin-bottom: 15px;

}



.form-control {

  width: 100%;

  border-radius: 4px;

  border: 1px solid #3c3c3c;

  color: #3c3c3c;

  font-family: Roboto;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 40px;

  /* 250% */

  padding-left: 24px;

}



.btn {

  cursor: pointer;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.flex-column {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



.flex-row {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

}



.line-clamp-2 {

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}



.line-clamp-3 {

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}



.row-gap-1 {

  row-gap: 0.25rem !important;

}



.row-gap-2 {

  row-gap: 0.5rem !important;

}



.row-gap-3 {

  row-gap: 1rem !important;

}



.row-gap-4 {

  row-gap: 1.5rem !important;

}



.row-gap-5 {

  row-gap: 3rem !important;

}



.m-20 {

  margin: 20px 0px;

}



:root {

  --blue: #2ecc71;

  --blue2: #3a50cb;

  --red: #ed1c25;

  --yellow: #f06022;

  --pink: #eb1676;

  --gray: #091e42;

  --box: 0 12px 24px 0 rgba(0, 0, 0, 0.1);

  --font: "Open Sans", sans-serif;

  --background-rgba: linear-gradient(to right, #3a50cb, #15268b);

}



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  vertical-align: baseline;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

}



body {

  line-height: 1;

}



ol,

ul {

  list-style: none;

}



blockquote,

q {

  quotes: none;

}



blockquote:before, blockquote:after {

  content: "";

  content: none;

}



q:before, q:after {

  content: "";

  content: none;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



* {

  margin: 0;

  padding: 0;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



body,

html {

  scroll-behavior: smooth;

  font-size: 16px;

  font-family: var(--font);

  background-size: cover;

  background-repeat: no-repeat;

}



a {

  text-decoration: none !important;

}



img,

a,

button {

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



p {

  font-size: 100%;

  line-height: 1.5;

  margin-bottom: 1rem;

}



button,

img,

input,

select {

  outline: none !important;

}



.clearfix:after {

  content: "";

  clear: both;

  display: block;

}



.clear {

  clear: both;

  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.5)), to(transparent));

  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);

}



@media screen and (device-aspect-ratio: 2 / 3) {

  select,

  textarea,

  input[type="text"],

  input[type="password"],

  input[type="datetime"],

  input[type="datetime-local"],

  input[type="date"],

  input[type="month"],

  input[type="time"],

  input[type="week"],

  input[type="number"],

  input[type="email"],

  input[type="url"] {

    font-size: 16px;

  }

}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */

@media screen and (device-aspect-ratio: 40 / 71) {

  select,

  textarea,

  input[type="text"],

  input[type="password"],

  input[type="datetime"],

  input[type="datetime-local"],

  input[type="date"],

  input[type="month"],

  input[type="time"],

  input[type="week"],

  input[type="number"],

  input[type="email"],

  input[type="url"] {

    font-size: 16px;

  }

}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */

@media screen and (device-aspect-ratio: 375 / 667) {

  select,

  textarea,

  input[type="text"],

  input[type="password"],

  input[type="datetime"],

  input[type="datetime-local"],

  input[type="date"],

  input[type="month"],

  input[type="time"],

  input[type="week"],

  input[type="number"],

  input[type="email"],

  input[type="tel"],

  input[type="url"] {

    font-size: 16px;

  }

}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */

@media screen and (device-aspect-ratio: 9 / 16) {

  select,

  textarea,

  input[type="text"],

  input[type="password"],

  input[type="datetime"],

  input[type="datetime-local"],

  input[type="date"],

  input[type="month"],

  input[type="time"],

  input[type="week"],

  input[type="number"],

  input[type="email"],

  input[type="tel"],

  input[type="url"] {

    font-size: 16px;

  }

}

.relative {

  position: relative;

  z-index: 5;

}



.custom-background, .page-banner-sp .banner, .bg-footer-product {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.btn {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  min-width: 200px;

  height: 45px;

  border-radius: 5px;

  font-size: 100%;

  text-transform: uppercase;

  color: #fff;

  font-weight: 500;

  background-color: var(--blue);

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;

}

.btn:hover {

  background-color: var(--red);

  -webkit-transform: scale(1.05);

          transform: scale(1.05);

}



.btn-white {

  border-radius: 50px;

  border: 1.5px solid #3c3c3c;

  color: #3c3c3c;

  background: transparent;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 40px;

  min-width: 150px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  cursor: pointer;

}

.btn-white:hover {

  background: var(--yellow);

  color: #fff;

  border-color: var(--yellow);

}



.btn-gray {

  border-radius: 50px;

  background: rgba(32, 32, 32, 0.15);

  border: none;

  color: #3c3c3c;

  font-size: 14px;

  font-style: normal;

  font-weight: 300;

  line-height: 20px;

  padding: 5px 12px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  cursor: pointer;

}

.btn-gray:hover {

  background: var(--yellow);

  color: #fff;

}



.btn-hl {

  border-radius: 4px;

  border: 1px solid #3c3c3c;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  color: #3c3c3c;

  text-align: center;

  font-size: 28px;

  font-style: normal;

  font-weight: 400;

  line-height: 25px;

  padding: 28px 11px;

  width: 100%;

  cursor: pointer;

}

.btn-hl:hover {

  -webkit-transform: scale(1.05);

          transform: scale(1.05);

}



.btn-pink {

  width: 100%;

  max-width: 604px;

  color: #fff;

  text-align: center;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 25px;

  border: none;

  padding: 18px 12px;

  border-radius: 2px;

  background: -webkit-gradient(linear, left bottom, left top, from(rgba(234, 29, 117, 0.5)), color-stop(31.25%, rgba(234, 29, 117, 0.65)), to(#ea1d75));

  background: linear-gradient(0deg, rgba(234, 29, 117, 0.5) 0%, rgba(234, 29, 117, 0.65) 31.25%, #ea1d75 100%);

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  cursor: pointer;

}

.btn-pink:hover {

  -webkit-transform: scale(1.05);

          transform: scale(1.05);

}



.ratio {

  position: relative;

  overflow: hidden;

  display: block;

  padding-bottom: 100%;

}

.ratio img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.bg-white {

  background: #fff;

}



.pd-main {

  padding-top: 50px;

  padding-bottom: 50px;

}



.cut-text {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

}



.slick-arrow {

  position: absolute;

  top: 50%;

  width: 48px;

  height: 48px;

  border-radius: 50%;

  right: 0;

  border: 0;

  -webkit-box-shadow: 0 0 5px #ccc;

          box-shadow: 0 0 5px #ccc;

  padding: 8px;

  background: #fff;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  color: var(--color-blue);

  z-index: 5;

  font-size: 0;

  cursor: pointer;

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

  transform: translate(0, -50%);

  background-size: 12px;

  background-position: center center;

  background-repeat: no-repeat;

}



.slick-arrow:before {

  display: none;

}



.slick-disabled {

  opacity: 0.2;

}



.slick-next {

  right: 10px;

  background-image: url("data:image/svg+xml,%3Csvg fill='%237A8588' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");

}

.slick-next:hover {

  background: #000;

  background-image: url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");

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

  transform: translate(0, -50%);

  background-size: 12px;

  background-position: center center;

  background-repeat: no-repeat;

}



.slick-prev {

  left: 10px;

  background-image: url("data:image/svg+xml,%3Csvg fill='%0A%237A8588' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");

}

.slick-prev:hover {

  background: #000;

  background-image: url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");

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

  transform: translate(0, -50%);

  background-size: 12px;

  background-position: center center;

  background-repeat: no-repeat;

}



.mb-20 {

  margin-bottom: 20px;

}



.m-auto {

  margin: 0 auto;

}



.slick-dots {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-top: 20px;

}



.slick-dots li {

  margin: 0px 5px;

  width: 10px;

  height: 10px;

  border: 1px solid #b6b6b6;

  background: transparent;

  background-color: #b6b6b6;

  border-radius: 50%;

}



.slick-dots li button {

  display: none;

}



.slick-dots .slick-active {

  background: #000;

}



svg {

  width: 20px;

}



.title-main {

  margin-bottom: 50px;

  text-align: center;

}

.title-main .text {

  color: #707070;

  margin: 0 auto;

  margin-top: 12px;

  font-size: 16px;

  max-width: 1100px;

}

.title-main .heading {

  color: #000;

  font-size: 32px;

  text-transform: uppercase;

  font-weight: 600;

}



.title-main-2 {

  margin-bottom: 50px;

}



.the_content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  color: #3c3c3c;

  text-align: justify;

  font-size: 100%;

  font-style: normal;

  font-weight: 300;

  line-height: 1.25;

}

.the_content p {

  font-size: 100%;

  margin-bottom: 1rem;

}

.the_content ul {

  list-style: disc;

  padding-left: 20px;

  margin-bottom: 10px;

}

.the_content ul li {

  font-size: 100%;

  line-height: 1.5;

  padding: 5px 0px;

}

.the_content ol {

  list-style: decimal;

  padding-left: 20px;

  margin-bottom: 10px;

}

.the_content ol li {

  font-size: 100%;

  line-height: 1.5;

  padding: 5px 0px;

}

.the_content h2,

.the_content h3,

.the_content h4,

.the_content h5,

.the_content h6 {

  margin-bottom: 1rem;

  color: #000;

  font-size: 150%;

}

.the_content img {

  max-width: 100%;

}

.the_content iframe {

  max-width: 100%;

}

.the_content blockquote {

  background-color: #fee7ef;

  border: 1px solid #eb1676;

  padding: 20px;

}



.fw-bold {

  font-weight: 700 !important;

}



/* Padding all sides */

.p-0 {

  padding: 0 !important;

}



.p-1 {

  padding: 0.25rem !important;

}



.p-2 {

  padding: 0.5rem !important;

}



.p-3 {

  padding: 1rem !important;

}



.p-4 {

  padding: 1.5rem !important;

}



.p-5 {

  padding: 3rem !important;

}



/* Padding top */

.pt-0 {

  padding-top: 0 !important;

}



.pt-1 {

  padding-top: 0.25rem !important;

}



.pt-2 {

  padding-top: 0.5rem !important;

}



.pt-3 {

  padding-top: 1rem !important;

}



.pt-4 {

  padding-top: 1.5rem !important;

}



.pt-5 {

  padding-top: 3rem !important;

}



/* Padding bottom */

.pb-0 {

  padding-bottom: 0 !important;

}



.pb-1 {

  padding-bottom: 0.25rem !important;

}



.pb-2 {

  padding-bottom: 0.5rem !important;

}



.pb-3 {

  padding-bottom: 1rem !important;

}



.pb-4 {

  padding-bottom: 1.5rem !important;

}



.pb-5 {

  padding-bottom: 3rem !important;

}



/* Padding start (left in LTR) */

.ps-0 {

  padding-left: 0 !important;

}



.ps-1 {

  padding-left: 0.25rem !important;

}



.ps-2 {

  padding-left: 0.5rem !important;

}



.ps-3 {

  padding-left: 1rem !important;

}



.ps-4 {

  padding-left: 1.5rem !important;

}



.ps-5 {

  padding-left: 3rem !important;

}



/* Padding end (right in LTR) */

.pe-0 {

  padding-right: 0 !important;

}



.pe-1 {

  padding-right: 0.25rem !important;

}



.pe-2 {

  padding-right: 0.5rem !important;

}



.pe-3 {

  padding-right: 1rem !important;

}



.pe-4 {

  padding-right: 1.5rem !important;

}



.pe-5 {

  padding-right: 3rem !important;

}



/* Padding X axis (left + right) */

.px-0 {

  padding-left: 0 !important;

  padding-right: 0 !important;

}



.px-1 {

  padding-left: 0.25rem !important;

  padding-right: 0.25rem !important;

}



.px-2 {

  padding-left: 0.5rem !important;

  padding-right: 0.5rem !important;

}



.px-3 {

  padding-left: 1rem !important;

  padding-right: 1rem !important;

}



.px-4 {

  padding-left: 1.5rem !important;

  padding-right: 1.5rem !important;

}



.px-5 {

  padding-left: 3rem !important;

  padding-right: 3rem !important;

}



/* Padding Y axis (top + bottom) */

.py-0 {

  padding-top: 0 !important;

  padding-bottom: 0 !important;

}



.py-1 {

  padding-top: 0.25rem !important;

  padding-bottom: 0.25rem !important;

}



.py-2 {

  padding-top: 0.5rem !important;

  padding-bottom: 0.5rem !important;

}



.py-3 {

  padding-top: 1rem !important;

  padding-bottom: 1rem !important;

}



.py-4 {

  padding-top: 1.5rem !important;

  padding-bottom: 1.5rem !important;

}



.py-5 {

  padding-top: 3rem !important;

  padding-bottom: 3rem !important;

}



/* Margin all sides */

.m-0 {

  margin: 0 !important;

}



.m-1 {

  margin: 0.25rem !important;

}



.m-2 {

  margin: 0.5rem !important;

}



.m-3 {

  margin: 1rem !important;

}



.m-4 {

  margin: 1.5rem !important;

}



.m-5 {

  margin: 3rem !important;

}



/* Margin top */

.mt-0 {

  margin-top: 0 !important;

}



.mt-1 {

  margin-top: 0.25rem !important;

}



.mt-2 {

  margin-top: 0.5rem !important;

}



.mt-3 {

  margin-top: 1rem !important;

}



.mt-4 {

  margin-top: 1.5rem !important;

}



.mt-5 {

  margin-top: 3rem !important;

}



/* Margin bottom */

.mb-0 {

  margin-bottom: 0 !important;

}



.mb-1 {

  margin-bottom: 0.25rem !important;

}



.mb-2 {

  margin-bottom: 0.5rem !important;

}



.mb-3 {

  margin-bottom: 1rem !important;

}



.mb-4 {

  margin-bottom: 1.5rem !important;

}



.mb-5 {

  margin-bottom: 3rem !important;

}



/* Margin left (start) */

.ms-0 {

  margin-left: 0 !important;

}



.ms-1 {

  margin-left: 0.25rem !important;

}



.ms-2 {

  margin-left: 0.5rem !important;

}



.ms-3 {

  margin-left: 1rem !important;

}



.ms-4 {

  margin-left: 1.5rem !important;

}



.ms-5 {

  margin-left: 3rem !important;

}



/* Margin right (end) */

.me-0 {

  margin-right: 0 !important;

}



.me-1 {

  margin-right: 0.25rem !important;

}



.me-2 {

  margin-right: 0.5rem !important;

}



.me-3 {

  margin-right: 1rem !important;

}



.me-4 {

  margin-right: 1.5rem !important;

}



.me-5 {

  margin-right: 3rem !important;

}



/* Margin X (left + right) */

.mx-0 {

  margin-left: 0 !important;

  margin-right: 0 !important;

}



.mx-1 {

  margin-left: 0.25rem !important;

  margin-right: 0.25rem !important;

}



.mx-2 {

  margin-left: 0.5rem !important;

  margin-right: 0.5rem !important;

}



.mx-3 {

  margin-left: 1rem !important;

  margin-right: 1rem !important;

}



.mx-4 {

  margin-left: 1.5rem !important;

  margin-right: 1.5rem !important;

}



.mx-5 {

  margin-left: 3rem !important;

  margin-right: 3rem !important;

}



.mx-auto {

  margin-left: auto;

  margin-right: auto;

}



/* Margin Y (top + bottom) */

.my-0 {

  margin-top: 0 !important;

  margin-bottom: 0 !important;

}



.my-1 {

  margin-top: 0.25rem !important;

  margin-bottom: 0.25rem !important;

}



.my-2 {

  margin-top: 0.5rem !important;

  margin-bottom: 0.5rem !important;

}



.my-3 {

  margin-top: 1rem !important;

  margin-bottom: 1rem !important;

}



.my-4 {

  margin-top: 1.5rem !important;

  margin-bottom: 1.5rem !important;

}



.my-5 {

  margin-top: 3rem !important;

  margin-bottom: 3rem !important;

}



.header {

  border: 1px solid rgba(255, 255, 255, 0);

  background: #fff;

  position: relative;

  z-index: 5;

}

.header .logo {

  padding: 10px 0px;

  position: relative;

}

.header .logo img {

  max-width: 150px;

}

.header .logo .js-menu-mobile {

  position: absolute;

  top: 50%;

  right: 0;

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

          transform: translate(0, -50%);

  display: none;

}

.header .logo .js-menu-mobile svg {

  fill: var(--blue);

}

.header .logo .js-menu-mobile svg path {

  fill: var(--blue);

}

@media screen and (max-width: 1199px) {

  .header .logo .js-menu-mobile {

    display: block;

  }

}

.header--text {

  font-size: 125%;

}

.header--text p {

  margin-bottom: 5px;

}

.header--text p:last-child {

  margin-bottom: 0;

}



.header-menu {

  background: var(--blue);
  position: sticky;
  top: 0;
  z-index: 999;

}

.header-menu .menu ul {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.header-menu .menu ul li {

  position: relative;

  line-height: 50px;

}

.header-menu .menu ul li:hover .sub-menu {

  display: block;

}

.header-menu .menu ul li a {

  display: block;

  padding: 0px 20px;

  color: #fff;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 100%;

}

.header-menu .menu ul li .sub-menu {

  position: absolute;

  top: 100%;

  left: 0;

  min-width: 300px;

  max-width: 300px;

  background-color: #f5f5f5;

  border-radius: 10px;

  -webkit-box-shadow: 0 0 5px #ccc;

          box-shadow: 0 0 5px #ccc;

  z-index: 9;

  display: none;

}

.header-menu .menu ul li .sub-menu li {

  line-height: 1;

  position: relative;

}

.header-menu .menu ul li .sub-menu li:hover .sub-menu {

  display: block;

}

.header-menu .menu ul li .sub-menu li .sub-menu {

  position: absolute;

  top: 0;

  left: 100%;

  display: none;

}

.header-menu .menu ul li .sub-menu li a {

  display: block;

  color: #000;

  border-bottom: 1px solid #333;

  padding: 15px 10px;

}

.header-menu .menu ul li .sub-menu li a:hover {

  background-color: #1e8100;

  color: #fff;

  border-color: #fff;

}

.header-menu .menu ul li .sub-menu li:last-child a {

  border-bottom: 0;

}

.header-menu .menu ul .lang-item {

  padding-left: 10px;

}

.header-menu .menu ul .lang-item a {

  padding: 0px 10px !important;

}

.header-menu .menu ul .lang-item img {

  width: 20px !important;

  height: 16px !important;

}

.header-menu .menu .icon {

  border-left: 1px solid #fff;

  padding-left: 25px;

  margin-left: 13px;

}

.header-menu .menu .icon svg {

  fill: #fff;

}

.header-menu .menu .icon svg path {

  fill: #fff;

}

.header-menu .menu .icon .gtranslate_wrapper a {

  margin-left: 10px;

}

.header-menu .menu .icon .gt_float_switcher {

  font-size: 16px;

  background: transparent;

  -webkit-box-shadow: none;

          box-shadow: none;

  margin-left: 24px;

}

.header-menu .menu .icon .gt_float_switcher .gt-selected {

  background: transparent;

}

.header-menu .menu .icon .gt_float_switcher .gt-current-lang {

  padding: 0;

  color: #fff;

}

.header-menu .menu .icon .gt_float_switcher .gt-current-lang span {

  font-size: 100%;

}



.menu-mobile {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99999999;

  background: linear-gradient(124deg, #0d2e42 29.72%, #010c34 54.59%);

  display: none;

  overflow: auto;

}

.menu-mobile .js-close {

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  padding: 10px 10px 20px 10px;

  font-size: 30px;

  color: #fff;

}

.menu-mobile .js-close span {

  display: block;

  padding-top: 5px;

  font-size: 12px;

}

.menu-mobile .search {

  width: 95%;

  margin: 0 auto;

}

.menu-mobile .search form {

  position: relative;

}

.menu-mobile .search form button {

  background: none;

  outline: none;

  position: absolute;

  top: 0;

  right: 0;

  border: 0;

  width: 40px;

  height: 40px;

}

.menu-mobile .search form button svg {

  width: 20px;

  fill: #000;

}

.menu-mobile .search input {

  width: 100%;

  padding-left: 10px;

  border: 0;

  outline: none;

  background: #fff;

  height: 40px;

  border-radius: 1px;

}

.menu-mobile ul li a {

  display: block;

  padding: 15px 10px;

  font-size: 110%;

  text-transform: uppercase;

  color: #fff;

  border-bottom: 1px solid #979797;

}

.menu-mobile ul li .sub-menu li a {

  padding-left: 30px;

}



.mxh {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.mxh a {

  width: 35px;

  height: 35px;

  border-radius: 50%;

  border: 1px solid #000;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  margin: 0px 5px;

  color: #000;

}

.mxh a:hover {

  color: var(--blue);

  border-color: var(--blue);

}

.mxh a svg {

  width: 15px;

}



.js-uptop {

  position: fixed;

  bottom: 20px;

  right: 10px;

  width: 50px;

  height: 50px;

  background-color: var(--blue);

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  border-radius: 50%;

  -webkit-box-shadow: 0 0 5px #fff;

          box-shadow: 0 0 5px #fff;

  cursor: pointer;

}

.js-uptop svg {

  fill: #fff;

}

.js-uptop svg path {

  fill: #fff;

}



.footer {

  background: linear-gradient(124deg, #0d2e42 29.72%, #010c34 54.59%);

  color: #fff;

  padding-top: 50px;

}

.footer__content {

  color: #fff;
  padding-right: 40px;

  margin-bottom: 20px;

}

.footer__content .logo {

  margin-bottom: 20px;

  max-width: 100%;

  display: block;

}

.footer__content .logo img {

  max-width: 150px;

}

.footer__content .the_content h3,

.footer__content .the_content h2 {

  font-size: 125%;

}

.footer .heading-ft {

  font-size: 125%;

  text-transform: uppercase;

  font-weight: bold;

  margin-bottom: 20px;

}

.footer__menu ul li a {

  display: block;

  padding-bottom: 15px;

  color: #fff;

}

.footer__menu ul li a:hover {

  color: var(--red);

}

.footer .mxh-ft a {

  padding-right: 20px;

  color: #fff;

}

.footer .mxh-ft a:last-child {

  padding-right: 0;

}

.footer .mxh-ft a svg {

  margin-right: 10px;

}

.footer .maps {

  margin-top: 20px;

}

.footer .maps iframe {

  height: 200px;

  border-radius: 10px;

}

.footer .address {

  padding-top: 30px;

}

.footer .address ul {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.footer .address ul li {

  font-size: 14px;

}

.footer .coppyright {

  border-top: 1px solid #fff;

  padding: 15px 0px;

  text-align: center;

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

  margin-top: 20px;

}

.footer .the_content {

  color: #fff;

}

.footer .the_content p {

  margin-bottom: 5px;

}



.maps_footer iframe {

  height: 300px;

  border-radius: 10px;

}



.logo-footer a {

      display: flex;
    border-radius: 10px;
    margin-bottom: 10px;
    align-items: center;
    color: #fff;


}
.logo-footer a .img{
      width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.logo-footer a .img img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.logo-footer a img {

  display: block;

  width: 100%;

  -o-object-fit: scale-down;

     object-fit: scale-down;

  height: 100%;

}



.site-city {

  padding-bottom: 30px;

}

.site-city .nav-top {

  margin-bottom: 50px;

  font-size: 125%;

}

.site-city .nav-top span {

  color: var(--red);

  padding-bottom: 10px;

  border-bottom: 1px solid var(--red);

  margin-right: 70px;

  font-weight: 600;

}

.site-city .nav-top a {

  padding-bottom: 10px;

  color: #292d32;

}

.site-city .nav-top a:hover {

  color: var(--blue);

}



.col-custom-5 {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 20%;

          flex: 0 0 20%;

  max-width: 20%;

  padding: 0px 12px;

}

@media screen and (max-width: 991px) {

  .col-custom-5 {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 33.333%;

            flex: 0 0 33.333%;

    max-width: 33.333%;

  }

}

@media screen and (max-width: 767px) {

  .col-custom-5 {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

            flex: 0 0 50%;

    max-width: 50%;

  }

}



.items-city {

  text-align: center;

}

.items-city:hover img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

.items-city:hover h3 {

  color: var(--red);

}

.items-city .ratio {

  border-radius: 12px;

  padding-bottom: 70%;

}

.items-city .ratio .flag {

  top: 15px;

  left: 15px;

  width: 32px;

  height: 32px;

  border-radius: 50%;

  z-index: 5;

}

.items-city h3 {

  font-size: 120%;

  color: var(--blue);

  font-weight: 600;

  line-height: 1.3;

  margin-top: 20px;

}



.site-products {

  background-color: #f5f5f5;

}

.site-products .items-products {

  background-color: #fff;

}



.site-news {

  background-color: #fff;

}

.site-news .title-main {

  text-align: center;

}



.items-news:hover h3 a {

  color: var(--blue);

}

.items-news .ratio {

  border-radius: 10px;

  padding-bottom: 60%;

}

.items-news h3 a {

  display: block;

  font-size: 110%;

  font-weight: bold;

  line-height: 1.3;

  color: #000;

  margin: 15px 0px;

}

.items-news p {

  margin-bottom: 20px;

}

.items-news .btn {

  min-width: 100px;

  font-size: 14px;

  text-transform: none;

  background-color: var(--blue);

  height: 40px;

}



.category-custom {

  background: #f4f8f9;

  padding: 30px;

  border-radius: 5px;

}

.category-custom .slick-taxanomy2 {

  margin: 0px -15px;

}

.category-custom .slick-taxanomy2 .slick-slide {

  padding: 0px 15px;

}

.category-custom .items-taxanomy {

  background: transparent;

  padding-bottom: 0;

}

.category-custom .items-taxanomy .ratio {

  padding-bottom: 100%;

  background: #fff;

  border: 1px solid #ccc;

  border-radius: 10px;

  max-width: 100%;

  margin: 0 auto;

}

.category-custom .items-taxanomy .ratio img {

  -o-object-fit: scale-down;

     object-fit: scale-down;

}

.category-custom .items-taxanomy h3 a {

  margin-bottom: 0;

}



.form-search {

  position: relative;

}

.form-search input {

  height: 45px;

  border-radius: 30px;

  border: 1px solid #ccc;

  padding-left: 10px;

  width: 100%;

  -webkit-box-shadow: var(--box);

          box-shadow: var(--box);

}

.form-search button {

  position: absolute;

  top: 0;

  right: 0;

  width: 45px;

  height: 45px;

  outline: none;

  border: 0;

  background: none;

  cursor: pointer;

}



.site-search {

  padding: 30px 0px;

  padding-bottom: 0;

}

.site-search .title-main {

  margin-bottom: 30px;

}



.rank-math-breadcrumb {

  margin: 20px 0px;

}

.rank-math-breadcrumb p {

  font-size: 100%;

  margin-bottom: 0;

}

.rank-math-breadcrumb p a {

  font-weight: bold;

  color: var(--gray);

}

.rank-math-breadcrumb p .separator {

  padding: 0px 5px;

}



.site-category-products {

  padding-top: 30px;

}

.site-category-products .order {

  margin-bottom: 20px;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  border: 1px solid #000;

}

.site-category-products .order .js-filter {

  border-right: 1px solid #000;

  padding: 10px 24px;

}

.site-category-products .order .js-filter svg {

  margin-right: 5px;

}

.site-category-products .order .woocommerce-result-count {

  float: none;

  margin: 0;

  font-size: 90%;

  color: #97a0af;

}

.site-category-products .order .woocommerce-ordering {

  float: none;

  margin: 0;

}

.site-category-products .order .woocommerce-ordering select {

  height: 40px;

  border: 0;

  color: #333;

  border-left: 1px solid #000;

}



.text-center {

  text-align: center;

}



.widget-area .widget {

  margin-bottom: 20px;

}

.widget-area .widget:last-child {

  margin-bottom: 0;

}

.widget-area .widget .widget-title {

  font-size: 100%;

  color: #000;

  font-weight: 600;

  margin-bottom: 15px;

}

.widget-area .widget ul {

  max-height: 200px;

  overflow: auto;

  padding-right: 10px;

}

.widget-area .widget ul::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  background-color: #f5f5f5;

}

.widget-area .widget ul::-webkit-scrollbar {

  width: 5px;

  background-color: #f5f5f5;

}

.widget-area .widget ul::-webkit-scrollbar-thumb {

  background-color: #000000;

  border: 2px solid #555555;

}

.widget-area .widget ul li {

  padding: 10px 0px !important;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.widget-area .widget ul li:after, .widget-area .widget ul li:before {

  display: none !important;

}

.widget-area .widget ul li a {

  font-size: 90%;

  color: var(--gray);

  font-weight: 600;

}

.widget-area .widget ul li a:before {

  content: "";

  width: 12px;

  height: 12px;

  border: 1px solid #ccc;

  border-radius: 3px;

  margin-right: 5px;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 0px;

}

.widget-area .widget ul li .count {

  font-size: 13px;

  color: var(--gray);

}

.widget-area .widget_layered_nav_filters ul li {

  margin-right: 10px;

}

.widget-area .widget_layered_nav_filters ul li:last-child {

  margin-right: 0;

}

.widget-area .widget_layered_nav_filters ul li a:before {

  border-color: var(--red);

  content: "";

  background-size: 12px;

  background-repeat: no-repeat;

  background-position: center center;

  margin-right: 5px;

  background-image: url("data:image/svg+xml,%3Csvg fill='red' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");

}



.woocommerce

.woocommerce-widget-layered-nav-list

.woocommerce-widget-layered-nav-list__item--chosen

a::before {

  background-image: url("data:image/svg+xml,%3Csvg fill='%2357bb00' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");

  background-size: 12px;

  background-repeat: no-repeat;

  background-position: center center;

  margin-right: 5px;

}



.nhm-pagination ul {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.nhm-pagination li a {

  width: 35px;

  height: 35px;

  border: 1px solid #ccc;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 100%;

  color: var(--gray);

  margin: 0px 5px;

  border-radius: 5px;

}

.nhm-pagination li a:hover {

  background: var(--gray);

  color: #fff;

  border-color: var(--gray);

}

.nhm-pagination .active a {

  background: var(--gray);

  color: #fff;

  border-color: var(--gray);

}



.page-banner-blog {

  background: #f7faff;

  padding: 30px 0px 30px 0px;

}

.page-banner-blog .rank-math-breadcrumb {

  margin-top: 0;

}

.page-banner-blog .title-main .text {

  text-transform: none;

  color: var(--gray);

  font-weight: 400;

}



.items-news-top {

  margin-bottom: 30px;

}

.items-news-top:hover .ratio img {

  -webkit-transform: scale(1.05);

          transform: scale(1.05);

}

.items-news-top .ratio {

  padding-bottom: 65%;

  border-radius: 5px;

  overflow: hidden;

}

.items-news-top .content h3 a {

  display: block;

  font-size: 120%;

  font-weight: bold;

  color: #000;

  line-height: 1.5;

}

.items-news-top .content p {

  margin: 20px 0px;

  font-size: 100%;

  font-weight: 500;

  color: var(--gray);

}

.items-news-top .author .img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 40px;

          flex: 0 0 40px;

  max-width: 40px;

}

.items-news-top .author .img img {

  width: 100%;

  height: 40px;

  border-radius: 50%;

  -o-object-fit: cover;

     object-fit: cover;

}

.items-news-top .author--content {

  padding-left: 10px;

}

.items-news-top .author--content h4 {

  text-transform: capitalize;

  margin-bottom: 5px;

  font-size: 90%;

  color: #000;

  font-weight: 400;

}

.items-news-top .author--content .date span {

  display: block;

  color: var(--gray);

  font-size: 100%;

}



.mb-30 {

  margin-bottom: 30px;

}



.page-banner-single {

  padding-bottom: 20px;

}



.page-content-single {

  padding: 30px 0px;

}

.page-content-single .single-title {

  padding: 20px 0px;

}

.page-content-single .single-title h1 {

  font-size: 200%;

  color: #000;

  line-height: 1.3;

  margin-bottom: 20px;

}

.page-content-single .single-title .author .img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 40px;

          flex: 0 0 40px;

  max-width: 40px;

}

.page-content-single .single-title .author .img img {

  width: 100%;

  height: 40px;

  border-radius: 50%;

  -o-object-fit: cover;

     object-fit: cover;

}

.page-content-single .single-title .author--content {

  padding-left: 10px;

}

.page-content-single .single-title .author--content h4 {

  text-transform: capitalize;

  margin-bottom: 5px;

  font-size: 90%;

  color: #000;

  font-weight: 400;

}

.page-content-single .single-title .author--content .date span {

  display: block;

  color: var(--gray);

  font-size: 100%;

}



.sidebar-news {

  margin-bottom: 20px;

}

.sidebar-news .title {

  font-size: 120%;

  font-weight: bold;

  margin-bottom: 20px;

  color: #000;

}



.widget img {

  width: 100%;

  max-width: 100%;

}



.items-news-sidebar {

  margin-bottom: 20px;

  border: 1px solid #ccc;

  -webkit-box-shadow: var(--box);

          box-shadow: var(--box);

  padding: 10px;

  border-radius: 5px;

}

.items-news-sidebar:hover .content h3 a {

  color: var(--blue);

}

.items-news-sidebar .ratio {

  border-radius: 5px;

  padding-bottom: 80%;

}

.items-news-sidebar .content h3 a {

  display: block;

  font-size: 100%;

  font-weight: bold;

  color: #000;

  line-height: 1.5;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 2;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  margin-bottom: 10px;

}

.items-news-sidebar .content span {

  display: block;

  font-size: 90%;

  color: var(--gray);

}



.form-sidebar {

  margin-top: 40px;

  border: 1px solid #ccc;

  border-radius: 5px;

  padding: 15px;

}

.form-sidebar .title-form {

  text-align: center;

  margin-bottom: 20px;

}

.form-sidebar .title-form h4 {

  margin-bottom: 10px;

  font-size: 120%;

  color: #000;

  line-height: 1.3;

}

.form-sidebar .title-form p {

  font-size: 14px;

  margin-bottom: 0;

  color: var(--gray);

}

.form-sidebar .form p {

  position: relative;

}

.form-sidebar .form p .wpcf7-spinner {

  position: absolute;

  top: 50%;

  right: 10px;

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

          transform: translate(0, -50%);

}



.page-banner-page {

  padding-bottom: 1px;

}



.page-banner-about {

  padding: 50px 0px;

}



.page-products .nav {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  margin-bottom: 50px;

}

.page-products .nav li {

  padding: 0px 20px;

}

.page-products .nav li a {

  display: block;

  font-size: 100%;

  color: var(--gray);

  font-weight: 600;

}

.page-products .nav li a:hover {

  color: var(--blue);

}

.page-products .nav li .active {

  color: var(--blue);

}



.tab-content .tab-pane {

  display: none;

}

.tab-content .fade {

  opacity: 0;

}

.tab-content .active {

  display: block;

}

.tab-content .show {

  opacity: 1;

}



.page-about-st {

  background: #f7faff;

}

.page-about-st .nav {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  margin-bottom: 50px;

  border-bottom: 1px solid var(--blue);

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.page-about-st .nav li a {

  display: block;

  font-size: 100%;

  color: var(--gray);

  font-weight: 600;

  padding: 0px 20px;

  padding-bottom: 15px;

  position: relative;

}

.page-about-st .nav li a:hover {

  color: var(--blue);

}

.page-about-st .nav li a:after {

  content: "";

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 100%;

  height: 2px;

  background: var(--blue);

  opacity: 0;

}

.page-about-st .nav li .active {

  color: var(--blue);

}

.page-about-st .nav li .active:after {

  opacity: 1;

}

.page-about-st .tab-pane--content {

  padding-right: 20px;

}

.page-about-st .title {

  font-size: 150%;

  margin-bottom: 20px;

  line-height: 1.5;

}



.page-nentang .slick-nentang {

  margin: 0px -10px;

}

.page-nentang .slick-nentang:last-child {

  margin-bottom: 0;

}

.page-nentang .slick-nentang .slick-list {

  padding: 0 0px !important;

}

.page-nentang .slick-nentang .slick-slide {

  padding: 30px 10px;

}

.page-nentang .items {

  padding: 10px;

  border-radius: 5px;

  text-align: left;

  -webkit-box-shadow: var(--box);

          box-shadow: var(--box);

  background: #fff;

}

.page-nentang .items img {

  margin: 0;

  height: 30px;

}

.page-nentang .items h3 {

  font-weight: 500;

  font-size: 100%;

  margin: 10px 0px;

}

.page-nentang .items p {

  color: var(--gray);

  margin-bottom: 0;

  font-size: 14px;

}



.page-phamvi {

  padding-top: 0;

}

.page-phamvi .content {

  text-align: justify;

}

.page-phamvi .content h3 {

  font-size: 150%;

  color: #000;

  line-height: 1.3;

  margin-bottom: 20px;

}

.page-phamvi .content ul li {

  padding: 10px 0px;

  line-height: 1.5;

  font-size: 100%;

}

.page-phamvi .content ul li svg {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 30px;

          flex: 0 0 30px;

  max-width: 30px;

}

.page-phamvi .content ul li span {

  padding-left: 10px;

}



.page-help {

  background: #f7faff;

}

.page-help .help ul li {

  padding: 20px 0px;

  border-bottom: 1px solid #ccc;

}

.page-help .help ul li:last-child {

  border-bottom: 0;

}

.page-help .help ul li .js-dropdown {

  font-size: 100%;

  color: #000;

  font-weight: 600;

  cursor: pointer;

}

.page-help .help ul li .js-dropdown svg {

  margin-right: 10px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.page-help .help ul li .active svg {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.page-help .help ul li .the_content {

  margin-top: 20px;

  display: none;

}



.page-hl {

  padding-bottom: 200px;

}

.page-hl .content-hl {

  border-radius: 20px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  padding: 30px;

  color: #fff;

}

.page-hl .content-hl .content-left {

  padding: 30px;

  border-radius: 30px;

  background: #fff;

}

.page-hl .content-hl .content-left h3 {

  font-size: 150%;

  line-height: 1.5;

  color: #000;

  margin-bottom: 20px;

}

.page-hl .content-hl .content-left ul li {

  font-size: 100%;

  line-height: 1.5;

  color: #000;

  padding: 10px 0px;

}

.page-hl .content-hl .content-left ul li svg {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 30px;

          flex: 0 0 30px;

  max-width: 30px;

  margin-right: 10px;

}

.page-hl .content-hl .content {

  padding-left: 20px;

}

.page-hl .content-hl .content h3 {

  font-size: 200%;

  margin-bottom: 20px;

  line-height: 1.5;

}



.page-content {

  padding-bottom: 50px;

}



.page-banner-about {

  padding: 30px 0px;

}

.page-banner-about .site-about {

  padding: 0;

}

.page-banner-about .site-about .banner {

  display: block;

}

.page-banner-about .btn {

  display: none !important;

}



.page-content-about {

  padding-bottom: 50px;

}

.page-content-about .the_content {

  max-width: 950px;

  margin: 0 auto;

}



@media screen and (max-width: 767px) {

  .rank-math-breadcrumb p {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }



  .page-content-single .single-title h1 {

    font-size: 150%;

  }

}

.page-feedback-custom .site-feedback {

  display: none;

}



.page-feedback .items {

  background: #f0f0f0;

  height: 100%;

}

.page-feedback .items h3 {

  padding: 15px;

  line-height: 1.5;

  font-weight: 500;

}



.items-products {

  height: 100%;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  text-align: center;

  overflow: hidden;

  border-radius: 9px;

  background: #f6f6f6;

  padding: 20px;

}

.items-products:hover img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

.items-products:hover h3 a {

  color: var(--blue);

}

.items-products:hover .images .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button {

  opacity: 1;

}

.items-products:hover .images--off {

  left: 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.items-products .images {

  position: relative;

}

.items-products .images .yith-add-to-wishlist-button-block {

  position: absolute;

  top: 0;

  right: 0;

  margin: 0;

  background: none;

  z-index: 5;

  padding: 10px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.items-products .images .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button__label {

  display: none;

}

.items-products .images .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button {

  opacity: 0;

}

.items-products .images .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button--added {

  opacity: 1;

}

.items-products .images .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button--added svg path {

  fill: var(--red);

}

.items-products .images--off {

  position: absolute;

  top: 0;

  left: -150px;

  background: #e3e3e3;

  padding: 5px 10px;

  text-transform: uppercase;

  color: #000;

  z-index: 99;

  font-size: 100%;

  font-weight: 600;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.items-products .images--off span {

  padding-left: 5px;

}

.items-products .ratio {

  padding-bottom: 70%;

  border-radius: 3px;

}

.items-products .ratio .sale {

  position: absolute;

  top: 30px;

  z-index: 3;

  left: 0;

  width: 100%;

  text-align: center;

  color: #ea4b48;

  font-size: 32px;

  font-weight: 600;

}

.items-products .ratio img {

  -o-object-fit: cover;

     object-fit: cover;

}

.items-products h3 a {

  display: block;

  font-size: 105%;

  font-weight: 600;

  color: #000;

  margin: 12px 0px 8px 0px;

  line-height: 1.3;

}

.items-products .price {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  color: var(--red);

  text-align: center;

  font-size: 20px;

  font-weight: 500;

  letter-spacing: 2.4px;

  margin-bottom: 20px;

}

.items-products .price del {

  color: #999;

  font-size: 16px;

  font-weight: 400;

}

.items-products .price ins {

  text-decoration: none !important;

}

.items-products .price ins bdi {

  text-decoration: none !important;

}

.items-products .prie-attr .price {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  font-size: 100%;

}

.items-products .sku {

  font-size: 90%;

  color: #333;

}

.items-products .sku span {

  font-weight: bold;

  color: var(--blue);

}

.items-products .btn {

  border-radius: 10px;

  height: 40px;

  min-width: 150px;

  margin: 0 auto;

}



.slick-products {

  margin: 0px -5px;

}

.slick-products .items {

  padding: 0px 5px;

}



.widget-area .widget {

  margin-bottom: 20px;

}

.widget-area .widget:last-child {

  margin-bottom: 0;

}

.widget-area .widget .widget-title {

  font-size: 100%;

  color: #000;

  font-weight: 600;

  margin-bottom: 15px;

}

.widget-area .widget ul {

  overflow: auto;

  padding-right: 10px;

}

.widget-area .widget ul::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  background-color: #f5f5f5;

}

.widget-area .widget ul::-webkit-scrollbar {

  width: 5px;

  background-color: #f5f5f5;

}

.widget-area .widget ul::-webkit-scrollbar-thumb {

  background-color: #000000;

  border: 2px solid #555555;

}

.widget-area .widget ul li {

  padding: 10px 0px !important;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.widget-area .widget ul li:after, .widget-area .widget ul li:before {

  display: none !important;

}

.widget-area .widget ul li a {

  font-size: 90%;

  color: var(--gray);

  font-weight: 600;

}

.widget-area .widget ul li a:before {

  content: "";

  width: 12px;

  height: 12px;

  border: 1px solid #ccc;

  border-radius: 3px;

  margin-right: 5px;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 0px;

}

.widget-area .widget ul li .count {

  font-size: 13px;

  color: var(--gray);

}

.widget-area .widget_layered_nav_filters ul li {

  margin-right: 10px;

}

.widget-area .widget_layered_nav_filters ul li:last-child {

  margin-right: 0;

}

.widget-area .widget_layered_nav_filters ul li a:before {

  border-color: var(--red);

  content: "";

  background-size: 12px;

  background-repeat: no-repeat;

  background-position: center center;

  margin-right: 5px;

  background-image: url("data:image/svg+xml,%3Csvg fill='red' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");

}



.site-category-products {

  padding-top: 30px;

}

.site-category-products .order {

  margin-bottom: 20px;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  border: 1px solid #000;

}

.site-category-products .order .js-filter {

  border-right: 1px solid #000;

  padding: 10px 24px;

  cursor: pointer;

}

.site-category-products .order .js-filter svg {

  margin-right: 5px;

}

.site-category-products .order .woocommerce-result-count {

  float: none;

  margin: 0;

  font-size: 90%;

  color: #97a0af;

}

.site-category-products .order .woocommerce-ordering {

  float: none;

  margin: 0;

}

.site-category-products .order .woocommerce-ordering select {

  height: 40px;

  border: 0;

  color: #333;

  border-left: 1px solid #000;

}



.filter-sidebar {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 999999999999999999999999999;

  width: 100%;

  height: 100vh;

  display: none;

}

.filter-sidebar .js-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

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

  z-index: 1;

}

.filter-sidebar .content {

  background: #fff;

  max-width: 500px;

  height: 100%;

  position: relative;

  z-index: 5;

  width: 100%;

  overflow: auto;

}

.filter-sidebar .title {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 20px 20px;

  color: #000;

  border-bottom: 1px solid #000;

}

.filter-sidebar .title h3 {

  font-size: 200%;

  font-weight: 600;

}

.filter-sidebar .title svg {

  width: 25px;

  fill: #000;

}

.filter-sidebar .title svg path {

  fill: #000;

}



.widget-area {

  padding: 20px;

}

.widget-area .product-categories li {

  display: block;

}

.widget-area .product-categories li .children {

  padding-left: 20px;

  padding-top: 10px;

  height: auto !important;

  overflow: initial;

}

.widget-area .product-categories li .children li:last-child {

  padding-bottom: 0 !important;

}

.widget-area .active a::before {

  background-color: red !important;

  border-color: red !important;

}

.widget-area .widget_layered_nav_filters .amount {

  padding-left: 10px;

}



.page-banner-sp .banner {

  min-height: 450px;

  text-align: center;

  padding-top: 50px;

  color: #fff;

}

.page-banner-sp .banner p {

  font-size: 200%;

  font-weight: 400;

  margin-bottom: 0;

}

.page-banner-sp .banner h3 {

  font-size: 200%;

  font-weight: 600;

  margin: 20px 0px;

  margin-top: 15px;

}

.page-banner-sp .banner h2 {

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

}

.page-banner-sp .title-main {

  margin: 25px 0px;

}

.page-banner-sp .title-main .text {

  max-width: 700px;

}



.woocommerce-category {

  padding-bottom: 30px;

}



.items-category-page {

  background-color: #f1f1f1;

  padding: 50px 0px;

}

.items-category-page .relative-page {

  position: relative;

}

.items-category-page .content {

  position: absolute;

  top: 0;

  left: 0;

}

.items-category-page .content .btn {

  margin: 0;

  background-color: #000;

  color: #fff;

}

.items-category-page .content .btn:hover {

  background-color: #f1f1f1;

  color: #000;

}

.items-category-page h3 {

  color: #000;

  font-family: var(--font-t);

  font-size: 200%;

  font-weight: 400;

}

.items-category-page span {

  display: block;

  margin: 12px 0px;

  font-size: 100%;

  color: #707070;

}

.items-category-page h2 {

  color: #9f9d9d;

  font-family: var(--font-t);

  font-size: 80px;

  font-weight: 400;

  max-width: 680px;

  z-index: 5;

  position: relative;

}

.items-category-page p {

  color: rgba(0, 0, 0, 0.5);

  text-align: justify;

  font-size: 16px;

  font-weight: 500;

  line-height: 20px;

  max-width: 360px;

  margin: 24px 0px;

}

.items-category-page:nth-child(2n + 2) {

  background-color: #fff;

}

.items-category-page:nth-child(2n + 2) .row {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

          flex-direction: row-reverse;

}

.items-category-page:nth-child(2n + 2) .content {

  text-align: right;

  right: 0;

}

.items-category-page:nth-child(2n + 2) .content .btn {

  margin-left: auto;

}

.items-category-page:nth-child(2n + 2) .content p {

  margin-left: auto;

}

.items-category-page:nth-child(2n + 2) .content h2 {

  margin-left: auto;

}



.page-th {

  border-top: 1px solid #ccc;

  margin-top: 20px;

}



.page-about {

  padding-bottom: 50px;

}

.page-about .the_content {

  max-width: 650px;

}



.bg-footer-product {

  background-color: #f1f1f1;

  padding: 100px 0px;

  text-align: center;

  margin-bottom: 50px;

}

.bg-footer-product .content {

  max-width: 555px;

  margin: 0 auto;

  text-align: left;

}

.bg-footer-product p {

  margin-bottom: 0;

}

.bg-footer-product h2 {

  color: #9f9d9d;

  font-family: SVN-Santis;

  font-size: 96px;

  font-style: normal;

  font-weight: 400;

  line-height: 1;

}

.bg-footer-product h2 span {

  font-size: 14px;

}



.category-a-e ul {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.category-a-e ul li a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 0px 15px;

  border-radius: 10px;

  background: #ececec;

  font-weight: 600;

  border: 0;

}

.category-a-e ul .active-category a {

  background: #000;

  color: #fff;

}



.page-single-products .slider-nav-single .slick-list {

  padding: 0 !important;

}

.page-single-products .items-banner {

  background: #fff;

  border-radius: 10px;

  overflow: hidden;

  position: relative;

  text-align: center;

}

.page-single-products .items-banner .ratio {

  padding-bottom: 100%;

}

.page-single-products .items-banner h3 a {

  font-size: 100%;

  color: var(--gray);

  font-weight: 600;

  display: block;

  margin: 10px 0px;

}

.page-single-products .items-banner .price-flex {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 90%;

  color: var(--gray);

  padding-bottom: 20px;

}

.page-single-products .items-banner .price-flex .price {

  padding-left: 10px;

}

.page-single-products .items-right {

  background: #f5f5f5;

  border-radius: 5px;

  overflow: hidden;

  margin-bottom: 12px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  padding: 10px;

}

.page-single-products .items-right .ratio {

  padding-bottom: 70%;

}

.page-single-products .items-right .ratio img {

  -o-object-fit: scale-down;

     object-fit: scale-down;

}

.page-single-products .slick-center .items-right {

  -webkit-transform: scale(1);

          transform: scale(1);

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  border-color: var(--yellow);

}

.page-single-products .the_content {

  padding: 20px;

  border-radius: 5px;

  background: #f7faff;

}

.page-single-products .the_content .title-main {

  margin-bottom: 30px;

}

.page-single-products .the_content .title-main .heading {

  text-align: left;

  max-width: 100%;

  margin: 0;

  font-size: 28px;

}

.page-single-products .content-single {

  padding-top: 30px;

}

.page-single-products .content-single .title {

  background-color: var(--blue);

  padding: 5px 10px;

  color: #fff;

  font-size: 120%;

}

.page-single-products .content-single .sidebar-single-products {

  background-color: #f5f5f5;

  margin-bottom: 20px;

}

.page-single-products .content-single .sidebar-single-products ul li a {

  display: block;

  padding: 10px;

  color: #000;

  border-bottom: 1px solid #ccc;

}

.page-single-products .content-single .sidebar-single-products ul li a:hover {

  background: var(--blue);

  color: #fff;

}

.page-single-products .content-single .sidebar-single-products ul li:first-child a {

  padding-top: 0;

}

.page-single-products .content-single .form-contact {

  padding: 10px;

  padding-bottom: 0;

}

.page-single-products .content-single .form-contact .row {

  display: block;

}

.page-single-products .content-single .form-contact .row .col-md-6 {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

          flex: 0 0 100%;

  max-width: 100%;

}



.sticky-top {

  position: -webkit-sticky;

  position: sticky;

  z-index: 5;

  top: 10px;

}



.single-products-top--content .price {

  color: #484848;

  font-size: 200%;

  font-weight: 500;

  letter-spacing: 2.4px;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

          flex-direction: row-reverse;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}

.single-products-top--content .price del {

  font-size: 80%;

  padding-left: 20px;

  color: #999;

  font-weight: 400;

}

.single-products-top--content .price ins {

  text-decoration: none !important;

}

.single-products-top--content .price ins bdi {

  text-decoration: none !important;

}

.single-products-top--content .price-sale {

  margin-bottom: 24px;

}

.single-products-top--content .price-sale .sale-off {

  border-radius: 62px;

  background: rgba(255, 51, 51, 0.1);

  color: #ff3333;

  font-size: 16px;

  padding: 6px 14px;

  display: inline-block;

  font-weight: 500;

  margin-left: 20px;

}

.single-products-top--content h1 {

  font-size: 200%;

  margin-bottom: 15px;

  font-weight: 400;

  line-height: 1.3;

}

.single-products-top--content .nx {

  margin: 10px 0px;

}

.single-products-top--content .woocommerce-product-details__short-description {

  color: #484848;

  font-size: 16px;

  font-style: normal;

  font-weight: 500;

  line-height: 24px;

  margin-bottom: 12px;

  padding-bottom: 12px;

  border-bottom: 1px solid #ccc;

}

.single-products-top--content .woocommerce-product-details__short-description p:last-child {

  margin-bottom: 0;

}

.single-products-top--content .variations {

  width: 100%;

  display: table;

}

.single-products-top--content .variations tr {

  padding-bottom: 12px;

  margin-bottom: 12px;

  display: block;

  border-bottom: 1px solid #ccc;

}

.single-products-top--content .variations .label {

  padding-bottom: 15px;

}

.single-products-top--content .variations td {

  width: 100%;

  display: block;

  position: relative;

}

.single-products-top--content .variations td .selected {

  border: 0 !important;

  padding: 0 !important;

}

.single-products-top--content .variations td .selected .yith_wccl_value:before {

  opacity: 1;

}

.single-products-top--content .variations td .select_option {

  padding: 0 !important;

  border: 0 !important;

}

.single-products-top--content .variations td .yith_wccl_value {

  width: 37px;

  height: 37px;

  border: 0 !important;

  position: relative;

}

.single-products-top--content .variations td .yith_wccl_value:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../svg/check2.svg);

  background-size: 16px;

  background-repeat: no-repeat;

  background-position: center center;

  opacity: 0;

}

.single-products-top--content .variations td .attribute_pa_size .selected .yith_wccl_value {

  background: #000;

  color: #fff;

}

.single-products-top--content .variations td .attribute_pa_size .yith_wccl_value {

  width: auto;

  max-width: 100%;

  display: inline-block;

  position: relative;

  font-size: 100%;

  color: rgba(0, 0, 0, 0.6);

  padding: 12px 24px;

  background: #f0f0f0;

  border-radius: 30px;

  line-height: 1;

  cursor: pointer;

}

.single-products-top--content .variations td .attribute_pa_size .yith_wccl_value:before {

  display: none;

}

.single-products-top--content .variations th {

  display: block;

  padding-bottom: 10px;

}

.single-products-top--content .selected {

  border-color: var(--yellow) !important;

}

.single-products-top--content .reset_variations {

  color: #fff;

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;

  padding: 5px 10px !important;

  border-radius: 3px;

  background: var(--red);

  font-weight: 500;

  display: block;

  margin: 0;

  padding: 0;

  margin-top: 15px;

  position: absolute;

  top: 50%;

  right: 0;

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

          transform: translate(0, -50%);

  margin: 0;

}

.single-products-top--content .woocommerce-variation-price .price {

  margin-bottom: 15px;

  display: block;

  font-size: 200%;

  color: #000;

  font-weight: bold;

}

.single-products-top--content .woocommerce-variation-add-to-cart {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.single-products-top--content .woocommerce-variation-add-to-cart .button {

  border-radius: 50px !important;

  background-color: #000 !important;

  color: #fff !important;

  margin-left: 20px !important;

  font-weight: 600 !important;

  padding: 16px 20px !important;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  min-width: 165px !important;

}

.single-products-top--content .woocommerce-variation-add-to-cart .button:hover {

  background: var(--red) !important;

}

.single-products-top--content .cart-nhm {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.single-products-top--content .cart-nhm .button {

  border-radius: 50px !important;

  background-color: #000 !important;

  color: #fff !important;

  margin-left: 20px !important;

  font-weight: 600 !important;

  padding: 16px 20px !important;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  min-width: 165px !important;

}

.single-products-top--content .cart-nhm .button:hover {

  background: var(--red) !important;

}



.items-atrri {

  border-bottom: 1px solid #ccc;

  padding-bottom: 12px;

  margin-bottom: 12px;

}

.items-atrri p {

  margin-bottom: 0;

}

.items-atrri strong {

  color: rgba(0, 0, 0, 0.6);

  font-size: 16px;

  font-weight: 400;

  display: block;

  margin-bottom: 10px;

}



.Colors label {

  font-size: 0;

}

.Colors .custom-nhm {

  position: relative;

  font-size: 0;

  width: 37px;

  height: 37px;

  border-radius: 50%;

  display: block;

  cursor: pointer;

}

.Colors .custom-nhm:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../svg/check2.svg);

  background-size: 16px;

  background-repeat: no-repeat;

  background-position: center center;

  opacity: 0;

}

.Colors .custom-nhm input {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  cursor: pointer;

  height: 100%;

  opacity: 0;

}

.Colors .checked:before {

  opacity: 1;

}



.Size label {

  display: inline-block;

  position: relative;

  font-size: 100%;

  color: rgba(0, 0, 0, 0.6);

  padding: 12px 24px;

  background: #f0f0f0;

  border-radius: 30px;

  cursor: pointer;

}

.Size label .custom-nhm {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}

.Size .checked {

  background: #000;

  color: #fff;

}



.addbottom .button {

  border-radius: 50px !important;

  background-color: #000 !important;

  color: #fff !important;

  margin-left: 20px !important;

  font-weight: 600 !important;

  padding: 16px 20px !important;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  min-width: 165px !important;

}

.addbottom .button:hover {

  background: var(--red) !important;

}



.so-luong {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 0 0px;

  border-radius: 62px;

  background: #f0f0f0;

  /* Firefox */

}

.so-luong label {

  display: block;

  font-size: 30px;

  padding: 10px 20px;

  cursor: pointer;

}

.so-luong input {

  text-align: center;

  border: 0;

  background: transparent;

  font-size: 20px;

}

.so-luong input::-webkit-outer-spin-button,

.so-luong input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

.so-luong input[type="number"] {

  -moz-appearance: textfield;

}



.site-splq {

  padding-bottom: 50px;

}



.wc-block-cart__submit-button {

  background: #000 !important;

  color: #fff !important;

  font-weight: bold !important;

  outline: none !important;

}



.woocommerce-customer-details {

  display: none;

}



.woocommerce-order-details__title {

  margin-bottom: 20px;

  font-size: 150%;

  font-weight: bold;

}



.woocommerce-bacs-bank-details {

  line-height: 1.5;

}



.woocommerce-bacs-bank-details {

  display: none;

}



.page-woo-custom .woocommerce tr td {

  border: 0;

}

.page-woo-custom .woocommerce tr thead {

  display: none;

}

.page-woo-custom .woocommerce tr th {

  display: none;

}

.page-woo-custom .woocommerce .title-woo {

  margin-bottom: 24px;

}

.page-woo-custom .woocommerce .title-woo h2 {

  font-size: 200%;

  color: #000;

  font-weight: 600;

}

.page-woo-custom .woocommerce .title-woo .cart-total-quantity {

  color: #484848;

  font-size: 16px;

  margin-bottom: 0;

  padding-left: 10px;

}

.page-woo-custom .woocommerce .cart-collaterals .cart_totals {

  float: none;

  width: 100%;

}

.page-woo-custom .shop_table {

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-radius: 2px;

  padding: 20px;

}

.page-woo-custom .shop_table .cart_item {

  padding-bottom: 15px;

  margin-bottom: 15px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.page-woo-custom .shop_table .cart_item:last-child {

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}

.page-woo-custom .title-cart {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.page-woo-custom .title-cart .product-name a {

  font-size: 120%;

  font-weight: bold;

  color: #000;

  margin-bottom: 5px;

  display: block;

}

.page-woo-custom .title-cart .product-name .custom-variation-attributes li {

  padding: 5px 0px;

}

.page-woo-custom .title-cart a.remove {

  background: var(--red) !important;

  color: #fff !important;

}

.page-woo-custom .wc-proceed-to-checkout {

  padding-bottom: 0 !important;

}

.page-woo-custom .button-btn {

  background: #56b247 !important;

  height: 45px;

  color: #fff !important;

  font-weight: 500 !important;

  width: 100%;

  border-radius: 30px !important;

  margin-top: 1em !important;

}

.page-woo-custom .checkout-button {

  padding: 15px !important;

  font-weight: 500 !important;

  font-size: 100% !important;

  background: #000 !important;

  border-radius: 30px !important;

}

.page-woo-custom .checkout-button:hover {

  background: var(--red) !important;

}

.page-woo-custom .btn-trans {

  padding: 15px !important;

  font-weight: 500 !important;

  font-size: 100% !important;

  background: #fff !important;

  border-radius: 30px !important;

  border: 1px solid #000;

  text-align: center;

  color: #000;

  display: block;

  width: 100%;

}

.page-woo-custom .btn-trans:hover {

  background: #000 !important;

  color: #fff;

}

.page-woo-custom .actions {

  margin-top: 1em;

}

.page-woo-custom .actions .coupon .coupon-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 10px 15px;

  background: #56b247;

  border-radius: 5px;

  margin-bottom: 1em;

  color: #fff;

}

.page-woo-custom .actions .coupon .coupon-title p {

  margin-bottom: 0;

  font-weight: bold;

  font-size: 100%;

}

.page-woo-custom .actions .coupon .coupon-title span {

  font-size: 13px;

  font-weight: 400;

  padding-left: 5px;

}

.page-woo-custom .actions .coupon input {

  height: 45px;

  padding-left: 10px;

  border: 1px solid #ccc;

  border-radius: 30px;

  min-width: 200px;

  min-width: 200px;

  width: calc(100% - 100px);

  background: #f0f0f0;

  border: 0;

  color: #000;

}

.page-woo-custom .actions .coupon input::-webkit-input-placeholder {

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

}

.page-woo-custom .actions .coupon input:-ms-input-placeholder {

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

}

.page-woo-custom .actions .coupon input::-ms-input-placeholder {

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

}

.page-woo-custom .actions .coupon input::placeholder {

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

}

.page-woo-custom .actions .coupon .button {

  background: #000;

  border-radius: 30px;

  height: 45px;

  color: #fff;

  font-weight: 500;

}

.page-woo-custom .actions .coupon .button:hover {

  background: #000;

}

.page-woo-custom .price-custom {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.page-woo-custom .price-custom .product-price {

  color: #000;

  font-size: 24px;

  font-weight: 500;

}

.page-woo-custom .price-custom input {

  width: 50px !important;

}

.page-woo-custom .price-custom .so-luong label {

  padding: 5px 20px;

}

.page-woo-custom .content-cart-custom {

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.page-woo-custom .cart-collaterals {

  border: 1px solid rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);

          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);

  padding: 20px;

}

.page-woo-custom .cart-collaterals h2 {

  color: #000;

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 20px;

}

.page-woo-custom .cart-collaterals .shop_table {

  border: 0;

  padding: 0;

  border-radius: 0;

}

.page-woo-custom .cart-collaterals .border-custom {

  padding: 10px 0px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.page-woo-custom .cart-collaterals .title-cart-right {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.page-woo-custom .cart-collaterals .title-cart-right .heading-left {

  color: rgba(0, 0, 0, 0.6);

  font-size: 18px;

}

.page-woo-custom .cart-collaterals .title-cart-right .heading-right {

  color: #000;

  font-size: 20px;

  font-weight: 700;

  text-align: right;

}

.page-woo-custom .cart-collaterals .title-cart-right .price-sale {

  color: #f33;

  text-align: right;

  font-size: 20px;

  font-weight: 700;

}

.page-woo-custom .cart-collaterals .title-cart-right .woocommerce-remove-coupon {

  font-size: 14px;

  color: #000;

  padding-left: 5px;

}

.page-woo-custom .cart-collaterals .title-cart-right .woocommerce-remove-coupon:hover {

  color: var(--blue);

}

.page-woo-custom .woocommerce-shipping-destination,

.page-woo-custom .shipping-calculator-button {

  display: none !important;

}

.page-woo-custom .show-copun {

  padding-top: 10px;

}

.page-woo-custom .shipping-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 10px 0px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.page-woo-custom .shipping-title ul li:last-child {

  margin-bottom: 0 !important;

}

.page-woo-custom .order-total {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 10px 0px;

  font-size: 20px;

  font-weight: bold;

  padding-bottom: 0;

}

.page-woo-custom .variation dt {

  display: none !important;

}

.page-woo-custom .note {

  margin-top: 25px;

}

.page-woo-custom .note-items {

  margin-bottom: 30px;

  position: relative;

  padding-left: 30px;

}

.page-woo-custom .note-items:before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  width: 20px;

  height: 20px;

  background-image: url(../images/check3.png);

  background-size: 100%;

  background-repeat: no-repeat;

  display: block;

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

          transform: translate(0, -50%);

}

.page-woo-custom .note-items:last-child {

  margin-bottom: 0;

}

.page-woo-custom .note-items h5 {

  margin-bottom: 5px;

}



.tab-custom {

  padding: 20px;

  background: #fff !important;

  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);

          box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);

  margin-bottom: 20px;

  border-radius: 0 !important;

}

.tab-custom .title {

  line-height: 1.5;

  font-weight: bold;

}

.tab-custom .title small {

  display: inline-block;

  width: 35px;

  height: 35px;

  text-align: center;

  line-height: 35px;

  font-size: 100%;

  font-weight: 500;

  border-radius: 50%;

  border: 1px solid rgba(0, 0, 0, 0.6);

  background: #fff;

  margin-right: 15px;

}

.tab-custom .title span {

  font-weight: 400;

}

.tab-custom .form-row {

  padding: 0 !important;

}

.tab-custom .form-login-custom {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  padding-top: 10px;

  margin-top: 10px;

}

.tab-custom .form-login-custom input {

  height: 40px !important;

  border-radius: 0 !important;

}

.tab-custom .form-login-custom .woocommerce-form-login__rememberme {

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.tab-custom .form-login-custom .woocommerce-form-login__rememberme span {

  padding-left: 10px;

}

.tab-custom .form-login-custom .password {

  display: block;

  text-decoration: underline !important;

  color: rgba(0, 0, 0, 0.5);

  margin-bottom: 15px;

}

.tab-custom .form-login-custom .password:hover {

  color: var(--red);

}

.tab-custom .form-login-custom .woocommerce-button {

  width: 100%;

  background-color: #000;

  border: 0;

  color: #fff;

  height: 40px;

  font-weight: 500;

}

.tab-custom .form-login-custom .button-mh {

  text-align: center;

}

.tab-custom .form-login-custom .button-mh span {

  padding: 10px 0px;

  display: block;

}

.tab-custom .form-login-custom .button-mh .btn-trans {

  cursor: pointer;

  border-radius: 5px !important;

  padding: 10px 0px !important;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.tab-custom #customer_details {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  padding-top: 10px;

  margin-top: 10px;

}

.tab-custom #customer_details input {

  height: 40px !important;

  border-radius: 0 !important;

}

.tab-custom #customer_details h3 {

  padding: 10px 0px;

}

.tab-custom #customer_details .form-row {

  margin-bottom: 10px;

}

.tab-custom #customer_details textarea.input-text {

  min-width: 100%;

  max-width: 100%;

  border-radius: 0 !important;

  height: 100px;

  font-size: 16px;

}

.tab-custom #customer_details textarea.input-text:focus {

  outline: none;

}

.tab-custom #ship-to-different-address .woocommerce-form__label {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.tab-custom #ship-to-different-address .woocommerce-form__label span {

  padding-left: 5px;

}

.tab-custom .check3 {

  margin: 15px 0px;

}

.tab-custom .check3 span {

  padding-left: 10px;

}

.tab-custom .btn {

  background: #000;

  width: 100%;

  color: #fff;

  height: 40px;

}

.tab-custom .btn:hover {

  background-color: var(--red);

  border-color: var(--red);

}

.tab-custom #place_order {

  float: none !important;

  width: 100% !important;

  background: #000 !important;

  padding: 15px 10px !important;

}

.tab-custom .js-title-tab {

  cursor: pointer;

}

.tab-custom .js-tab {

  display: none;

}

.tab-custom .active-tab {

  display: block;

}



.checkout-cart-items img {

  width: 100% !important;

}

.checkout-cart-items .cart-item {

  margin-bottom: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.checkout-cart-items .cart-item h3 {

  font-size: 100%;

  font-weight: bold;

}

.checkout-cart-items .cart-item .sl {

  margin: 10px 0;

}

.checkout-cart-items .cart-item .sl-text {

  padding-right: 10px;

}

.checkout-cart-items .cart-item .sl .product-quantity {

  color: red;

}

.checkout-cart-items .cart-item .custom-variation-attributes li {

  line-height: 1.5;

}

.checkout-cart-items .cart-item .cart-item-total {

  font-size: 125%;

  margin-top: 15px;

  font-weight: bold;

}



.checkout-cart-totals .cart-row {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 10px 0px;

}

.checkout-cart-totals .cart-row .woocommerce-Price-amount {

  font-size: 120%;

  font-weight: bold;

}

.checkout-cart-totals .gh {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 10px 0px;

}



.order-total {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  padding-top: 20px;

}



#order_review_heading {

  font-size: 125%;

  margin-bottom: 10px;

  font-weight: bold;

}



.page-woo-custom .woocommerce-order-details table tr th {

  display: block !important;

}

.page-woo-custom .woocommerce-order-details table thead tr {

  display: none !important;

}

.page-woo-custom .woocommerce-thankyou-order-received {

  text-align: center;

  padding: 20px;

  background: #00ba00;

  color: #fff;

  font-weight: bold;

  border-radius: 5px;

  margin-bottom: 30px;

}

.page-woo-custom .notice-error-custom {

  text-align: center;

  padding: 20px;

  background: var(--red);

  color: #fff;

  font-weight: bold;

  border-radius: 5px;

}

.page-woo-custom ul.order_details {

  margin-bottom: 30px;

}

.page-woo-custom ul.order_details li {

  float: none;

  border: 0;

  padding: 0;

  padding-bottom: 10px;

  font-size: 14px;

}

.page-woo-custom ul.order_details li strong {

  padding-left: 10px;

}

.page-woo-custom .qr-bank {

  background: #fbfbfb;

  padding: 20px;

  border-radius: 5px;

}

.page-woo-custom .qr-bank .vdh_bank_item {

  max-width: 300px;

  width: 100%;

}

.page-woo-custom .woocommerce-table__line-item a {

  color: #00ba00 !important;

  margin-bottom: 5px;

  display: inline-block;

  font-size: 120%;

  font-weight: 600;

}



.yith_wcwl_wishlist_footer {

  display: none;

}



.wishlist-items-wrapper td {

  font-size: 16px;

}

.wishlist-items-wrapper td a {

  color: #000;

}

.wishlist-items-wrapper .product-name {

  font-size: 20px;

}

.wishlist-items-wrapper .product-add-to-cart a {

  background: #000;

  color: #fff;

  border-radius: 5px;

  padding: 10px 20px;

}

.wishlist-items-wrapper .product-price {

  font-size: 20px;

  color: #000;

}

.wishlist-items-wrapper .product-price del {

  font-size: 14px;

  color: #ececec;

  padding-right: 10px;

}

.wishlist-items-wrapper .product-price ins {

  text-decoration: none !important;

}



.wishlist-title {

  font-size: 150%;

}



.wishlist_table tr td.product-thumbnail a {

  max-width: 150px;

}



.form-dn h3 {

  font-size: 200%;

  margin-bottom: 20px;

  font-weight: 500;

}

.form-dn label {

  display: block;

  margin-bottom: 5px;

}

.form-dn input {

  width: 100%;

  height: 40px !important;

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-radius: 0 !important;

  padding-left: 10px;

}

.form-dn .woocommerce-form-login__rememberme {

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  line-height: 1.5;

}

.form-dn .woocommerce-form-login__rememberme span {

  padding-left: 10px;

}

.form-dn .password {

  display: block;

  text-decoration: underline !important;

  color: rgba(0, 0, 0, 0.5);

  margin-bottom: 15px;

}

.form-dn .password:hover {

  color: var(--red);

}

.form-dn .woocommerce-form__input-checkbox {

  width: 15px;

  height: 15px !important;

}

.form-dn .woocommerce-button {

  width: 100%;

  background-color: #000;

  border: 0;

  color: #fff;

  height: 40px;

  font-weight: 500;

}

.form-dn .button-mh {

  text-align: center;

  margin-top: 20px;

  cursor: pointer;

}

.form-dn .button-mh span {

  display: none;

}

.form-dn .button-mh .button {

  cursor: pointer;

  text-transform: uppercase;

  font-size: 110%;

  font-weight: 500;

  height: 45px;

}

.form-dn .button-mh .button:hover {

  background: var(--red);

}

.form-dn .button-mh .btn-trans {

  display: none;

}

.form-dn .form-dk label {

  margin-bottom: 0;

}

.form-dn .form-dk .btn {

  width: 100%;

  background-color: #000;

  color: #fff;

  border: 0;

  font-size: 100%;

  text-transform: uppercase;

}

.form-dn .form-dk .btn:hover {

  background: var(--red);

}

.form-dn .form-dk .res {

  color: #000;

  margin-top: 10px;

  display: block;

}



.woocommerce-MyAccount-navigation {

  width: 25% !important;

}

.woocommerce-MyAccount-navigation ul li {

  padding: 15px 0px;

  padding-left: 20px;

}

.woocommerce-MyAccount-navigation ul li a {

  font-size: 100%;

  color: #000;

  display: block;

}

.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--dashboard {

  padding-top: 0;

  padding-left: 0;

}

.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--dashboard a {

  font-size: 120%;

  font-weight: bold;

}

.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--customer-logout a {

  color: var(--red);

}

.woocommerce-MyAccount-navigation ul .is-active a {

  color: var(--blue);

}



.woocommerce-MyAccount-content {

  width: 74% !important;

}

.woocommerce-MyAccount-content .woocommerce-orders-table tr td {

  line-height: 1.5;

}

.woocommerce-MyAccount-content .woocommerce-orders-table tr td .view {

  display: block;

  text-align: center;

  background: #000;

  color: #fff;

}

.woocommerce-MyAccount-content .woocommerce-orders-table tr .woocommerce-Price-amount {

  font-size: 100%;

  padding-right: 10px;

  font-weight: 600;

  color: var(--red);

}



.addresses .woocommerce-Address {

  float: none !important;

  width: 100% !important;

  -webkit-box-flex: 0 !important;

      -ms-flex: 0 0 100% !important;

          flex: 0 0 100% !important;

  max-width: 100% !important;

  line-height: 1.5;

  margin-bottom: 20px;

  border: 1px solid #ccc;

  padding: 20px;

}

.addresses .woocommerce-Address:last-child {

  margin-bottom: 0;

}

.addresses .woocommerce-Address .edit {

  font-weight: 600;

}



.single-products-top .items-banner .ratio {

  padding-bottom: 70%;

  background: #f5f5f5;

}

.single-products-top .items-banner .ratio img {

  border-radius: 10px;

  -o-object-fit: scale-down;

     object-fit: scale-down;

}

.single-products-top .slider-nav-single {

  margin: 0px -10px;

  margin-top: 20px;

}

.single-products-top .slider-nav-single .items {

  padding: 0px 10px;

}



.bra {

  padding: 10px 0px;

  background-color: #f5f5f5;

}

.bra a {

  color: #000;

}

.bra p {

  margin-bottom: 0;

}



@media screen and (max-width: 1199px) {

  .single-products-top--content .cart-nhm {

    display: block;

  }



  .single-products-top--content .cart-nhm .button {

    margin: 0 !important;

    margin-top: 10px !important;

  }

}

@media screen and (max-width: 991px) {

  .woocommerce-cart-form .the_content {

    display: none;

  }

  .woocommerce-cart-form .cart-collaterals {

    margin-top: 20px;

  }



  .items-products .btn {

    min-width: 100px;

  }



  .items-products {

    padding: 10px;

  }

}

@media screen and (max-width: 767px) {

  .site-category-products .order {

    display: block;

  }

  .site-category-products .order .js-filter {

    border: 0;

    padding: 10px 5px;

    border-bottom: 1px solid #000;

  }

  .site-category-products .order .woocommerce-result-count {

    padding: 10px 0px;

    text-align: center;

    border-bottom: 1px solid #000;

  }

  .site-category-products .order .orderby {

    width: 100%;

    border: 0 !important;

  }



  .pp-khoahoc .content {

    max-width: 95%;

  }



  .items-products h3 a {

    font-size: 100%;

  }



  .items-products .price {

    font-size: 16px;

  }



  .items-products .ratio .sale {

    top: 10px;

    font-size: 100%;

  }



  .footer--contact {

    overflow: hidden;

  }



  .slick-next {

    right: 5px;

  }



  .slick-prev {

    left: 5px;

  }



  .page-woo-custom .woocommerce .title-woo {

    display: block;

  }



  .page-woo-custom .woocommerce .title-woo .cart-total-quantity {

    padding: 0;

    padding-top: 10px;

  }



  .page-woo-custom .title-cart .product-name a {

    font-size: 90%;

    padding-right: 20px;

  }



  .page-woo-custom .price-custom .product-price {

    font-size: 16px;

    line-height: 1.3;

  }



  .page-woo-custom .price-custom .so-luong label {

    padding: 5px 10px;

  }



  .page-woo-custom .actions .coupon .coupon-title {

    display: block;

  }



  .page-woo-custom .actions .coupon .coupon-title span {

    padding-left: 0;

    padding-top: 5px;

  }

}

.form {

  max-width: 750px;

  margin: 0 auto;

}

.form br {

  display: none;

}

.form p {

  margin-bottom: 0;

}

.form .btn {

  width: 100%;

  background-color: #000;

  color: #fff;

  text-transform: uppercase;

}

.form .btn:hover {

  background-color: var(--red);

}

.form .form-control {

  border-radius: 0;

}

.form textarea.form-control {

  height: 100px;

  outline: none;

  max-width: 100%;

  min-width: 100%;

  padding-top: 10px;

}
.header-menu .search{
      width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    cursor: pointer;
}
.phone{
  display: flex;
    align-items: center;
    justify-content: center;
    background: var(--red);
    width: max-content;
    padding: 10px 20px;
    border-radius: 30px;
    color: #fff;
    max-width: 100%;
}
.phone a{
  color: #fff;
  padding-left: 10px;
}
.header-menu .row{
  align-items: center;
}

.form-search-header{
      position: absolute;
    top: 100%;
    right: 0;
    min-width: 300px;
    height: auto;
    background-color: #fff;
    box-shadow: 0 0 5px #333;
    padding: 10px;
    border-radius: 10px;
    display: none;
}
.form-search-header form{
  position: relative;
}
.form-search-header input{
  height: 40px;
  border:1px solid #ccc;
  padding-left: 10px;
  border-radius: 5px;
}
.form-search-header form button{
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: none;
  border:0;
}
.menu-ft{
}
.menu-ft ul li a{
  display: block;
  font-size: 100%;
  line-height: 1.5;
  color: #fff;
  padding:5px 0px;
}
.title-ft{
  font-size: 120%;
  color: var(--blue);
  text-transform: uppercase;
}
.siteBanner .slick-current img {
      animation: scale 10s infinite;
    }

    @keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/*# sourceMappingURL=style.css.map */