@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/encodesans/v19/LDIcapOFNxEwR-Bd1O9uYNmnUQomAgE25imKSbHhROjLsZBWTSrQGD_jZtU.ttf) format('truetype');
}
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/encodesans/v19/LDIcapOFNxEwR-Bd1O9uYNmnUQomAgE25imKSbHhROjLsZBWTSrQGGHjZtU.ttf) format('truetype');
}
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/encodesans/v19/LDIcapOFNxEwR-Bd1O9uYNmnUQomAgE25imKSbHhROjLsZBWTSrQGL_kZtU.ttf) format('truetype');
}
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/encodesans/v19/LDIcapOFNxEwR-Bd1O9uYNmnUQomAgE25imKSbHhROjLsZBWTSrQGIbkZtU.ttf) format('truetype');
}
@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/encodesans/v19/LDIcapOFNxEwR-Bd1O9uYNmnUQomAgE25imKSbHhROjLsZBWTSrQGOHkZtU.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf) format('truetype');
}
@keyframes spinner-d3wgkg {
  to {
    transform: rotate(1turn);
  }
}
/* BODY */
body {
  color: #111111;
  font-size: 16px;
  font-family: 'Encode Sans', sans-serif;
}
/* BOLD */
b {
  font-weight: 700;
}
/* LOADING */
#loading {
  top: 16px;
  left: 16px;
  width: 48px;
  height: 48px;
  z-index: 1300;
  position: fixed;
  border: 9px solid;
  border-radius: 50%;
  border-color: #DBDCEF;
  border-right-color: #3D329F;
  animation: spinner-d3wgkg 1s infinite linear;
}
#loading.show {
  display: block;
}
#loading:not(.show) {
  display: none;
}
/* ALERT */
#alert {
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  width: 100%;
  padding: 8px;
  height: auto;
  z-index: 1200;
  bottom: unset;
  display: block;
  position: fixed;
  overflow-y: hidden;
  overflow-x: hidden;
  background-color: transparent;
}
/* SIDE */
.frontend #side,
.frontend-cart #side {
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  bottom: unset;
  z-index: 1000;
  padding: 16px 0;
  position: fixed;
  max-width: 576px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #FFFFFF;
}
.backend #side {
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  width: 250px;
  height: 100%;
  bottom: unset;
  z-index: 1000;
  padding: 16px 0;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #FFFFFF;
}
/* ESHOP */
#eshop-topbar {
  top: 0;
  z-index: 3;
  position: sticky;
  padding: 10px 16px;
  background-color: #F4F5F8;
}
#eshop-header {
  top: 38px;
  z-index: 3;
  position: sticky;
  padding: 20px 16px;
  background-color: #FFFFFF;
  border-bottom: 4px solid #2F2583;
}
@media screen and (max-width: 400px) {
  #eshop-header {
    top: 36px;
  }
}
#eshop-header .container {
  position: relative;
}
#eshop-header .row {
  margin-left: -4px;
  margin-right: -4px;
}
#eshop-header .row > [class^="col"] {
  position: static;
  padding-left: 4px;
  padding-right: 4px;
}
#eshop-header .header-left {
  flex: 0 0 52%;
  max-width: 52%;
  -ms-flex: 0 0 52%;
}
#eshop-header .header-right {
  flex: 0 0 48%;
  max-width: 48%;
  -ms-flex: 0 0 48%;
}
#eshop-breadcrumb {
  padding: 16px 16px;
  background-color: #EEF0FF;
}
#eshop-content {
  padding: 32px 16px;
  background-color: #F4F5F8;
}
#eshop-footer {
  padding: 48px 16px;
  background-color: #FFFFFF;
}
#eshop-bottombar {
  padding: 16px 16px;
  background-color: #F4F5F8;
}
.frontend-cart #eshop-header {
  top: 0;
}
@media screen and (max-width: 400px) {
  .frontend-cart #eshop-header {
    top: 0;
  }
}
.frontend-cart #eshop-header .header-left {
  flex: 0 0 200px;
  max-width: 200px;
  -ms-flex: 0 0 200px;
}
@media screen and (max-width: 1199px) {
  .frontend-cart #eshop-header .header-left {
    flex: 0 0 90px;
    max-width: 90px;
    -ms-flex: 0 0 90px;
  }
}
.frontend-cart #eshop-header .header-right {
  flex: 0 0 calc(100% - 200px);
  max-width: calc(100% - 200px);
  -ms-flex: 0 0 calc(100% - 200px);
}
@media screen and (max-width: 1199px) {
  .frontend-cart #eshop-header .header-right {
    flex: 0 0 calc(100% - 90px);
    max-width: calc(100% - 90px);
    -ms-flex: 0 0 calc(100% - 80px);
  }
}
/* ADMIN */
#admin-topbar {
  top: 0;
  z-index: 2;
  position: sticky;
  padding: 10px 16px;
  background-color: #F4F5F8;
}
#admin-breadcrumb {
  padding: 16px 16px;
  background-color: #EEF0FF;
}
#admin-content {
  padding: 32px 16px;
  background-color: #F4F5F8;
}
#admin-bottombar {
  padding: 16px 16px;
  background-color: #FFFFFF;
}
/* PRODUCT BOTTOM */
#product_bottom {
  display: flex;
  flex-direction: column;
}
#product_bottom_detail {
  order: 1;
}
#product_bottom_reviews {
  order: 2;
}
#product_bottom_relatives {
  order: 3;
}
/* IMAGES */
.images {
  margin: -8px !important;
}
.images .image {
  padding: 8px !important;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
@media screen and (min-width: 576px) {
  .images .image {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .images .image {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media screen and (min-width: 992px) {
  .images .image {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media screen and (min-width: 1200px) {
  .images .image {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
/* FILTER */
/* MUTATION REVISIONS */
#mutation_revisions.open {
  display: block;
}
#mutation_revisions:not(.open) {
  display: none;
}
/* NAV */
.nav.side-nav {
  padding: 0;
  margin: -8px 0;
}
.nav.side-nav > .nav-item {
  width: auto;
  margin: 8px 0;
}
.nav.side-nav > .nav-item > .nav-link {
  border: 0;
  padding: 0;
  font-weight: 400;
  border-radius: 0;
  text-decoration: none;
  font-size: 18px;
  color: #2F2583;
  background-color: transparent;
  line-height: calc(18px + 4px);
}
.nav.side-nav > .nav-item:hover > .nav-link,
.nav.side-nav > .nav-item:focus > .nav-link,
.nav.side-nav > .nav-item.focus > .nav-link,
.nav.side-nav > .nav-item:active > .nav-link,
.nav.side-nav > .nav-item.active > .nav-link {
  color: #3D329F;
}
.nav.topbar-nav {
  padding: 0;
  margin: 0 -8px;
}
.nav.topbar-nav > .nav-item {
  width: auto;
  margin: 0 8px;
}
.nav.topbar-nav > .nav-item > .nav-link {
  border: 0;
  padding: 0;
  font-weight: 400;
  border-radius: 0;
  text-decoration: none;
  font-size: 14px;
  color: #6D7181;
  background-color: transparent;
  line-height: 18px;
}
@media screen and (max-width: 400px) {
  .nav.topbar-nav > .nav-item > .nav-link {
    font-size: 12px;
    line-height: 16px;
  }
}
.nav.topbar-nav > .nav-item:hover > .nav-link,
.nav.topbar-nav > .nav-item:focus > .nav-link,
.nav.topbar-nav > .nav-item.focus > .nav-link,
.nav.topbar-nav > .nav-item:active > .nav-link,
.nav.topbar-nav > .nav-item.active > .nav-link {
  color: #969AA8;
  background-color: transparent;
}
.nav.header-nav {
  padding: 0;
  margin: 0 -4px;
}
.nav.header-nav > .nav-item {
  width: auto;
  margin: 0 4px;
}
.nav.header-nav > .nav-item > .nav-link {
  border: 0;
  padding: 16px;
  font-weight: 400;
  border-radius: 10px;
  text-decoration: none;
  font-size: 18px;
  color: #32343D;
  line-height: 22px;
  background-color: #F4F5F8;
}
.nav.header-nav > .nav-item > .nav-link .fal {
  font-size: 22px;
}
.nav.header-nav > .nav-item > .nav-link .fal.with-bubble {
  position: relative;
}
.nav.header-nav > .nav-item > .nav-link .fal.with-bubble .badge {
  top: -8px;
  z-index: 1;
  right: -8px;
  position: absolute;
}
.nav.header-nav > .nav-item > .nav {
  display: none;
}
.nav.header-nav > .nav-item:hover > .nav-link,
.nav.header-nav > .nav-item:focus > .nav-link,
.nav.header-nav > .nav-item.focus > .nav-link,
.nav.header-nav > .nav-item:active > .nav-link,
.nav.header-nav > .nav-item.active > .nav-link {
  color: #3F405A;
  background-color: #EEF0FF;
}
.nav.path-nav {
  padding: 0;
  margin: 0 -8px;
}
.nav.path-nav > .nav-item {
  width: auto;
  margin: 0 8px;
}
.nav.path-nav > .nav-item > .nav-link {
  border: 0;
  padding: 0;
  font-weight: 400;
  border-radius: 0;
  text-decoration: none;
  font-size: 14px;
  color: #6D7181;
  background-color: transparent;
  line-height: 18px;
}
.nav.path-nav > .nav-item:hover > .nav-link,
.nav.path-nav > .nav-item:focus > .nav-link,
.nav.path-nav > .nav-item.focus > .nav-link,
.nav.path-nav > .nav-item:active > .nav-link,
.nav.path-nav > .nav-item.active > .nav-link {
  color: #969AA8;
  background-color: transparent;
}
.nav.path-nav > .nav-item:not(:last-child) > .nav-link::after {
  content: "\f105";
  padding-left: 16px;
  font-size: 14px;
  font-family: 'Font Awesome 5 Pro';
  line-height: 14px;
}
.nav.cart-nav {
  padding: 0;
  margin: 0 -8px;
}
.nav.cart-nav > .nav-item {
  width: auto;
  margin: 0 8px;
}
.nav.cart-nav > .nav-item > .nav-link {
  border: 0;
  padding: 0;
  display: flex;
  font-weight: 400;
  border-radius: 0;
  align-items: center;
  color: #6D7181;
  text-decoration: none;
  justify-content: center;
  font-size: 18px;
  background-color: transparent;
  line-height: 22px;
}
.nav.cart-nav > .nav-item > .nav-link span.circle {
  width: 32px;
  height: 32px;
  display: flex;
  border-radius: 50%;
  color: #FFFFFF;
  align-items: center;
  justify-content: center;
  background-color: #6D7181;
}
.nav.cart-nav > .nav-item > .nav-link span.title {
  display: flex;
  margin-left: 16px;
}
.nav.cart-nav > .nav-item:hover > .nav-link,
.nav.cart-nav > .nav-item:focus > .nav-link,
.nav.cart-nav > .nav-item.focus > .nav-link,
.nav.cart-nav > .nav-item:active > .nav-link,
.nav.cart-nav > .nav-item.active > .nav-link {
  color: #89BE35;
  background-color: transparent;
}
.nav.cart-nav > .nav-item:hover > .nav-link span.circle,
.nav.cart-nav > .nav-item:focus > .nav-link span.circle,
.nav.cart-nav > .nav-item.focus > .nav-link span.circle,
.nav.cart-nav > .nav-item:active > .nav-link span.circle,
.nav.cart-nav > .nav-item.active > .nav-link span.circle {
  background-color: #89BE35;
}
.nav.cart-nav > .nav-item:not(:last-child) > .nav-link::after {
  content: "\f105";
  padding-left: 16px;
  font-size: 14px;
  font-family: 'Font Awesome 5 Pro';
  line-height: 14px;
}
@media screen and (max-width: 1199px) {
  .nav.cart-nav {
    zoom: 0.75;
    font-size: 75%;
  }
}
@media screen and (max-width: 767px) {
  .nav.cart-nav > .nav-item > .nav-link span.title {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .nav.cart-nav {
    zoom: 0.5;
    font-size: 50%;
  }
}
.nav.sub-nav {
  padding: 0;
  margin: -8px 0;
}
.nav.sub-nav > .nav-item {
  width: auto;
  margin: 8px 0;
}
.nav.sub-nav > .nav-item > .nav-link {
  border: 0;
  padding: 0;
  font-weight: 400;
  border-radius: 0;
  text-decoration: none;
  font-size: 16px;
  color: #32343D;
  background-color: transparent;
  line-height: calc(16px + 4px);
}
.nav.sub-nav > .nav-item:hover > .nav-link,
.nav.sub-nav > .nav-item:focus > .nav-link,
.nav.sub-nav > .nav-item.focus > .nav-link,
.nav.sub-nav > .nav-item:active > .nav-link,
.nav.sub-nav > .nav-item.active > .nav-link {
  color: #3F405A;
}
.nav.filter-nav {
  padding: 0;
  margin: -8px;
}
.nav.filter-nav > .nav-item {
  width: auto;
  margin: 8px;
}
.nav.filter-nav > .nav-item > .nav-link {
  border: 0;
  padding: 4px 8px;
  font-weight: 400;
  border-radius: 10px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
  background-color: #2F2583;
}
.nav.filter-nav > .nav-item > .nav-link .fal {
  padding-left: 8px;
}
.nav.filter-nav > .nav-item:hover > .nav-link,
.nav.filter-nav > .nav-item:focus > .nav-link,
.nav.filter-nav > .nav-item.focus > .nav-link,
.nav.filter-nav > .nav-item:active > .nav-link,
.nav.filter-nav > .nav-item.active > .nav-link {
  background-color: #89BE35;
}
.nav.home-nav {
  padding: 0;
  margin: -8px;
}
.nav.home-nav > .nav-item {
  margin: 8px;
  width: calc(25% - 16px);
}
.nav.home-nav > .nav-item > .nav-link {
  padding: 0;
  font-weight: 400;
  color: #111111;
  position: relative;
  border-radius: 10px;
  text-decoration: none;
  font-size: 18px;
  border: 1px solid #EAECF2;
  background-color: #FFFFFF;
  line-height: 22px;
}
.nav.home-nav > .nav-item > .nav-link img {
  border-radius: 10px;
}
.nav.home-nav > .nav-item > .nav-link span.sticker {
  top: 0;
  right: 0;
  margin: 16px;
  position: absolute;
}
.nav.home-nav > .nav-item > .nav-link span.title {
  height: 76px;
  padding: 16px;
  display: flex;
  font-weight: 600;
  color: #111111;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .nav.home-nav > .nav-item > .nav-link span.title {
    justify-content: center;
  }
}
.nav.flag-nav {
  padding: 0;
  margin: 0 -16px;
  position: relative;
}
.nav.flag-nav > .nav-item {
  margin: 0 16px;
  width: calc(100% - 32px);
}
.nav.flag-nav > .nav-item > .nav-link {
  border: 0;
  padding: 0;
  font-weight: 400;
  border-radius: 0;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  color: #32343D;
  line-height: 22px;
}
.nav.flag-nav > .nav-item > .nav-link img {
  border: 4px solid #EAECF2;
}
.nav.flag-nav > .nav-item:hover > .nav-link,
.nav.flag-nav > .nav-item:focus > .nav-link,
.nav.flag-nav > .nav-item.focus > .nav-link,
.nav.flag-nav > .nav-item:active > .nav-link,
.nav.flag-nav > .nav-item.active > .nav-link {
  color: #3F405A;
  background-color: #FFFFFF;
}
.nav.flag-nav > .nav-item:hover > .nav-link img,
.nav.flag-nav > .nav-item:focus > .nav-link img,
.nav.flag-nav > .nav-item.focus > .nav-link img,
.nav.flag-nav > .nav-item:active > .nav-link img,
.nav.flag-nav > .nav-item.active > .nav-link img {
  border: 4px solid #2F2583;
}
.nav.cell-nav {
  padding: 0;
  margin: 0 -16px;
  position: relative;
}
.nav.cell-nav > .nav-item {
  margin: 0 16px;
  width: calc(100% - 32px);
}
.nav.cell-nav > .nav-item > .nav-link {
  border: 0;
  padding: 0;
  z-index: 1;
  font-weight: 400;
  border-radius: 0;
  text-align: center;
  position: relative;
  text-decoration: none;
  font-size: 18px;
  color: #32343D;
  line-height: 22px;
}
.nav.cell-nav > .nav-item:hover > .nav-link,
.nav.cell-nav > .nav-item:focus > .nav-link,
.nav.cell-nav > .nav-item.focus > .nav-link,
.nav.cell-nav > .nav-item:active > .nav-link,
.nav.cell-nav > .nav-item.active > .nav-link {
  color: #3F405A;
}
.nav.cell-nav.switcher::before {
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-bottom: 4px solid #EAECF2;
}
.nav.cell-nav.switcher > .nav-item > .nav-link {
  padding-top: 8px;
  padding-bottom: 8px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 4px solid transparent;
}
.nav.cell-nav.switcher > .nav-item:hover > .nav-link,
.nav.cell-nav.switcher > .nav-item:focus > .nav-link,
.nav.cell-nav.switcher > .nav-item.focus > .nav-link,
.nav.cell-nav.switcher > .nav-item:active > .nav-link,
.nav.cell-nav.switcher > .nav-item.active > .nav-link {
  background-color: #FFFFFF;
}
.nav.cell-nav.switcher > .nav-item:hover.primary > .nav-link,
.nav.cell-nav.switcher > .nav-item:focus.primary > .nav-link,
.nav.cell-nav.switcher > .nav-item.focus.primary > .nav-link,
.nav.cell-nav.switcher > .nav-item:active.primary > .nav-link,
.nav.cell-nav.switcher > .nav-item.active.primary > .nav-link {
  border: 4px solid #EAECF2;
  border-bottom: 4px solid #89BE35;
}
.nav.cell-nav.switcher > .nav-item:hover.secondary > .nav-link,
.nav.cell-nav.switcher > .nav-item:focus.secondary > .nav-link,
.nav.cell-nav.switcher > .nav-item.focus.secondary > .nav-link,
.nav.cell-nav.switcher > .nav-item:active.secondary > .nav-link,
.nav.cell-nav.switcher > .nav-item.active.secondary > .nav-link {
  border: 4px solid #EAECF2;
  border-bottom: 4px solid #2F2583;
}
.nav.cell-nav.mutation::before {
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-top: 2px solid #EAECF2;
}
.nav.cell-nav.mutation > .nav-item > .nav-link {
  padding-top: 4px;
  padding-bottom: 4px;
  border: 2px solid transparent;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.nav.cell-nav.mutation > .nav-item:hover > .nav-link,
.nav.cell-nav.mutation > .nav-item:focus > .nav-link,
.nav.cell-nav.mutation > .nav-item.focus > .nav-link,
.nav.cell-nav.mutation > .nav-item:active > .nav-link,
.nav.cell-nav.mutation > .nav-item.active > .nav-link {
  border: 2px solid #EAECF2;
  background-color: #EAECF2;
  border-top: 2px solid #2F2583;
}
.nav.footer-nav {
  padding: 0;
  margin: -8px 0;
}
.nav.footer-nav > .nav-item {
  width: auto;
  margin: 8px 0;
}
.nav.footer-nav > .nav-item > .nav-link {
  border: 0;
  padding: 0;
  font-weight: 400;
  border-radius: 0;
  text-decoration: none;
  font-size: 18px;
  color: #6D7181;
  background-color: transparent;
  line-height: calc(18px + 4px);
}
.nav.footer-nav > .nav-item:hover > .nav-link,
.nav.footer-nav > .nav-item:focus > .nav-link,
.nav.footer-nav > .nav-item.focus > .nav-link,
.nav.footer-nav > .nav-item:active > .nav-link,
.nav.footer-nav > .nav-item.active > .nav-link {
  color: #969AA8;
}
.nav.social-nav {
  padding: 0;
  margin: 0 -8px;
}
.nav.social-nav > .nav-item {
  width: auto;
  margin: 0 8px;
}
.nav.social-nav > .nav-item > .nav-link {
  border: 0;
  padding: 0;
  font-weight: 400;
  border-radius: 0;
  text-decoration: none;
  font-size: 18px;
  color: #2F2583;
  background-color: transparent;
  line-height: calc(18px + 4px);
}
.nav.social-nav > .nav-item > .nav-link .fab {
  font-size: 22px;
}
.nav.social-nav > .nav-item:hover > .nav-link,
.nav.social-nav > .nav-item:focus > .nav-link,
.nav.social-nav > .nav-item.focus > .nav-link,
.nav.social-nav > .nav-item:active > .nav-link,
.nav.social-nav > .nav-item.active > .nav-link {
  color: #2F2583;
}
/* FORM */
.form.filter-form .form-group {
  position: relative;
}
.form.filter-form .form-group .form-label {
  padding-right: 32px;
  width: calc(100% - 16px);
}
.form.filter-form .form-group .form-label .badge {
  top: 8px;
  z-index: 1;
  right: 8px;
  position: absolute;
}
.form.filter-form .form-group .form-block {
  padding-left: 8px;
  border-left: 1px solid #EAECF2;
}
.form.filter-form .form-group .form-block .form-label {
  width: calc(100% - 40px);
}
.form.pick-form .form-group .form-block .form-check {
  margin: 0;
}
.form.pick-form .form-group .form-block .form-check .form-label {
  margin: 0;
  width: 100%;
}
.form.choose-form .form-group {
  position: relative;
}
.form.choose-form .form-group .form-block .form-check {
  margin: 0;
}
.form.choose-form .form-group .form-block .form-check .form-label {
  margin: 0;
}
@media screen and (min-width: 576px) {
  .form.choose-form .form-group .form-block .form-check .form-label .badge {
    top: 12px;
    z-index: 1;
    right: 16px;
    position: absolute;
  }
}
.form.cart-item-form,
.form.order-item-form {
  margin: 0;
}
.form.cart-item-form .form-group,
.form.order-item-form .form-group {
  margin: 0;
}
.form.cart-item-form .form-group .form-control,
.form.order-item-form .form-group .form-control {
  margin: 0;
}
.form.cart-item-form .form-group .input-group,
.form.order-item-form .form-group .input-group {
  margin-left: auto;
  margin-right: auto;
}
.form.cart-item-form .form-group .input-group .input-group-prepend,
.form.order-item-form .form-group .input-group .input-group-prepend {
  margin: 0;
}
.form.cart-item-form .form-group .input-group .form-control,
.form.order-item-form .form-group .input-group .form-control {
  min-width: 60px;
  max-width: 60px;
}
.form.cart-item-form .form-group .input-group .input-group-append,
.form.order-item-form .form-group .input-group .input-group-append {
  margin: 0;
}
.form-inline.search-form-inline {
  margin: 0;
  padding: 8px;
  border-radius: 10px;
  background-color: #F4F5F8;
}
.form-inline.search-form-inline .form-group {
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  align-items: center;
}
.form-inline.search-form-inline .form-group .form-control {
  margin: 0;
  min-width: 165px;
  max-width: 165px;
}
.form-inline.search-form-inline .form-group .btn {
  margin: 0;
  margin-left: 8px;
}
.form-inline.search-form-inline .form-group .btn .fal {
  font-size: 22px;
}
.form-inline.search-form-inline .form-group #autosuggest {
  display: none;
  transition-delay: 2s;
}
.form-inline.search-form-inline:hover .form-group #autosuggest {
  display: block;
}
.form-inline.sort-form-inline {
  margin: 0;
}
.form-inline.sort-form-inline .form-group {
  margin: 0;
}
.form-inline.sort-form-inline .form-group .form-label {
  margin: 0;
  margin-right: 8px;
}
.form-inline.sort-form-inline .form-group .form-control {
  margin: 0;
  min-width: 200px;
  max-width: 200px;
}
@media screen and (max-width: 575px) {
  .form-inline.sort-form-inline .form-group .form-control {
    min-width: 140px;
    max-width: 140px;
  }
}
.form-inline.add-to-cart-form-inline {
  margin: 0;
}
.form-inline.add-to-cart-form-inline .form-group {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  .form-inline.add-to-cart-form-inline .form-group {
    flex-grow: 1;
  }
}
@media screen and (min-width: 1200px) {
  .form-inline.add-to-cart-form-inline .form-group {
    flex-grow: 1;
  }
}
.form-inline.add-to-cart-form-inline .form-group .input-group {
  width: 150px;
}
@media screen and (max-width: 575px) {
  .form-inline.add-to-cart-form-inline .form-group .input-group {
    width: 100%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .form-inline.add-to-cart-form-inline .form-group .input-group {
    width: 100%;
  }
}
.form-inline.add-to-cart-form-inline .form-group .input-group .form-control {
  margin: 0;
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  .form-inline.add-to-cart-form-inline .form-group .input-group .form-control {
    min-width: 85px;
    max-width: 85px;
  }
}
@media screen and (min-width: 1200px) {
  .form-inline.add-to-cart-form-inline .form-group .input-group .form-control {
    min-width: 85px;
    max-width: 85px;
  }
}
.form-inline.add-to-cart-form-inline .form-group .input-group .input-group-append {
  margin: 0;
}
.form-inline.add-to-cart-form-inline .form-group .btn {
  margin: 0;
  margin-left: 8px;
  width: calc(100% - 158px);
}
@media screen and (max-width: 575px) {
  .form-inline.add-to-cart-form-inline .form-group .btn {
    width: 100%;
    margin-left: 0;
    margin-top: 8px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .form-inline.add-to-cart-form-inline .form-group .btn {
    width: 100%;
    margin-left: 0;
    margin-top: 8px;
  }
}
.form-inline.add-to-cart-form-inline .form-group .btn .fal {
  font-size: 22px;
}
.form-inline.table-form-inline {
  margin: 0;
}
.form-inline.table-form-inline .form-group {
  margin: 0;
}
.form-inline.table-form-inline .form-group .form-control {
  margin: 0;
}
/* VARIANT */
.variants {
  margin: -16px !important;
}
.variants .variant {
  padding: 16px !important;
}
.variants .variant .variant-box {
  padding: 0;
  width: 100%;
  border-radius: 10px;
  display: inline-block;
}
.variants .variant .variant-box .variant-header {
  overflow: hidden;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.variants .variant .variant-box .variant-header .variant-cover a {
  display: block;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.variants .variant .variant-box .variant-header .variant-cover a img {
  border-radius: 10px;
}
.variants .variant .variant-box .variant-header .variant-info {
  top: 0;
  right: 0;
  padding: 16px;
  position: absolute;
}
.variants .variant .variant-box .variant-content {
  padding: 16px;
  background-color: #FFFFFF;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
/* ARTICLE */
.articles {
  margin: -16px !important;
}
.articles .article {
  padding: 16px !important;
}
.articles .article .article-box {
  padding: 0;
  width: 100%;
  border-radius: 10px;
  display: inline-block;
}
.articles .article .article-box .article-header {
  overflow: hidden;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.articles .article .article-box .article-header .article-cover a {
  display: block;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.articles .article .article-box .article-header .article-cover a img {
  border-radius: 10px;
}
.articles .article .article-box .article-header .article-info {
  top: 0;
  right: 0;
  padding: 16px;
  position: absolute;
}
.articles .article .article-box .article-content {
  padding: 16px;
  background-color: #FFFFFF;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
/* SHIPMENT, PAYMENT */
.shipments,
.payments {
  margin: -8px !important;
}
.shipments .shipment,
.payments .shipment,
.shipments .payment,
.payments .payment {
  padding: 8px !important;
}
.shipments .shipment .shipment-box,
.payments .shipment .shipment-box,
.shipments .payment .shipment-box,
.payments .payment .shipment-box,
.shipments .shipment .payment-box,
.payments .shipment .payment-box,
.shipments .payment .payment-box,
.payments .payment .payment-box {
  padding: 0;
  width: 100%;
  border-radius: 10px;
  display: inline-block;
}
.shipments .shipment .shipment-box .shipment-content label,
.payments .shipment .shipment-box .shipment-content label,
.shipments .payment .shipment-box .shipment-content label,
.payments .payment .shipment-box .shipment-content label,
.shipments .shipment .payment-box .shipment-content label,
.payments .shipment .payment-box .shipment-content label,
.shipments .payment .payment-box .shipment-content label,
.payments .payment .payment-box .shipment-content label,
.shipments .shipment .shipment-box .payment-content label,
.payments .shipment .shipment-box .payment-content label,
.shipments .payment .shipment-box .payment-content label,
.payments .payment .shipment-box .payment-content label,
.shipments .shipment .payment-box .payment-content label,
.payments .shipment .payment-box .payment-content label,
.shipments .payment .payment-box .payment-content label,
.payments .payment .payment-box .payment-content label {
  padding: 16px;
  display: block;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
}
.shipments .shipment .shipment-box .shipment-content label:before,
.payments .shipment .shipment-box .shipment-content label:before,
.shipments .payment .shipment-box .shipment-content label:before,
.payments .payment .shipment-box .shipment-content label:before,
.shipments .shipment .payment-box .shipment-content label:before,
.payments .shipment .payment-box .shipment-content label:before,
.shipments .payment .payment-box .shipment-content label:before,
.payments .payment .payment-box .shipment-content label:before,
.shipments .shipment .shipment-box .payment-content label:before,
.payments .shipment .shipment-box .payment-content label:before,
.shipments .payment .shipment-box .payment-content label:before,
.payments .payment .shipment-box .payment-content label:before,
.shipments .shipment .payment-box .payment-content label:before,
.payments .shipment .payment-box .payment-content label:before,
.shipments .payment .payment-box .payment-content label:before,
.payments .payment .payment-box .payment-content label:before {
  content: "◎";
  margin-right: 8px;
  margin-bottom: 4px;
  display: inline-block;
  vertical-align: middle;
}
.shipments .shipment .shipment-box .shipment-content label::after,
.payments .shipment .shipment-box .shipment-content label::after,
.shipments .payment .shipment-box .shipment-content label::after,
.payments .payment .shipment-box .shipment-content label::after,
.shipments .shipment .payment-box .shipment-content label::after,
.payments .shipment .payment-box .shipment-content label::after,
.shipments .payment .payment-box .shipment-content label::after,
.payments .payment .payment-box .shipment-content label::after,
.shipments .shipment .shipment-box .payment-content label::after,
.payments .shipment .shipment-box .payment-content label::after,
.shipments .payment .shipment-box .payment-content label::after,
.payments .payment .shipment-box .payment-content label::after,
.shipments .shipment .payment-box .payment-content label::after,
.payments .shipment .payment-box .payment-content label::after,
.shipments .payment .payment-box .payment-content label::after,
.payments .payment .payment-box .payment-content label::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0.25;
  display: none;
  position: absolute;
  background-color: #2F2583;
}
.shipments .shipment .shipment-box .shipment-content label:hover::after,
.payments .shipment .shipment-box .shipment-content label:hover::after,
.shipments .payment .shipment-box .shipment-content label:hover::after,
.payments .payment .shipment-box .shipment-content label:hover::after,
.shipments .shipment .payment-box .shipment-content label:hover::after,
.payments .shipment .payment-box .shipment-content label:hover::after,
.shipments .payment .payment-box .shipment-content label:hover::after,
.payments .payment .payment-box .shipment-content label:hover::after,
.shipments .shipment .shipment-box .payment-content label:hover::after,
.payments .shipment .shipment-box .payment-content label:hover::after,
.shipments .payment .shipment-box .payment-content label:hover::after,
.payments .payment .shipment-box .payment-content label:hover::after,
.shipments .shipment .payment-box .payment-content label:hover::after,
.payments .shipment .payment-box .payment-content label:hover::after,
.shipments .payment .payment-box .payment-content label:hover::after,
.payments .payment .payment-box .payment-content label:hover::after {
  display: block;
}
.shipments .shipment .shipment-box .shipment-content label:active,
.payments .shipment .shipment-box .shipment-content label:active,
.shipments .payment .shipment-box .shipment-content label:active,
.payments .payment .shipment-box .shipment-content label:active,
.shipments .shipment .payment-box .shipment-content label:active,
.payments .shipment .payment-box .shipment-content label:active,
.shipments .payment .payment-box .shipment-content label:active,
.payments .payment .payment-box .shipment-content label:active,
.shipments .shipment .shipment-box .payment-content label:active,
.payments .shipment .shipment-box .payment-content label:active,
.shipments .payment .shipment-box .payment-content label:active,
.payments .payment .shipment-box .payment-content label:active,
.shipments .shipment .payment-box .payment-content label:active,
.payments .shipment .payment-box .payment-content label:active,
.shipments .payment .payment-box .payment-content label:active,
.payments .payment .payment-box .payment-content label:active,
.shipments .shipment .shipment-box .shipment-content label.active,
.payments .shipment .shipment-box .shipment-content label.active,
.shipments .payment .shipment-box .shipment-content label.active,
.payments .payment .shipment-box .shipment-content label.active,
.shipments .shipment .payment-box .shipment-content label.active,
.payments .shipment .payment-box .shipment-content label.active,
.shipments .payment .payment-box .shipment-content label.active,
.payments .payment .payment-box .shipment-content label.active,
.shipments .shipment .shipment-box .payment-content label.active,
.payments .shipment .shipment-box .payment-content label.active,
.shipments .payment .shipment-box .payment-content label.active,
.payments .payment .shipment-box .payment-content label.active,
.shipments .shipment .payment-box .payment-content label.active,
.payments .shipment .payment-box .payment-content label.active,
.shipments .payment .payment-box .payment-content label.active,
.payments .payment .payment-box .payment-content label.active,
.shipments .shipment .shipment-box .shipment-content label.focus,
.payments .shipment .shipment-box .shipment-content label.focus,
.shipments .payment .shipment-box .shipment-content label.focus,
.payments .payment .shipment-box .shipment-content label.focus,
.shipments .shipment .payment-box .shipment-content label.focus,
.payments .shipment .payment-box .shipment-content label.focus,
.shipments .payment .payment-box .shipment-content label.focus,
.payments .payment .payment-box .shipment-content label.focus,
.shipments .shipment .shipment-box .payment-content label.focus,
.payments .shipment .shipment-box .payment-content label.focus,
.shipments .payment .shipment-box .payment-content label.focus,
.payments .payment .shipment-box .payment-content label.focus,
.shipments .shipment .payment-box .payment-content label.focus,
.payments .shipment .payment-box .payment-content label.focus,
.shipments .payment .payment-box .payment-content label.focus,
.payments .payment .payment-box .payment-content label.focus,
.shipments .shipment .shipment-box .shipment-content label.focus,
.payments .shipment .shipment-box .shipment-content label.focus,
.shipments .payment .shipment-box .shipment-content label.focus,
.payments .payment .shipment-box .shipment-content label.focus,
.shipments .shipment .payment-box .shipment-content label.focus,
.payments .shipment .payment-box .shipment-content label.focus,
.shipments .payment .payment-box .shipment-content label.focus,
.payments .payment .payment-box .shipment-content label.focus,
.shipments .shipment .shipment-box .payment-content label.focus,
.payments .shipment .shipment-box .payment-content label.focus,
.shipments .payment .shipment-box .payment-content label.focus,
.payments .payment .shipment-box .payment-content label.focus,
.shipments .shipment .payment-box .payment-content label.focus,
.payments .shipment .payment-box .payment-content label.focus,
.shipments .payment .payment-box .payment-content label.focus,
.payments .payment .payment-box .payment-content label.focus {
  border: 2px solid #2F2583;
}
.shipments .shipment .shipment-box .shipment-content label:active:before,
.payments .shipment .shipment-box .shipment-content label:active:before,
.shipments .payment .shipment-box .shipment-content label:active:before,
.payments .payment .shipment-box .shipment-content label:active:before,
.shipments .shipment .payment-box .shipment-content label:active:before,
.payments .shipment .payment-box .shipment-content label:active:before,
.shipments .payment .payment-box .shipment-content label:active:before,
.payments .payment .payment-box .shipment-content label:active:before,
.shipments .shipment .shipment-box .payment-content label:active:before,
.payments .shipment .shipment-box .payment-content label:active:before,
.shipments .payment .shipment-box .payment-content label:active:before,
.payments .payment .shipment-box .payment-content label:active:before,
.shipments .shipment .payment-box .payment-content label:active:before,
.payments .shipment .payment-box .payment-content label:active:before,
.shipments .payment .payment-box .payment-content label:active:before,
.payments .payment .payment-box .payment-content label:active:before,
.shipments .shipment .shipment-box .shipment-content label.active:before,
.payments .shipment .shipment-box .shipment-content label.active:before,
.shipments .payment .shipment-box .shipment-content label.active:before,
.payments .payment .shipment-box .shipment-content label.active:before,
.shipments .shipment .payment-box .shipment-content label.active:before,
.payments .shipment .payment-box .shipment-content label.active:before,
.shipments .payment .payment-box .shipment-content label.active:before,
.payments .payment .payment-box .shipment-content label.active:before,
.shipments .shipment .shipment-box .payment-content label.active:before,
.payments .shipment .shipment-box .payment-content label.active:before,
.shipments .payment .shipment-box .payment-content label.active:before,
.payments .payment .shipment-box .payment-content label.active:before,
.shipments .shipment .payment-box .payment-content label.active:before,
.payments .shipment .payment-box .payment-content label.active:before,
.shipments .payment .payment-box .payment-content label.active:before,
.payments .payment .payment-box .payment-content label.active:before,
.shipments .shipment .shipment-box .shipment-content label.focus:before,
.payments .shipment .shipment-box .shipment-content label.focus:before,
.shipments .payment .shipment-box .shipment-content label.focus:before,
.payments .payment .shipment-box .shipment-content label.focus:before,
.shipments .shipment .payment-box .shipment-content label.focus:before,
.payments .shipment .payment-box .shipment-content label.focus:before,
.shipments .payment .payment-box .shipment-content label.focus:before,
.payments .payment .payment-box .shipment-content label.focus:before,
.shipments .shipment .shipment-box .payment-content label.focus:before,
.payments .shipment .shipment-box .payment-content label.focus:before,
.shipments .payment .shipment-box .payment-content label.focus:before,
.payments .payment .shipment-box .payment-content label.focus:before,
.shipments .shipment .payment-box .payment-content label.focus:before,
.payments .shipment .payment-box .payment-content label.focus:before,
.shipments .payment .payment-box .payment-content label.focus:before,
.payments .payment .payment-box .payment-content label.focus:before,
.shipments .shipment .shipment-box .shipment-content label.focus:before,
.payments .shipment .shipment-box .shipment-content label.focus:before,
.shipments .payment .shipment-box .shipment-content label.focus:before,
.payments .payment .shipment-box .shipment-content label.focus:before,
.shipments .shipment .payment-box .shipment-content label.focus:before,
.payments .shipment .payment-box .shipment-content label.focus:before,
.shipments .payment .payment-box .shipment-content label.focus:before,
.payments .payment .payment-box .shipment-content label.focus:before,
.shipments .shipment .shipment-box .payment-content label.focus:before,
.payments .shipment .shipment-box .payment-content label.focus:before,
.shipments .payment .shipment-box .payment-content label.focus:before,
.payments .payment .shipment-box .payment-content label.focus:before,
.shipments .shipment .payment-box .payment-content label.focus:before,
.payments .shipment .payment-box .payment-content label.focus:before,
.shipments .payment .payment-box .payment-content label.focus:before,
.payments .payment .payment-box .payment-content label.focus:before {
  content: "◉";
}
.shipments .shipment .shipment-box :checked ~ .shipment-content label,
.payments .shipment .shipment-box :checked ~ .shipment-content label,
.shipments .payment .shipment-box :checked ~ .shipment-content label,
.payments .payment .shipment-box :checked ~ .shipment-content label,
.shipments .shipment .payment-box :checked ~ .shipment-content label,
.payments .shipment .payment-box :checked ~ .shipment-content label,
.shipments .payment .payment-box :checked ~ .shipment-content label,
.payments .payment .payment-box :checked ~ .shipment-content label,
.shipments .shipment .shipment-box :checked ~ .payment-content label,
.payments .shipment .shipment-box :checked ~ .payment-content label,
.shipments .payment .shipment-box :checked ~ .payment-content label,
.payments .payment .shipment-box :checked ~ .payment-content label,
.shipments .shipment .payment-box :checked ~ .payment-content label,
.payments .shipment .payment-box :checked ~ .payment-content label,
.shipments .payment .payment-box :checked ~ .payment-content label,
.payments .payment .payment-box :checked ~ .payment-content label {
  border: 2px solid #2F2583;
}
.shipments .shipment .shipment-box :checked ~ .shipment-content label:before,
.payments .shipment .shipment-box :checked ~ .shipment-content label:before,
.shipments .payment .shipment-box :checked ~ .shipment-content label:before,
.payments .payment .shipment-box :checked ~ .shipment-content label:before,
.shipments .shipment .payment-box :checked ~ .shipment-content label:before,
.payments .shipment .payment-box :checked ~ .shipment-content label:before,
.shipments .payment .payment-box :checked ~ .shipment-content label:before,
.payments .payment .payment-box :checked ~ .shipment-content label:before,
.shipments .shipment .shipment-box :checked ~ .payment-content label:before,
.payments .shipment .shipment-box :checked ~ .payment-content label:before,
.shipments .payment .shipment-box :checked ~ .payment-content label:before,
.payments .payment .shipment-box :checked ~ .payment-content label:before,
.shipments .shipment .payment-box :checked ~ .payment-content label:before,
.payments .shipment .payment-box :checked ~ .payment-content label:before,
.shipments .payment .payment-box :checked ~ .payment-content label:before,
.payments .payment .payment-box :checked ~ .payment-content label:before {
  content: "◉";
}
/* CART-ITEM, ORDER-ITEM */
.cart-items,
.order-items {
  margin: -8px !important;
}
.cart-items .cart-item,
.order-items .cart-item,
.cart-items .order-item,
.order-items .order-item {
  padding: 8px !important;
}
.cart-items .cart-item .cart-item-box,
.order-items .cart-item .cart-item-box,
.cart-items .order-item .cart-item-box,
.order-items .order-item .cart-item-box,
.cart-items .cart-item .order-item-box,
.order-items .cart-item .order-item-box,
.cart-items .order-item .order-item-box,
.order-items .order-item .order-item-box {
  width: 100%;
  padding: 16px;
  border-radius: 10px;
  display: inline-block;
  border: 1px solid #EAECF2;
}
/* OPTION */
.options {
  margin: -4px !important;
}
.options .option {
  padding: 4px !important;
}
.options .option .option-box {
  padding: 0;
  width: 100%;
  border-radius: 10px;
  display: inline-block;
}
.options .option .option-box .option-header {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.options .option .option-box .option-header .option-cover label {
  display: block;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  border: 2px solid #FFFFFF;
}
.options .option .option-box .option-header .option-cover label::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0.25;
  display: none;
  position: absolute;
  background-color: #2F2583;
}
.options .option .option-box .option-header .option-cover label:hover::after {
  display: block;
}
.options .option .option-box .option-header .option-cover label:active,
.options .option .option-box .option-header .option-cover label.active,
.options .option .option-box .option-header .option-cover label.focus,
.options .option .option-box .option-header .option-cover label.focus {
  border: 2px solid #2F2583;
}
.options .option .option-box .option-header .option-info {
  left: 0;
  bottom: 0;
  padding: 16px;
  position: absolute;
}
.options .option .option-box .option-content label {
  padding: 8px;
}
.options .option .option-box .option-content.without label {
  display: block;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
}
.options .option .option-box .option-content.without label::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0.25;
  display: none;
  position: absolute;
  background-color: #2F2583;
}
.options .option .option-box .option-content.without label:hover::after {
  display: block;
}
.options .option .option-box .option-content.without label:active,
.options .option .option-box .option-content.without label.active,
.options .option .option-box .option-content.without label.focus,
.options .option .option-box .option-content.without label.focus {
  border: 2px solid #2F2583;
}
.options .option .option-box :checked ~ .option-header .option-cover label {
  border: 2px solid #2F2583;
}
.options .option .option-box :checked ~ .option-content.without label {
  border: 2px solid #2F2583;
}
/* BOX */
.image-box {
  padding: 0;
  width: 100%;
  position: relative;
  border-radius: 10px;
  display: inline-block;
}
.image-box .image-header {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.image-box .image-header .image-cover a {
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  border: 2px solid #FFFFFF;
}
.image-box .image-header .image-cover a img {
  border-radius: 10px;
}
.image-box .image-header .image-cover a:active,
.image-box .image-header .image-cover a.active,
.image-box .image-header .image-cover a.focus,
.image-box .image-header .image-cover a.focus {
  border: 2px solid #2F2583;
}
.image-box .image-header .image-cover a .arrows .arrow {
  top: 50%;
  z-index: 1;
  color: #000;
  font-size: 24px;
  line-height: 24px;
  padding: 16px 8px;
  position: absolute;
  background-color: #ddd;
  transform: translateY(-50%);
}
.image-box .image-header .image-cover a .arrows .arrow.left {
  left: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.image-box .image-header .image-cover a .arrows .arrow.right {
  right: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.image-box .image-header .image-info {
  top: 0;
  right: 0;
  padding: 16px;
  position: absolute;
}
.image-box .image-header .image-more {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
}
.image-box .image-header .image-more span {
  cursor: pointer;
}
.image-box .image-content a {
  padding: 8px;
}
.image-box .image-content.without a {
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
}
.image-box .image-content.without a::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0.25;
  display: none;
  position: absolute;
  background-color: #2F2583;
}
.image-box .image-content.without a:hover::after {
  display: block;
}
.image-box .image-content.without a:active,
.image-box .image-content.without a.active,
.image-box .image-content.without a.focus,
.image-box .image-content.without a.focus {
  border: 2px solid #2F2583;
}
.social-box {
  width: auto;
  padding: 16px 20px;
  position: relative;
  border-radius: 10px;
  display: inline-block;
  background-color: #F4F5F8;
}
.table-box {
  width: 100%;
  padding: 16px;
  position: relative;
  border-radius: 10px;
  display: inline-block;
  background-color: #FFFFFF;
}
.table-box .box-action {
  top: 0;
  right: 0;
  z-index: 1;
  position: absolute;
}
.content-box {
  width: 100%;
  padding: 16px;
  position: relative;
  border-radius: 10px;
  display: inline-block;
  background-color: #FFFFFF;
}
.content-box .box-action {
  top: 0;
  right: 0;
  z-index: 1;
  position: absolute;
}
.content-box.bigger {
  padding: 24px;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.05);
}
/* TEXT */
.text {
  position: relative;
}
.text .text-action.show {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  position: absolute;
  background-color: #F4F5F8;
}
.text .text-action.show.active {
  display: none;
}
.text .text-action.hide {
  display: none;
}
.text .text-action.hide.active {
  display: block;
}
.text .text-action.active ~ .text-content {
  height: 100% !important;
}
.text .text-content {
  overflow: hidden;
}
/* AUTOSUGGEST */
#autosuggest::after {
  left: 0;
  right: 0;
  top: 100%;
  content: "";
  height: 24px;
  position: absolute;
  background-color: transparent;
}
/* RESPONSIVE */
@media (min-width: 992px) {
  /* FILTER */
  #filter {
    display: block;
  }
  /* NAV */
  .nav.autosuggest-nav {
    margin: 0;
    padding: 8px;
    width: 350px;
    display: flex;
    position: absolute;
    border-radius: 10px;
    top: calc(100% + 24px);
    border: 1px solid #EAECF2;
    background-color: #FFFFFF;
  }
  .nav.autosuggest-nav::before {
    width: 0;
    top: -16px;
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 16px 16px;
    border-color: #EAECF2 transparent;
  }
  .nav.autosuggest-nav::after {
    width: 0;
    top: -14px;
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 14px 14px;
    border-color: #FFFFFF transparent;
  }
  .nav.autosuggest-nav > .nav-item {
    margin: 8px;
    width: calc(100% - 16px);
  }
  .nav.autosuggest-nav > .nav-item > .nav-link {
    border: 0;
    padding: 0;
    font-weight: 400;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    color: #32343D;
    background-color: transparent;
    line-height: 22px;
  }
  .nav.autosuggest-nav > .nav-item:hover > .nav-link,
  .nav.autosuggest-nav > .nav-item:focus > .nav-link,
  .nav.autosuggest-nav > .nav-item.focus > .nav-link,
  .nav.autosuggest-nav > .nav-item:active > .nav-link,
  .nav.autosuggest-nav > .nav-item.active > .nav-link {
    color: #3F405A;
  }
  .nav.autosuggest-nav > .nav-item.primary > .nav-link {
    padding: 8px;
    color: #FFFFFF;
    background-color: #89BE35;
  }
  .nav.autosuggest-nav > .nav-item.primary:hover > .nav-link,
  .nav.autosuggest-nav > .nav-item.primary:focus > .nav-link,
  .nav.autosuggest-nav > .nav-item.primary.focus > .nav-link,
  .nav.autosuggest-nav > .nav-item.primary:active > .nav-link,
  .nav.autosuggest-nav > .nav-item.primary.active > .nav-link {
    background-color: #7EAF30;
  }
  .nav.autosuggest-nav.left {
    left: 0;
  }
  .nav.autosuggest-nav.left::before {
    left: 12px;
  }
  .nav.autosuggest-nav.left::after {
    left: 14px;
  }
  .nav.autosuggest-nav.right {
    right: 0;
  }
  .nav.autosuggest-nav.right::before {
    right: 12px;
  }
  .nav.autosuggest-nav.right::after {
    right: 14px;
  }
  .nav.tab-nav {
    padding: 0;
    margin: 0 -16px;
    position: relative;
  }
  .nav.tab-nav::before {
    left: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-bottom: 4px solid #EAECF2;
  }
  .nav.tab-nav > .nav-item {
    width: auto;
    margin: 0 16px;
  }
  .nav.tab-nav > .nav-item > .nav-link {
    border: 0;
    padding: 0;
    z-index: 1;
    font-weight: 400;
    border-radius: 0;
    text-align: center;
    position: relative;
    font-size: 22px;
    padding-bottom: 16px;
    text-decoration: none;
    color: #32343D;
    background-color: transparent;
    line-height: 32px;
    border-bottom: 4px solid #EAECF2;
  }
  .nav.tab-nav > .nav-item:hover > .nav-link,
  .nav.tab-nav > .nav-item:focus > .nav-link,
  .nav.tab-nav > .nav-item.focus > .nav-link,
  .nav.tab-nav > .nav-item:active > .nav-link,
  .nav.tab-nav > .nav-item.active > .nav-link {
    color: #3F405A;
    background-color: transparent;
    border-bottom: 4px solid #2F2583;
  }
}
@media (min-width: 1200px) {
  .frontend #side,
  .frontend-cart #side {
    display: none;
  }
  .backend #side {
    display: block;
  }
  /* ADMIN */
  #admin {
    margin-left: 250px;
    width: calc(100% - 250px);
  }
  /* SIDEBAR */
  #sidebar {
    top: 155px;
    position: sticky;
  }
  #sidebar .content-box {
    border: 1px solid red;
  }
  /* NAV */
  .nav.header-nav > .nav-item.primary > .nav-link {
    color: #FFFFFF;
    background-color: #89BE35;
  }
  .nav.header-nav > .nav-item.secondary > .nav-link {
    color: #FFFFFF;
    background-color: #2F2583;
  }
  .nav.header-nav > .nav-item > .nav.mega-nav {
    border-top-width: 4px;
    border-top-style: solid;
  }
  .nav.header-nav > .nav-item.with-arrow > .nav-link::after {
    content: "\f106";
    padding-left: 16px;
    font-family: 'Font Awesome 5 Pro';
    font-size: 18px;
    line-height: 18px;
  }
  .nav.header-nav > .nav-item:hover.primary > .nav-link,
  .nav.header-nav > .nav-item:focus.primary > .nav-link,
  .nav.header-nav > .nav-item.focus.primary > .nav-link,
  .nav.header-nav > .nav-item:active.primary > .nav-link,
  .nav.header-nav > .nav-item.active.primary > .nav-link {
    color: #FFFFFF;
    background-color: #7EAF30;
  }
  .nav.header-nav > .nav-item:hover.primary > .nav.mega-nav,
  .nav.header-nav > .nav-item:focus.primary > .nav.mega-nav,
  .nav.header-nav > .nav-item.focus.primary > .nav.mega-nav,
  .nav.header-nav > .nav-item:active.primary > .nav.mega-nav,
  .nav.header-nav > .nav-item.active.primary > .nav.mega-nav {
    border-top-color: #89BE35;
  }
  .nav.header-nav > .nav-item:hover.primary > .nav.mega-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item:focus.primary > .nav.mega-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item.focus.primary > .nav.mega-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item:active.primary > .nav.mega-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item.active.primary > .nav.mega-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item:hover.primary > .nav.mega-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item:focus.primary > .nav.mega-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item.focus.primary > .nav.mega-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item:active.primary > .nav.mega-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item.active.primary > .nav.mega-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item:hover.primary > .nav.mega-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item:focus.primary > .nav.mega-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item.focus.primary > .nav.mega-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item:active.primary > .nav.mega-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item.active.primary > .nav.mega-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item:hover.primary > .nav.mega-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item:focus.primary > .nav.mega-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item.focus.primary > .nav.mega-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item:active.primary > .nav.mega-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item.active.primary > .nav.mega-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item:hover.primary > .nav.mega-nav > .nav-item.active > .nav-link,
  .nav.header-nav > .nav-item:focus.primary > .nav.mega-nav > .nav-item.active > .nav-link,
  .nav.header-nav > .nav-item.focus.primary > .nav.mega-nav > .nav-item.active > .nav-link,
  .nav.header-nav > .nav-item:active.primary > .nav.mega-nav > .nav-item.active > .nav-link,
  .nav.header-nav > .nav-item.active.primary > .nav.mega-nav > .nav-item.active > .nav-link {
    color: #89BE35;
    border: 1px solid #89BE35;
  }
  .nav.header-nav > .nav-item:hover.secondary > .nav-link,
  .nav.header-nav > .nav-item:focus.secondary > .nav-link,
  .nav.header-nav > .nav-item.focus.secondary > .nav-link,
  .nav.header-nav > .nav-item:active.secondary > .nav-link,
  .nav.header-nav > .nav-item.active.secondary > .nav-link {
    color: #FFFFFF;
    background-color: #3D329F;
  }
  .nav.header-nav > .nav-item:hover.secondary > .nav.mega-nav,
  .nav.header-nav > .nav-item:focus.secondary > .nav.mega-nav,
  .nav.header-nav > .nav-item.focus.secondary > .nav.mega-nav,
  .nav.header-nav > .nav-item:active.secondary > .nav.mega-nav,
  .nav.header-nav > .nav-item.active.secondary > .nav.mega-nav {
    border-top-color: #2F2583;
  }
  .nav.header-nav > .nav-item:hover.secondary > .nav.mega-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item:focus.secondary > .nav.mega-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item.focus.secondary > .nav.mega-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item:active.secondary > .nav.mega-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item.active.secondary > .nav.mega-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item:hover.secondary > .nav.mega-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item:focus.secondary > .nav.mega-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item.focus.secondary > .nav.mega-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item:active.secondary > .nav.mega-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item.active.secondary > .nav.mega-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item:hover.secondary > .nav.mega-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item:focus.secondary > .nav.mega-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item.focus.secondary > .nav.mega-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item:active.secondary > .nav.mega-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item.active.secondary > .nav.mega-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item:hover.secondary > .nav.mega-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item:focus.secondary > .nav.mega-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item.focus.secondary > .nav.mega-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item:active.secondary > .nav.mega-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item.active.secondary > .nav.mega-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item:hover.secondary > .nav.mega-nav > .nav-item.active > .nav-link,
  .nav.header-nav > .nav-item:focus.secondary > .nav.mega-nav > .nav-item.active > .nav-link,
  .nav.header-nav > .nav-item.focus.secondary > .nav.mega-nav > .nav-item.active > .nav-link,
  .nav.header-nav > .nav-item:active.secondary > .nav.mega-nav > .nav-item.active > .nav-link,
  .nav.header-nav > .nav-item.active.secondary > .nav.mega-nav > .nav-item.active > .nav-link {
    color: #2F2583;
    border: 1px solid #2F2583;
  }
  .nav.header-nav > .nav-item:hover.sub,
  .nav.header-nav > .nav-item:focus.sub,
  .nav.header-nav > .nav-item.focus.sub,
  .nav.header-nav > .nav-item:active.sub,
  .nav.header-nav > .nav-item.active.sub {
    position: relative;
  }
  .nav.header-nav > .nav-item:hover::after,
  .nav.header-nav > .nav-item:focus::after,
  .nav.header-nav > .nav-item.focus::after,
  .nav.header-nav > .nav-item:active::after,
  .nav.header-nav > .nav-item.active::after {
    left: 0;
    right: 0;
    top: 100%;
    content: "";
    height: 24px;
    position: absolute;
    background-color: transparent;
  }
  .nav.header-nav > .nav-item:hover.account::after,
  .nav.header-nav > .nav-item:focus.account::after,
  .nav.header-nav > .nav-item.focus.account::after,
  .nav.header-nav > .nav-item:active.account::after,
  .nav.header-nav > .nav-item.active.account::after {
    left: -122px;
    width: 175px;
  }
  .nav.header-nav > .nav-item:hover.cart::after,
  .nav.header-nav > .nav-item:focus.cart::after,
  .nav.header-nav > .nav-item.focus.cart::after,
  .nav.header-nav > .nav-item:active.cart::after,
  .nav.header-nav > .nav-item.active.cart::after {
    left: -188px;
    width: 350px;
  }
  .nav.header-nav > .nav-item:hover > .nav.mega-nav,
  .nav.header-nav > .nav-item:focus > .nav.mega-nav,
  .nav.header-nav > .nav-item.focus > .nav.mega-nav,
  .nav.header-nav > .nav-item:active > .nav.mega-nav,
  .nav.header-nav > .nav-item.active > .nav.mega-nav {
    left: 0;
    right: 0;
    margin: -8px;
    padding: 16px;
    display: flex;
    position: absolute;
    top: calc(100% + 24px);
    background-color: #FFFFFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid #EAECF2;
    border-right: 1px solid #EAECF2;
    border-bottom: 1px solid #EAECF2;
  }
  .nav.header-nav > .nav-item:hover > .nav.mega-nav > .nav-item,
  .nav.header-nav > .nav-item:focus > .nav.mega-nav > .nav-item,
  .nav.header-nav > .nav-item.focus > .nav.mega-nav > .nav-item,
  .nav.header-nav > .nav-item:active > .nav.mega-nav > .nav-item,
  .nav.header-nav > .nav-item.active > .nav.mega-nav > .nav-item {
    margin: 8px;
    width: calc(25% - 16px);
  }
  .nav.header-nav > .nav-item:hover > .nav.mega-nav > .nav-item > .nav-link,
  .nav.header-nav > .nav-item:focus > .nav.mega-nav > .nav-item > .nav-link,
  .nav.header-nav > .nav-item.focus > .nav.mega-nav > .nav-item > .nav-link,
  .nav.header-nav > .nav-item:active > .nav.mega-nav > .nav-item > .nav-link,
  .nav.header-nav > .nav-item.active > .nav.mega-nav > .nav-item > .nav-link {
    padding: 8px;
    font-weight: 400;
    color: #111111;
    position: relative;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    border: 1px solid #EAECF2;
    background-color: #FFFFFF;
    line-height: 22px;
  }
  .nav.header-nav > .nav-item:hover > .nav.mega-nav > .nav-item > .nav-link img,
  .nav.header-nav > .nav-item:focus > .nav.mega-nav > .nav-item > .nav-link img,
  .nav.header-nav > .nav-item.focus > .nav.mega-nav > .nav-item > .nav-link img,
  .nav.header-nav > .nav-item:active > .nav.mega-nav > .nav-item > .nav-link img,
  .nav.header-nav > .nav-item.active > .nav.mega-nav > .nav-item > .nav-link img {
    border-radius: 10px;
  }
  .nav.header-nav > .nav-item:hover > .nav.mega-nav.as-products > .nav-item > .nav-link span,
  .nav.header-nav > .nav-item:focus > .nav.mega-nav.as-products > .nav-item > .nav-link span,
  .nav.header-nav > .nav-item.focus > .nav.mega-nav.as-products > .nav-item > .nav-link span,
  .nav.header-nav > .nav-item:active > .nav.mega-nav.as-products > .nav-item > .nav-link span,
  .nav.header-nav > .nav-item.active > .nav.mega-nav.as-products > .nav-item > .nav-link span {
    top: 8px;
    right: 8px;
    left: 116px;
    bottom: 8px;
    display: flex;
    font-weight: 400;
    position: absolute;
    color: #111111;
    align-items: center;
  }
  .nav.header-nav > .nav-item:hover > .nav.mega-nav.as-menu > .nav-item > .nav-link span,
  .nav.header-nav > .nav-item:focus > .nav.mega-nav.as-menu > .nav-item > .nav-link span,
  .nav.header-nav > .nav-item.focus > .nav.mega-nav.as-menu > .nav-item > .nav-link span,
  .nav.header-nav > .nav-item:active > .nav.mega-nav.as-menu > .nav-item > .nav-link span,
  .nav.header-nav > .nav-item.active > .nav.mega-nav.as-menu > .nav-item > .nav-link span {
    top: 8px;
    left: 80px;
    right: 8px;
    bottom: 8px;
    display: flex;
    font-weight: 400;
    color: #111111;
    position: absolute;
    align-items: center;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav,
  .nav.header-nav > .nav-item:active > .nav.roll-nav,
  .nav.header-nav > .nav-item.active > .nav.roll-nav {
    margin: 0;
    padding: 8px;
    display: flex;
    position: absolute;
    border-radius: 10px;
    top: calc(100% + 24px);
    border: 1px solid #EAECF2;
    background-color: #FFFFFF;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav::before,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav::before,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav::before,
  .nav.header-nav > .nav-item:active > .nav.roll-nav::before,
  .nav.header-nav > .nav-item.active > .nav.roll-nav::before {
    width: 0;
    top: -16px;
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 16px 16px;
    border-color: #EAECF2 transparent;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav::after,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav::after,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav::after,
  .nav.header-nav > .nav-item:active > .nav.roll-nav::after,
  .nav.header-nav > .nav-item.active > .nav.roll-nav::after {
    width: 0;
    top: -14px;
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 14px 14px;
    border-color: #FFFFFF transparent;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav.search,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav.search,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav.search,
  .nav.header-nav > .nav-item:active > .nav.roll-nav.search,
  .nav.header-nav > .nav-item.active > .nav.roll-nav.search {
    width: 175px;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav.mutation,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav.mutation,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav.mutation,
  .nav.header-nav > .nav-item:active > .nav.roll-nav.mutation,
  .nav.header-nav > .nav-item.active > .nav.roll-nav.mutation {
    width: auto;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav.account,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav.account,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav.account,
  .nav.header-nav > .nav-item:active > .nav.roll-nav.account,
  .nav.header-nav > .nav-item.active > .nav.roll-nav.account {
    width: 175px;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav.cart,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav.cart,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav.cart,
  .nav.header-nav > .nav-item:active > .nav.roll-nav.cart,
  .nav.header-nav > .nav-item.active > .nav.roll-nav.cart {
    width: 350px;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav > .nav-item,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav > .nav-item,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav > .nav-item,
  .nav.header-nav > .nav-item:active > .nav.roll-nav > .nav-item,
  .nav.header-nav > .nav-item.active > .nav.roll-nav > .nav-item {
    margin: 8px;
    width: calc(100% - 16px);
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav > .nav-item > .nav-link,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav > .nav-item > .nav-link,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav > .nav-item > .nav-link,
  .nav.header-nav > .nav-item:active > .nav.roll-nav > .nav-item > .nav-link,
  .nav.header-nav > .nav-item.active > .nav.roll-nav > .nav-item > .nav-link {
    border: 0;
    padding: 0;
    font-weight: 400;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    color: #32343D;
    background-color: transparent;
    line-height: 22px;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item:active > .nav.roll-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item.active > .nav.roll-nav > .nav-item:hover > .nav-link,
  .nav.header-nav > .nav-item:hover > .nav.roll-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item:active > .nav.roll-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item.active > .nav.roll-nav > .nav-item:focus > .nav-link,
  .nav.header-nav > .nav-item:hover > .nav.roll-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item:active > .nav.roll-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item.active > .nav.roll-nav > .nav-item.focus > .nav-link,
  .nav.header-nav > .nav-item:hover > .nav.roll-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item:active > .nav.roll-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item.active > .nav.roll-nav > .nav-item:active > .nav-link,
  .nav.header-nav > .nav-item:hover > .nav.roll-nav > .nav-item.active > .nav-link,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav > .nav-item.active > .nav-link,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav > .nav-item.active > .nav-link,
  .nav.header-nav > .nav-item:active > .nav.roll-nav > .nav-item.active > .nav-link,
  .nav.header-nav > .nav-item.active > .nav.roll-nav > .nav-item.active > .nav-link {
    color: #3F405A;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav > .nav-item.primary > .nav-link,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav > .nav-item.primary > .nav-link,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav > .nav-item.primary > .nav-link,
  .nav.header-nav > .nav-item:active > .nav.roll-nav > .nav-item.primary > .nav-link,
  .nav.header-nav > .nav-item.active > .nav.roll-nav > .nav-item.primary > .nav-link {
    padding: 8px;
    color: #FFFFFF;
    background-color: #89BE35;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav > .nav-item.primary:hover > .nav-link,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav > .nav-item.primary:hover > .nav-link,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav > .nav-item.primary:hover > .nav-link,
  .nav.header-nav > .nav-item:active > .nav.roll-nav > .nav-item.primary:hover > .nav-link,
  .nav.header-nav > .nav-item.active > .nav.roll-nav > .nav-item.primary:hover > .nav-link,
  .nav.header-nav > .nav-item:hover > .nav.roll-nav > .nav-item.primary:focus > .nav-link,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav > .nav-item.primary:focus > .nav-link,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav > .nav-item.primary:focus > .nav-link,
  .nav.header-nav > .nav-item:active > .nav.roll-nav > .nav-item.primary:focus > .nav-link,
  .nav.header-nav > .nav-item.active > .nav.roll-nav > .nav-item.primary:focus > .nav-link,
  .nav.header-nav > .nav-item:hover > .nav.roll-nav > .nav-item.primary.focus > .nav-link,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav > .nav-item.primary.focus > .nav-link,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav > .nav-item.primary.focus > .nav-link,
  .nav.header-nav > .nav-item:active > .nav.roll-nav > .nav-item.primary.focus > .nav-link,
  .nav.header-nav > .nav-item.active > .nav.roll-nav > .nav-item.primary.focus > .nav-link,
  .nav.header-nav > .nav-item:hover > .nav.roll-nav > .nav-item.primary:active > .nav-link,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav > .nav-item.primary:active > .nav-link,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav > .nav-item.primary:active > .nav-link,
  .nav.header-nav > .nav-item:active > .nav.roll-nav > .nav-item.primary:active > .nav-link,
  .nav.header-nav > .nav-item.active > .nav.roll-nav > .nav-item.primary:active > .nav-link,
  .nav.header-nav > .nav-item:hover > .nav.roll-nav > .nav-item.primary.active > .nav-link,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav > .nav-item.primary.active > .nav-link,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav > .nav-item.primary.active > .nav-link,
  .nav.header-nav > .nav-item:active > .nav.roll-nav > .nav-item.primary.active > .nav-link,
  .nav.header-nav > .nav-item.active > .nav.roll-nav > .nav-item.primary.active > .nav-link {
    background-color: #7EAF30;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav.left,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav.left,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav.left,
  .nav.header-nav > .nav-item:active > .nav.roll-nav.left,
  .nav.header-nav > .nav-item.active > .nav.roll-nav.left {
    left: 0;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav.left::before,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav.left::before,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav.left::before,
  .nav.header-nav > .nav-item:active > .nav.roll-nav.left::before,
  .nav.header-nav > .nav-item.active > .nav.roll-nav.left::before {
    left: 12px;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav.left::after,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav.left::after,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav.left::after,
  .nav.header-nav > .nav-item:active > .nav.roll-nav.left::after,
  .nav.header-nav > .nav-item.active > .nav.roll-nav.left::after {
    left: 14px;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav.right,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav.right,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav.right,
  .nav.header-nav > .nav-item:active > .nav.roll-nav.right,
  .nav.header-nav > .nav-item.active > .nav.roll-nav.right {
    right: 0;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav.right::before,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav.right::before,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav.right::before,
  .nav.header-nav > .nav-item:active > .nav.roll-nav.right::before,
  .nav.header-nav > .nav-item.active > .nav.roll-nav.right::before {
    right: 12px;
  }
  .nav.header-nav > .nav-item:hover > .nav.roll-nav.right::after,
  .nav.header-nav > .nav-item:focus > .nav.roll-nav.right::after,
  .nav.header-nav > .nav-item.focus > .nav.roll-nav.right::after,
  .nav.header-nav > .nav-item:active > .nav.roll-nav.right::after,
  .nav.header-nav > .nav-item.active > .nav.roll-nav.right::after {
    right: 14px;
  }
  .nav.header-nav > .nav-item:hover.with-arrow > .nav-link::after,
  .nav.header-nav > .nav-item:focus.with-arrow > .nav-link::after,
  .nav.header-nav > .nav-item.focus.with-arrow > .nav-link::after,
  .nav.header-nav > .nav-item:active.with-arrow > .nav-link::after,
  .nav.header-nav > .nav-item.active.with-arrow > .nav-link::after {
    content: "\f107";
  }
}
@media (max-width: 1199px) {
  .frontend #side.open,
  .frontend-cart #side.open {
    display: block;
  }
  .frontend #side:not(.open),
  .frontend-cart #side:not(.open) {
    display: none;
  }
  .backend #side.open {
    display: block;
  }
  .backend #side:not(.open) {
    display: none;
  }
  /* ESHOP */
  #eshop-header {
    padding: 20px 8px;
  }
  #eshop-header .header-left {
    flex: 0 0 45%;
    max-width: 45%;
    -ms-flex: 0 0 45%;
  }
  #eshop-header .header-right {
    flex: 0 0 55%;
    max-width: 55%;
    -ms-flex: 0 0 55%;
  }
  #eshop-footer {
    padding: 32px 16px;
  }
  /* ADMIN */
  #admin {
    margin-left: 0;
    width: calc(100% - 0);
  }
  #admin.open {
    overflow-y: hidden;
  }
  #admin:not(.open) {
    overflow-y: auto;
  }
  /* SIDEBAR */
  #sidebar {
    display: none;
  }
  /* NAV */
  .nav.block-nav {
    padding: 0;
    margin: -8px;
  }
  .nav.block-nav > .nav-item {
    margin: 8px;
    width: calc(100% - 16px);
  }
  .nav.block-nav > .nav-item > .nav-link {
    border: 0;
    padding: 16px;
    font-weight: 400;
    color: #111111;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    line-height: 22px;
    background-color: #F4F5F8;
  }
  .nav.block-nav > .nav-item:hover > .nav-link,
  .nav.block-nav > .nav-item:focus > .nav-link,
  .nav.block-nav > .nav-item.focus > .nav-link,
  .nav.block-nav > .nav-item:active > .nav-link,
  .nav.block-nav > .nav-item.active > .nav-link {
    background-color: #EEF0FF;
  }
  .nav.box-nav {
    padding: 0;
    margin: -8px;
  }
  .nav.box-nav > .nav-item {
    margin: 8px;
    width: calc(100% - 16px);
  }
  .nav.box-nav > .nav-item > .nav-link {
    border: 0;
    padding: 8px;
    font-weight: 400;
    position: relative;
    color: #111111;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    line-height: 22px;
    background-color: #F4F5F8;
  }
  .nav.box-nav > .nav-item > .nav-link span {
    top: 8px;
    left: 80px;
    right: 8px;
    bottom: 8px;
    display: flex;
    font-weight: 400;
    position: absolute;
    color: #111111;
    align-items: center;
  }
  .nav.box-nav > .nav-item > .nav-link img {
    border-radius: 10px;
  }
  .nav.box-nav > .nav-item:hover > .nav-link,
  .nav.box-nav > .nav-item:focus > .nav-link,
  .nav.box-nav > .nav-item.focus > .nav-link,
  .nav.box-nav > .nav-item:active > .nav-link,
  .nav.box-nav > .nav-item.active > .nav-link {
    background-color: #EEF0FF;
  }
  .nav.header-nav > .nav-item > .nav-link {
    padding: 8px;
  }
  .nav.home-nav > .nav-item {
    width: calc(33.33% - 16px);
  }
  .nav.account-nav {
    padding: 0;
    margin: -8px;
  }
  .nav.account-nav > .nav-item {
    margin: 8px;
    width: calc(100% - 16px);
  }
  .nav.account-nav > .nav-item > .nav-link {
    border: 0;
    padding: 0;
    font-weight: 400;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    color: #32343D;
    background-color: transparent;
    line-height: 22px;
  }
  .nav.account-nav > .nav-item:hover > .nav-link,
  .nav.account-nav > .nav-item:focus > .nav-link,
  .nav.account-nav > .nav-item.focus > .nav-link,
  .nav.account-nav > .nav-item:active > .nav-link,
  .nav.account-nav > .nav-item.active > .nav-link {
    color: #3F405A;
  }
}
@media (max-width: 991px) {
  /* FILTER */
  #filter.open {
    display: block;
  }
  #filter:not(.open) {
    display: none;
  }
  /* NAV */
  .nav.home-nav > .nav-item {
    width: calc(50% - 16px);
  }
  .nav.tab-nav {
    padding: 0;
    margin: -8px -16px;
  }
  .nav.tab-nav > .nav-item {
    margin: 8px 16px;
    width: calc(100% - 32px);
  }
  .nav.tab-nav > .nav-item > .nav-link {
    padding: 16px;
    font-weight: 400;
    text-align: center;
    position: relative;
    border-radius: 10px;
    font-size: 22px;
    text-decoration: none;
    color: #32343D;
    background-color: transparent;
    border: 2px solid #EAECF2;
    line-height: 32px;
  }
  .nav.tab-nav > .nav-item > .nav-link::after {
    top: 50%;
    right: 16px;
    content: "\f106";
    position: absolute;
    font-size: 14px;
    font-family: 'Font Awesome 5 Pro';
    line-height: 14px;
    transform: translateY(-50%);
  }
  .nav.tab-nav > .nav-item:hover > .nav-link,
  .nav.tab-nav > .nav-item:focus > .nav-link,
  .nav.tab-nav > .nav-item.focus > .nav-link,
  .nav.tab-nav > .nav-item:active > .nav-link,
  .nav.tab-nav > .nav-item.active > .nav-link {
    color: #3F405A;
    background-color: transparent;
    border: 2px solid #2F2583;
  }
  .nav.tab-nav > .nav-item:hover > .nav-link::after,
  .nav.tab-nav > .nav-item:focus > .nav-link::after,
  .nav.tab-nav > .nav-item.focus > .nav-link::after,
  .nav.tab-nav > .nav-item:active > .nav-link::after,
  .nav.tab-nav > .nav-item.active > .nav-link::after {
    content: "\f107";
  }
}
@media (max-width: 767px) {
  /* FORM */
  .form-inline.sort-form-inline .form-group .form-label {
    display: none;
  }
}
@media (max-width: 575px) {
  /* NAV */
  .nav.home-nav > .nav-item {
    zoom: 0.75;
    font-size: 75%;
  }
}
/*# sourceMappingURL=layout.css.map */