@charset "UTF-8";
@font-face {
  font-family: "Mazzard Soft M";
  src: url("../../webfonts/MazzardSoftM-Light.eot");
  src: local("MazzardSoftM-Light"), url("../../webfonts/MazzardSoftM-Light.eot?#iefix") format("embedded-opentype"), url("../../webfonts/MazzardSoftM-Light.woff2") format("woff2"), url("../../webfonts/MazzardSoftM-Light.woff") format("woff"), url("../../webfonts/MazzardSoftM-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Mazzard H";
  src: local("Mazzard H Medium"), local("Mazzard-H-Medium"), url("../../webfonts/MazzardH-Medium.woff2") format("woff2"), url("../../webfonts/MazzardH-Medium.woff") format("woff"), url("../../webfonts/MazzardH-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Mazzard S";
  src: local("Mazzard H SemiBold"), local("Mazzard-H-SemiBold"), url("../../webfonts/MazzardH-SemiBold.woff2") format("woff2"), url("../../webfonts/MazzardH-SemiBold.woff") format("woff"), url("../../webfonts/MazzardH-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
h1, h2 {
  font-family: "Mazzard H";
  font-size: 2rem;
}

h3 {
  font-family: "Mazzard H";
}

h5, h6 {
  font-family: "Mazzard H";
}

strong {
  font-family: "Mazzard H";
}

.field_required:after {
  content: "*";
  color: #c50040;
}

.alert {
  border-radius: 0;
  min-width: 350px;
  min-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
}

.bg-light-gray {
  background-color: #f2f2f2;
}

.bg-light-gray {
  background-color: #f2f2f2;
}

input:not([type=radio]), input, button, select.form-select, a.btn {
  width: 100%;
  justify-content: flex-start;
  color: #000000;
  font-size: 1em;
  padding: 0.5em 1em;
  border: 1px solid #c8c8c8;
  border-radius: 0 !important;
  background-color: #ffffff;
  text-align: left;
  margin-bottom: 0.125em;
}
input:not([type=radio]).form-control, input.form-control, button.form-control, select.form-select.form-control, a.btn.form-control {
  width: 100%;
}
input:not([type=radio])::-webkit-outer-spin-button, input:not([type=radio])::-webkit-inner-spin-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, button::-webkit-outer-spin-button, button::-webkit-inner-spin-button, select.form-select::-webkit-outer-spin-button, select.form-select::-webkit-inner-spin-button, a.btn::-webkit-outer-spin-button, a.btn::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input:not([type=radio]).txt-center, input.txt-center, button.txt-center, select.form-select.txt-center, a.btn.txt-center {
  text-align: center;
}
input:not([type=radio]).btn, input.btn, button.btn, select.form-select.btn, a.btn.btn {
  width: auto;
  padding: 0.625em 1em;
  text-align: center;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid inherit;
  margin-bottom: 0.125em;
  text-transform: uppercase;
}
input:not([type=radio]).btn-default, input.btn-default, button.btn-default, select.form-select.btn-default, a.btn.btn-default {
  background-color: #f5f5f5;
  color: #000000;
  border-color: #f5f5f5;
}
input:not([type=radio]).btn-primary, input.btn-primary, button.btn-primary, select.form-select.btn-primary, a.btn.btn-primary {
  background-color: #9b3a7f;
  color: #ffffff;
  border-color: #9b3a7f;
}
input:not([type=radio]).btn-primary:hover, input.btn-primary:hover, button.btn-primary:hover, select.form-select.btn-primary:hover, a.btn.btn-primary:hover {
  color: #ffffff;
  background-color: #ad4d91;
  border-color: #ad4d91;
}
input:not([type=radio]).btn-primary:disabled, input.btn-primary:disabled, button.btn-primary:disabled, select.form-select.btn-primary:disabled, a.btn.btn-primary:disabled {
  background-color: rgb(192, 154, 187);
}
input:not([type=radio]).btn-warning, input.btn-warning, button.btn-warning, select.form-select.btn-warning, a.btn.btn-warning {
  background-color: #fdc689;
  border-color: #fdc689;
  color: #000000;
}
input:not([type=radio]).btn-warning:hover, input.btn-warning:hover, button.btn-warning:hover, select.form-select.btn-warning:hover, a.btn.btn-warning:hover {
  color: #000000;
  background-color: #ffb85d;
  border-color: #ffb85d;
}
input:not([type=radio]).btn-warning:disabled, input.btn-warning:disabled, button.btn-warning:disabled, select.form-select.btn-warning:disabled, a.btn.btn-warning:disabled {
  background-color: rgb(192, 154, 187);
}
input:not([type=radio]).btn-info, input.btn-info, button.btn-info, select.form-select.btn-info, a.btn.btn-info {
  background-color: #0dcaf0;
  border-color: #0dcaf0;
  color: #ffffff;
}
input:not([type=radio]).btn-info:hover, input.btn-info:hover, button.btn-info:hover, select.form-select.btn-info:hover, a.btn.btn-info:hover {
  color: #ffffff;
  background-color: #21afcb;
  border-color: #21afcb;
}
input:not([type=radio]).btn-info:disabled, input.btn-info:disabled, button.btn-info:disabled, select.form-select.btn-info:disabled, a.btn.btn-info:disabled {
  background-color: aliceblue;
}
input:not([type=radio]).btn-purple, input.btn-purple, button.btn-purple, select.form-select.btn-purple, a.btn.btn-purple {
  background-color: #6f3a68;
  border-color: #6f3a68;
  color: #ffffff;
}
input:not([type=radio]).btn-purple:hover, input.btn-purple:hover, button.btn-purple:hover, select.form-select.btn-purple:hover, a.btn.btn-purple:hover {
  color: #ffffff;
  background-color: #9b3a7f;
  border-color: #9b3a7f;
}
input:not([type=radio]).btn-purple:disabled, input.btn-purple:disabled, button.btn-purple:disabled, select.form-select.btn-purple:disabled, a.btn.btn-purple:disabled {
  background-color: rgb(192, 154, 187);
}
input:not([type=radio]).btn-danger, input.btn-danger, button.btn-danger, select.form-select.btn-danger, a.btn.btn-danger {
  background-color: #c50040;
  border-color: #c50040;
  color: #ffffff;
}
input:not([type=radio]).btn-danger:hover, input.btn-danger:hover, button.btn-danger:hover, select.form-select.btn-danger:hover, a.btn.btn-danger:hover {
  color: #ffffff;
  background-color: #c2134c;
  border-color: #c2134c;
}
input:not([type=radio]).btn-danger:disabled, input.btn-danger:disabled, button.btn-danger:disabled, select.form-select.btn-danger:disabled, a.btn.btn-danger:disabled {
  background-color: #c43f6a;
}
input:not([type=radio]).btn-success, input.btn-success, button.btn-success, select.form-select.btn-success, a.btn.btn-success {
  background-color: #01a89e;
  border-color: #01a89e;
  color: #ffffff;
}
input:not([type=radio]).btn-success:hover, input.btn-success:hover, button.btn-success:hover, select.form-select.btn-success:hover, a.btn.btn-success:hover {
  color: #ffffff;
  background-color: #006762;
  border-color: #006762;
}
input:not([type=radio]).btn-success:disabled, input.btn-success:disabled, button.btn-success:disabled, select.form-select.btn-success:disabled, a.btn.btn-success:disabled {
  background-color: #4aa9a3;
}
input:not([type=radio]).btn-more, input.btn-more, button.btn-more, select.form-select.btn-more, a.btn.btn-more {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #000000;
}
input:not([type=radio]).btn-more:hover, input.btn-more:hover, button.btn-more:hover, select.form-select.btn-more:hover, a.btn.btn-more:hover {
  color: #ffffff;
  background-color: #a2a2a2;
  border-color: #a2a2a2;
}
input:not([type=radio]).btn-more:disabled, input.btn-more:disabled, button.btn-more:disabled, select.form-select.btn-more:disabled, a.btn.btn-more:disabled {
  background-color: #4aa9a3;
}
input:not([type=radio]).btn-default:checked, input:not([type=radio]).btn-default:focus, input:not([type=radio]).btn-default:active, input:not([type=radio]).btn-default:active:focus, input:not([type=radio]).btn-primary:checked, input:not([type=radio]).btn-primary:focus, input:not([type=radio]).btn-primary:active, input:not([type=radio]).btn-primary:active:focus, input:not([type=radio]).btn-warning:checked, input:not([type=radio]).btn-warning:focus, input:not([type=radio]).btn-warning:active, input:not([type=radio]).btn-warning:active:focus, input:not([type=radio]).btn-blue:checked, input:not([type=radio]).btn-blue:focus, input:not([type=radio]).btn-blue:active, input:not([type=radio]).btn-blue:active:focus, input:not([type=radio]).btn-purple:checked, input:not([type=radio]).btn-purple:focus, input:not([type=radio]).btn-purple:active, input:not([type=radio]).btn-purple:active:focus, input:not([type=radio]).btn-danger:checked, input:not([type=radio]).btn-danger:focus, input:not([type=radio]).btn-danger:active, input:not([type=radio]).btn-danger:active:focus, input:not([type=radio]).btn-success:checked, input:not([type=radio]).btn-success:focus, input:not([type=radio]).btn-success:active, input:not([type=radio]).btn-success:active:focus, input.btn-default:checked, input.btn-default:focus, input.btn-default:active, input.btn-default:active:focus, input.btn-primary:checked, input.btn-primary:focus, input.btn-primary:active, input.btn-primary:active:focus, input.btn-warning:checked, input.btn-warning:focus, input.btn-warning:active, input.btn-warning:active:focus, input.btn-blue:checked, input.btn-blue:focus, input.btn-blue:active, input.btn-blue:active:focus, input.btn-purple:checked, input.btn-purple:focus, input.btn-purple:active, input.btn-purple:active:focus, input.btn-danger:checked, input.btn-danger:focus, input.btn-danger:active, input.btn-danger:active:focus, input.btn-success:checked, input.btn-success:focus, input.btn-success:active, input.btn-success:active:focus, button.btn-default:checked, button.btn-default:focus, button.btn-default:active, button.btn-default:active:focus, button.btn-primary:checked, button.btn-primary:focus, button.btn-primary:active, button.btn-primary:active:focus, button.btn-warning:checked, button.btn-warning:focus, button.btn-warning:active, button.btn-warning:active:focus, button.btn-blue:checked, button.btn-blue:focus, button.btn-blue:active, button.btn-blue:active:focus, button.btn-purple:checked, button.btn-purple:focus, button.btn-purple:active, button.btn-purple:active:focus, button.btn-danger:checked, button.btn-danger:focus, button.btn-danger:active, button.btn-danger:active:focus, button.btn-success:checked, button.btn-success:focus, button.btn-success:active, button.btn-success:active:focus, select.form-select.btn-default:checked, select.form-select.btn-default:focus, select.form-select.btn-default:active, select.form-select.btn-default:active:focus, select.form-select.btn-primary:checked, select.form-select.btn-primary:focus, select.form-select.btn-primary:active, select.form-select.btn-primary:active:focus, select.form-select.btn-warning:checked, select.form-select.btn-warning:focus, select.form-select.btn-warning:active, select.form-select.btn-warning:active:focus, select.form-select.btn-blue:checked, select.form-select.btn-blue:focus, select.form-select.btn-blue:active, select.form-select.btn-blue:active:focus, select.form-select.btn-purple:checked, select.form-select.btn-purple:focus, select.form-select.btn-purple:active, select.form-select.btn-purple:active:focus, select.form-select.btn-danger:checked, select.form-select.btn-danger:focus, select.form-select.btn-danger:active, select.form-select.btn-danger:active:focus, select.form-select.btn-success:checked, select.form-select.btn-success:focus, select.form-select.btn-success:active, select.form-select.btn-success:active:focus, a.btn.btn-default:checked, a.btn.btn-default:focus, a.btn.btn-default:active, a.btn.btn-default:active:focus, a.btn.btn-primary:checked, a.btn.btn-primary:focus, a.btn.btn-primary:active, a.btn.btn-primary:active:focus, a.btn.btn-warning:checked, a.btn.btn-warning:focus, a.btn.btn-warning:active, a.btn.btn-warning:active:focus, a.btn.btn-blue:checked, a.btn.btn-blue:focus, a.btn.btn-blue:active, a.btn.btn-blue:active:focus, a.btn.btn-purple:checked, a.btn.btn-purple:focus, a.btn.btn-purple:active, a.btn.btn-purple:active:focus, a.btn.btn-danger:checked, a.btn.btn-danger:focus, a.btn.btn-danger:active, a.btn.btn-danger:active:focus, a.btn.btn-success:checked, a.btn.btn-success:focus, a.btn.btn-success:active, a.btn.btn-success:active:focus {
  box-shadow: none;
  outline: none;
  border-color: transparent;
}
input:not([type=radio])[type=number], input[type=number], button[type=number], select.form-select[type=number], a.btn[type=number] {
  width: 150px;
}
input:not([type=radio]).big, input.big, button.big, select.form-select.big, a.btn.big {
  padding: 0.75em;
  text-transform: uppercase;
  font-size: 1.357em;
}
input:not([type=radio]).btn-xs, input.btn-xs, button.btn-xs, select.form-select.btn-xs, a.btn.btn-xs {
  font-size: 0.75em;
  padding: 0.35em 0.5em 0.35em !important;
  font-weight: 600;
  text-transform: none !important;
}
input:not([type=radio]):focus, input:not([type=radio]):focus-visible, input:focus, input:focus-visible, button:focus, button:focus-visible, select.form-select:focus, select.form-select:focus-visible, a.btn:focus, a.btn:focus-visible {
  box-shadow: none;
  border-color: #c8c8c8;
  outline-color: #c8c8c8;
}

.group-control {
  flex-direction: column;
  align-items: center;
}
.group-control input, .group-control select.form-select, .group-control button, .group-control a.btn {
  margin-bottom: 4px;
  height: 46px;
  width: 100%;
}
@media (min-width: 400px) {
  .group-control {
    flex-direction: row !important;
    max-width: 50%;
  }
  .group-control input, .group-control select.form-select, .group-control button {
    margin-bottom: 0;
  }
  .group-control button, .group-control a.btn {
    width: auto;
  }
}

/* Firefox */
input[type=number] {
  width: 150px;
}

#content #page-content, #header #page-content, footer #page-content, section #page-content {
  margin: 0 auto;
}
#content .container, #header .container, footer .container, section .container {
  width: 100%;
  max-width: 1500px;
}
#content .row, #header .row, footer .row, section .row {
  margin-bottom: calc(0.5 * var(--bs-gutter-x));
}

#header {
  position: relative;
}
#header * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: flex;
}
#header .top-header {
  min-height: 100px;
  background-color: #6f3a68;
  padding: 0 15px;
}
#header .top-header .container {
  margin: 0 auto;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#header .top-header .container .logo > a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  color: #ffffff;
  text-decoration: none;
  line-height: 2.3;
  font-size: 0.8em;
}
#header .top-header .container .logo > a:hover {
  text-decoration: none;
}
@media (max-width: 1023px) {
  #header .top-header .container .logo a > img {
    width: 200px;
    height: auto;
  }
}
#header .top-header .container .search-block {
  display: none;
  width: 404px;
  font-size: 18pt;
  color: #000000;
  margin: 0 12px;
}
#header .top-header .container .search-block .input-group .input-group-text {
  color: #000000;
  font-weight: normal;
  justify-content: center;
}
#header .top-header .container .search-block .input-group .input-group-text#search-all {
  width: 70px;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
#header .top-header .container .search-block .input-group .input-group-text#search-button {
  width: 60px;
  background-color: #fdc689;
  border-color: #fdc689;
  cursor: pointer;
}
#header .top-header .container .search-block .input-group input[name=s] {
  height: 50px;
  line-height: 50px;
  font-size: 1em;
  padding: 0 7pt;
  border-color: #ffffff;
}
#header .top-header .container .search-block .input-group input[name=s]:focus, #header .top-header .container .search-block .input-group input[name=s]:focus-visible {
  outline: none;
  border-color: #ffffff;
  box-shadow: none;
}
#header .top-header .container .search-block .input-group input[name=s]::placeholder {
  color: #f2f2f2;
  opacity: 1;
}
#header .top-header .container .search-block .input-group input[name=s]:-ms-input-placeholder {
  color: #f2f2f2;
}
#header .top-header .container .search-block .input-group input[name=s]::-ms-input-placeholder {
  color: #f2f2f2;
}
@media (min-width: 1024px) {
  #header .top-header .container .search-block {
    display: flex;
  }
}
@media (min-width: 1365px) {
  #header .top-header .container .search-block {
    width: 550px;
  }
}
#header .top-header .container .lang-switcher {
  display: none;
  position: relative;
  width: 50px;
  height: 20px;
  border-radius: 1pt;
  background-image: url("/images/V7/us_flag.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  cursor: pointer;
  margin-right: 12px;
}
#header .top-header .container .lang-switcher .menu-container {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  padding-top: 13px;
  z-index: 10;
}
#header .top-header .container .lang-switcher .menu-container .menu {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #f5f5f5;
  border-radius: 4pt;
  box-shadow: 0 8px 83px rgba(40, 40, 40, 0.38);
}
#header .top-header .container .lang-switcher .menu-container .menu li {
  flex-direction: row;
  align-items: center;
  padding: 4px 0;
}
#header .top-header .container .lang-switcher .menu-container .menu li a {
  justify-content: flex-start;
  align-items: center;
  padding: 12px 24px;
  width: max-content;
  color: #000000;
  font-weight: normal;
  text-wrap: none;
  text-transform: uppercase;
  text-decoration: none;
}
#header .top-header .container .lang-switcher .menu-container .menu li a .flag-spain {
  display: inline-flex;
  position: relative;
  width: 32px;
  height: 20px;
  margin-left: 12px;
  border-radius: 1pt;
  background-image: url("/static/V8/images/spain_flag.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#header .top-header .container .lang-switcher .menu-container .menu li a:hover {
  color: #fdc689;
  background-color: #ffffff;
}
#header .top-header .container .lang-switcher .menu-container .menu::after {
  position: absolute;
  top: -2px;
  left: 7px;
  content: "";
  border: 8px solid transparent;
  border-bottom: 10px solid #f5f5f5;
}
#header .top-header .container .lang-switcher::after {
  position: absolute;
  display: block;
  content: "";
  border: 4px solid transparent;
  border-left: 4px solid #fff;
  right: calc(100% - 40pt);
  top: calc(50% - 4pt);
}
#header .top-header .container .lang-switcher:hover .menu-container {
  display: flex;
}
@media (min-width: 1024px) {
  #header .top-header .container .lang-switcher {
    display: flex;
  }
}
#header .top-header .container .user-details {
  display: none;
  margin-right: 0;
}
#header .top-header .container .user-details .user-menu {
  display: flex;
  justify-content: space-around;
  align-items: center;
  line-height: 7.5pt;
}
#header .top-header .container .user-details .user-menu li {
  border-right: 1px solid #ffffff;
  height: 9pt;
}
#header .top-header .container .user-details .user-menu li.username {
  color: #fdc689;
  padding-right: 0.5em;
  white-space: nowrap;
}
#header .top-header .container .user-details .user-menu li.username span {
  padding-left: 0.25em;
  white-space: nowrap;
}
#header .top-header .container .user-details .user-menu li a {
  margin: 0 5px;
  color: #ffffff;
  font-size: 11pt;
  text-transform: uppercase;
  text-decoration: none;
}
#header .top-header .container .user-details .user-menu li a:hover {
  cursor: pointer;
  color: #fdc689;
}
#header .top-header .container .user-details .user-menu li:last-child {
  border-right: none;
}
#header .top-header .container .user-details .cart {
  margin-left: 15px;
  position: relative;
  flex-direction: row;
  align-items: center;
}
#header .top-header .container .user-details .cart a {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
  font-size: 10pt;
  text-decoration: none;
}
#header .top-header .container .user-details .cart a .cart-shopping {
  display: inline-flex;
  width: 19px;
  height: 17px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-image: url("/static/V8/images/shopping-cart.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#header .top-header .container .user-details .cart a i {
  margin-right: 7px;
}
#header .top-header .container .user-details .cart a:hover {
  color: #fdc689;
}
#header .top-header .container .user-details .cart a:hover a {
  color: #fdc689;
}
#header .top-header .container .user-details .cart .badge {
  display: none;
  position: absolute;
  top: -3pt;
  left: 4pt;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  border-radius: 6px;
  background-color: #fdc689;
  border-color: #fdc689;
  color: #6e3a67;
  font-size: 10pt;
  font-weight: bold;
  padding-top: 0.135em;
}
#header .top-header .container .user-details .cart.active .badge {
  display: flex;
}
@media (min-width: 1024px) {
  #header .top-header .container .user-details {
    display: flex;
    margin-right: 0px;
  }
}
#header .main-menu {
  height: 80px;
  background-color: #ffffff;
  border-bottom: 1px solid #f5f5f5;
}
#header .main-menu .container {
  position: relative;
  margin: 0 auto;
  padding: 0 15px;
}
#header .main-menu .container .switchers {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#header .main-menu .container .switchers li {
  height: 80px;
  border: 1px solid transparent;
  margin: 0 5px;
  text-align: center;
  justify-content: center;
}
#header .main-menu .container .switchers li a.switch-menu-block {
  width: 100%;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  align-items: center;
  justify-content: flex-start;
}
#header .main-menu .container .switchers li a.switch-menu-block .bars {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  cursor: pointer;
}
#header .main-menu .container .switchers li a.switch-menu-block .bars .bar {
  width: 28px;
  height: 4px;
  background-color: #c8c8c8;
  margin-bottom: 6px;
}
#header .main-menu .container .switchers li a.switch-menu-block .bars .bar:last-child {
  margin-bottom: 0;
}
#header .main-menu .container .switchers li a.switch-menu-block .arrow {
  display: none;
  position: absolute;
  top: 15px;
  right: 7px;
  width: 10px !important;
  height: 10px;
  border: 6px solid transparent;
  border-left: 8px solid #000000;
}
#header .main-menu .container .switchers li:first-child {
  width: 250px;
  margin-left: 0;
}
@media (max-width: 1023px) {
  #header .main-menu .container .switchers li:first-child {
    width: 100%;
  }
}
#header .main-menu .container .switchers li:last-child {
  margin-right: 0px;
}
#header .main-menu .container .switchers li:hover, #header .main-menu .container .switchers li.active {
  border-bottom: 1px solid #1762b0;
}
#header .main-menu .container .switchers li:hover a, #header .main-menu .container .switchers li.active a {
  color: #1762b0;
  cursor: pointer;
  text-decoration: none;
}
#header .main-menu .container .sub-menu-container {
  display: none;
  position: absolute;
  top: 80px;
  z-index: 10;
  background-color: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: 0 6px 12px rgba(40, 40, 40, 0.06);
  padding: 45px;
}
#header .main-menu .container .sub-menu-container .sub-menu-block {
  display: none;
  width: 100%;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .container {
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .container .sub_header {
  flex-direction: column;
  font-size: 14px;
  min-width: 230px;
  max-width: 16.6%;
  padding-right: 20px;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .container .sub_header a {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  padding: 14px;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .container .sub_header a.sub-header {
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 16px;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .container .sub_header a:hover {
  color: #1762b0;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .container .sub_header ul {
  flex-direction: column;
  justify-content: center;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .container .sub_header ul li {
  margin-bottom: 16px;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .container .sub_header ul li a {
  color: #000000;
  text-decoration: none;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .container .sub_header ul li a:hover {
  color: #1762b0;
  text-decoration: underline;
}
@media (min-width: 1500px) {
  #header .main-menu .container .sub-menu-container .sub-menu-block .container {
    padding: 0;
  }
}
#header .main-menu .container .sub-menu-container .sub-menu-block .left_panel {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border-right: 1px solid #f5f5f5;
  padding-right: 20px;
  min-width: 235px;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .left_panel li {
  padding: 5px 0;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .left_panel li .all-switch-menu-block {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .left_panel li .all-switch-menu-block:hover {
  color: #1762b0;
  text-decoration: underline;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .all-sub-menu-container {
  width: 100%;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .all-sub-menu-container .all-sub-menu-block {
  display: none;
  width: 100%;
  padding-left: 20px;
}
#header .main-menu .container .sub-menu-container .sub-menu-block .all-sub-menu-container .all-sub-menu-block.active {
  display: flex;
}
#header .main-menu .container .sub-menu-container .sub-menu-block.active {
  display: flex;
}
#header .main-menu .container .sub-menu-container.open {
  display: flex;
}
#header .main-menu .container .sub-menu-container .back-link {
  display: none;
}
@media (max-width: 1023px) {
  #header .main-menu {
    display: none;
    position: absolute;
    height: calc(100vh - 100px);
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: scroll;
    z-index: 20;
  }
  #header .main-menu.open {
    display: flex;
    transition: left 0.3s;
  }
  #header .main-menu .container * {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  #header .main-menu .container .switchers {
    flex-direction: column;
    width: 100%;
  }
  #header .main-menu .container .switchers li {
    position: relative;
    height: 40px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
  }
  #header .main-menu .container .switchers li a.switch-menu-block {
    line-height: 40px;
    align-items: flex-start;
    text-align: left;
  }
  #header .main-menu .container .switchers li a.switch-menu-block .bars {
    display: none;
  }
  #header .main-menu .container .switchers li a.switch-menu-block .arrow {
    display: flex;
    position: absolute;
    top: 15px;
    right: 7px;
    width: 10px !important;
    height: 10px;
    border: 6px solid transparent;
    border-left: 8px solid #000000;
  }
  #header .main-menu .container .switchers li:first-child a {
    text-transform: uppercase;
  }
  #header .main-menu .container .sub-menu-container {
    padding: 0;
    left: 0;
    top: 0;
    height: 100vh;
  }
  #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel {
    flex-direction: column;
    padding: 0;
  }
  #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container > .back-link, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel > .back-link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 60px;
    padding-left: 15px;
    background-color: #f5f5f5;
    color: #000000;
    border-bottom: 1px solid #f2f2f2;
    text-decoration: none;
  }
  #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container > .back-link:before, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel > .back-link:before {
    content: "←";
    padding-right: 5px;
  }
  #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container .sub_header, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container li, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel .sub_header, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel li {
    max-width: 100%;
    position: relative;
    justify-content: flex-start;
    align-items: center;
  }
  #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container .sub_header a.sub-header, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container li a.sub-header, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel .sub_header a.sub-header, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel li a.sub-header {
    flex-direction: row;
    justify-content: flex-start;
    border-bottom: 1px solid transparent;
    align-items: center;
    padding: 25px 0 0 15px;
    margin: 0;
  }
  #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container .sub_header a.sub-header .arrow, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container li a.sub-header .arrow, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel .sub_header a.sub-header .arrow, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel li a.sub-header .arrow {
    position: absolute;
    right: 7px;
    width: 10px !important;
    height: 10px;
    border: 6px solid transparent;
    border-left: 8px solid #000000;
  }
  #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container .sub_header.ext > ul, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container li.ext > ul, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel .sub_header.ext > ul, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel li.ext > ul {
    display: none;
  }
  #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container .sub_header.ext .sub-header-block.active, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container li.ext .sub-header-block.active, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel .sub_header.ext .sub-header-block.active, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel li.ext .sub-header-block.active {
    display: flex;
    margin-left: 30px;
  }
  #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container .sub_header.ext .sub-header-block.active li, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container li.ext .sub-header-block.active li, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel .sub_header.ext .sub-header-block.active li, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel li.ext .sub-header-block.active li {
    margin: 0;
  }
  #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container .sub_header.ext .sub-header-block.active li a, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .container li.ext .sub-header-block.active li a, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel .sub_header.ext .sub-header-block.active li a, #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .left_panel li.ext .sub-header-block.active li a {
    padding: 25px 0 0 15px;
  }
  #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .all-sub-menu-container.open {
    display: flex;
    position: absolute;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 20;
    background-color: #ffffff;
  }
  #header .main-menu .container .sub-menu-container .sub-menu-block.ext.active .all-sub-menu-container.open .all-sub-menu-block {
    padding: 0;
  }
}
@media (min-width: 1500px) {
  #header .main-menu {
    padding: 0;
  }
}
#header .mobile-search-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  visibility: visible;
  padding: 1.2em 1.2em 0.75em;
  background-color: rgb(192, 154, 187);
  border-bottom: 2px solid #6f3a68;
  position: absolute;
  width: 100%;
  z-index: 30;
}
#header .mobile-search-block form, #header .mobile-search-block .group-control {
  width: 100%;
}
#header .mobile-search-block form input, #header .mobile-search-block form button, #header .mobile-search-block .group-control input, #header .mobile-search-block .group-control button {
  width: 100%;
  padding-left: 1.2em;
  padding-right: 1.2em;
  margin-bottom: 0.325em;
}
#header .mobile-search-block .group-control {
  flex-direction: column;
}
@media (min-width: 1023px) {
  #header .mobile-search-block {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 1500px) {
  #header {
    padding: 0;
  }
}

#mobile-menu {
  display: block;
}
#mobile-menu .menu {
  justify-content: space-between;
  width: 120px;
  font-size: 1.2rem;
}
#mobile-menu .menu li {
  height: 25px;
  flex-direction: row;
  align-items: center;
  position: relative;
}
#mobile-menu .menu li a {
  color: #ffffff;
  text-decoration: none;
}
#mobile-menu .menu li .badge {
  position: absolute;
  top: -3pt;
  left: 4pt;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  border-radius: 6px;
  background-color: #fdc689;
  border-color: #fdc689;
  color: #6e3a67;
  font-size: 10pt;
  font-weight: bold;
  padding-top: 0.135em;
}
#mobile-menu .bars {
  width: 26px;
  flex-direction: column;
  margin-top: 5px;
  cursor: pointer;
}
#mobile-menu .bars .bar {
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #FF9523;
  margin-bottom: 5px;
  transition: all 0.2s;
}
#mobile-menu .bars.open .bar:nth-child(1) {
  transform: rotate(45deg);
  top: 7px;
  transition: all 0.2s;
}
#mobile-menu .bars.open .bar:nth-child(2) {
  opacity: 0;
  transition: opacity 0.07s;
}
#mobile-menu .bars.open .bar:nth-child(3) {
  transform: rotate(-45deg);
  top: -7px;
  transition: all 0.2s;
}

#main-menu-mobile {
  display: none;
  position: fixed;
  box-shadow: 0 5px 15px #CCC;
  z-index: 8888;
  height: 100%;
  background-color: #FFF;
  left: -300px;
  top: 0;
  width: 100%;
  max-width: 260px;
  padding: 10px;
  transition: left 0.3s;
}
#main-menu-mobile .menu {
  flex-direction: column;
  text-transform: uppercase;
  font-size: 1rem;
}
#main-menu-mobile .menu > li {
  position: relative;
  color: #1c1c1c;
  border-bottom: solid 1px #ebebeb;
  padding: 10px 0;
  max-width: 240px;
  flex-direction: column;
}
#main-menu-mobile .menu > li > .dropdown-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.875rem;
  padding-right: 25px;
  min-width: 265px;
  max-width: 265px;
}
#main-menu-mobile .menu > li > .dropdown-item:after {
  content: "\f0da";
  font-family: FontAwesome, sans-serif;
  font-size: 1.1rem;
  border: solid 1px #ebebeb;
  border-radius: 3px;
  flex: 0 0 30px;
  text-align: center;
}
#main-menu-mobile .menu > li > .dropdown-item:hover:after {
  content: "\f0da";
}
#main-menu-mobile .menu > li a {
  color: #646464;
  text-decoration: none;
  transition: color 0.3s;
}
#main-menu-mobile .menu > li a:hover {
  color: #feb300;
}
#main-menu-mobile .menu > li > .dropdown-item.open:after {
  content: "\f0d7";
}
#main-menu-mobile .menu > li .fa-angle-down {
  font-weight: 600;
}
#main-menu-mobile .menu > li .dropdown {
  position: relative;
  list-style: none;
  margin: 0;
  padding-left: 15px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s;
  z-index: 0;
  flex-direction: column;
}
#main-menu-mobile .menu > li .dropdown.open {
  max-height: 900px;
  transition: max-height 0.3s;
}
#main-menu-mobile .menu > li > .dropdown {
  flex-direction: column;
}
#main-menu-mobile .menu > li > .dropdown li {
  padding: 10px 0;
  font-size: 0.9rem;
  position: relative;
  flex-direction: column;
}
#main-menu-mobile .menu > li > .dropdown li.dropdown-item:after {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  border: solid 4px;
  border-color: transparent #feb300 #feb300 transparent;
  transform: rotate(-45deg);
  top: 15px;
  right: 10px;
  transition: transform 0.2s;
}
#main-menu-mobile .menu > li > .dropdown li.dropdown-item:hover:after {
  transform: rotate(45deg);
  transition: transform 0.2s;
}
#main-menu-mobile .menu > li > .dropdown li.dropdown-item.open:after {
  transform: rotate(45deg);
  transition: transform 0.2s;
}
#main-menu-mobile .menu > li > .dropdown a {
  white-space: nowrap;
}
#main-menu-mobile .menu > li > .dropdown a:hover {
  text-decoration: underline;
}
#main-menu-mobile .menu li.search {
  display: none;
}

#main-menu-mobile.open {
  display: flex;
  left: 0;
  transition: left 0.3s;
  overflow-y: auto;
}

ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

#categories {
  display: none;
}

.slick-slider {
  position: relative;
  padding-bottom: 1rem;
}
.slick-slider .slick-arrow {
  position: absolute;
  top: 40%;
  display: block;
  font-size: 0;
  background: transparent;
  border: transparent;
  z-index: 100;
}
.slick-slider .slick-prev {
  left: -20px;
}
.slick-slider .slick-prev:before {
  font-family: FontAwesome, sans-serif !important;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 1rem;
  content: "\f104" !important;
}
.slick-slider .slick-next {
  right: -20px;
}
.slick-slider .slick-next:before {
  font-family: FontAwesome, sans-serif !important;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 1rem;
  content: "\f105" !important;
}
.slick-slider .slick-list {
  z-index: 1;
}
.slick-slider .slick-dots {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 100;
}
.slick-slider .slick-dots button {
  font-size: 0;
  display: block;
  border: transparent;
  background: transparent;
}
.slick-slider .slick-dots button:before {
  font-family: FontAwesome, sans-serif;
  content: "\f111";
  width: 20px;
  line-height: 1rem;
  font-size: 0.5rem;
  margin: 0 3px;
  color: #CCC;
}
.slick-slider .slick-dots .slick-active button:before {
  color: #000;
}

#email-popup {
  background-color: #FFF;
  background-image: url("/static/V8/images/cw_popup_background.jpeg");
  background-size: cover;
  position: fixed;
  box-shadow: 1px 1px 15px #000;
  padding: 20px;
  border: solid 1px #000;
  border-radius: 5px;
  z-index: 9999;
  width: 90%;
  max-width: 550px;
  height: 400px;
  left: calc(50% - 250px);
  top: calc(50% - 160px);
  transition: top 0.3s;
}
#email-popup * {
  box-sizing: border-box;
}
#email-popup .close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #CCC;
  cursor: pointer;
}
#email-popup .text {
  position: absolute;
  width: 100%;
  color: #FFF;
  right: 0;
  left: 0;
  bottom: 20px;
  text-align: center;
}
#email-popup .text .note {
  font-size: 0.8em;
}
#email-popup .text .reward {
  font-size: 1.6em;
  font-weight: 600;
}
#email-popup .control {
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  bottom: 110px;
}
#email-popup .control .email {
  display: block;
  width: 45%;
  margin: 5px auto;
  border-radius: 3px;
  border: solid 1px #000;
  padding: 3px;
}
#email-popup .control .submit {
  display: block;
  width: 45%;
  margin: 5px auto;
  border-radius: 3px;
  border: solid 1px #822775;
  background: #822775;
  color: #FFF;
  text-transform: uppercase;
}
#email-popup.closed {
  top: -420px;
  transition: top 0.3s;
}

#content_wrapper {
  padding-top: 2em;
  background-color: #f1ebeb;
}
#content_wrapper #content {
  margin: 0 auto;
  width: 100%;
  max-width: 1500px;
  padding-bottom: 5em;
}
#content_wrapper #content #page-content {
  padding: 15px;
  background-color: #ffffff;
}
#content_wrapper #content #page-content .library-view-header a {
  white-space: nowrap;
}
#content_wrapper #content #page-content .library-view-header a .fa-chevron-left {
  color: #fdc689;
}
#content_wrapper #content #page-content .library-view-header header {
  padding: 0 1em;
}
#content_wrapper #content #page-content .library-view-header header h2 {
  display: inline-flex;
  align-items: end;
  padding: 1em 0;
  margin: 0;
}
#content_wrapper #content #page-content .library-view-header .access-time {
  background-color: #f5f5f5;
  color: #a2a2a2;
  padding: 1em 1.5em;
  justify-content: center;
}
#content_wrapper #content #page-content .library-view-header .access-time .block-title i {
  padding-right: 0.5em;
}
#content_wrapper #content #page-content .library-view-header + .webcast-notes {
  margin-top: 1em;
  padding: 1.5em 2em;
  background-color: #f5f5f5;
  color: #000000;
  font-size: 0.75em;
}
#content_wrapper #content #page-content .library-view-header + .webcast-notes p {
  margin-bottom: 0.5em;
}
#content_wrapper #content #page-content .library-view-header + .webcast-notes + .alert {
  display: inline-block;
  width: 100%;
  min-height: min-content;
}
#content_wrapper #content #page-content .library-view-header + .webcast-notes + .alert a {
  font-weight: bold;
  text-decoration: none;
}
#content_wrapper #content #page-content .library-view-header + .webcast-notes + .alert a.enable {
  color: #1762b0;
}
#content_wrapper #content #page-content .library-view-header + .webcast-notes + .alert a.disable {
  color: #000000;
}
#content_wrapper #content #page-content h2.page-title {
  font-size: calc(1.325rem + 0.9vw);
}
#content_wrapper #content #page-content h2.page-title:after {
  display: none;
}
#content_wrapper #content #page-content .online-access .description {
  border: 1px solid transparent;
}
#content_wrapper #content .choose-line {
  margin: 2em 0;
  padding: 1em 1.5em;
  text-transform: uppercase;
  font-size: 16pt;
  background-color: #6f3a68;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 1023px) {
  #content_wrapper #content #page-content {
    padding: 50px;
  }
  #content_wrapper #content #page-content h2.page-title {
    font-size: 2.5rem;
  }
  #content_wrapper #content #page-content .library-view-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #content_wrapper #content #page-content .library-view-header header h2 {
    padding: 0;
  }
  #content_wrapper #content #page-content .library-view-header .access-time {
    margin-left: auto;
    width: min-content;
    white-space: nowrap;
  }
}

#content.purple {
  background-color: #f1ebeb;
}
#content.purple .container {
  padding-left: 0;
  padding-right: 0;
}
#content.purple .container .field_label {
  margin-top: 1em;
}
#content.purple .container .login-block {
  padding: 15px;
  background-color: #ffffff;
}
#content.purple .container .login-block .full-column {
  background-color: #ffffff;
  padding: 15px;
}
#content.purple .container #login_form {
  max-width: 350px;
}
#content.purple .container #login_form .login {
  display: flex;
  flex-direction: column;
}
#content.purple .container #login_form .login span.links {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
}
#content.purple .container #login_form .login #customers_login {
  margin-top: 1em;
}
#content.purple .container #forgot_form {
  display: none;
  max-width: 350px;
}
#content.purple .container #forgot_form .forgot {
  margin-top: 1em;
}
#content.purple .container .category-block, #content.purple .container .full-column, #content.purple .container .register-block, #content.purple .container .product-block, #content.purple .container .profile-container {
  position: relative;
  background-color: #ffffff;
  padding: 15px;
}
#content.purple .container .category-block h4, #content.purple .container .full-column h4, #content.purple .container .register-block h4, #content.purple .container .product-block h4, #content.purple .container .profile-container h4 {
  margin-top: 1em;
}
#content.purple .container .spam-note {
  font-size: 0.65em;
}
#content.purple .container .group {
  border: 0;
}
@media (min-width: 1023px) {
  #content.purple .container {
    padding-top: 2em;
    padding-bottom: 5em;
  }
  #content.purple .container .full-column, #content.purple .container .category-block, #content.purple .container .register-block, #content.purple .container .product-block, #content.purple .container .profile-container {
    position: relative;
    background-color: #ffffff;
    padding: 50px;
  }
  #content.purple .container #category-filer {
    position: absolute;
    top: 50px;
    right: 50px;
    margin: 0;
    background: #f5f5f5;
  }
  #content.purple .container #subcategories-nav {
    padding: 0;
  }
  #content.purple .container #subcategories-nav nav {
    flex-direction: row;
  }
  #content.purple .container #subcategories-nav nav a {
    margin-right: 1em;
  }
  #content.purple .container .subcategories {
    padding: 0;
  }
  #content.purple .container .subcategories .subcategory-header {
    padding-top: 2em;
  }
}
#content.purple .full-column h1 {
  color: #000000;
}
#content.purple .full-column h1.e404 {
  font-size: 10rem;
  color: #dedede;
}
@media screen and (min-width: 1023px) {
  #content.purple .full-column.error-page_bg {
    background-image: url("/images/404.jpeg");
    background-repeat: no-repeat;
    background-position: bottom right;
  }
}

#content.purple.library-view .container {
  padding: 0;
}

#footer .footer-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 80px 0 80px;
}
#footer .footer-menu * {
  display: flex;
  flex-direction: row;
  font-size: 16px;
  font-weight: normal;
}
#footer .footer-menu .footer-column {
  margin-top: 40px;
  flex-direction: column;
  min-width: 220px;
}
#footer .footer-menu .footer-column .column-title {
  font-weight: bold;
  margin-bottom: 7px;
}
#footer .footer-menu .footer-column .menu {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#footer .footer-menu .footer-column .menu li a {
  color: #000000;
  text-decoration: none;
  margin: 5px 0;
}
#footer .footer-menu .footer-column .menu li a:hover {
  text-decoration: underline;
}
#footer .footer-menu .footer-column.contacts .icon {
  position: relative;
  padding-left: 45px;
  line-height: 30px;
  margin: 5px 0 16px;
  background-size: auto;
  background-position: center left;
  background-repeat: no-repeat;
}
#footer .footer-menu .footer-column.contacts .icon.icon-location {
  background-image: url("/css/images/location.png");
}
#footer .footer-menu .footer-column.contacts .icon.icon-phone {
  background-image: url("/css/images/phone.png");
}
#footer .footer-menu .footer-column.contacts .icon.icon-mail {
  background-image: url("/css/images/mail.png");
}
@media (max-width: 1500px) {
  #footer .footer-menu {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
  }
}
#footer .footer-subsection {
  width: 100%;
  background-color: #f2f2f2;
}
#footer .footer-subsection .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  padding: 0 0 50px;
}
#footer .footer-subsection .container * {
  font-size: 14px;
  color: #c8c8c8;
}
#footer .footer-subsection .container .privacy {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 35px;
}
#footer .footer-subsection .container .privacy a {
  margin: 0 10px;
  text-decoration: none;
}
#footer .footer-subsection .container .privacy a:hover {
  color: #1762b0;
}
#footer .footer-subsection .container .copyright {
  margin-top: 35px;
  color: #c8c8c8;
}

.noScroll {
  height: 100%;
}

@media (min-width: 1024px) {
  .visible-xs {
    display: none !important;
    visibility: hidden;
  }
  #main-menu-mobile {
    position: static;
    box-shadow: none;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 10px;
    overflow-y: visible;
  }
  #main-menu-mobile .menu {
    justify-content: space-between;
    flex-direction: row;
  }
  #main-menu-mobile .menu .store-item:after {
    display: none;
  }
  #main-menu-mobile .menu .store-dropdown {
    display: none;
  }
  #main-menu-mobile .menu > li {
    padding: 0;
    border-bottom: none;
  }
  #main-menu-mobile .menu > li:last-child {
    padding-right: 0;
  }
  #main-menu-mobile .menu > li > .dropdown-item a {
    font-size: 1.2rem;
    line-height: 2rem;
    justify-content: flex-start;
    cursor: pointer;
    text-decoration: none;
  }
  #main-menu-mobile .menu > li > .dropdown-item:after {
    border: none;
    color: #feb300;
    margin-left: -5px;
  }
  #main-menu-mobile .menu > li > a {
    font-size: 1.2rem;
    line-height: 2rem;
    justify-content: flex-start;
    cursor: pointer;
    text-decoration: none;
  }
  #main-menu-mobile .menu > li > .dropdown-item.open:after {
    border: none;
    color: #feb300;
    margin-left: -5px;
  }
  #main-menu-mobile .menu > li .dropdown.open, #main-menu-mobile .menu > li .dropdown {
    position: absolute;
    left: -20px;
    background: #FFF;
    width: auto;
    list-style: none;
    margin: 0;
    padding: 0 40px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 15px #CCC;
    max-height: 0;
    z-index: 0;
    opacity: 0;
    transition: all 0.3s;
  }
  #main-menu-mobile .menu > li > .dropdown li.dropdown-item:after {
    right: auto;
    margin-left: 5px;
  }
  #main-menu-mobile .menu li:hover > .dropdown {
    overflow: visible;
    max-height: 900px;
    padding: 10px 40px;
    z-index: 1000;
    opacity: 1;
    transition: all 0.3s;
  }
  #main-menu-mobile .menu .dropdown > li {
    position: relative;
  }
  #main-menu-mobile .menu .dropdown .dropdown {
    left: 50px;
  }
  #main-menu-mobile .menu li.search {
    display: block;
  }
  #main-menu-mobile .menu li.main-search {
    display: none;
  }
  #mobile-menu {
    display: none;
  }
  #categories {
    display: block;
    padding: 5px 5px 0;
    background: linear-gradient(#f8f8f8, #eeeeee) #eeeeee;
    margin-top: 20px;
  }
  #categories-menu {
    display: flex;
    justify-content: space-between;
    list-style: none;
    width: 100%;
    padding: 0;
    color: #797979;
    text-transform: uppercase;
    flex-direction: row;
    max-width: 1500px;
    margin: 0 auto;
  }
  #categories-menu a {
    line-height: 2rem;
    text-decoration: none;
    color: inherit;
  }
  #categories-menu li {
    padding: 0 5px;
    color: #797979;
  }
  #categories-menu li:hover {
    color: #01a79b;
    background-color: #FFF;
  }
}
.scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
  border-radius: 2px;
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: rgb(192, 154, 187);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, transparent), to(transparent));
}

.two_columns_template.purple {
  background-color: #f1ebeb;
}
.two_columns_template.grey {
  background-color: #f5f5f5;
}
.two_columns_template .container {
  padding-top: 2em;
  padding-bottom: 3em;
}
.two_columns_template .container .page-header {
  display: flex;
  flex-direction: column;
  padding: 18px 0 0;
  border-bottom: 3px solid #6e3a67;
}
.two_columns_template .container .page-header h1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  color: #000;
  text-align: left;
  font-family: "Mazzard H", var(--bs-body-font-family);
  font-weight: 500;
}
.two_columns_template .container .page-header h1 span {
  display: flex;
  flex-direction: row;
  font-size: 0.75em;
  font-family: "Mazzard", var(--bs-body-font-family);
  font-weight: 300;
  color: #c8c8c8;
}
.two_columns_template .container .page-header .page-header-right-container {
  width: 100%;
  margin-bottom: 0.5rem;
}
.two_columns_template .container .page-header .page-header-right-container .big-purple-link {
  font-size: 2rem;
  color: #9b3a7f;
  margin: 0 0.25em;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center left;
  padding: 0.5em 0.25em 0.5em 35px;
}
.two_columns_template .container .page-header .page-header-right-container .big-purple-link:hover {
  color: #ad4d91;
  text-decoration: none;
}
@media screen and (min-width: 1023px) {
  .two_columns_template .container .page-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .two_columns_template .container .page-header h1 {
    width: auto;
    flex-direction: row;
  }
  .two_columns_template .container .page-header h1 span {
    padding-left: 0.25em;
  }
  .two_columns_template .container .page-header .page-header-right-container {
    width: auto;
  }
}
.two_columns_template .container .page-content-container {
  display: flex;
  flex-direction: column;
  padding-top: 0.35em;
}
.two_columns_template .container .page-content-container .page-content {
  background-color: #ffffff;
}
.two_columns_template .container .page-content-container .page-content .online-header h2 {
  display: inline-flex;
  align-items: center;
}
.two_columns_template .container .page-content-container .page-content .online-header h2 .badge {
  margin-left: 10px;
  font-size: 12px;
  font-weight: normal;
  border-radius: 0;
  padding: 7px 12px 4px;
}
.two_columns_template .container .page-content-container .page-sidebar {
  margin-top: 0.25em;
}
.two_columns_template .container .page-content-container .page-sidebar .page-sidebar-header {
  width: 100%;
  background-color: #6f3a68;
  padding: 30px;
  text-align: center;
  color: #ffffff;
  font-family: "Mazzard H", var(--bs-body-font-family);
  font-weight: 500;
}
.two_columns_template .container .page-content-container .page-sidebar .page-sidebar-container {
  background-color: #ffffff;
}
@media screen and (min-width: 1023px) {
  .two_columns_template .container .page-content-container {
    flex-direction: row;
  }
  .two_columns_template .container .page-content-container .page-content {
    width: 76%;
    margin-right: 20px;
  }
  .two_columns_template .container .page-content-container .page-content .container {
    padding: 2em;
  }
  .two_columns_template .container .page-content-container .page-sidebar {
    width: 33%;
    margin: 0;
  }
  .two_columns_template .container .page-content-container .page-sidebar .page-sidebar-header {
    font-size: 16pt;
  }
}

.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  transition: max-height 0.2s;
}
.products .product-card {
  flex: 0 0 49%;
  max-width: 49%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  background-color: #ffffff;
  max-height: 450px;
  margin-bottom: 30px;
}
.products .product-card:not(:nth-child(2n+2)) {
  margin-right: 2%;
}
.products .product-card h4 {
  font-size: 14px;
  font-weight: 600;
}
.products .product-card .product-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 450px;
}
.products .product-card .product-info a.product-thumbnail {
  text-decoration: none;
  color: inherit;
  min-height: 150px;
  max-height: 150px;
  width: 100%;
  background-color: #f1ebeb;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.products .product-card .product-info a.product-thumbnail span {
  position: absolute;
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: calc(100% + 6px);
  height: 150px;
}
.products .product-card .product-info a.product-thumbnail > img {
  display: none;
  width: 100%;
  height: auto;
  min-width: 178px;
  min-height: 178px;
}
@media screen and (min-width: 800px) {
  .products .product-card .product-info a.product-thumbnail > img {
    min-width: 254px;
    min-height: 254px;
  }
}
@media screen and (min-width: 1024px) {
  .products .product-card .product-info a.product-thumbnail > img {
    min-width: 190px;
    min-height: 190px;
  }
}
@media screen and (min-width: 1200px) {
  .products .product-card .product-info a.product-thumbnail > img {
    min-width: 248px;
    min-height: 248px;
  }
}
.products .product-card .product-info .product-link {
  padding: 10px;
  text-decoration: none;
}
.products .product-card .product-info .product-link h4 {
  font: "Mazzard S";
  color: #000000;
}
.products .product-card .product-info .product-link:hover, .products .product-card .product-info .product-link:active {
  color: #1762b0;
}
.products .product-card .product-info .product-details {
  padding: 0 10px;
  max-height: 80px;
  overflow: hidden;
  font-size: 0.85em;
}
.products .product-card .product-info .product-details p {
  padding: 0;
  margin: 0;
}
.products .product-card .product-info .product-details p strong {
  font-size: 1em;
}
@media screen and (min-width: 1023px) {
  .products .product-card .product-info .product-details {
    padding: 0 15px;
  }
}
.products .product-card .product-info .action-block {
  margin: auto 10px 10px;
}
@media screen and (min-width: 1023px) {
  .products .product-card .product-info .action-block {
    margin: auto 15px 15px;
  }
}
.products .product-card .product-info .action-block .subscription-duration {
  margin-bottom: 5px;
  font-size: 13px;
}
.products .product-card .product-info .action-block .price {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.products .product-card .product-info .action-block .price .old-price, .products .product-card .product-info .action-block .price .current-price, .products .product-card .product-info .action-block .price .new-price {
  font-weight: 600;
}
.products .product-card .product-info .action-block .price .old-price {
  text-decoration: line-through;
  margin-right: 10px;
}
.products .product-card .product-info .action-block .price .new-price {
  font-size: 0.85em;
  color: #c2134c;
}
.products .product-card .product-info .action-block .buttons a {
  width: 100%;
  padding: 16px 0;
}
.products .product-card .product-info .action-block .buttons a .space-between {
  justify-content: space-between;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1023px) {
  .products .product-card .product-info .product-link, .products .product-card .product-info .product-details {
    padding: 15px 15px 0;
  }
  .products .product-card .product-info .product-details {
    padding-top: 0;
    padding-bottom: 0;
  }
  .products .product-card .product-info .action-block .buttons a {
    padding: 16px;
  }
}
@media screen and (min-width: 800px) {
  .products .product-card {
    flex: 0 0 32%;
    max-width: 32%;
  }
  .products .product-card:not(:nth-child(2n+2)) {
    margin-right: inherit;
  }
  .products .product-card:not(:nth-child(3n+3)) {
    margin-right: 2%;
  }
}
@media screen and (min-width: 1024px) {
  .products .product-card {
    flex: 0 0 19%;
    max-width: 19%;
  }
  .products .product-card:not(:nth-child(3n+3)) {
    margin-right: inherit;
  }
  .products .product-card:not(:nth-child(5n+5)) {
    margin-right: 1.24%;
  }
  .products .product-card:last-child, .products .product-card:nth-child(4), .products .product-card:nth-child(5) {
    display: flex;
  }
}

/*# sourceMappingURL=purple.theme.css.map */