@charset "UTF-8";
@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/iranyekan/woff2/IRANYekanWebRegular.woff2") format("woff2");
}
@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/iranyekan/woff2/IRANYekanWebMedium.woff2") format("woff2");
}
@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/iranyekan/woff2/IRANYekanWebBold.woff2") format("woff2");
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: unset;
}

*, :after, :before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  direction: rtl;
  font-family: "iranyekan";
  font-weight: 500;
  font-size: 10.5pt;
  background: #f5f5f5;
}
body::-webkit-scrollbar-thumb:hover {
  background: #313131;
}
body::-webkit-scrollbar-thumb {
  background-color: #939393;
  border-radius: 5px;
  width: 8px;
}
body::-webkit-scrollbar-track {
  background: #dcdcdc;
}
body::-webkit-scrollbar {
  width: 8px;
}

a {
  text-decoration: none;
  color: #000000;
}
a.linkColor {
  color: #32389a;
  font-weight: 400;
  cursor: pointer;
}
a:link {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

button {
  cursor: pointer;
  user-select: none;
}

input, button {
  border: none;
}

i, img, input {
  vertical-align: middle;
}

ul {
  list-style-type: none;
  padding: unset;
}

.contentText {
  text-align: right;
  font-weight: 400;
  line-height: 25pt;
}
.contentText img {
  max-width: 100%;
  height: auto;
}
.contentText h2 {
  margin: 10px 10px;
  padding: 10px;
  border-radius: 5px;
  border-bottom: 3px solid #393E46;
  display: inline-block;
  text-align: center;
  color: #393E46;
}
.contentText ol, .contentText ul {
  margin: 17px auto;
}
.contentText ol li, .contentText ul li {
  margin-right: 30px;
}
.contentText p {
  margin: 17px 10px;
  text-align: right;
}
.contentText figure {
  display: inline-block;
}
.contentText img {
  width: 100%;
}

.fa {
  font-size: 14pt;
  vertical-align: unset;
}

.hidden {
  display: none !important;
}

textarea {
  overflow: auto;
}

.btn.btn-normal2 {
  background: #FFFFFF;
  border: 1px solid #19b981;
  color: #19b981;
}
.btn.btn-normal2:hover {
  color: #807777;
  background: #19b981;
}
.btn.btn-normal1 {
  display: inline-block;
  background: #19b981;
  position: relative;
  overflow: hidden;
  transition: 0.8s ease-in-out;
  font-weight: 500;
  color: #807777;
}
.btn.btn-normal1 * {
  z-index: 5;
  position: relative;
}
.btn.btn-normal1:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  background: #33cccc;
  width: 0;
  top: 0;
  right: 0;
  transition: 0.4s ease-in-out;
}
.btn.btn-normal1:hover {
  background: #33cccc;
  box-shadow: 0 0 120px #33cccc;
}
.btn.btn-normal1:hover:after {
  width: 100%;
}

.box_search {
  display: inline-flex;
  width: 500px;
  max-width: 100%;
  position: relative;
}
.box_search i {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  margin: auto;
  color: #1d2124;
  z-index: 2;
  padding: 12px;
}

.small-box {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}
.small-box .small-box-footer {
  background: rgba(0, 0, 0, 0.4117647059);
  display: block;
  width: 100%;
  text-align: center;
  padding: 5px;
  color: #fff;
}
.small-box .inner {
  padding: 10px;
}
.small-box .inner p {
  font-weight: 500;
}
.small-box .icon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  font-size: 25pt;
}

.ltr {
  direction: ltr;
}

.card-title {
  margin-bottom: 0;
}

h1, .h1 {
  font-size: calc(0.65rem + 0.5vw);
}

h2, .h2 {
  font-size: 20pt;
}

h3, .h3 {
  font-size: 16pt;
}

h4, .h4 {
  font-size: 14pt;
}

.show_in_pc {
  display: none;
}
@media screen and (min-width: 1200px) {
  .show_in_pc {
    display: unset;
  }
}

.hide_in_pc {
  display: unset;
}
@media screen and (min-width: 1200px) {
  .hide_in_pc {
    display: none;
  }
}

.show_in_tablet {
  display: none;
}
@media screen and (min-width: 1024px) {
  .show_in_tablet {
    display: unset;
  }
}

.hide_in_tablet {
  display: unset;
}
@media (max-width: 1024px) {
  .hide_in_tablet {
    display: none !important;
  }
}

.show_in_mobile {
  display: none;
}
@media screen and (max-width: 1000px) {
  .show_in_mobile {
    display: unset;
  }
}

.hide_in_mobile {
  display: unset;
}
@media screen and (max-width: 1000px) {
  .hide_in_mobile {
    display: none !important;
  }
}

.btn_normal {
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #585858;
  background: #ffffff;
  color: #021800;
  font-weight: bold;
  transition: 0.2s;
}
.btn_normal:hover {
  background: #421f29;
  color: #ffffff;
}
.btn_normal.red {
  background: rgba(221, 0, 6, 0.78);
  color: #ffffff;
}

.input_normal {
  font-size: 12pt;
  border-radius: 5px;
  width: 100%;
  padding: 12px 10px;
  color: #585858;
  border: 1px solid #848484;
}
.input_normal:focus {
  border: 1px solid #003aa8;
}

.form-group .errText {
  display: none;
}
.form-group.inputErr .input_normal {
  border: 1px solid #7c002d;
}
.form-group.inputErr .errText {
  display: inline-block;
  font-size: 9pt;
  color: #7c002d;
  padding: 0 3px;
}

.passwordInputNormal {
  position: relative;
  display: block;
}
.passwordInputNormal .eyeIcon {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  /* height: 17px; */
  display: inline-block;
  height: max-content;
  font-size: 14pt;
  cursor: pointer;
}
.passwordInputNormal .eyeIcon:before {
  content: "\f06e";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.passwordInputNormal .eyeIcon.active:before {
  content: "\f070";
}
.passwordInputNormal input {
  width: 100%;
}

.M_Modal {
  text-align: right;
  background: rgba(12, 12, 12, 0.6);
  display: none;
  width: 100%;
  height: 100%;
  z-index: 500;
  position: fixed;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: auto;
  top: 0;
  right: 0;
}
.M_Modal .M_Modal_body {
  display: flex;
  background: #eeeeee;
  width: 300px;
  max-width: calc(100% - 10px);
  border-radius: 5px;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.M_Modal .M_Modal_body .M_Modal_Title {
  display: block;
  background: #cccccc;
  width: 100%;
  padding: 10px;
  font-weight: bold;
  text-align: center;
}
.M_Modal .M_Modal_body .M_Modal_content {
  display: block;
  background: #ffffff;
  width: 100%;
  min-height: 100px;
  padding: 10px;
  overflow-y: auto;
  overflow-x: hidden;
}
.M_Modal .M_Modal_footer {
  display: block;
  background: #cccccc;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.M_Modal .M_Modal_footer .btn {
  background: #425a56;
  color: #FFFFFF;
}
.M_Modal .M_Modal_footer .btn.btn-success {
  background: #1e7100;
  color: #FFFFFF;
}
.M_Modal .icon-close {
  font-size: 16pt;
  cursor: pointer;
  border-radius: 50%;
  background: #969696;
  color: #FFFFFF;
  width: 30px;
  height: 30px;
}
.M_Modal.size-1 .M_Modal_body {
  width: 1200px;
}
.M_Modal.size-1 .M_Modal_body .M_Modal_content {
  min-height: 300px;
  max-height: 90vh;
}
.M_Modal.size-2 .M_Modal_body {
  width: 900px;
  margin: 10px;
}
.M_Modal.size-2 .M_Modal_body .M_Modal_content {
  min-height: 300px;
  max-height: 100vh;
}
.M_Modal.size-3 .M_Modal_body {
  width: 700px;
  margin: 10px;
}
.M_Modal.size-3 .M_Modal_body .M_Modal_content {
  min-height: 300px;
  max-height: 100vh;
}
.M_Modal.size-3 .M_Modal_body {
  width: 600px;
  margin: 10px;
}
.M_Modal.size-3 .M_Modal_body .M_Modal_content {
  min-height: 300px;
  max-height: 100vh;
}
.M_Modal.size-4 .M_Modal_body {
  width: 400px;
  margin: 10px;
}
.M_Modal.size-4 .M_Modal_body .M_Modal_content {
  min-height: 300px;
  max-height: 100vh;
}
.M_Modal.size-5 .M_Modal_body {
  width: 300px;
  margin: 10px;
}
.M_Modal.size-5 .M_Modal_body .M_Modal_content {
  min-height: 150px;
  max-height: 100vh;
}

.btn_normal2 {
  border-radius: 5px;
  box-shadow: 0px 0px 1px 1px #bd0917;
  cursor: pointer;
  display: inline-block;
  padding: 3px 10px;
  font-weight: bold;
  border: 1px solid #cccccc;
  transition: 0.2s;
  margin-top: 10px;
  color: #bd0917;
}
.btn_normal2:hover {
  background: #ffdee3;
}

.btn_normal3 {
  line-height: 21px;
  font-size: 12px;
  margin-right: 11px;
  border: none;
  position: relative;
  color: #00bfd6;
  border-bottom: 1px dashed #00bfd6;
  background-color: transparent;
  font-weight: 700;
  cursor: pointer;
  transition: 0.2s;
  padding: 2px 5px;
}
.btn_normal3:hover {
  border-bottom: 1px solid #00bfd6;
}

.loading {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  color: #9a9a9a;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
.loading:before {
  content: "\f110";
  position: absolute;
  display: inline-block;
  animation: rotateAnimation 2s normal infinite;
  z-index: 2;
}
@keyframes rotateAnimation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.loading:after {
  content: "";
  position: absolute;
  background: #ffffff;
  width: 100%;
  height: 100%;
  display: inline-block;
  z-index: 1;
  right: 0;
  top: 0;
}

.loading2 {
  transition: 2s;
  animation: colorChangeAnimation 1.3s ease-in-out infinite;
}
@keyframes colorChangeAnimation {
  from {
    background: linear-gradient(0deg, #fff, #ccc);
  }
  to {
    background: linear-gradient(360deg, #ccc, #fff);
  }
}

.btn.btn-normal2 {
  background: #FFFFFF;
  border: 1px solid #19b981;
  color: #19b981;
}
.btn.btn-normal2:hover {
  color: #807777;
  background: #19b981;
}
.btn.btn-normal1 {
  display: inline-block;
  background: #19b981;
  position: relative;
  overflow: hidden;
  transition: 0.8s ease-in-out;
  font-weight: 500;
  color: #807777;
}
.btn.btn-normal1 * {
  z-index: 5;
  position: relative;
}
.btn.btn-normal1:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  background: #33cccc;
  width: 0;
  top: 0;
  right: 0;
  transition: 0.4s ease-in-out;
}
.btn.btn-normal1:hover {
  background: #33cccc;
  box-shadow: 0 0 120px #33cccc;
}
.btn.btn-normal1:hover:after {
  width: 100%;
}

.greenItem {
  font-weight: 400;
  color: #666666;
}

.boldItem {
  font-weight: 500;
}

.text-size-6 {
  font-size: 9pt;
}

.text-size-5 {
  font-size: 10pt;
}

.text-size-4 {
  font-size: 13pt;
}

.text-size-3 {
  font-size: 15pt;
}

.text-size-2 {
  font-size: 18pt;
}

.text-gray-900 {
  color: #343434;
}

.text-gray-700 {
  color: #797979;
}

.text-gray-500 {
  color: #9f9f9f;
}

.text-blue-500 {
  color: #00afce;
}

.text-right {
  text-align: right !important;
}

.line-hr {
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
}

.msg-error-box {
  color: #d70000;
  font-size: 10pt;
}

.numeric-input {
  -moz-appearance: textfield;
}
.numeric-input::-webkit-inner-spin-button, .numeric-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.controller-admin-box {
  display: flex;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 50px;
  transition: 0.2s;
  right: 0;
  bottom: -40px;
  padding-top: 20px;
  z-index: 80;
  background: rgba(0, 0, 0, 0.6901960784);
  opacity: 0.8;
}
.controller-admin-box:hover {
  bottom: 0;
  padding-top: 0;
  opacity: 1;
}
.controller-admin-box .btn-item {
  background: #cccccc;
  padding: 2px 10px;
  border-radius: 5px;
  font-weight: bold;
  color: #1a202c;
  margin: 9px 10px;
  text-wrap: nowrap;
}
.controller-admin-box.fixed {
  bottom: 0;
  padding-top: 0;
  opacity: 1;
}
.controller-admin-box.fixed .btn-toggle-ca {
  background: #585858;
  color: #ffffff;
}

.i-svg-bag {
  display: inline-flex;
}

:root {
  --swiper-theme-color: #797979;
  --swiper-navigation-size: 15px;
}

.dark {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: #000000;
  z-index: 99;
  opacity: 0.6;
}

.header-content {
  z-index: 500;
  display: block;
  position: relative;
}
.header-content .header_main, .header-content .spaceHeader {
  box-shadow: 0 1PX 2PX #3e3e3e;
  position: fixed;
  width: 100%;
  top: 0;
}
.header-content .header_main .banner_top .banner_Item, .header-content .spaceHeader .banner_top .banner_Item {
  display: flex;
  justify-content: center;
  max-height: 60px;
  height: 60px;
}
.header-content .header_main .banner_top .banner_Item img, .header-content .spaceHeader .banner_top .banner_Item img {
  height: 100%;
}
@media (max-width: 1000px) {
  .header-content .header_main .banner_top .banner_Item, .header-content .spaceHeader .banner_top .banner_Item {
    height: 9vw;
  }
}
@media (min-width: 1600px) {
  .header-content .header_main .banner_top .banner_Item img, .header-content .spaceHeader .banner_top .banner_Item img {
    max-height: unset;
    height: unset;
    width: 100%;
  }
}
.header-content .header_main .header_top, .header-content .spaceHeader .header_top {
  background: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  min-height: 60px;
  z-index: 50;
  position: relative;
}
.header-content .header_main .header_top .column, .header-content .spaceHeader .header_top .column {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-content .header_main .header_top .column .logo-site, .header-content .spaceHeader .header_top .column .logo-site {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 30px;
  min-width: 140px;
  margin: auto 16px;
}
.header-content .header_main .header_top .column .logo-site img, .header-content .spaceHeader .header_top .column .logo-site img {
  height: 100%;
}
.header-content .header_main .header_top .column .searchTop, .header-content .spaceHeader .header_top .column .searchTop {
  position: relative;
  width: 600px;
  text-align: center;
  box-shadow: 0 0 1px #1d2124;
  border-radius: 5px;
}
.header-content .header_main .header_top .column .searchTop .searchBox, .header-content .spaceHeader .header_top .column .searchTop .searchBox {
  position: relative;
}
.header-content .header_main .header_top .column .searchTop .searchBox .input-search, .header-content .spaceHeader .header_top .column .searchTop .searchBox .input-search {
  transition: 0.1s all;
  width: 100%;
  height: 36px;
  border: none;
  padding: 0 10px;
  background: #efefef;
  font-size: 9pt;
  padding-right: 35px;
  border-radius: 5px;
  z-index: 50;
  position: relative;
}
.header-content .header_main .header_top .column .searchTop .searchBox .icon-search, .header-content .spaceHeader .header_top .column .searchTop .searchBox .icon-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 100%;
  margin: 0 10px;
  text-align: center;
  z-index: 50;
  display: inline-flex;
  align-items: center;
  font-size: 13pt;
}
.header-content .header_main .header_top .column .searchTop .search-result, .header-content .spaceHeader .header_top .column .searchTop .search-result {
  transition: 0.1s all;
  display: flex;
  height: 0;
  width: 100%;
  background: #ffffff;
  position: absolute;
  top: 0;
  overflow: hidden;
  border-radius: 5px;
  flex-direction: column;
}
.header-content .header_main .header_top .column .searchTop .search-result .search__suggest, .header-content .spaceHeader .header_top .column .searchTop .search-result .search__suggest {
  display: block;
  width: 100%;
  padding: 0;
  text-align: right;
  border-top: 1px solid #d8d8d8;
  margin: 0;
  max-height: calc(90vh - 150px);
  overflow: auto;
}
.header-content .header_main .header_top .column .searchTop .search-result .search__suggest li a, .header-content .spaceHeader .header_top .column .searchTop .search-result .search__suggest li a {
  display: block;
  padding: 5px 10px;
  cursor: pointer;
}
.header-content .header_main .header_top .column .searchTop .search-result .search__suggest li a:hover, .header-content .spaceHeader .header_top .column .searchTop .search-result .search__suggest li a:hover {
  background: #d8ead5;
}
.header-content .header_main .header_top .column .searchTop .search-result .search__suggest li a i, .header-content .spaceHeader .header_top .column .searchTop .search-result .search__suggest li a i {
  color: #525252;
  margin: 0 5px;
  margin-top: 4px;
}
.header-content .header_main .header_top .column .searchTop .search-result .search__suggest li a i:before, .header-content .spaceHeader .header_top .column .searchTop .search-result .search__suggest li a i:before {
  font-size: 12pt;
}
.header-content .header_main .header_top .column .searchTop .search-result .search__suggest li a span, .header-content .spaceHeader .header_top .column .searchTop .search-result .search__suggest li a span {
  color: #121212;
  font-size: 9pt;
  font-weight: bold;
}
.header-content .header_main .header_top .column .searchTop.is-active .input-search, .header-content .spaceHeader .header_top .column .searchTop.is-active .input-search {
  background: none;
}
.header-content .header_main .header_top .column .searchTop.is-active .search-result, .header-content .spaceHeader .header_top .column .searchTop.is-active .search-result {
  height: auto;
  padding-top: 48px;
  box-shadow: 0 0 4px #1d2124;
}
.header-content .header_main .header_top .column .searchTop.OpenSearchMobile, .header-content .spaceHeader .header_top .column .searchTop.OpenSearchMobile {
  border-radius: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
}
.header-content .header_main .header_top .column .searchTop.OpenSearchMobile .input-search, .header-content .spaceHeader .header_top .column .searchTop.OpenSearchMobile .input-search {
  background: none;
}
.header-content .header_main .header_top .column .searchTop.OpenSearchMobile .search-result, .header-content .spaceHeader .header_top .column .searchTop.OpenSearchMobile .search-result {
  height: auto;
  padding-top: 48px;
  box-shadow: 0 0 4px #1d2124;
}
.header-content .header_main .header_top .column .searchTop.OpenSearchMobile .search-result, .header-content .spaceHeader .header_top .column .searchTop.OpenSearchMobile .search-result {
  height: 100vh;
  border-radius: 0;
}
@media (max-width: 1000px) {
  .header-content .header_main .header_top .column .searchTop:not(.OpenSearchMobile), .header-content .spaceHeader .header_top .column .searchTop:not(.OpenSearchMobile) {
    display: none;
  }
}
.header-content .header_main .header_top .column .searchTop .nav_mobile, .header-content .spaceHeader .header_top .column .searchTop .nav_mobile {
  display: none;
}
.header-content .header_main .header_top .column .searchTop.OpenSearchMobile .nav_mobile, .header-content .spaceHeader .header_top .column .searchTop.OpenSearchMobile .nav_mobile {
  display: flex;
  height: 50px;
  position: relative;
  z-index: 5;
  width: 100%;
  padding: 10px 25pt;
  text-align: revert;
  background: var(--color-theme-1);
  color: #fff;
  cursor: pointer;
}
.header-content .header_main .header_top .column .searchTop.OpenSearchMobile .nav_mobile i, .header-content .spaceHeader .header_top .column .searchTop.OpenSearchMobile .nav_mobile i {
  font-size: 20pt;
}
.header-content .header_main .header_top .column .searchTop.OpenSearchMobile .search-result, .header-content .spaceHeader .header_top .column .searchTop.OpenSearchMobile .search-result {
  padding-top: 90px;
}
.header-content .header_main .header_top .column .header_basket, .header-content .spaceHeader .header_top .column .header_basket {
  min-width: 64px;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  position: relative;
}
.header-content .header_main .header_top .column .header_basket .icon__basket, .header-content .spaceHeader .header_top .column .header_basket .icon__basket {
  color: #4a4a4a;
  position: relative;
  cursor: pointer;
  transition: 0.2s all;
  padding: 6px;
  border-radius: 5px;
}
.header-content .header_main .header_top .column .header_basket .icon__basket *, .header-content .spaceHeader .header_top .column .header_basket .icon__basket * {
  cursor: pointer;
  transition: 0.2s all;
}
.header-content .header_main .header_top .column .header_basket .icon__basket i, .header-content .spaceHeader .header_top .column .header_basket .icon__basket i {
  font-size: 19pt;
  position: sticky;
}
.header-content .header_main .header_top .column .header_basket .icon__basket span, .header-content .spaceHeader .header_top .column .header_basket .icon__basket span {
  display: inline-block;
  position: absolute;
  bottom: 1px;
  right: 0px;
  width: 16px;
  height: 16px;
  background: var(--color-theme-1);
  border-radius: 20px;
  color: #ffffff;
  text-align: center;
  padding: 0px 5px;
  padding-bottom: 3px;
  font-size: 8pt;
  box-shadow: 1px 0px 3px #585858;
  font-weight: bold;
}
.header-content .header_main .header_top .column .header_basket.open .icon__basket, .header-content .spaceHeader .header_top .column .header_basket.open .icon__basket {
  background: rgba(40, 115, 38, 0.2117647059);
}
.header-content .header_main .header_top .column .header_basket.open .icon__basket span, .header-content .spaceHeader .header_top .column .header_basket.open .icon__basket span {
  box-shadow: 0px 0px 3px #313b6f;
}
.header-content .header_main .header_top .column .header_basket.open .box-basket, .header-content .spaceHeader .header_top .column .header_basket.open .box-basket {
  height: auto;
}
.header-content .header_main .header_top .column .header_basket.open .box-info-profile, .header-content .spaceHeader .header_top .column .header_basket.open .box-info-profile {
  height: auto;
}
.header-content .header_main .header_top .column .header_basket .box-basket, .header-content .spaceHeader .header_top .column .header_basket .box-basket {
  display: block;
  width: 380px;
  height: 0;
  background: #ffffff;
  position: absolute;
  top: 50px;
  left: 13px;
  border-radius: 6px;
  box-shadow: 0 0 4px #585858;
  transition: 0.2s all;
  overflow: hidden;
}
@media (max-width: 1000px) {
  .header-content .header_main .header_top .column .header_basket .box-basket, .header-content .spaceHeader .header_top .column .header_basket .box-basket {
    display: none;
  }
}
.header-content .header_main .header_top .column .header_basket .body_cart, .header-content .spaceHeader .header_top .column .header_basket .body_cart {
  margin: 5px;
  max-height: 300px;
  overflow: auto;
}
.header-content .header_main .header_top .column .header_basket .body_cart::-webkit-scrollbar, .header-content .spaceHeader .header_top .column .header_basket .body_cart::-webkit-scrollbar {
  width: 2px;
}
.header-content .header_main .header_top .column .header_basket .body_cart::-webkit-scrollbar-track, .header-content .spaceHeader .header_top .column .header_basket .body_cart::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.header-content .header_main .header_top .column .header_basket .body_cart::-webkit-scrollbar-thumb, .header-content .spaceHeader .header_top .column .header_basket .body_cart::-webkit-scrollbar-thumb {
  background: #1d2124 Low;
  transition: 0.2s;
}
.header-content .header_main .header_top .column .header_basket .body_cart::-webkit-scrollbar-thumb:hover, .header-content .spaceHeader .header_top .column .header_basket .body_cart::-webkit-scrollbar-thumb:hover {
  background: #1d2124;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart {
  display: flex;
  padding: 10px 3px;
  border-bottom: 1px solid #ccc;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart:last-child, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart:last-child {
  border-bottom: none;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .image-product, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .image-product {
  display: flex;
  width: 130px;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .image-product img, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .image-product img {
  width: 100%;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product {
  width: 100%;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .name-product, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .name-product {
  font-size: 9pt;
  font-weight: 600;
  width: calc(100% - 7px);
  display: inline-block;
  line-height: 15px;
  color: #585858;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .price, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .price {
  text-align: left;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .price .newPrice, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .price .newPrice {
  font-weight: 600;
  padding: 0 14px;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools {
  display: flex;
  justify-content: space-between;
  color: #585858;
  margin-top: 14px;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad {
  font-size: 8pt;
  margin: 3px;
  font-weight: bold;
  border: 1px solid;
  border-radius: 10px;
  padding: 2px 25px;
  position: relative;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad span, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad span {
  font-size: 8pt;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad .plus, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad .plus {
  position: absolute;
  right: 2px;
  margin: 1px;
  cursor: pointer;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad .plus:hover, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad .plus:hover {
  transform: scale(1.1);
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad .plus.disabled, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad .plus.disabled {
  transform: scale(1.1);
  opacity: 0.3;
  cursor: default;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad .minus, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad .minus {
  position: absolute;
  left: 2px;
  margin: 1px;
  cursor: pointer;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad .minus:hover, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad .minus:hover {
  transform: scale(1.1);
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad .minus.disabled, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad .minus.disabled {
  transform: scale(1.1);
  opacity: 0.3;
  cursor: default;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad i, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .tedad i {
  font-size: 11pt;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .remove-product, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .remove-product {
  font-size: 8pt;
  cursor: pointer;
  margin: 3px;
  border-radius: 10px;
  padding: 0 3px;
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .remove-product:hover, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .remove-product:hover {
  transform: scale(1.1);
}
.header-content .header_main .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .remove-product i, .header-content .spaceHeader .header_top .column .header_basket .body_cart .itemCart .description-product .cart-tools .remove-product i {
  font-size: 11pt;
}
.header-content .header_main .header_top .column .header_basket .head_cart, .header-content .spaceHeader .header_top .column .header_basket .head_cart {
  display: flex;
  justify-content: space-between;
  padding: 6px;
  border-bottom: 1px solid #585858;
  padding-top: 10px;
  background: #eeeeee;
}
.header-content .header_main .header_top .column .header_basket .head_cart *, .header-content .spaceHeader .header_top .column .header_basket .head_cart * {
  font-size: 9pt;
  vertical-align: middle;
}
.header-content .header_main .header_top .column .header_basket .head_cart .btn_show_product, .header-content .spaceHeader .header_top .column .header_basket .head_cart .btn_show_product {
  color: #1d2124;
  font-weight: bold;
}
.header-content .header_main .header_top .column .header_basket .footer_cart, .header-content .spaceHeader .header_top .column .header_basket .footer_cart {
  display: flex;
  justify-content: space-between;
  padding: 6px;
  border-top: 1px solid #585858;
  padding-top: 10px;
  background: #eeeeee;
}
.header-content .header_main .header_top .column .header_basket .footer_cart .totalPrice .text_totalPrice, .header-content .spaceHeader .header_top .column .header_basket .footer_cart .totalPrice .text_totalPrice {
  font-size: 8pt;
}
.header-content .header_main .header_top .column .header_basket .footer_cart .totalPrice .value_totalPrice, .header-content .spaceHeader .header_top .column .header_basket .footer_cart .totalPrice .value_totalPrice {
  font-size: 10pt;
}
.header-content .header_main .header_top .column .header_basket .footer_cart .totalPrice .value_totalPrice span, .header-content .spaceHeader .header_top .column .header_basket .footer_cart .totalPrice .value_totalPrice span {
  font-weight: bold;
}
.header-content .header_main .header_top .column .header_profile, .header-content .spaceHeader .header_top .column .header_profile {
  min-width: 64px;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  position: relative;
}
.header-content .header_main .header_top .column .header_profile .icon__profile, .header-content .spaceHeader .header_top .column .header_profile .icon__profile {
  color: #4a4a4a;
  position: relative;
  cursor: pointer;
  transition: 0.2s all;
  padding: 0 6px;
  border-radius: 5px;
  vertical-align: middle;
}
.header-content .header_main .header_top .column .header_profile .icon__profile .icon__user:before, .header-content .spaceHeader .header_top .column .header_profile .icon__profile .icon__user:before {
  font-size: 18pt;
}
.header-content .header_main .header_top .column .header_profile .icon__profile *, .header-content .spaceHeader .header_top .column .header_profile .icon__profile * {
  cursor: pointer;
  transition: 0.2s all;
  vertical-align: middle;
}
.header-content .header_main .header_top .column .header_profile .icon__profile .icon__ArrowDown:before, .header-content .spaceHeader .header_top .column .header_profile .icon__profile .icon__ArrowDown:before {
  font-size: 8pt;
  content: "»";
  z-index: 50;
  position: sticky;
  line-height: 32pt;
  font-weight: bold;
}
.header-content .header_main .header_top .column .header_profile .icon__profile.login-user, .header-content .spaceHeader .header_top .column .header_profile .icon__profile.login-user {
  border: 1px solid #4a4a4a;
  padding: 6px 10px;
  font-weight: bold;
  font-size: 9pt;
  display: inline-block;
}
.header-content .header_main .header_top .column .header_profile .icon__profile.login-user span, .header-content .spaceHeader .header_top .column .header_profile .icon__profile.login-user span {
  margin-right: 5px;
}
.header-content .header_main .header_top .column .header_profile .profileMenu .icon__user, .header-content .spaceHeader .header_top .column .header_profile .profileMenu .icon__user {
  color: #4a4a4a;
  position: relative;
  cursor: pointer;
  transition: 0.2s all;
  border-radius: 5px;
  font-size: 19pt;
  display: inline-block;
  width: 40px;
  text-align: center;
  height: 40px;
  padding: 3px;
}
.header-content .header_main .header_top .column .header_profile .profileMenu .box-info-profile, .header-content .spaceHeader .header_top .column .header_profile .profileMenu .box-info-profile {
  display: flex;
  flex-direction: column;
  min-width: 220px;
  height: 0;
  background: #ffffff;
  position: absolute;
  top: 50px;
  left: 13px;
  border-radius: 6px;
  box-shadow: 0 0 4px #cccccc;
  transition: 0.2s all;
  overflow: hidden;
}
.header-content .header_main .header_top .column .header_profile .profileMenu .box-info-profile .submenu-item, .header-content .spaceHeader .header_top .column .header_profile .profileMenu .box-info-profile .submenu-item {
  padding: 10px;
  transition: 0.3s all;
}
.header-content .header_main .header_top .column .header_profile .profileMenu .box-info-profile .submenu-item:hover, .header-content .spaceHeader .header_top .column .header_profile .profileMenu .box-info-profile .submenu-item:hover {
  background: #eeeeee;
}
.header-content .header_main .header_top .column .header_profile .profileMenu .box-info-profile .submenu-item .iconMenu, .header-content .spaceHeader .header_top .column .header_profile .profileMenu .box-info-profile .submenu-item .iconMenu {
  font-size: 14pt;
  width: 20px;
  display: inline-block;
  color: #585858;
}
.header-content .header_main .header_top .column .header_profile.open .icon__user span, .header-content .spaceHeader .header_top .column .header_profile.open .icon__user span {
  box-shadow: 0px 0px 3px #313b6f;
}
.header-content .header_main .header_top .column .header_profile.open .box-info-profile, .header-content .spaceHeader .header_top .column .header_profile.open .box-info-profile {
  height: auto;
}
.header-content .header_main .btn_OpenSearchMobile, .header-content .spaceHeader .btn_OpenSearchMobile {
  background: #ffffff;
  padding: 3px;
  margin: 8px;
  border-radius: 6px;
}
.header-content .header_main .btn_OpenSearchMobile .textPlaceholder, .header-content .spaceHeader .btn_OpenSearchMobile .textPlaceholder {
  font-size: 8pt;
  font-weight: 500;
}
.header-content .header_main .navMenu_top .nav-header, .header-content .spaceHeader .navMenu_top .nav-header {
  display: flex;
  background: #eeeeee;
  padding: 0 14px;
  position: relative;
  height: 34px;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu {
  display: flex;
  flex-direction: row;
  min-height: 20px;
  width: 100%;
  margin: 0;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu {
  z-index: 2;
  transition: 0.3s all;
  display: inline-flex;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu:after, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu:after {
  content: "";
  display: inline-block;
  width: 1.5px;
  height: calc(100% - 14px);
  margin: 7px 0;
  background: #c1c1c1;
  opacity: 0.4;
  vertical-align: middle;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu:last-child:after, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu:last-child:after {
  display: none;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .a-menu1, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .a-menu1 {
  display: inline-flex;
  padding: 7px 13px;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: var(--color-theme-2);
  font-size: 9.5pt;
  font-weight: 500;
  cursor: pointer;
  margin: auto;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .a-menu1 i, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .a-menu1 i {
  margin-left: 3px;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .a-menu1 i:before, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .a-menu1 i:before {
  font-size: 10pt;
  vertical-align: middle;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 {
  display: none;
  position: absolute;
  top: 100%;
  right: 14px;
  background: #ffffff;
  width: calc(100% - 28px);
  min-height: 300px;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 2px 5px 2px #585858;
  transition: 0.2s all;
  border-top: 3px solid #cccccc;
  overflow: hidden;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1:before, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1:before {
  content: "";
  display: block;
  border-top: 4px solid #eeeeee;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols {
  display: flex;
  width: 100%;
  height: 100%;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .submenu-menu1__col, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .submenu-menu1__col {
  min-width: 250px;
  height: 100%;
  min-height: 300px;
  background: #eeeeee;
  display: inline-flex;
  flex-direction: column;
  border-left: 1px solid #cccccc;
  padding: 0;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .submenu-menu1__col a, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .submenu-menu1__col a {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 100%;
  padding: 11px 8px;
  font-size: 10pt;
  font-weight: bold;
  color: var(--color-theme-2);
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .submenu-menu1__col a *, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .submenu-menu1__col a * {
  cursor: pointer;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .submenu-menu1__col a i, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .submenu-menu1__col a i {
  margin: 0 5px;
  color: var(--color-theme-2);
  float: right;
  display: inline-block;
  width: 5px;
  height: 5px;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .submenu-menu1__col li, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .submenu-menu1__col li {
  border: 1px solid rgba(78, 171, 77, 0);
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .submenu-menu1__col li.is-active, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .submenu-menu1__col li.is-active {
  background: #dbdbdb;
  border: 1px solid #eeeeee;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .categories_submenu2, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .categories_submenu2 {
  width: 100%;
  padding: 10px;
  position: relative;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .categories_submenu2 .megamenu, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .categories_submenu2 .megamenu {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  position: absolute;
  z-index: 200;
  background-color: #fff;
  padding: 10px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .categories_submenu2 .megamenu li, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .categories_submenu2 .megamenu li {
  line-height: 2;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .categories_submenu2 .megamenu .submenu3 a, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .categories_submenu2 .megamenu .submenu3 a {
  font-weight: 600;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .categories_submenu2 .megamenu .submenu4 a, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .categories_submenu2 .megamenu .submenu4 a {
  font-weight: 400;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .is-active-cat, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu .submenu-menu1 .submenu-menu1__cols .is-active-cat {
  display: block;
  height: 100%;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu .item-menu.open__submenu, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu .item-menu.open__submenu {
  background: #dbdbdb;
}
.header-content .header_main .navMenu_top .nav-header .nav-header__catMenu #border_active_menu, .header-content .spaceHeader .navMenu_top .nav-header .nav-header__catMenu #border_active_menu {
  display: flex;
  position: absolute;
  height: 1px;
  width: 0;
  bottom: 0;
  background: var(--color-theme-2);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform: scaleX(0);
}
@media (max-width: 1000px) {
  .header-content .header_main .navMenu_top, .header-content .spaceHeader .navMenu_top {
    display: none;
  }
  .header-content .header_main .navMenu_top.OpenMenuMobile, .header-content .spaceHeader .navMenu_top.OpenMenuMobile {
    display: block !important;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 50;
  }
  .header-content .header_main .navMenu_top.OpenMenuMobile .nav-header, .header-content .spaceHeader .navMenu_top.OpenMenuMobile .nav-header {
    height: 100vh;
  }
}
.header-content .header_main .navMenu_topMobile .nav-header, .header-content .spaceHeader .navMenu_topMobile .nav-header {
  background: #eeeeee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
}
.header-content .header_main .navMenu_topMobile .nav-header .column .itemMenu .btnMenu, .header-content .spaceHeader .navMenu_topMobile .nav-header .column .itemMenu .btnMenu {
  padding: 3px 10px;
  font-size: 15pt;
  display: inline-block;
  color: var(--color-theme-1);
  margin-right: 20px;
  cursor: pointer;
}
.header-content .header_main .navMenu_topMobile .nav-header .column .itemMenu .btnMenu i, .header-content .spaceHeader .navMenu_topMobile .nav-header .column .itemMenu .btnMenu i {
  vertical-align: middle;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile {
  position: fixed;
  top: 0;
  width: 100%;
  background: #FFFFFF;
  height: 100vh;
  z-index: 60;
  display: none;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile.active, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile.active {
  display: block;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .headNavMobile, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .headNavMobile {
  display: flex;
  height: 50px;
  position: relative;
  z-index: 5;
  width: 100%;
  padding: 10px 25pt;
  text-align: revert;
  background: var(--color-theme-1);
  color: #fff;
  cursor: pointer;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .headNavMobile i, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .headNavMobile i {
  font-size: 20pt;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile {
  height: calc(100% - 50px);
  overflow: auto;
  display: flex;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .side, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .side {
  background: #EEEEEE;
  height: 100%;
  width: 35%;
  border-left: 1px solid #cccccc;
  min-width: 100px;
  max-width: 200px;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .side .item-menu .a-menu1, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .side .item-menu .a-menu1 {
  border-bottom: 1px solid #cccccc;
  padding: 20px 5%;
  font-weight: 600;
  text-align: center;
  color: #000;
  display: flex;
  flex-direction: column;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .side .item-menu .a-menu1 i, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .side .item-menu .a-menu1 i {
  padding-bottom: 7pt;
  font-size: 16pt;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .side .item-menu.active .a-menu1, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .side .item-menu.active .a-menu1 {
  background: var(--color-theme-2);
  color: #ffffff;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 {
  display: none;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 > .item-menu, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 > .item-menu {
  display: block;
  border-bottom: 1px solid;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 > .item-menu .a-menu2, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 > .item-menu .a-menu2 {
  font-weight: 600;
  color: #000;
  display: flex;
  flex-direction: row;
  padding: 14px;
  justify-content: space-between;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 > .item-menu .a-menu2 i, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 > .item-menu .a-menu2 i {
  display: inline-block;
  font-size: 16pt;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 > .item-menu .a-menu2 .iconDown, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 > .item-menu .a-menu2 .iconDown {
  display: none;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 > .item-menu.hasSubMenu .iconDown, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 > .item-menu.hasSubMenu .iconDown {
  display: inline-block;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 > .item-menu.activeSubMenu .iconDown, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 > .item-menu.activeSubMenu .iconDown {
  transform: rotate(90deg);
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2.active, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2.active {
  display: block;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .menu3, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .menu3 {
  display: none;
  background: #eee;
  overflow-x: auto;
  flex-direction: column;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .menu3.active, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .menu3.active {
  display: flex;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .menu3 .item-menu3, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .menu3 .item-menu3 {
  text-align: center;
  border-left: 1px solid #ccc;
  min-width: 120px;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .menu3 .item-menu3 .item-menu, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .menu3 .item-menu3 .item-menu {
  border: none;
  text-align: center;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .menu3 .item-menu3 .item-menu .a-menu3, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .menu3 .item-menu3 .item-menu .a-menu3 {
  font-weight: 500;
  font-size: 11pt;
  border-bottom: 1px solid #fff;
  width: 100%;
  display: block;
  padding: 5px;
  color: #000;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .menu3 .item-menu3 .item-menu .a-menu4, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .menu3 .item-menu3 .item-menu .a-menu4 {
  font-size: 9pt;
  padding: 7px;
  display: block;
  border-bottom: 1px solid #fff;
}
.header-content .header_main .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 .item-menu.activeSubMenu .menu3, .header-content .spaceHeader .navMenu_topMobile .boxMenuMobile .bodyNavMobile .menu2 .item-menu2 .item-menu.activeSubMenu .menu3 {
  display: block;
}
.header-content .spaceHeader {
  position: relative;
  z-index: 0;
}

.footer-content .footer_main {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 110px;
  background: #eeeeee;
  border-top: 10px solid var(--color-theme-1);
  box-shadow: 0 -2px 3px var(--color-theme-1);
}
.footer-content .footer_main #top-footer {
  display: block;
  width: 100%;
  position: relative;
}
.footer-content .footer_main #top-footer .logo-site {
  display: inline-block;
  width: 60px;
  height: 100px;
  background: var(--color-theme-1);
  position: absolute;
  top: -100px;
  left: 50px;
  text-align: center;
  border-radius: 2px;
}
.footer-content .footer_main #top-footer .logo-site .logo-site-img {
  margin: 14px 0;
  width: 100%;
  max-width: 45px;
}
.footer-content .footer_main #top-footer .logo-site .siteName {
  display: inline-block;
  width: 200px;
  height: 40px;
  position: absolute;
  left: 60px;
  background: var(--color-theme-2);
  top: 14px;
  padding: 10px;
  border-radius: 0 10px 10px 0;
  color: #ffffff;
  font-weight: bold;
  font-size: 11pt;
}
.footer-content .footer_main #top-footer .logo-site .siteName-url {
  display: inline-block;
  width: 200px;
  height: 40px;
  position: absolute;
  left: 60px;
  background: var(--color-theme-2);
  top: 14px;
  padding: 10px;
  border-radius: 0 10px 10px 0;
  color: #ffffff;
  font-weight: bold;
  font-size: 11pt;
  letter-spacing: 3px;
  animation: example 2s ease-in infinite alternate;
}
@keyframes example {
  from {
    background-color: var(--color-theme-2);
    opacity: 0;
  }
  to {
    background-color: var(--color-theme-2);
    opacity: 1;
  }
}
.footer-content .footer_main #top-footer .services-site {
  display: inline-block;
  width: 10px;
  height: 100px;
  background: var(--color-theme-1);
  position: absolute;
  top: -100px;
  right: 300px;
  text-align: center;
  border-radius: 2px;
}
.footer-content .footer_main #top-footer .services-site .services-site--item {
  display: inline-block;
  width: 160px;
  height: 40px;
  position: absolute;
  right: 10px;
  background: var(--color-theme-2);
  top: 14px;
  padding: 10px;
  border-radius: 10px 0 0 10px;
  color: #ffffff;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  user-select: none;
  opacity: 0;
}
.footer-content .footer_main #top-footer .services-site .services-site--item.active {
  opacity: 1;
}
.footer-content .footer_main #top-footer .services-site .services-site--item span {
  display: inline-block;
}
.footer-content .footer_main #top-footer .services-site .services-site--item span.upside_down {
  transform: rotateY(180deg);
}
.footer-content .footer_main #box-footerMain {
  display: flex;
  padding: 20px;
  justify-content: space-between;
}
.footer-content .footer_main #box-footerMain .footer-links {
  display: inline-flex;
  justify-content: space-around;
  width: calc(100% - 280px);
}
.footer-content .footer_main #box-footerMain .footer-links .footer-links--col {
  margin: 0 20px;
  line-height: 2.2em;
  max-width: 250px;
}
.footer-content .footer_main #box-footerMain .footer-links .footer-links--col .footer-links--col_title, .footer-content .footer_main #box-footerMain .footer-links .footer-links--col .text-big {
  font-weight: bold;
  font-size: 11.5pt;
  margin-bottom: 10px;
}
.footer-content .footer_main #box-footerMain .footer-links .footer-links--col .footer-links--ul {
  padding: 0;
}
.footer-content .footer_main #box-footerMain .footer-links .footer-links--col .footer-links--ul li {
  padding: 5px;
}
.footer-content .footer_main #box-footerMain .footer-links .footer-links--col .footer-links--ul li a {
  font-size: 10.5pt;
}
.footer-content .footer_main #box-footerMain .footer-future .footer-future__socialApp .text-title {
  font-size: 10pt;
}
.footer-content .footer_main #box-footerMain .footer-future .footer-future__socialApp .footer-future__socialApp--items {
  display: flex;
  margin-top: 10px;
  justify-content: space-around;
}
.footer-content .footer_main #box-footerMain .footer-future .footer-future__socialApp .footer-future__socialApp--items .socialApp_item {
  margin: 5px;
  color: #434343;
}
.footer-content .footer_main #box-footerMain .footer-future .footer-future__socialApp .footer-future__socialApp--items .socialApp_item i {
  font-size: 32pt;
  cursor: pointer;
}
.footer-content .footer_main #box-footerMain .footer-future .footer-future__socialApp .footer-future__socialApp--items .socialApp_item:hover {
  color: #2a2a2a;
}
@media (max-width: 1000px) {
  .footer-content .footer_main #box-footerMain {
    flex-direction: column;
  }
  .footer-content .footer_main #box-footerMain .footer-links {
    width: 100%;
  }
  .footer-content .footer_main #box-footerMain .footer-links .footer-links--col {
    margin: 0 8px;
  }
  .footer-content .footer_main #box-footerMain .footer-future {
    margin-top: 20px;
  }
  .footer-content .footer_main #box-footerMain .footer-future .footer-future__socialApp {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .footer-content .footer_main #box-footerMain .footer-links {
    flex-wrap: wrap;
  }
  .footer-content .footer_main #box-footerMain .footer-links .footer-links--col {
    display: inline-flex;
    flex-direction: column;
    min-width: 80px;
  }
}
.footer-content .footer_main #box-footer2 {
  background: var(--color-theme-1);
  text-align: center;
  color: #FFFFFF;
  padding: 5px;
  font-size: 9pt;
}
.footer-content .footer_main #box-footer2 p {
  margin: 0;
}
.footer-content .footer_main #box-footer1 {
  display: flex;
  padding: 20px;
  background: #eeeeee;
  box-shadow: 0 -2px 2px #cccccc;
}
.footer-content .footer_main #box-footer1 .seo_about_site {
  width: calc(100% - 200px);
  margin-left: 30px;
  min-width: calc(50% - 200px);
}
.footer-content .footer_main #box-footer1 .seo_about_site h1 {
  margin: 0;
  margin-bottom: 14px;
  font-size: 11pt;
}
.footer-content .footer_main #box-footer1 .seo_about_site h2, .footer-content .footer_main #box-footer1 .seo_about_site h3 {
  margin: 5px;
  font-size: 10.5pt;
}
.footer-content .footer_main #box-footer1 .seo_about_site .seo_about_site--content {
  font-size: 9pt;
  color: #001900;
}
.footer-content .footer_main #box-footer1 .seo_about_site .seo_about_site--readMore {
  display: none;
  color: #001900;
  font-size: 9pt;
}
.footer-content .footer_main #box-footer1 .seo_about_site.showMore .seo_about_site--readMore {
  display: inline;
}
.footer-content .footer_main #box-footer1 .seo_about_site #btn-readMore {
  color: #5b5b5b;
  cursor: pointer;
  font-size: 9pt;
  padding: 3px 0;
  display: inline-block;
}
.footer-content .footer_main #box-footer1 .seo_about_site .tag-box .tag-link {
  color: #5b5b5b;
  cursor: pointer;
  font-size: 9pt;
  padding: 10px 5px;
}
.footer-content .footer_main #box-footer1 .box_nemad {
  max-width: 50%;
}
.footer-content .footer_main #box-footer1 .box_nemad .logo_nemad {
  display: flex;
  overflow: auto;
}
.footer-content .footer_main #box-footer1 .box_nemad .logo_nemad li {
  background: rgba(255, 255, 255, 0.33);
  border-radius: 5px;
  margin: 3px;
}
.footer-content .footer_main #box-footer1 .box_nemad .logo_nemad li img {
  max-height: 120px;
  margin: 10px;
}
@media (max-width: 600px) {
  .footer-content .footer_main #box-footer1 {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .footer-content .footer_main #box-footer1 .seo_about_site {
    width: 100%;
    margin: 0;
  }
  .footer-content .footer_main #box-footer1 .box_nemad {
    width: 100%;
    max-width: unset;
    justify-content: center;
  }
  .footer-content .footer_main #box-footer1 .box_nemad .logo_nemad {
    margin: 0;
    padding: 0;
  }
}

.body-content {
  min-height: 300px;
}

.content .swiper-button-next, .content .swiper-button-prev {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6392156863);
  border: 1px solid #a9a9a9;
  width: 25px;
  height: 25px;
}
@media (max-width: 1000px) {
  .content .swiper-button-next, .content .swiper-button-prev {
    width: 18px;
    height: 18px;
  }
  .content .swiper-button-next:after, .content .swiper-button-prev:after {
    font-size: 6pt;
  }
}
.content .swiper-button-next:hover, .content .swiper-button-prev:hover {
  border: 1px solid #454545;
}
.content .swiper.imageSlider {
  width: 100%;
  height: 100%;
}
.content .swiper.imageSlider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  /*min-height: 200px;*/
}
.content .swiper.imageSlider .swiper-slide img {
  display: block;
  min-width: 100%;
  height: 100%;
  min-height: 350px;
  object-fit: cover;
}
@media (max-width: 1000px) {
  .content .swiper.imageSlider .swiper-slide img {
    min-height: 34vw;
  }
}
.content .swiper.imageSlider .swiper-button-next.swiper-button-disabled, .content .swiper.imageSlider .swiper-button-prev.swiper-button-disabled {
  pointer-events: auto;
}
.content .gridImage .gridImageItems {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.content .gridImage .gridImageItems .imageItem {
  padding: 0;
}
.content .gridImage .gridImageItems .imageItem img {
  width: 100%;
}
.content .gridImage .gridImageItems.col4 .imageItem {
  width: calc(25% - 6px);
}
.content .gridImage .gridImageItems.col2 .imageItem {
  width: calc(50% - 5px);
}
@media (max-width: 500px) {
  .content .gridImage .gridImageItems.col4 .imageItem {
    width: calc(50% - 5px);
  }
  .content .gridImage .gridImageItems.col2 .imageItem {
    width: 100%;
  }
}
@media (max-width: 250px) {
  .content .gridImage .gridImageItems.col4 {
    flex-wrap: wrap;
  }
  .content .gridImage .gridImageItems.col4 .imageItem {
    width: 100%;
  }
}
.content .gridImage .gridImageItems.col1 .imageItem {
  height: 20vw;
  min-height: 130px;
}
.content .gridImage .gridImageItems.col1 .imageItem img {
  height: 100%;
  width: unset;
}
@media (max-width: 500px) {
  .content .gridImage .gridImageItems.col1 .imageItem {
    min-height: 90px;
  }
}
@media (max-width: 1000px) {
  .content .gridImage .gridImageItems.col1.leftContent {
    justify-content: left;
  }
}
@media (max-width: 1000px) {
  .content .gridImage .gridImageItems.col1.rightContent {
    justify-content: right;
  }
}
@media (max-width: 1000px) {
  .content .gridImage .gridImageItems.col1.centerContent {
    justify-content: center;
  }
}
.content .productSlider {
  background: #f7f8f8;
  border-radius: 10px;
  box-shadow: 1px 1px 3px #9b9b9b;
}
@media (max-width: 1000px) {
  .content .productSlider {
    border-radius: 0;
  }
}
.content .productSlider .productSlider_head {
  border-bottom: 1px solid #797979;
  margin-bottom: 14px;
}
.content .productSlider .productSlider_head .productSlider_title {
  display: inline-block;
  font-size: 14pt;
  border-bottom: 3px solid var(--color-theme-1);
  padding: 10px 24px;
}
@media (max-width: 500px) {
  .content .productSlider .productSlider_head .productSlider_title {
    font-size: 11pt;
  }
}
.content .productSlider .productSlider_swiper {
  margin: 0 10px;
  padding-bottom: 12px;
}
.content .productSlider.brandSlider .brandSlider_swiper .product_item_slider {
  padding: 0;
}
.content .productSlider.brandSlider .brandSlider_swiper .product_item_slider img {
  min-width: auto;
}
.content .articleSlide {
  background: #f7f8f8;
  border-radius: 10px;
  box-shadow: 1px 1px 3px #9b9b9b;
  overflow: hidden;
}
.content .articleSlide h3 {
  font-size: 11pt;
  padding: 14px 10px;
}
@media (max-width: 1000px) {
  .content .articleSlide h3 {
    font-size: 10pt;
  }
}
.content .articleSlide * {
  color: #1d2124;
}
.content .articleSlide:hover {
  transform: scale(1.01);
  transition: 0.2s;
}
.content .Incredibles_section {
  display: grid;
  grid-template-columns: 18% 82%;
  background: var(--color-theme-1);
  padding: 1rem 1rem;
  border-radius: 10px;
  row-gap: 25px;
}
@media (max-width: 1000px) {
  .content .Incredibles_section {
    row-gap: 8px;
    border-radius: 0;
    padding: 0;
  }
}
@media (max-width: 1000px) {
  .content .Incredibles_section .home_topSection {
    flex-direction: column-reverse;
    height: auto;
  }
  .content .Incredibles_section .p-home__slider {
    width: 100%;
    padding-right: 0;
    height: 100%;
  }
  .content .Incredibles_section .p-home__side {
    width: auto;
    margin-top: 10px;
    flex-direction: row;
    gap: 10px;
  }
}
@media (max-width: 500px) {
  .content .Incredibles_section .home_topSection {
    padding: 0;
  }
}
@media (max-width: 1000px) {
  .content .home_topSection {
    flex-direction: column-reverse;
    height: auto;
  }
  .content .p-home__slider {
    width: 100%;
    padding-right: 0;
  }
  .content .p-home__side {
    width: auto;
    margin-top: 10px;
    flex-direction: row;
    gap: 10px;
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  .content .p-home__side {
    margin-top: 5px;
    gap: 5px;
  }
}
.content .Incredibles_section--head {
  grid-column-start: 1;
  grid-column-end: -1;
  grid-row-start: 1;
  background: #f7f8f8;
  padding: 18px 29px;
  border-radius: 49px;
  display: flex;
  justify-content: space-between;
  color: #000;
  font-weight: 500;
}
@media (max-width: 1000px) {
  .content .Incredibles_section--head {
    padding: 8px 10px;
    border-radius: 10px;
  }
}
.content .Incredibles_section--title {
  font-size: 12pt;
  color: #414141;
}
@media (max-width: 1000px) {
  .content .Incredibles_section--title {
    font-size: 9pt;
  }
}
.content .Incredibles_section--btn i {
  margin: 0 5px;
}
.content .Incredibles_section--right {
  display: inline-flex;
  justify-content: center;
}
.content .Incredibles_section--right img {
  max-width: 100%;
}
.content .Incredibles_section--right .specials__title {
  margin: 0 44px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 170px;
}
.content .product_item_slider {
  text-align: center;
  background: #ffffff;
  border-radius: 10px;
  padding: 50px 27px 30px;
  position: relative;
}
@media (max-width: 1000px) {
  .content .product_item_slider {
    padding: 50px 5px 30px;
  }
}
.content .product_item_slider .si--title {
  display: block;
  min-height: 50px;
}
.content .product_item_slider .si--title a {
  display: inline-block;
  font-size: 11pt;
  line-height: 20px;
  color: #535353;
  margin-top: 7px;
  direction: rtl;
}
@media (max-width: 1000px) {
  .content .product_item_slider .si--title a {
    font-size: 9pt;
    line-height: 1rem;
    width: 98%;
    min-height: 40px;
    /* text-overflow: revert; */
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.content .product_item_slider .si--img {
  display: block;
  margin-bottom: 10px;
  min-height: 200px;
}
.content .product_item_slider .si--img img {
  max-width: calc(100% - 1rem);
  max-height: 199px;
}
@media (max-width: 500px) {
  .content .product_item_slider .si--img {
    min-height: 120px;
  }
}
.content .product_item_slider .btn_item .btn_product_info {
  opacity: 0;
  background: #f80b64;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  color: #f7f8f8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 11pt;
  transition: 0.2s;
}
@media (max-width: 1000px) {
  .content .product_item_slider .btn_item {
    padding: 0;
    margin: 0;
  }
  .content .product_item_slider .btn_item .btn_price {
    flex-direction: column;
  }
  .content .product_item_slider .btn_item .btn_price .old_price {
    font-size: 8pt;
    margin-bottom: -12px;
  }
  .content .product_item_slider .btn_item .btn_price .new_price span {
    font-size: 10pt;
  }
  .content .product_item_slider .btn_item .btn_product_info {
    display: none;
  }
}
.content .product_item_slider .deadlineOff {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  position: absolute;
  bottom: 5px;
  left: 18px;
  color: #b45478;
}
@media (max-width: 1000px) {
  .content .product_item_slider .deadlineOff {
    bottom: 3px;
    left: 8px;
  }
}
.content .product_item_slider .discountFlag {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 20px;
  color: #ffffff;
  background: #ff4747;
  border-bottom: 3px solid #a74b4b;
  font-weight: bold;
  font-size: 14pt;
  padding: 5px 7px;
  border-radius: 0 0 15px 15px;
}
@media only screen and (max-width: 1000px) {
  .content .Incredibles_section {
    display: grid;
    grid-template-columns: 100%;
    padding: 8px 8px;
    margin: 4px 0;
  }
  .content .Incredibles_section--right {
    display: none;
  }
}
.content .btn_item {
  border-radius: 50px;
  border: 1px solid #f80b64;
  text-align: center;
  padding: 10px 0;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
  width: 100%;
  transition: 0.2s;
}
.content .product_item_slider:hover .btn_item {
  background: #f80b64;
}
.content .product_item_slider:hover .btn_item .btn_product_info {
  opacity: 1;
}
.content .product_item_slider:hover .btn_item .btn_price span {
  color: #FFFFFF;
}
.content .btn_item .btn_price {
  display: inline-flex;
  align-items: center;
}
.content .btn_item .old_price {
  line-height: 24px;
  margin-left: 6px;
  font-weight: 600;
  font-size: 13px;
  color: #8c8c8c;
}
.content .btn_item .btn_price span {
  font-size: 14pt;
  font-weight: 700;
}
.content .btn_item .btn_price .product_item_currencyUnit {
  font-size: 9pt;
}

.sectionItem {
  margin: 10px 10px 0 10px;
}
@media only screen and (max-width: 1000px) {
  .sectionItem {
    margin: 5px 3px 0 3px;
  }
}

.productDetails {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1000px) {
  .productDetails {
    flex-direction: column;
  }
}
.productDetails .column.columnGallery {
  width: 450px;
}
@media (max-width: 1000px) {
  .productDetails .column.columnGallery {
    width: 100%;
  }
}
.productDetails .column.columnGallery .galleryBox {
  min-height: 300px;
  position: sticky;
  top: 161px;
}
@media (max-width: 1000px) {
  .productDetails .column.columnGallery .galleryBox {
    position: static;
  }
}
.productDetails .column.columnGallery .galleryBox .imgPreview img {
  width: 100%;
}
.productDetails .column.columnGallery .galleryBox .imgList {
  display: flex;
  max-height: 100px;
  justify-content: center;
  gap: 5px;
  margin: 10px;
}
@media (max-width: 1000px) {
  .productDetails .column.columnGallery .galleryBox .imgList {
    display: none;
  }
}
.productDetails .column.columnGallery .galleryBox .imgList .galleryItem {
  opacity: 0.5;
  transition: 0.3s;
  padding: 1px 3px;
  padding-left: 1px;
  cursor: pointer;
  overflow: hidden;
}
.productDetails .column.columnGallery .galleryBox .imgList .galleryItem img {
  width: 100%;
  box-shadow: 1px 2px 3px #cccccc;
  border-radius: 5px;
  max-width: 100px;
}
.productDetails .column.columnGallery .galleryBox .imgList .galleryItem.swiper-slide-thumb-active {
  opacity: 1;
}
.productDetails .column.columnGallery .galleryBox .imgList .galleryItem.swiper-slide-thumb-active img {
  box-shadow: 1px 1px 3px #838383;
  border-radius: 14px;
}
.productDetails .column.columnGallery .festival-banner {
  display: flex;
  justify-content: space-between;
  border-bottom: 3px solid #f41363;
  padding: 14px;
  margin-bottom: 5px;
  background: rgba(255, 205, 222, 0.4117647059);
}
.productDetails .column.columnGallery .productNameMobile {
  display: none;
  margin: 6px;
  margin-top: 12px;
}
@media (max-width: 1000px) {
  .productDetails .column.columnGallery .productNameMobile {
    display: block;
  }
}
.productDetails .column.columnGallery .productNameMobile .productFaName {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.productDetails .column.columnGallery .productNameMobile .productFaName h1 {
  text-align: center;
  font-size: 16pt;
  font-weight: 600;
  margin-bottom: 5px;
  color: var(--color-theme-1);
}
.productDetails .column.columnGallery .productNameMobile .productEnName {
  text-align: center;
  font-size: 10pt;
  font-weight: 500;
  color: var(--color-theme-1) a1;
  margin-bottom: 5px;
}
.productDetails .column.columnGallery .productNameMobile .line {
  border-bottom: 1px solid rgba(39, 0, 14, 0.13);
}
.productDetails .column.columnInfo {
  width: calc(100% - 456px);
}
@media (max-width: 1000px) {
  .productDetails .column.columnInfo {
    width: 100%;
  }
}
.productDetails .column.columnInfo .productInfo {
  min-height: 100%;
  background: rgba(255, 255, 255, 0.6196078431);
  padding: 20px;
}
.productDetails .column.columnInfo .productInfo .item_link_info {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.productDetails .column.columnInfo .productInfo .item_link_info .btn-link-spoiler {
  color: #1ca2bd;
  padding: 0;
  line-height: 1.5;
  border-bottom: 1px dashed #1ca2bd;
  font-weight: 500;
  font-size: 9pt;
}
@media (max-width: 1000px) {
  .productDetails .column.columnInfo .productInfo .productName {
    display: none;
  }
}
.productDetails .column.columnInfo .productInfo .productName .productFaName {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.productDetails .column.columnInfo .productInfo .productName .productFaName h1 {
  text-align: center;
  font-size: 16pt;
  font-weight: 600;
  margin-bottom: 5px;
  color: var(--color-theme-1);
}
.productDetails .column.columnInfo .productInfo .productName .productEnName {
  font-size: 10pt;
  font-weight: 500;
  color: var(--color-theme-1) a1;
  margin-bottom: 5px;
}
.productDetails .column.columnInfo .productInfo .productName .line {
  border-bottom: 1px solid rgba(39, 0, 14, 0.13);
}
.productDetails .column.columnInfo .productInfo .productDescription {
  margin-top: 14px;
}
.productDetails .column.columnInfo .productInfo .productDescription ul {
  padding: 0;
}
.productDetails .column.columnInfo .productInfo .productDescription ul:before {
  content: attr(data-title);
  font-weight: 500;
  font-size: 1.1em;
  margin-bottom: 7px;
  display: block;
}
.productDetails .column.columnInfo .productInfo .productDescription ul li:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: var(--color-theme-2);
  vertical-align: middle;
  margin-left: 8px;
  border-radius: 50%;
}
.productDetails .column.columnInfo .productInfo .Attributes .AttributeItem {
  margin-bottom: 14px;
}
.productDetails .column.columnInfo .productInfo .Attributes .AttributeItem .variantName {
  font-weight: 500;
  font-size: 1.1em;
  display: block;
}
.productDetails .column.columnInfo .productInfo .Attributes .AttributeItem.SelectList {
  display: flex;
  gap: 5px;
  align-items: center;
}
.productDetails .column.columnInfo .productInfo .Attributes .AttributeItem.SelectList select {
  background: none;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #aaaaaa;
  min-width: 200px;
  padding: 5px 10px;
}
.productDetails .column.columnInfo .productInfo .Attributes .AttributeItem.SelectClickable {
  display: flex;
  gap: 5px;
  flex-direction: column;
}
.productDetails .column.columnInfo .productInfo .Attributes .AttributeItem.SelectClickable .AttributeInfo {
  display: flex;
  gap: 5px;
}
.productDetails .column.columnInfo .productInfo .Attributes .AttributeItem.SelectClickable .variantsAttribute {
  display: flex;
  flex-wrap: wrap;
}
.productDetails .column.columnInfo .productInfo .Attributes .AttributeItem.SelectClickable .variantsAttribute .variantItem {
  background: #FFFFFF;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 1px 1px 2px #585858;
  min-width: 80px;
  cursor: pointer;
  margin: 6px;
}
.productDetails .column.columnInfo .productInfo .Attributes .AttributeItem.SelectClickable .variantsAttribute .variantItem .variantImage {
  height: 3px;
  width: 100%;
  display: block;
  background: #585858;
}
.productDetails .column.columnInfo .productInfo .Attributes .AttributeItem.SelectClickable .variantsAttribute .variantItem .variantName {
  margin: 5px;
}
.productDetails .column.columnInfo .productInfo .Attributes .AttributeItem.SelectClickable .variantsAttribute .variantItem.active {
  background: #ff2929;
  color: #ffffff;
  box-shadow: 1px 1px 3px #585858;
  border: 2px solid #585858;
}
.productDetails .column.columnInfo .productInfo .addToCartBox {
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
  display: inline-flex;
  flex-direction: column;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .price {
  min-width: 150px;
  display: inline-block;
  padding: 5px 0;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .price .oldPrice {
  display: inline-block;
  font-size: 11pt;
  font-weight: 500;
  color: #9e9e9e;
  text-decoration: line-through;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .price .discount {
  color: #ffffff;
  background: #ff4747;
  border-bottom: 2px solid #a74b4b;
  font-weight: bold;
  font-size: 12pt;
  padding: 1px 8px;
  display: inline;
  border-radius: 15px;
  vertical-align: middle;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .price .newPrice {
  font-size: 20pt;
  color: #0c0c0c;
  font-weight: 600;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .price .finalPriceCart {
  font-size: 10pt;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .MgCart {
  display: flex;
  width: 330px;
  max-width: calc(100vw - 40px);
}
.productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .hasInCart {
  width: 100%;
  align-items: center;
  display: none;
  justify-content: center;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .hasInCart .SelectNumber {
  display: inline-flex;
  border-radius: 60px;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #585858;
  font-size: 16pt;
  align-items: center;
  line-height: 14px;
  vertical-align: middle;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .hasInCart .SelectNumber .inputNumber {
  min-width: 42px;
  border-right: 1px solid #8b8b8b;
  border-left: 1px solid #8b8b8b;
  height: 100%;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .hasInCart .SelectNumber .inputNumber input {
  height: 100%;
  text-align: center;
  width: 50px;
  appearance: none;
  font-size: 17px;
  -moz-appearance: textfield;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .hasInCart .SelectNumber .inputNumber input::-webkit-inner-spin-button, .productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .hasInCart .SelectNumber .inputNumber input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .hasInCart .SelectNumber .btn_minus, .productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .hasInCart .SelectNumber .btn_plus {
  padding: 9px;
  cursor: pointer;
  font-size: 11pt;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .hasInCart .SelectNumber .btn_minus:hover, .productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .hasInCart .SelectNumber .btn_plus:hover {
  background: #eee;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .AddToCart {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .AddToCart .addToCartBtn {
  border-radius: 60px;
  background: #d9004e;
  color: #FFFFFF;
  padding: 18px 20px;
  font-size: 12pt;
  font-weight: 600;
  height: 50px;
  width: 100%;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  min-width: 170px;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .MgCart.type1 .hasInCart {
  display: inline-flex;
  gap: 5px;
}
.productDetails .column.columnInfo .productInfo .addToCartBox .MgCart.type2 .AddToCart {
  display: inline-flex;
}
@media (max-width: 800px) {
  .productDetails .column.columnInfo .productInfo .addToCartBox {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 5;
    background: #eee;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: nowrap;
    box-shadow: 0 -1px 2px #6a6a6a;
    gap: 4px;
    /* height: 55px; */
    min-height: 50px;
  }
  .productDetails .column.columnInfo .productInfo .addToCartBox .price {
    text-align: center;
  }
  .productDetails .column.columnInfo .productInfo .addToCartBox .price .newPrice {
    font-size: 13pt;
  }
  .productDetails .column.columnInfo .productInfo .addToCartBox .MgCart {
    height: 100%;
  }
  .productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .AddToCart {
    height: 100%;
  }
  .productDetails .column.columnInfo .productInfo .addToCartBox .MgCart .AddToCart .addToCartBtn {
    border-radius: 0 !important;
    height: 100%;
  }
  .productDetails .column.columnInfo .productInfo .addToCartBox .btn-go-cart {
    font-size: 8pt;
  }
  .productDetails .column.columnInfo .productInfo .addToCartBox .btn-go-cart a {
    color: #d80f55;
    font-weight: bold;
  }
}
.productDetails .column.columnInfo .productInfo .item_btn_option {
  display: inline-flex;
  border-radius: 60px;
  overflow: hidden;
  background: #FFFFFF;
  justify-content: center;
  border: 1px solid #585858;
  padding: 7px;
  margin-bottom: 10px;
  font-size: 16pt;
  align-items: center;
  line-height: 14px;
  vertical-align: middle;
  cursor: pointer;
}
.productDetails .column.columnInfo .productInfo .item_btn_option.active {
  color: #FFFFFF;
  background: #fc4c4c;
}
.productDetails .column.columnInfo .productInfo #ReminderAvailableBtn {
  background: #ffb730;
  color: #802400;
  font-weight: bold;
  font-size: 11pt;
  display: inline-flex;
  gap: 10px;
  border-radius: 50px;
  padding: 10px;
}
.productDetails .column.columnInfo .productInfo #ReminderAvailableBtn .switchBox {
  border: 1px solid #802400;
  position: relative;
  width: 40px;
  padding: 10px;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
}
.productDetails .column.columnInfo .productInfo #ReminderAvailableBtn .switchBox::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  position: absolute;
  background: #802400;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 5px;
  right: unset;
}
.productDetails .column.columnInfo .productInfo #ReminderAvailableBtn.active {
  background: #83ff94;
  color: #003d08;
  border: 1px solid #003d08;
}
.productDetails .column.columnInfo .productInfo #ReminderAvailableBtn.active .switchBox {
  border: 1px solid #003d08;
  background: #003d08;
}
.productDetails .column.columnInfo .productInfo #ReminderAvailableBtn.active .switchBox::before {
  background: #FFFFFF;
  right: 5px;
  left: unset;
}

.sellerBox {
  display: none;
  padding: 5px;
}
.sellerBox .sellerItems {
  padding: 3px;
}
.sellerBox .sellerItems .sellerItem {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 5px 20px;
  flex-wrap: wrap;
  box-shadow: 0 0 2px #cccccc;
  padding: 10px;
  background: rgba(255, 255, 255, 0.6196078431);
  margin-bottom: 8px;
}
.sellerBox .sellerItems .sellerItem .shop_logo {
  width: 30px;
}
.sellerBox .sellerItems .sellerItem .hasInCart {
  width: 100%;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.sellerBox .sellerItems .sellerItem .hasInCart .SelectNumber {
  display: inline-flex;
  border-radius: 60px;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #585858;
  font-size: 16pt;
  align-items: center;
  line-height: 14px;
  vertical-align: middle;
}
.sellerBox .sellerItems .sellerItem .hasInCart .SelectNumber .inputNumber {
  min-width: 42px;
  border-right: 1px solid #8b8b8b;
  border-left: 1px solid #8b8b8b;
  height: 100%;
}
.sellerBox .sellerItems .sellerItem .hasInCart .SelectNumber .inputNumber input {
  height: 100%;
  text-align: center;
  width: 42px;
  appearance: none;
  -moz-appearance: textfield;
}
.sellerBox .sellerItems .sellerItem .hasInCart .SelectNumber .inputNumber input::-webkit-inner-spin-button, .sellerBox .sellerItems .sellerItem .hasInCart .SelectNumber .inputNumber input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sellerBox .sellerItems .sellerItem .hasInCart .SelectNumber .btn_minus, .sellerBox .sellerItems .sellerItem .hasInCart .SelectNumber .btn_plus {
  padding: 9px;
  cursor: pointer;
  font-size: 11pt;
}
.sellerBox .sellerItems .sellerItem .hasInCart .SelectNumber .btn_minus:hover, .sellerBox .sellerItems .sellerItem .hasInCart .SelectNumber .btn_plus:hover {
  background: #eee;
}
.sellerBox .sellerItems .sellerItem .AddToCart {
  display: inline-block;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.sellerBox .sellerItems .sellerItem .AddToCart .addToCartBtn {
  border-radius: 60px;
  background: #d9004e;
  color: #FFFFFF;
  padding: 13px 20px;
  font-size: 12pt;
  font-weight: 600;
  height: 50px;
  width: 100%;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  min-width: 170px;
}
.sellerBox.hasOtherSeller {
  display: block;
}

#tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 5px 3px;
}
#tabs .tabs--menu {
  background: #ffffff;
  display: flex;
  border-radius: 2px;
  border: 1px solid #d3dfd6;
  position: sticky;
  position: -webkit-sticky;
  top: 120px;
  z-index: 2;
  transition: 0.2s;
  box-shadow: 0 2px 2px #c3c3c3;
  margin: 8px 0;
}
#tabs .tabs--menu .tabs-menu-item {
  padding: 8px;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
}
#tabs .tabs--menu .tabs-menu-item.active {
  border-bottom: 2px solid #d9004e;
}
#tabs .tabs--body .tab-item {
  background: #ffffff;
  margin: 3px 0;
  border: 1px solid #d3dfd6;
  position: relative;
  margin-top: 8px;
}
#tabs .tabs--body .tab-item .tab-item--body {
  padding: 1.2em;
}
#tabs .tabs--body .tab-item .tab-item--title {
  background: #e6e6e6;
  padding: 3px 14px;
  font-weight: bold;
  color: #373737;
  user-select: none;
}
#tabs .tabs--body .tab-item.watching {
  box-shadow: 0 0 2px #585858;
}
#tabs .tabs--body .tab-item.watching .tab-item--title {
  background: #f5f3f4;
  color: #d9004e;
}
#tabs .tabs--body .tab-item .specification .attr-box {
  margin-top: 14px;
}
#tabs .tabs--body .tab-item .specification .attr-box .attr-title {
  font-weight: bold;
}
#tabs .tabs--body .tab-item .specification .attr-box .attr-item {
  display: flex;
  margin: 5px;
}
#tabs .tabs--body .tab-item .specification .attr-box .attr-item .attr-name {
  background: rgba(238, 238, 238, 0.9333333333);
  display: inline-block;
  min-width: 130px;
  padding: 3px 5px;
  margin: 2px 5px;
  border: 1px solid #cccccc;
}
#tabs .tabs--body .tab-item .specification .attr-box .attr-item .attr-value {
  width: 100%;
}
#tabs .tabs--body .tab-item .specification .attr-box .attr-item .attr-value span {
  display: block;
  padding: 3px 5px;
  margin: 2px 5px;
  border: 1px solid #cccccc;
}

#box_sections {
  margin-bottom: 25px;
}
#box_sections .article_section {
  margin: 10px;
  margin-right: 24px;
}
#box_sections .article_section .article_section--title {
  font-weight: bold;
  margin: 8px 1%;
  position: relative;
  display: inline-block;
  width: 100%;
  cursor: pointer;
}
#box_sections .article_section .article_section--title h2 {
  font-size: 12pt;
  padding: 0;
  border: none;
  color: #585858;
}
#box_sections .article_section .article_section--title:before {
  content: "+";
  width: 20px;
  height: 20px;
  position: absolute;
  right: -30px;
  top: 0;
  background: rgba(238, 238, 238, 0.9333333333);
  border-radius: 50%;
  text-align: center;
}
#box_sections .article_section .article_section--title:after {
  content: "";
  width: 100%;
  position: absolute;
  right: 0;
  top: 11px;
  border-top: 1px solid #cccccc;
}
#box_sections .article_section .article_section--title h2 {
  margin: 0;
  background: #ffffff;
  display: inline-block;
  z-index: 1;
  position: relative;
  padding-left: 12px;
}
#box_sections .article_section .article_section--body {
  margin: 5px calc(1% + 14px);
  position: relative;
  height: 0;
  overflow: hidden;
  transition: 2s all ease-in;
}
#box_sections .article_section .article_section--body:before {
  content: "";
  height: calc(100% + 40px);
  position: absolute;
  right: -35px;
  top: -20px;
  border-right: 2px solid rgba(238, 238, 238, 0.9333333333);
}
#box_sections .article_section .article_section--body .image_article {
  max-width: calc(100% - 10px);
}
#box_sections .article_section .article_section--body .image_article img {
  max-width: 100%;
}
#box_sections .article_section.open_section .article_section--title:before {
  content: "-";
}
#box_sections .article_section.open_section .article_section--body {
  height: auto;
  overflow: unset;
}

#comment_tab {
  display: flex;
}
#comment_tab .rate_box {
  width: 20%;
  display: block;
}
#comment_tab .rate_box .rates {
  position: sticky;
  position: -webkit-sticky;
  top: 220px;
  text-align: center;
}
#comment_tab .rate_box .rates .rate-head .rate-number {
  font-size: 20pt;
  font-weight: 600;
}
#comment_tab .rate_box .rates .rate-head .rate-total {
  font-size: 9pt;
}
#comment_tab .rate_box .rates .rate-head .rate-total-text {
  font-size: 9pt;
}
#comment_tab .rate_box .rates .rate-head .starView {
  position: relative;
  width: 100px;
}
#comment_tab .rate_box .rates .rate-head .starView .starGreen {
  display: inline-block;
  width: 100px;
  height: 14px;
  background: url(/images/theme/star.png) right;
  position: absolute;
  right: 0;
}
#comment_tab .rate_box .rates .rate-head .starView .starYellow {
  display: inline-block;
  width: 0%;
  height: 14px;
  position: absolute;
  right: 0;
  background: url(/images/theme/star-yellow.png) right;
}
#comment_tab .rate_box .rates .rate-items .rate-item {
  margin: 10px 0;
  user-select: none;
}
#comment_tab .rate_box .rates .rate-items .rate-item .rate-name {
  font-size: 10.5pt;
}
#comment_tab .rate_box .rates .rate-items .rate-item .rate-bar {
  display: flex;
  align-items: center;
}
#comment_tab .rate_box .rates .rate-items .rate-item .rate-bar .bar {
  display: inline-block;
  width: 100%;
  height: 10px;
  background: #b6b6b6;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
#comment_tab .rate_box .rates .rate-items .rate-item .rate-bar .bar span {
  display: inline-block;
  width: 50%;
  height: 10px;
  background: #cccccc;
  position: absolute;
  border-radius: 5px;
}
#comment_tab .rate_box .rates .rate-items .rate-item .rate-bar .number {
  margin-right: 5px;
}
#comment_tab .comments {
  display: flex;
  flex-direction: column;
  width: 80%;
}
#comment_tab .comments .head_comment {
  display: block;
  width: 100%;
}
#comment_tab .comments .head_comment .orderBy {
  display: flex;
  background: #fffafa;
  border-radius: 50px;
  justify-content: space-around;
  padding: 5px;
  border: 2px solid #cccccc;
}
#comment_tab .comments .head_comment .orderBy a {
  color: #343434;
  cursor: pointer;
}
#comment_tab .comments .head_comment .orderBy a.active {
  color: #535353;
  font-weight: bold;
}
#comment_tab .comments .body_comments .item_comment {
  margin: 10px;
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
#comment_tab .comments .body_comments .item_comment .item_comment--head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #b4b4b4;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#comment_tab .comments .body_comments .item_comment .item_comment--head .item_comment--title {
  font-weight: bold;
}
#comment_tab .comments .body_comments .item_comment .item_comment--head .item_comment--offer {
  font-size: 10pt;
  color: #0e9a00;
  border: 2px solid #0e9a00;
  padding: 3px 8px;
  border-radius: 5px;
  font-weight: bold;
  user-select: none;
}
#comment_tab .comments .body_comments .item_comment .item_comment--head .item_comment--offer.danger {
  color: #bd8277;
  border: 2px solid #bd8277;
}
#comment_tab .comments .body_comments .item_comment .item_comment--footer {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #b4b4b4;
  padding-top: 6px;
  margin-top: 10px;
}
#comment_tab .comments .body_comments .item_comment .item_comment--footer .date-send {
  margin-left: 14px;
}
#comment_tab .comments .body_comments .item_comment .item_comment--footer .likeComment .likeIcon {
  color: #585858;
  cursor: pointer;
}
#comment_tab .comments .body_comments .item_comment .item_comment--footer .likeComment .likeIcon.active {
  color: #43bb00;
}
#comment_tab .comments .foot_comment .pages_box {
  display: flex;
  background: #ffffff;
  border-radius: 5px;
  margin: 10px 0;
  justify-content: center;
}
#comment_tab .comments .foot_comment .pages_box .page_btn {
  padding: 3px 14px;
  color: #2f2f2f;
  border-radius: 5px;
  margin: 10px 5px;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #a6a6a6;
}
#comment_tab .comments .foot_comment .pages_box .page_btn.active {
  background: #e0284c;
  color: #ffffff;
}

.btn-recommend {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #9e9e9e;
  color: #9e9e9e;
  border-radius: 5px;
  padding: 12px;
  cursor: pointer;
}
.btn-recommend i {
  font-size: 30pt;
}
.btn-recommend.active {
  border: 2px solid #2495b8;
  color: #2495b8;
}

#questions_tab {
  display: flex;
}
#questions_tab .questions {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#questions_tab .questions .form_send_questions {
  display: none;
  position: relative;
  border: 1px solid #cccccc;
  padding: 14px;
  border-radius: 5px;
  margin: 10px;
}
#questions_tab .questions .form_send_questions .closeIcon {
  position: absolute;
  top: -12px;
  right: 7px;
  padding: 4px;
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid #cccccc;
  cursor: pointer;
}
#questions_tab .questions .form_send_questions textarea {
  min-width: calc(100% - 22px);
  width: calc(100% - 22px);
  max-width: calc(100% - 22px);
  min-height: 30px;
  max-height: 100px;
  padding: 10px;
  margin-top: 10px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  background: #fffafa;
}
#questions_tab .questions .form_send_questions.show_answer {
  display: block;
}
#questions_tab .questions .send_question {
  margin-bottom: 14px;
}
#questions_tab .questions .send_question .btn {
  border-radius: 5px;
  border: 1px solid #cccccc;
  padding: 5px;
  color: #cccccc;
  cursor: pointer;
  margin: 3px 14px;
  display: inline-block;
}
#questions_tab .questions.showFormSendQuestion .send_question {
  display: none;
}
#questions_tab .questions.showFormSendQuestion .form_send_questions {
  display: block;
}
#questions_tab .questions .head_questions {
  display: block;
  width: 100%;
}
#questions_tab .questions .head_questions .filterQuestions {
  display: flex;
  background: #fffafa;
  border-radius: 50px;
  justify-content: space-around;
  padding: 5px;
  border: 2px solid #cccccc;
  align-items: center;
}
#questions_tab .questions .head_questions .filterQuestions .filterItem {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: bold;
}
#questions_tab .questions .head_questions .filterQuestions .filterItem .checkbox {
  vertical-align: middle;
}
#questions_tab .questions .head_questions .filterQuestions .filterItem .checkbox input {
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
}
#questions_tab .questions .body_questions .item_question {
  margin: 10px;
  padding: 10px 5px;
  border-radius: 5px;
}
#questions_tab .questions .body_questions .item_question .item_question_body {
  margin-bottom: 10px;
  padding: 2px 6px;
  padding-bottom: 10px;
  border-radius: 5px;
  background: rgba(238, 238, 238, 0.9333333333);
  display: flex;
  align-items: center;
  position: relative;
}
#questions_tab .questions .body_questions .item_question .item_question_body .text {
  font-weight: 600;
  padding: 4px 6px;
  display: inline-block;
}
#questions_tab .questions .body_questions .item_question .item_question_body .questionIcon {
  color: #cccccc;
  padding: 4px;
}
#questions_tab .questions .body_questions .item_question .item_question_body .data-question {
  text-align: center;
  display: inline-block;
  width: 100px;
  padding: 10px 3px;
}
#questions_tab .questions .body_questions .item_question .item_question_body .data-question .answerIcon {
  color: #cccccc;
  vertical-align: middle;
  font-size: 9pt;
  user-select: none;
  padding: 4px;
}
#questions_tab .questions .body_questions .item_question .item_question_body .data-question .text-a {
  vertical-align: middle;
  font-weight: bold;
  color: #cccccc;
  user-select: none;
}
#questions_tab .questions .body_questions .item_question .item_question_body .data-question .name-sender {
  display: inline-block;
}
#questions_tab .questions .body_questions .item_question .item_question_body .link_sendAnswer {
  position: absolute;
  bottom: 3px;
  left: 8px;
  cursor: pointer;
  font-weight: bold;
  color: #025c00;
  font-size: 9pt;
}
#questions_tab .questions .body_questions .item_question .item_question_body .link_sendAnswer:hover {
  color: #025c00;
}
#questions_tab .questions .body_questions .item_question .item_question_body .link_sendAnswer i {
  font-size: 9pt;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox .item_answer {
  display: flex;
  padding-right: 40px;
  align-items: center;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox .item_answer.item_answer_admin {
  background: #dfffdd;
  margin: 10px;
  border-radius: 8px;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox .item_answer .text {
  display: inline-block;
  padding: 25px 10px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox .item_answer .data-answer {
  text-align: center;
  display: inline-block;
  width: 100px;
  padding: 10px 3px;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox .item_answer .data-answer .answerIcon {
  color: #cccccc;
  vertical-align: middle;
  font-size: 9pt;
  user-select: none;
  padding: 4px;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox .item_answer .data-answer .text-a {
  vertical-align: middle;
  font-weight: bold;
  color: #cccccc;
  user-select: none;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox .item_answer .data-answer .name-sender {
  display: inline-block;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox .buttons_showMore_answer {
  text-align: center;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox .buttons_showMore_answer .btn_showMore_answer {
  color: #cccccc;
  font-size: 9pt;
  font-weight: bold;
  cursor: pointer;
  margin: 2px;
  display: inline-block;
  user-select: none;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox .buttons_showMore_answer .btn_showMore_answer i {
  font-size: 8pt;
  margin-right: 8px;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox .buttons_showMore_answer .btn_hideMore_answer {
  color: #cccccc;
  font-size: 9pt;
  font-weight: bold;
  cursor: pointer;
  margin: 2px;
  display: none;
  user-select: none;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox .buttons_showMore_answer .btn_hideMore_answer i {
  font-size: 8pt;
  margin-right: 8px;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox .other_answer {
  display: none;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox.showMore .other_answer {
  display: block;
  width: 100%;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox.showMore .btn_showMore_answer {
  display: none;
}
#questions_tab .questions .body_questions .item_question .item_question_answer .answersBox.showMore .btn_hideMore_answer {
  display: inline-block;
}
#questions_tab .questions .foot_questions .pages_box {
  display: flex;
  background: #ffffff;
  border-radius: 5px;
  margin: 10px 0;
  justify-content: center;
}
#questions_tab .questions .foot_questions .pages_box .page_btn {
  padding: 3px 14px;
  color: #2f2f2f;
  border-radius: 5px;
  margin: 10px 5px;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #a6a6a6;
}
#questions_tab .questions .foot_questions .pages_box .page_btn.active {
  background: #0f8e00;
  color: #ffffff;
}

.w-max-content {
  width: max-content;
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 10pt;
  flex-wrap: nowrap;
}
.breadcrumb .breadcrumb_item {
  color: #848484;
}
.breadcrumb .breadcrumb_item:before {
  content: "/";
}
.breadcrumb .breadcrumb_item:first-child:before {
  content: "";
}

.page-title {
  font-size: 12pt;
  padding: 10px 14px;
  font-weight: bold;
}

.productListBox {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 1000px) {
  .productListBox {
    flex-direction: column;
  }
}
.productListBox .sidebar {
  width: 290px;
  position: sticky;
  top: 150px;
}
@media (max-width: 1000px) {
  .productListBox .sidebar {
    display: none;
  }
}
.productListBox .sidebar .sideBarSection {
  background: #FFFFFF;
  border-radius: 5px;
  min-height: 300px;
  overflow: hidden;
}
.productListBox .sidebar .sideBarSection .filterBox .filterHead {
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
  padding: 20px;
  margin-bottom: 10px;
}
.productListBox .sidebar .sideBarSection .filterBox .filterHead .title {
  padding: 10px;
  font-size: 14pt;
  font-weight: 500;
}
.productListBox .sidebar .sideBarSection .filterBox .filterHead .removeFilterBtn {
  color: #212d9f;
  font-weight: 500;
  font-size: 9pt;
  cursor: pointer;
}
.productListBox .sidebar .sideBarSection .filterBox .filterBody .filterItem {
  border-bottom: 1px solid #eee;
  margin: 5px 10px;
}
.productListBox .sidebar .sideBarSection .filterBox .filterBody .filterItem .filterItemTitle {
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
  padding: 10px;
}
.productListBox .sidebar .sideBarSection .filterBox .filterBody .filterItem .filterItemTitle span {
  font-size: 10pt;
  font-weight: 600;
}
.productListBox .sidebar .sideBarSection .filterBox .filterBody .filterItem .filterItemTitle i {
  font-size: 16pt;
}
.productListBox .sidebar .sideBarSection .filterBox .filterBody .filterItem.type_openDown .filterItemTitle {
  cursor: pointer;
}
.productListBox .sidebar .sideBarSection .filterBox .filterBody .filterItem.type_openDown .filterItemBody {
  height: 0;
  overflow: hidden;
}
.productListBox .sidebar .sideBarSection .filterBox .filterBody .filterItem.type_openDown.openTab .filterItemBody {
  height: auto;
}
.productListBox .sidebar .sideBarSection .filterBox .filterBody .filterItem.type_switch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.productListBox .sidebar .sideBarSection .filterBox .filterBody .filterItem.type_switch .switchBtn {
  border: 1px solid #575757;
  position: relative;
  width: 50px;
  padding: 10px;
  border-radius: 50px;
  cursor: pointer;
}
.productListBox .sidebar .sideBarSection .filterBox .filterBody .filterItem.type_switch .switchBtn::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  position: absolute;
  background: #575757;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 5px;
  right: unset;
}
.productListBox .sidebar .sideBarSection .filterBox .filterBody .filterItem.type_switch .switchBtn.active {
  background: #d9004e;
}
.productListBox .sidebar .sideBarSection .filterBox .filterBody .filterItem.type_switch .switchBtn.active::before {
  background: #FFFFFF;
  right: 5px;
  left: unset;
}
.productListBox .sidebar .sideBarSection .filterBox .filterBody .filterItem.type_switch .switchBtn input {
  display: none;
}
.productListBox .productList {
  width: calc(100% - 300px);
}
@media (max-width: 1000px) {
  .productListBox .productList {
    width: 100%;
  }
}
.productListBox .productList .productItems {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 8px));
  gap: 10px;
  justify-content: center;
}
@media (max-width: 800px) {
  .productListBox .productList .productItems {
    grid-template-columns: repeat(3, calc(33.33% - 8px));
  }
}
@media (max-width: 500px) {
  .productListBox .productList .productItems {
    grid-template-columns: repeat(2, calc(50% - 8px));
  }
}
@media (max-width: 300px) {
  .productListBox .productList .productItems {
    grid-template-columns: repeat(1, calc(100% - 8px));
  }
}
.productListBox .productList .productItems .productItem {
  padding: 30px 10px;
  background: #FFFFFF;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
}
.productListBox .productList .productItems .productItem .product-img img {
  width: 100%;
}
.productListBox .productList .productItems .productItem .product-title {
  min-height: 30px;
}
.productListBox .productList .productItems .productItem .product-title h2 {
  font-size: 11pt;
  font-weight: 500;
  line-height: 21px;
}
.productListBox .productList .productItems .productItem .product-price {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.productListBox .productList .productItems .productItem .product-price .rowPrice {
  display: flex;
}
.productListBox .productList .productItems .productItem .product-price .oldPrice {
  text-decoration: line-through;
  font-size: 10pt;
  font-weight: 700;
  color: #585858;
  padding: 0 14px;
}
.productListBox .productList .productItems .productItem .product-price .discount {
  color: #d9004e;
  font-size: 12pt;
  width: 35px;
  text-align: center;
  font-weight: 700;
}
.productListBox .productList .productItems .productItem .product-price .newPrice {
  font-size: 14pt;
  font-weight: 600;
  padding: 10px 0;
}
.productListBox .productList .productItems .productItem .product-price .discountFlag {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 20px;
  color: #ffffff;
  background: #ff4747;
  border-bottom: 3px solid #a74b4b;
  font-weight: bold;
  font-size: 14pt;
  padding: 5px 7px;
  border-radius: 0 0 15px 15px;
}
.productListBox .productList .productItems .productItem .product-img {
  padding: 10px 0;
}
.productListBox .productList .productItems .productItem:hover {
  transform: scale(1.01);
  box-shadow: 0 0 4px #999999;
}
.productListBox .productList .headList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}
.productListBox .productList .headList .orderItems {
  display: flex;
  align-items: center;
}
@media (max-width: 1000px) {
  .productListBox .productList .headList .orderItems {
    display: none;
  }
}
.productListBox .productList .headList .orderItems .orderItemsTitle {
  font-weight: 600;
  font-size: 9pt;
}
.productListBox .productList .headList .orderItems .orderItemsTitle i {
  margin: 0 8px;
  vertical-align: middle;
}
.productListBox .productList .headList .orderItems .orderItem {
  font-size: 10pt;
  font-weight: 500;
  color: #585858;
  cursor: pointer;
  padding: 0 10px;
}
.productListBox .productList .headList .orderItems .orderItem.active {
  color: #d9004e;
  font-weight: 700;
}
.productListBox .productList .headList .numberProducts {
  font-size: 9pt;
  font-weight: 500;
  color: #848484;
}
.productListBox .productList .footList {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
}
.productListBox .productList .footList .pageNumbers {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.productListBox .productList .footList .pageNumbers .first, .productListBox .productList .footList .pageNumbers .last {
  border-radius: 10px;
  background: #FFFFFF;
  padding: 5px 10px;
  box-shadow: 1px 2px 3px #cccccc;
  cursor: pointer;
}
.productListBox .productList .footList .pageNumbers .numbers span {
  border-radius: 10px;
  background: #FFFFFF;
  padding: 5px 10px;
  box-shadow: 1px 2px 3px #cccccc;
  cursor: pointer;
  font-weight: 500;
  color: #585858;
}
.productListBox .productList .footList .pageNumbers .numbers span.active {
  background: #f41363;
  color: #FFFFFF;
  font-weight: 600;
}
.productListBox.activeMobileSideBar .sidebar {
  width: 100%;
  min-height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 500;
}
.productListBox.activeMobileSideBar .sidebar .sideBarSection {
  height: 100vh;
  overflow: auto;
}
.productListBox.activeMobileSideBar .productList {
  display: none;
}
.productListBox.activeMobileSort .productList .orderItems {
  display: block;
  position: absolute;
  top: 31px;
  right: 118px;
  z-index: 3;
  min-width: 180px;
  background: #f8f8f8;
  box-shadow: 1px 2px 3px #ccc;
  border-radius: 7px;
}
.productListBox.activeMobileSort .productList .orderItems .orderItem {
  font-size: 12pt;
  border-bottom: 1px solid;
  padding: 7px;
  text-align: center;
}
.descriptionBox {
  position: relative;
  max-height: 400px;
  overflow: hidden;
}
.descriptionBox .descriptionContent {
  min-height: 150px;
  background: #FFFFFF;
  border-radius: 5px;
  padding: 14px;
}
.descriptionBox .footerLoadMore {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9137254902), rgba(255, 255, 255, 0.9137254902));
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.descriptionBox .footerLoadMore .btnLoadMore {
  font-weight: 600;
  color: #585858;
  background: #fff;
}
.descriptionBox .footerLoadMore .btnLoadLess {
  font-weight: 600;
  color: #585858;
  display: none;
  background: #fff;
}
.descriptionBox.showAll {
  max-height: unset;
  height: auto;
  padding-bottom: 60px;
  background: #FFFFFF;
}
.descriptionBox.showAll .btnLoadMore {
  display: none;
}
.descriptionBox.showAll .btnLoadLess {
  display: block;
}

.article_style {
  font-size: 0.95rem;
  font-weight: 400;
}
.article_style h1 {
  max-width: 100%;
  font-size: 20pt;
  font-weight: 600;
  text-align: center;
  padding: 10px 20px;
  border-radius: 12px;
  box-shadow: 0px 2px 3px var(--color-theme-1);
  color: var(--color-theme-1);
  margin: auto;
  margin-bottom: 20px;
  background: #fffafc;
}
.article_style h2 {
  max-width: 100%;
  font-size: 15pt;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
  padding: 8px 14px;
  border-radius: 12px;
  border-bottom: 3px solid #e2b1c3;
  color: #a64266;
  width: max-content;
  max-width: 100%;
  line-height: 1.7;
}
.article_style h2::after {
  content: "";
  display: block;
}
.article_style h3 {
  max-width: 100%;
  font-size: 15pt;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
  padding: 8px 14px;
  border-radius: 12px;
  width: max-content;
}
.article_style p {
  margin-bottom: 5px;
  line-height: 2;
}
.article_style a {
  color: #d9004e;
  font-weight: 600;
  transition: 0.2s;
  overflow-wrap: anywhere;
}
.article_style a:hover {
  color: #ad003f;
}
.article_style img {
  max-width: 100%;
}
.article_style figure {
  max-width: 100%;
}
.article_style table {
  max-width: 100%;
}

.listSelectBox {
  display: flex;
  flex-direction: column;
}
.listSelectBox .itemOption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  height: 50px;
  border: 1px solid #eeeeee;
  padding: 14px;
  margin: 2px 5px;
  border-radius: 5px;
  transition: 0.2s;
}
.listSelectBox .itemOption .textItem {
  font-weight: 600;
  font-size: 11.5pt;
  padding: 0 14px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.listSelectBox .itemOption:hover {
  background: #fdfcfc;
}
.listSelectBox .itemOption .checkboxN {
  background: #f1f1f1;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #585858;
}
.listSelectBox .itemOption .checkboxN span {
  background: #ffffff;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}
.listSelectBox .itemOption .checkboxN input[type=checkbox] {
  display: none;
}
.listSelectBox .itemOption.active {
  background: #fff7f7;
}
.listSelectBox .itemOption.active .checkboxN {
  background: #d9004e;
}
.range_price {
  text-align: center;
  margin: 30px;
}
.range_price .ja-rangeSlide {
  width: 100%;
  margin: 8px 0;
}
.range_price .range_details {
  display: flex;
}
.range_price .range_details .of_price, .range_price .range_details .to_price {
  width: 50%;
  text-align: center;
  color: #585858;
}
.range_price .range_details .of_price .number, .range_price .range_details .to_price .number {
  text-align: center;
  margin: 4px 0;
}
.range_price .range_details .of_price .number span, .range_price .range_details .to_price .number span {
  border: 1px solid #870030;
  padding: 2px 5px;
  border-radius: 5px;
  color: #585858;
}
.range_price .btn_filter_price {
  text-align: center;
  background: #585858;
  display: inline-block;
  padding: 5px 14px;
  border-radius: 5px;
  color: #ffffff;
  border: 1px solid #585858;
  margin: 10px;
  cursor: pointer;
}

.discussPage {
  display: inline-flex;
  width: calc(100% - 5px);
  max-width: 1200px;
  padding: 10px 10px;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 1000px) {
  .discussPage {
    flex-direction: column;
  }
}
.discussPage .sidebar {
  width: 290px;
  border-radius: 10px;
  position: relative;
}
@media (max-width: 1000px) {
  .discussPage .sidebar {
    width: 100%;
    margin-bottom: 10px;
  }
}
.discussPage .sidebar .sideBarSection {
  min-height: 400px;
  background: #FFFFFF;
  border: 1px solid #cccccc;
  padding: 10px;
  border-radius: 10px;
}
.discussPage .sidebar .sideBarSection .userInfoBox {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 10px;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}
.discussPage .sidebar .sideBarSection .userInfoBox .userImage {
  font-size: 50px;
  color: #cccccc;
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  background: #585858;
  border-radius: 50%;
}
.discussPage .sidebar .sideBarSection .userInfoBox .userInformation {
  display: inline-flex;
  flex-direction: column;
  justify-content: right;
  align-items: flex-start;
}
.discussPage .sidebar .sideBarSection .userInfoBox .userInformation .userName {
  font-size: 11pt;
  font-weight: 500;
  margin-bottom: 5px;
}
.discussPage .sidebar .sideBarSection .userInfoBox .userInformation .userPhone {
  font-size: 10pt;
  font-weight: 400;
  color: #8b8a8a;
}
.discussPage .sidebar .sideBarSection .userInfoBox .userInformation .userEmail {
  font-size: 9pt;
  display: none;
}
.discussPage .sidebar .sideBarSection .userInfoBox .btnEdit {
  font-size: 20px;
  color: var(--color-theme-2);
}
.discussPage .sidebar .sideBarSection .menuProfile {
  display: flex;
  flex-direction: column;
}
.discussPage .sidebar .sideBarSection .menuProfile .itemMenuProfile {
  padding: 12px 10px;
  text-align: right;
  cursor: pointer;
  color: #616161;
  transition: 0.1s;
  font-weight: 400;
  border-bottom: 1px solid #eeeeee;
}
.discussPage .sidebar .sideBarSection .menuProfile .itemMenuProfile:hover {
  background: #efe9ed;
}
.discussPage .sidebar .sideBarSection .menuProfile .itemMenuProfile i {
  font-size: 16pt;
  vertical-align: middle;
  margin-left: 5px;
}
.discussPage .sidebar .sideBarSection .menuProfile .itemMenuProfile.active {
  border-right: 3px solid var(--color-theme-2);
  background: #f6eeef;
  color: var(--color-theme-2);
}
.discussPage .sidebar .sideBarSection .menuProfile .itemMenuProfile.active span {
  font-weight: 600;
}
.discussPage .contentMain {
  width: calc(100% - 300px);
  position: relative;
}
@media (max-width: 1000px) {
  .discussPage .contentMain {
    width: 100%;
  }
}
.discussPage .contentMain .itemContent {
  border-radius: 10px;
  border: 1px solid #cccccc;
  background: #FFFFFF;
  min-height: 40px;
  padding: 10px;
  margin-bottom: 8px;
}
.discussPage .contentMain .itemContent .headBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  border-bottom: 1px solid #eeeeee;
}
.discussPage .contentMain .itemContent .headBox .title {
  font-weight: 600;
}
.discussPage .contentMain .itemContent .headBox .btn {
  font-size: 10pt;
}
.discussPage .contentMain .itemContent .bodyBox {
  min-height: 100px;
  padding-top: 10px;
}

.profilePage {
  display: inline-flex;
  width: calc(100% - 5px);
  max-width: 1200px;
  padding: 10px 10px;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 1000px) {
  .profilePage {
    flex-direction: column;
  }
}
.profilePage .sidebar {
  width: 290px;
  border-radius: 10px;
  position: relative;
}
@media (max-width: 1000px) {
  .profilePage .sidebar {
    width: 100%;
    margin-bottom: 10px;
  }
}
.profilePage .sidebar .sideBarSection {
  min-height: 400px;
  background: #FFFFFF;
  border: 1px solid #cccccc;
  padding: 10px;
  border-radius: 10px;
}
.profilePage .sidebar .sideBarSection .userInfoBox {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 10px;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}
.profilePage .sidebar .sideBarSection .userInfoBox .userImage {
  font-size: 50px;
  color: #cccccc;
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  background: #585858;
  border-radius: 50%;
}
.profilePage .sidebar .sideBarSection .userInfoBox .userInformation {
  display: inline-flex;
  flex-direction: column;
  justify-content: right;
  align-items: flex-start;
}
.profilePage .sidebar .sideBarSection .userInfoBox .userInformation .userName {
  font-size: 11pt;
  font-weight: 500;
  margin-bottom: 5px;
}
.profilePage .sidebar .sideBarSection .userInfoBox .userInformation .userPhone {
  font-size: 10pt;
  font-weight: 400;
  color: #8b8a8a;
}
.profilePage .sidebar .sideBarSection .userInfoBox .userInformation .userEmail {
  font-size: 9pt;
  display: none;
}
.profilePage .sidebar .sideBarSection .userInfoBox .btnEdit {
  font-size: 20px;
  color: var(--color-theme-2);
}
.profilePage .sidebar .sideBarSection .menuProfile {
  display: flex;
  flex-direction: column;
}
.profilePage .sidebar .sideBarSection .menuProfile .itemMenuProfile {
  padding: 12px 10px;
  text-align: right;
  cursor: pointer;
  color: #616161;
  transition: 0.1s;
  font-weight: 400;
  border-bottom: 1px solid #eeeeee;
}
.profilePage .sidebar .sideBarSection .menuProfile .itemMenuProfile:hover {
  background: #efe9ed;
}
.profilePage .sidebar .sideBarSection .menuProfile .itemMenuProfile i {
  font-size: 16pt;
  vertical-align: middle;
  margin-left: 5px;
}
.profilePage .sidebar .sideBarSection .menuProfile .itemMenuProfile.active {
  border-right: 3px solid var(--color-theme-2);
  background: #f6eeef;
  color: var(--color-theme-2);
}
.profilePage .sidebar .sideBarSection .menuProfile .itemMenuProfile.active span {
  font-weight: 600;
}
.profilePage .contentMain {
  width: calc(100% - 300px);
  position: relative;
}
@media (max-width: 1000px) {
  .profilePage .contentMain {
    width: 100%;
  }
}
.profilePage .contentMain .itemContent {
  border-radius: 10px;
  border: 1px solid #cccccc;
  background: #FFFFFF;
  min-height: 40px;
  padding: 10px;
  margin-bottom: 8px;
}
.profilePage .contentMain .itemContent .headBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  border-bottom: 1px solid #eeeeee;
}
.profilePage .contentMain .itemContent .headBox .title {
  font-weight: 600;
}
.profilePage .contentMain .itemContent .headBox .btn {
  font-size: 10pt;
}
.profilePage .contentMain .itemContent .bodyBox {
  min-height: 100px;
  padding-top: 10px;
}

.cartPage {
  display: inline-flex;
  width: calc(100% - 5px);
  max-width: 1200px;
  padding: 10px 10px;
  justify-content: space-between;
}
@media (max-width: 1000px) {
  .cartPage {
    flex-direction: column;
  }
}
.cartPage .sidebar {
  width: 290px;
  border-radius: 10px;
  position: sticky;
  top: 20px;
}
@media (max-width: 1000px) {
  .cartPage .sidebar {
    width: 100%;
  }
}
.cartPage .sidebar .sideBarSection {
  min-height: 200px;
  background: #FFFFFF;
  border: 1px solid #cccccc;
  padding: 10px;
  border-radius: 10px;
}
.cartPage .contentMain {
  width: calc(100% - 300px);
  position: relative;
}
@media (max-width: 1000px) {
  .cartPage .contentMain {
    width: 100%;
  }
}
.cartPage .contentMain .itemContent {
  border-radius: 10px;
  border: 1px solid #cccccc;
  background: #FFFFFF;
  min-height: 40px;
  padding: 10px;
  margin-bottom: 8px;
}
.cartPage .contentMain .itemContent .headBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  border-bottom: 1px solid #eeeeee;
}
.cartPage .contentMain .itemContent .headBox .title {
  font-weight: 600;
}
.cartPage .contentMain .itemContent .headBox .btn {
  font-size: 10pt;
}
.cartPage .contentMain .itemContent .bodyBox {
  min-height: 100px;
  padding-top: 10px;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart {
  display: grid;
  grid-template-columns: 140px auto;
  text-align: right;
  align-items: center;
  border-bottom: 2px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media (max-width: 500px) {
  .cartPage .contentMain .itemContent .bodyBox .itemCart {
    grid-template-columns: 100px auto;
  }
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .col-image img {
  width: 100%;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .col-info {
  padding: 10px;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .col-info .productName {
  font-size: 12pt;
  padding-bottom: 10px;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .col-info .productInfoItem {
  text-align: right;
  font-size: 9.5pt;
  padding-top: 6px;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .col-info .productInfoItem span {
  padding: 4px 5px;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .col-info .productInfoItem .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 0;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .price {
  text-align: right;
  padding: 10px;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .price .oldPrice {
  display: inline-block;
  font-size: 11pt;
  font-weight: 500;
  color: #9e9e9e;
  text-decoration: line-through;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .price .discount {
  display: inline-block;
  color: #d9004e;
  font-weight: 600;
  font-size: 12pt;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .price .newPrice {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber {
  display: inline-flex;
  border-radius: 60px;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #585858;
  font-size: 12pt;
  align-items: center;
  line-height: 14px;
  vertical-align: middle;
  height: 35px;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .inputNumber {
  min-width: 33px;
  border-right: 1px solid #8b8b8b;
  border-left: 1px solid #8b8b8b;
  height: 100%;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .inputNumber input {
  height: 100%;
  text-align: center;
  width: 36px;
  appearance: none;
  -moz-appearance: textfield;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .inputNumber input::-webkit-inner-spin-button, .cartPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .inputNumber input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .btn_plus {
  padding: 9px;
  cursor: pointer;
  transition: 0.2s;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .btn_plus:hover {
  background: #eee;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .btn_plus.disabled {
  cursor: default;
  opacity: 0.3;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .btn_minus {
  padding: 9px;
  cursor: pointer;
  transition: 0.2s;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .btn_minus:hover {
  background: #eee;
}
.cartPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .btn_minus.disabled {
  cursor: default;
  opacity: 0.3;
}

.checkoutPage {
  display: inline-flex;
  width: calc(100% - 5px);
  max-width: 1200px;
  padding: 10px 10px;
  justify-content: space-between;
}
@media (max-width: 1000px) {
  .checkoutPage {
    flex-direction: column;
    padding: 7px 3px;
  }
}
.checkoutPage .sidebar {
  width: 290px;
  border-radius: 10px;
  position: sticky;
  top: 10px;
}
@media (max-width: 1000px) {
  .checkoutPage .sidebar {
    width: 100%;
  }
}
.checkoutPage .sidebar .sideBarSection {
  min-height: 200px;
  background: #FFFFFF;
  border: 1px solid #cccccc;
  padding: 10px;
  border-radius: 10px;
}
.checkoutPage .contentMain {
  width: calc(100% - 300px);
  position: relative;
}
@media (max-width: 1000px) {
  .checkoutPage .contentMain {
    width: 100%;
  }
}
.checkoutPage .contentMain .itemContent {
  border-radius: 10px;
  border: 1px solid #cccccc;
  background: #FFFFFF;
  min-height: 40px;
  padding: 10px;
  margin-bottom: 8px;
}
.checkoutPage .contentMain .itemContent .headBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  border-bottom: 1px solid #eeeeee;
}
.checkoutPage .contentMain .itemContent .headBox .title {
  font-weight: 600;
}
.checkoutPage .contentMain .itemContent .headBox .btn {
  font-size: 10pt;
}
.checkoutPage .contentMain .itemContent .bodyBox {
  min-height: 100px;
  padding-top: 10px;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart {
  display: grid;
  grid-template-columns: 140px auto;
  text-align: right;
  align-items: center;
  border-bottom: 2px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .col-image img {
  width: 100%;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .col-info {
  padding: 10px;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .col-info .productName {
  font-size: 12pt;
  padding-bottom: 10px;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .col-info .productInfoItem {
  text-align: right;
  font-size: 9.5pt;
  padding-top: 6px;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .col-info .productInfoItem span {
  padding: 4px 5px;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .col-info .productInfoItem .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 0;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .price {
  text-align: right;
  padding: 10px;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .price .newPrice {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber {
  display: inline-flex;
  border-radius: 60px;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #585858;
  font-size: 12pt;
  align-items: center;
  line-height: 14px;
  vertical-align: middle;
  height: 35px;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .inputNumber {
  min-width: 33px;
  border-right: 1px solid #8b8b8b;
  border-left: 1px solid #8b8b8b;
  height: 100%;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .inputNumber input {
  height: 100%;
  text-align: center;
  width: 27px;
  appearance: none;
  -moz-appearance: textfield;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .inputNumber input::-webkit-inner-spin-button, .checkoutPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .inputNumber input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .btn_plus {
  padding: 9px;
  cursor: pointer;
  transition: 0.2s;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .btn_plus:hover {
  background: #eee;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .btn_minus {
  padding: 9px;
  cursor: pointer;
  transition: 0.2s;
}
.checkoutPage .contentMain .itemContent .bodyBox .itemCart .SelectNumber .btn_minus:hover {
  background: #eee;
}

.loginPage .cardMain {
  width: 420px;
  max-width: calc(100vw - 10px);
  background: #FFFFFF;
  margin: 14px auto;
  padding: 40px calc(14px + 1vw);
  border-radius: 14px;
  box-shadow: 0 0 5px #cccccc;
}
@media (max-width: 500px) {
  .loginPage .cardMain {
    min-height: 97vh;
  }
}

.disableSwiperInMobile {
  overflow: auto;
}
.disableSwiperInMobile .swiper-wrapper {
  display: flex;
  gap: 10px;
}
.disableSwiperInMobile .swiper-wrapper .swiper-slide {
  width: 300px;
}
@media (max-width: 600px) {
  .disableSwiperInMobile .swiper-wrapper .swiper-slide {
    width: 200px;
  }
}
@media (max-width: 500px) {
  .disableSwiperInMobile .swiper-wrapper .swiper-slide {
    width: 150px;
  }
}
.disableSwiperInMobile .swiper-button-next, .disableSwiperInMobile .swiper-button-prev {
  display: none;
}

.headCheckout {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #cccccc;
  margin-bottom: -10px;
  padding: 20px 0;
}
@media (max-width: 1000px) {
  .headCheckout {
    padding: 4px 0;
  }
}
.headCheckout .logo-site {
  display: flex;
  justify-content: center;
  padding: 20px 10px;
}
.headCheckout .logo-site img {
  max-height: 40px;
}
@media (max-width: 1000px) {
  .headCheckout .logo-site {
    padding: 5px 3px;
    height: 40px;
    margin-top: 3px;
  }
}
.headCheckout .steps {
  display: flex;
  justify-content: center;
  width: 100%;
}
.headCheckout .steps .stepItem {
  padding: 10px 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1000px) {
  .headCheckout .steps .stepItem > div {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
  }
}
.headCheckout .steps .stepItem span {
  font-size: 11pt;
  font-weight: 600;
  padding-right: 11px;
  cursor: pointer;
}
@media (max-width: 1000px) {
  .headCheckout .steps .stepItem span {
    font-size: 9pt;
    padding-right: 0;
  }
}
.headCheckout .steps .stepItem:before {
  content: "";
  display: inline-block;
  width: 50px;
  border-bottom: 1px solid #0c0c0c;
  margin: 0 20px;
}
@media (max-width: 1000px) {
  .headCheckout .steps .stepItem:before {
    width: 10px;
  }
}
.headCheckout .steps .stepItem:first-child:before {
  display: none;
}
.headCheckout .steps .stepItem.active * {
  color: #ff3c3c;
  font-size: 14pt;
  font-weight: 600;
  cursor: default;
}
@media (max-width: 1000px) {
  .headCheckout .steps .stepItem.active * {
    font-size: 10pt;
  }
}
.headCheckout .steps .stepItem.oldStep * {
  color: #6a6a6a;
}

.checkoutPage .itemAddress {
  display: flex;
  flex-direction: column;
}
.checkoutPage .itemAddress div {
  text-align: right;
  margin: 10px;
}
.checkoutPage .itemAddress div span {
  margin-left: 30px;
  margin-bottom: 10px;
  font-weight: 400;
}
.checkoutPage .itemAddress div .iconAddress {
  margin-left: 10px;
}

.boxListSelect {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.boxListSelect.col2 {
  display: grid;
  grid-template-columns: auto auto;
}
.boxListSelect .itemList {
  background: rgba(185, 202, 204, 0.1019607843);
  display: inline-flex;
  align-items: center;
  padding: 10px;
  gap: 20px;
  cursor: pointer;
  border-radius: 4px;
}
@media (max-width: 1000px) {
  .boxListSelect .itemList {
    gap: 10px;
    flex-direction: column;
    border: 5px solid #cccccc;
  }
}
.boxListSelect .itemList input[type=radio] {
  display: none;
}
.boxListSelect .itemList .iconCheck {
  margin: 10px;
  background: #ffffff;
  border-radius: 50%;
  border: 5px solid #b3b3b3;
  width: 20px;
  height: 20px;
  display: inline-block;
}
@media (max-width: 1000px) {
  .boxListSelect .itemList .iconCheck {
    display: none;
  }
}
.boxListSelect .itemList .imageItem img {
  height: 40px;
}
@media (max-width: 1000px) {
  .boxListSelect .itemList .imageItem img {
    height: 30px;
  }
}
.boxListSelect .itemList .textItem .title {
  display: block;
  font-size: 14pt;
  font-weight: 600;
  text-align: right;
}
@media (max-width: 1000px) {
  .boxListSelect .itemList .textItem .title {
    font-size: 11pt;
  }
}
.boxListSelect .itemList .textItem .description {
  display: block;
  font-size: 10pt;
  font-weight: 500;
  text-align: right;
  color: #585858;
}
@media (max-width: 1000px) {
  .boxListSelect .itemList .textItem .description {
    font-size: 9pt;
  }
}
.boxListSelect .itemList.active {
  background: rgba(0, 189, 220, 0.1019607843);
}
.boxListSelect .itemList.active .iconCheck {
  border: 5px solid #00bddc;
}
@media (max-width: 1000px) {
  .boxListSelect .itemList.active {
    border: 5px solid #00bddc;
  }
}

.detailsAddress {
  text-align: right;
}
.detailsAddress .addressText {
  margin: 10px 0;
  width: 100%;
}
@media (max-width: 500px) {
  .detailsAddress .addressText {
    font-size: 10pt;
  }
}
.detailsAddress > div {
  display: inline-flex;
  margin: 0 5px;
  min-width: 200px;
}
.detailsAddress > div i {
  margin: 0 10px;
  width: 20px;
  text-align: center;
}

.boxProductsOrder {
  padding-top: 10px;
  margin: 5px;
  margin-top: 10px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.01);
}
.boxProductsOrder .productsBox .itemProduct {
  width: 120px;
}
@media (max-width: 500px) {
  .boxProductsOrder .productsBox .itemProduct {
    width: 60px;
  }
}

.listAddress {
  display: flex;
  flex-direction: column;
}
.listAddress .itemAddress {
  background: rgba(185, 202, 204, 0.1019607843);
  display: inline-flex;
  flex-direction: row;
  cursor: pointer;
  border-radius: 4px;
  margin: 0;
  margin-bottom: 10px;
  padding: 8px;
}
.listAddress .itemAddress input[type=radio] {
  display: none;
}
.listAddress .itemAddress .iconCheck {
  margin: 10px;
  background: #ffffff;
  border-radius: 50%;
  border: 5px solid #b3b3b3;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.listAddress .itemAddress .detailsAddress .addressText {
  margin: 10px 0;
  width: 100%;
}
.listAddress .itemAddress .detailsAddress > div {
  text-align: right;
  display: inline-flex;
  margin: 0 5px;
  min-width: 200px;
}
.listAddress .itemAddress .detailsAddress > div i {
  margin: 0 10px;
  width: 20px;
  text-align: center;
}
.listAddress .itemAddress.active {
  background: rgba(0, 189, 220, 0.1019607843);
}
.listAddress .itemAddress.active .iconCheck {
  border: 5px solid #00bddc;
}

.btnAddAddress {
  font-size: 10pt;
  padding: 30px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #eeeeee;
  border-radius: 5px;
  margin-bottom: 14px;
  cursor: pointer;
}

.boxInputWithBtn {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 370px;
}
.boxInputWithBtn input {
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  padding-left: 90px;
  text-align: center;
  font-weight: 600;
}
.boxInputWithBtn .btnInput {
  width: 80px;
  font-size: 14px;
  position: absolute;
  left: 1px;
  top: 1px;
  bottom: 1px;
  margin: auto;
  display: inline-block;
  padding: 11px;
  font-weight: 900;
  cursor: pointer;
  background: #f8f8f8;
  color: #7a7a7a;
  border-radius: 4px;
  border: 1px solid rgba(130, 130, 130, 0.1);
}

.alertNormalBox {
  position: relative;
  z-index: 2000;
}
.alertNormalBox span {
  position: fixed;
  top: 30px;
  right: 0;
  left: 0;
  margin: auto;
  background: #0a90eb;
  color: #FFFFFF;
  z-index: 50;
  width: fit-content;
  display: block;
  padding: 14px 20px;
  border-radius: 5px;
  font-weight: 500;
  box-shadow: 0 0 30px 1px #b4b4b4;
  border: 1px solid #cccccc;
  max-width: calc(100% - 60px);
}
.alertNormalBox.success span {
  background: #9eff8b;
  color: #005b0b;
}
.alertNormalBox.default span {
  background: #363636;
  color: #e3e3e3;
}
.alertNormalBox.warning span {
  background: #fdca6c;
  color: #594200;
}
.alertNormalBox.danger span {
  background: #ffd5d5;
  color: #640000;
}
.alertNormalBox.bottom-right span {
  top: auto;
  left: auto;
  right: 30px;
  bottom: 30px;
}
.alertNormalBox.bottom-center span {
  top: auto;
  left: 0;
  right: 0;
  bottom: 30px;
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.box-conditional-discount .item-conditional-discount {
  margin-top: 20px;
  width: 100%;
  display: none;
  border: 1px solid #ff2b32;
  border-radius: 5px;
  box-shadow: 0px 1px 2px #8d8d8d;
}
.box-conditional-discount .item-conditional-discount.active {
  display: block;
}
.box-conditional-discount .item-conditional-discount .table-conditional-discount {
  width: 100%;
}
.box-conditional-discount .item-conditional-discount .table-conditional-discount .row-head-title td {
  padding: 10px;
  background: #ff2b32;
  color: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  overflow: hidden;
  text-align: right;
  font-weight: bold;
}
.box-conditional-discount .item-conditional-discount .table-conditional-discount tbody tr {
  border-bottom: 1px solid #ff2b32;
}
.box-conditional-discount .item-conditional-discount .table-conditional-discount tbody tr td {
  text-align: center;
  padding: 10px;
  width: 200px;
}
.box-conditional-discount .item-conditional-discount .table-conditional-discount tbody tr:last-child {
  border-bottom: none;
}
.box-conditional-discount .item-conditional-discount .table-conditional-discount tbody tr .price-box .discount-text {
  font-weight: bold;
  color: #cb0000;
}
.box-conditional-discount .item-conditional-discount .table-conditional-discount tbody tr .price-box .price-text {
  color: #1e1e1e;
  font-weight: bold;
}

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