/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./sass/screen.scss ***!
  \*****************************************************************************************************************************************************/
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 10px 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 1;
}
.hamburger.is-active:hover {
  opacity: 1;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}

.hamburger-box {
  width: 26px;
  height: 23px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 26px;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

/*
@import "types/3dx";
@import "types/3dx-r";
@import "types/3dy";
@import "types/3dy-r";
@import "types/3dxy";
@import "types/3dxy-r";
@import "types/arrow";
@import "types/arrow-r";
@import "types/arrowalt";
@import "types/arrowalt-r";
@import "types/arrowturn";
@import "types/arrowturn-r";
@import "types/boring";
@import "types/collapse";
@import "types/collapse-r";
@import "types/elastic";
@import "types/elastic-r";
@import "types/emphatic";
@import "types/emphatic-r";
@import "types/minus";
*/
/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 1.5px;
}
.hamburger--slider .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-3.7142857143px, -7px, 0);
          transform: rotate(-45deg) translate3d(-3.7142857143px, -7px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
          transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
@import "types/slider-r";
@import "types/spin";
@import "types/spin-r";
@import "types/spring";
@import "types/spring-r";
@import "types/stand";
@import "types/stand-r";
@import "types/squeeze";
@import "types/vortex";
@import "types/vortex-r";
*/
.hamburger:focus {
  outline: none;
}

[data-style=hairline],
.css-style-hairline {
  font-variation-settings: "wght" 100;
}
[data-style=hairline] .font-input,
.css-style-hairline .font-input {
  font-variation-settings: "wght" 100 !important;
}

[data-style=thin],
.css-style-thin {
  font-variation-settings: "wght" 150;
}
[data-style=thin] .font-input,
.css-style-thin .font-input {
  font-variation-settings: "wght" 150 !important;
}

[data-style=extralight],
.css-style-extralight {
  font-variation-settings: "wght" 200;
}
[data-style=extralight] .font-input,
.css-style-extralight .font-input {
  font-variation-settings: "wght" 200 !important;
}

[data-style=light],
.css-style-light {
  font-variation-settings: "wght" 300;
}
[data-style=light] .font-input,
.css-style-light .font-input {
  font-variation-settings: "wght" 300 !important;
}

[data-style=regular],
.css-style-regular {
  font-variation-settings: "wght" 400;
}
[data-style=regular] .font-input,
.css-style-regular .font-input {
  font-variation-settings: "wght" 400 !important;
}

[data-style=medium],
.css-style-medium {
  font-variation-settings: "wght" 500;
}
[data-style=medium] .font-input,
.css-style-medium .font-input {
  font-variation-settings: "wght" 500 !important;
}

[data-style=semibold],
.css-style-semibold {
  font-variation-settings: "wght" 550;
}
[data-style=semibold] .font-input,
.css-style-semibold .font-input {
  font-variation-settings: "wght" 550 !important;
}

[data-style=bold],
.css-style-bold {
  font-variation-settings: "wght" 600;
}
[data-style=bold] .font-input,
.css-style-bold .font-input {
  font-variation-settings: "wght" 600 !important;
}

[data-style=extrabold],
.css-style-extrabold {
  font-variation-settings: "wght" 700;
}
[data-style=extrabold] .font-input,
.css-style-extrabold .font-input {
  font-variation-settings: "wght" 700 !important;
}

[data-style=black],
.css-style-black {
  font-variation-settings: "wght" 900;
}
[data-style=black] .font-input,
.css-style-black .font-input {
  font-variation-settings: "wght" 900 !important;
}

/*
Colores
*/
:root {
  --variable-wght: 400;
  --variable-wdth: 0;
  --variable-ital: 0;
  --variable-slnt: 0;
  --variable-opsz: 0;
  --variable-STRC: 0;
  --variable-CONT: 0;
  --variable-EXTN: 0;
}

.dinamic-variable-style {
  font-variation-settings: "wght" var(--variable-wght), "wdth" var(--variable-wdth), "ital" var(--variable-ital), "slnt" var(--variable-slnt), "opsz" var(--variable-opsz), "STRC" var(--variable-STRC), "CONT" var(--variable-CONT), "EXTN" var(--variable-EXTN);
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
em {
  font-style: italic;
}

.rotating {
  -webkit-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

#coupon-apply {
  letter-spacing: 0.45px;
}
#coupon-apply[data-status=waiting] .column.send button {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
  pointer-events: none;
}
#coupon-apply[data-status=ready-send] {
  pointer-events: initial;
  cursor: pointer;
}
#coupon-apply[data-status=ready-send] .column.send button {
  pointer-events: initial;
  cursor: pointer;
}
#coupon-apply[data-status=ready-send] .column.send button:hover {
  color: var(--theme-color);
}
#coupon-apply[data-status=sending] {
  pointer-events: none;
}
#coupon-apply .errors {
  margin-top: 2em;
  font-size: 12px;
  text-align: center;
}
#coupon-apply .column {
  width: 33.3333333333%;
  float: left;
}
#coupon-apply .column.empty {
  height: 1px;
}
#coupon-apply .column.w16 {
  width: 16.6666666667%;
}
#coupon-apply .column.send {
  text-align: right;
}
#coupon-apply .column.send button {
  -webkit-transition: opacity 0.3s, color 0.3s;
  transition: opacity 0.3s, color 0.3s;
  border: none;
  color: #000;
  background-color: transparent;
  line-height: 30px;
  padding: 5px 30px;
  letter-spacing: 0.5px;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
  font-size: 14px;
}
#coupon-apply .column input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 5px 15px;
  background-color: #ccc;
  color: #000;
  line-height: 28px;
  width: 100%;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 400;
}
#coupon-apply .column input::-webkit-input-placeholder {
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#coupon-apply .column input::-moz-placeholder {
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#coupon-apply .column input:-ms-input-placeholder {
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#coupon-apply .column input::-ms-input-placeholder {
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#coupon-apply .column input::placeholder {
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#coupon-apply .column input:-ms-input-placeholder {
  color: #fff;
}
#coupon-apply .column input::-ms-input-placeholder {
  color: #fff;
}

#cookies,
#tooltip-bundles {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  background-color: rgb(0, 0, 0);
  padding: 20px 10px 20px;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  z-index: 11;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media all and (max-width:767px) {
  #cookies,
  #tooltip-bundles {
    padding: 15px 10px;
  }
}
#cookies .content,
#tooltip-bundles .content {
  max-width: 1030px;
  margin: 0px auto;
  z-index: 10;
  position: relative;
  padding-right: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#cookies .content.centered,
#tooltip-bundles .content.centered {
  padding: 0 30px;
  text-align: center;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  #cookies .content,
  #tooltip-bundles .content {
    max-width: calc(100% - 20px);
  }
}
@media all and (max-width:767px) {
  #cookies .content,
  #tooltip-bundles .content {
    max-width: calc(100% - 16px);
    padding-right: 50px;
  }
}
#cookies .content .title,
#tooltip-bundles .content .title {
  color: var(--theme-color);
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  line-height: 1.2em;
}
@media all and (max-width:767px) {
  #cookies .content .title,
  #tooltip-bundles .content .title {
    font-size: 14px;
  }
}
#cookies .content p,
#tooltip-bundles .content p {
  color: #fff;
  font-size: 13px;
  line-height: 1.2em;
}
@media all and (max-width:767px) {
  #cookies .content p,
  #tooltip-bundles .content p {
    font-size: 10px;
    line-height: 1.5em;
  }
}
#cookies .content a,
#tooltip-bundles .content a {
  margin-left: 10px;
  color: #fff;
  white-space: nowrap;
  text-decoration: underline;
}
@media all and (max-width:767px) {
  #cookies .content a,
  #tooltip-bundles .content a {
    margin-left: 0px;
  }
}
#cookies .content .agree,
#tooltip-bundles .content .agree {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
  color: var(--theme-color);
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  margin-left: 10px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  white-space: nowrap;
}
@media all and (max-width:767px) {
  #cookies .content .agree,
  #tooltip-bundles .content .agree {
    font-size: 11px;
    margin-left: 0px;
  }
}
#cookies .content .close,
#tooltip-bundles .content .close {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5px;
  background-color: transparent;
  width: 15px;
  height: 15px;
  padding: 5px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media all and (max-width:767px) {
  #cookies .content .close,
  #tooltip-bundles .content .close {
    top: 0px;
    right: 0px;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

button {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
}

.woocommerce-notices-wrapper {
  text-align: center;
}
.woocommerce-notices-wrapper .woocommerce-error {
  padding: 100px 2em 50px;
  font-size: 12px;
}

.sliders-wrapper footer[data-variable="1"] .sliders .slider-wrapper[data-variable="1"] {
  display: grid;
}

.just-show-if-cart {
  display: none !important;
}
.just-show-if-cart.active {
  display: block !important;
}

.pink-text {
  color: var(--theme-color);
}

.sliders {
  float: left;
}
.sliders .slider-wrapper {
  font-size: 0.7em;
  display: grid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  grid-template-columns: 1fr 60px 40px;
  grid-gap: 8px;
  text-align: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .sliders .slider-wrapper {
    grid-template-columns: 1fr 50px 30px;
  }
}
.sliders .slider-wrapper[data-variable="1"] {
  display: none;
  overflow: hidden;
}
.sliders .slider-wrapper .title-wrapper {
  text-align: right;
  line-height: 1.35em;
}
.sliders .slider-wrapper .title {
  text-align: left;
  display: inline-block;
}
.sliders .slider-wrapper .slider-content {
  padding-top: 8px;
}
.sliders .slider-wrapper .value {
  text-align: left;
  line-height: 1.35em;
}
.font-style-selector {
  position: relative;
  font-size: 14px;
  color: #000;
  line-height: 25px;
  float: left;
  min-width: calc(25% - 25px);
  margin-left: 5px;
  margin-right: 13px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .font-style-selector {
    font-size: 12px;
  }
}
.font-style-selector h1 {
  cursor: pointer;
}
.font-style-selector h1:hover {
  color: var(--theme-color);
}
.font-style-selector h1 b,
.font-style-selector h1 strong {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
}
@media all and (max-width:767px) {
  .font-style-selector h1 {
    margin-bottom: 10px;
    margin-left: 0px;
    font-size: 11px;
  }
}
.font-style-selector .desplegable {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #fff;
  -webkit-transform: translate(-25px, calc(10px + 100%));
  transform: translate(-25px, calc(10px + 100%));
  z-index: 10;
  padding: 19px 32px;
}
@media all and (max-width:767px) {
  .font-style-selector .desplegable {
    font-size: 11px;
  }
}
.font-style-selector .desplegable li {
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.font-style-selector .desplegable li b,
.font-style-selector .desplegable li strong {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
}
.font-style-selector .desplegable li:hover {
  color: var(--theme-color);
}
.font-style-selector .desplegable li + li {
  margin-top: 5px;
}

.arabic {
  direction: rtl;
}

.text-left {
  text-align: left;
}

textarea:focus,
input:focus {
  outline: none;
}

.opacity-hover {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.opacity-hover:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

.font-display .size-1x {
  font-size: 1em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .font-display .size-1x {
    font-size: 0.75em;
  }
}
@media all and (max-width:767px) {
  .font-display .size-1x {
    font-size: 0.4em;
  }
}

.font-zarid {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 400;
}

.woocommerce-pagination {
  padding: 20px 20px;
  text-align: center;
}
.woocommerce-pagination a {
  color: #000;
  font-size: 12px;
}
.woocommerce-pagination a + a {
  margin-left: 30px;
}

.page-empty-message {
  position: relative;
  text-align: center;
  font-size: 3em;
  line-height: 1.5em;
  padding: 3em 2em;
}
@media all and (max-width:767px) {
  .page-empty-message {
    padding: 2em 1em;
  }
}
.page-empty-message p {
  max-width: 720px;
  margin: 0em auto;
  font-weight: bold;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.page-empty-message img.bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

#loading {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.92);
}
#loading .content {
  position: absolute;
  top: 50%;
  top: calc(50% + 1em);
  left: 50%;
  text-align: center;
  color: #000;
  line-height: 2.5em;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#loading .content .spinner {
  width: 85px;
  height: auto !important;
  border-radius: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#loading .content .spinner * {
  fill: var(--theme-color);
  stroke: var(--theme-color);
}
#loading .content .msg {
  margin-top: 1em;
  font-size: 2em;
  font-weight: bold;
}
#loading .content .msg .small {
  font-size: 0.6em;
  line-height: 1.3em;
}
#loading .content .msg .small a {
  color: var(--theme-color);
}

.flickity-enabled:focus {
  outline: none;
}

@media all and (max-width:767px) {
  .flickity-viewport img {
    max-height: 250px;
  }
}
.flickity-viewport:focus {
  outline: none;
}
.flickity-viewport *:focus {
  outline: none;
}

@media all and (max-width:767px) {
  .not-in-mobile {
    display: none !important;
  }
}

.shadow-triangle {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-triangle:before {
  content: "";
  position: absolute;
  top: -20px;
  width: 100%;
  left: 0px;
  background-color: transparent;
  height: 100%;
  z-index: -1;
}
.shadow-triangle:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0px;
  left: calc(50% + 10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 10px solid black;
  border-color: transparent #fff #fff #fff;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.1);
          box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.tabs-component {
  background-color: #ededed;
}
@media all and (max-width:767px) {
  .tabs-component .mw-content-wrapper {
    max-width: calc(100% - 10px);
  }
}
.tabs-component .tab-menu li {
  display: block;
  width: 49%;
  width: calc(50% - 3px);
  float: left;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.3em 0em 1em;
  cursor: pointer;
  background-color: #c5c7c9;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  margin-bottom: 10px;
  position: relative;
}
@media all and (max-width:767px) {
  .tabs-component .tab-menu li {
    height: 50px;
  }
}
.tabs-component .tab-menu li.current {
  background-color: #fff;
  pointer-events: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
}
.tabs-component .tab-menu li.current:after {
  display: block;
  content: "";
  height: 12px;
  width: 100%;
  background-color: #fff;
  position: absolute;
  left: 0px;
  bottom: 0px;
  -webkit-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.tabs-component .tab-menu li div.text {
  max-width: 586px;
  display: block;
  overflow: hidden;
}
@media all and (max-width:767px) {
  .tabs-component .tab-menu li div.text {
    white-space: initial;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.tabs-component .tab-menu li div.text p {
  padding: 0px 0.75em;
  font-size: 1.5em;
  line-height: 1.2em;
}
@media all and (max-width:767px) {
  .tabs-component .tab-menu li div.text p {
    font-size: 1.1em;
  }
}
.tabs-component .tab-menu li div.text p .small {
  font-size: 12px;
  display: inline-block;
  margin-left: 7px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .tabs-component .tab-menu li div.text p .small {
    display: none;
  }
}
@media all and (max-width:767px) {
  .tabs-component .tab-menu li div.text p .small {
    display: none;
  }
}
.tabs-component .tab-menu li:first-child div.text {
  margin-left: auto;
}
@media all and (max-width:767px) {
  .tabs-component .tab-menu li:first-child div.text p {
    margin-left: 0;
  }
}
.tabs-component .tab-menu.tabs-1 li {
  width: 100%;
}
.tabs-component .tab-menu.tabs-1 li .text {
  margin-left: 0px !important;
}
.tabs-component .tab-menu.tabs-2 li + li {
  margin-left: 6px;
}
.tabs-component .tab-menu.tabs-3 li {
  width: calc(33.3333333333% - 4px);
}
.tabs-component .tab-menu.tabs-3 li + li {
  margin-left: 6px;
}
.tabs-component .tab-menu.height-menu .height-switcher {
  position: relative;
}
.tabs-component .tab-menu.height-menu .height-switcher.opened svg {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.tabs-component .tab-menu.height-menu li.current:after {
  display: none;
}
.tabs-component .tabs-content .tab-content {
  display: none;
}
.tabs-component .tabs-content .tab-content.current {
  display: block;
}

.grey-separator {
  height: 4em;
  background-color: #ededed;
}

.arrow-button {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 400;
  display: block;
  color: #fff;
  position: relative;
  font-size: 1em;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.6em 1em 0.4em;
  background-color: #000;
  border: 1px solid #000;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
.arrow-button:hover {
  color: #000;
  background-color: #fff;
}
.arrow-button:hover:not(.card-icon) svg * {
  stroke: #000;
}
.arrow-button.small {
  text-align: left;
  font-size: 0.8em;
}
.arrow-button.big-height {
  padding: 1em 1em 0.8em;
}
.arrow-button.pink {
  background-color: var(--theme-color);
  border: none;
}
.arrow-button.pink:hover {
  background-color: #000;
  color: #fff;
}
.arrow-button.pink:hover svg * {
  stroke: #fff;
}
.arrow-button.black {
  background-color: #000;
  border: none;
}
.arrow-button.black:hover {
  background-color: var(--theme-color);
  color: #fff;
}
.arrow-button.black:hover svg * {
  stroke: #fff;
}
.arrow-button svg {
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.arrow-button svg * {
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}
.arrow-button.right svg {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.view-all-arrow {
  color: #fff;
  background-color: var(--theme-color);
  text-decoration: none;
  font-size: 0.9em;
  padding: 1.1em 2em 0.8em 2.3em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 566px;
  display: inline-block;
  position: relative;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .view-all-arrow {
    width: auto;
    padding-right: 150px;
  }
}
@media all and (max-width:767px) {
  .view-all-arrow {
    width: auto;
    padding-right: 100px;
    margin-left: 0px;
  }
}
.view-all-arrow:hover {
  background-color: #000;
}
.view-all-arrow svg {
  position: absolute;
  right: 1.4em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media all and (max-width:767px) {
  .view-all-arrow svg {
    right: 1em;
    -webkit-transform: translateY(-50%) scale(0.6);
    transform: translateY(-50%) scale(0.6);
  }
}

body.page-template-template-home footer#main-footer,
body.page-template-template-29lt footer#main-footer {
  border-top: 10px solid #ededed;
}

.login-form-columns {
  margin-bottom: 8px;
}
.login-form-columns form.page-form .form-field {
  margin-bottom: 1.06em;
}
.login-form-columns form.page-form .form-field input {
  padding: 0.8em 0.5em;
}
.login-form-columns form.page-form .button {
  padding-bottom: 0.8em;
}

.social-login ul li {
  margin-bottom: 5px;
  font-size: 14px;
  position: relative;
  background-color: #c5c7c9;
}
.social-login ul li a {
  padding: 1.1em 1em 0.9em;
  display: block;
  position: relative;
  text-decoration: none;
  color: #000;
}
.social-login ul li svg {
  position: absolute;
  top: 50%;
  right: 4em;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

/*
#    /$$$$$$                                          
#   /$$__  $$                                         
#  | $$  \__/$$$$$$   /$$$$$$  /$$$$$$/$$$$   /$$$$$$$
#  | $$$$  /$$__  $$ /$$__  $$| $$_  $$_  $$ /$$_____/
#  | $$_/ | $$  \ $$| $$  \__/| $$ \ $$ \ $$|  $$$$$$ 
#  | $$   | $$  | $$| $$      | $$ | $$ | $$ \____  $$
#  | $$   |  $$$$$$/| $$      | $$ | $$ | $$ /$$$$$$$/
#  |__/    \______/ |__/      |__/ |__/ |__/|_______/ 
*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ /* Firefox 1-3.6 */
  border-radius: 0; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
}

.custom-select {
  width: 100%;
  background-color: #c5c7c9;
  font-size: 1em;
  padding: 0.7em 0.4em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  background-image: url(878efef22780af555b4a.svg);
  background-repeat: no-repeat;
  background-position: 96% 13px;
}

form.page-form button {
  background-color: var(--theme-color);
  color: #fff;
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 17px;
  text-align: left;
  padding: 9px 12px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
form.page-form button:hover {
  background-color: #000;
}
form.page-form .form-field {
  margin-bottom: 1em;
  /* Change the white to any color ;) */
}
form.page-form .form-field label {
  font-size: 1.3em;
  line-height: 1em;
  margin-bottom: 0.2em;
  display: inline-block;
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 400;
}
form.page-form .form-field label.mandatory:after {
  content: " *";
  color: #f00;
}
form.page-form .form-field label.subtitle {
  display: block;
  font-size: 15px;
}
form.page-form .form-field label .small {
  font-size: 8px;
}
form.page-form .form-field label .subtitle {
  font-size: 0.85em;
}
form.page-form .form-field input {
  display: block;
  width: 100%;
  border: none;
  background-color: #c5c7c9;
  font-size: 1em;
  padding: 0.5em 0.5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
}
form.page-form .form-field input::-moz-selection {
  background: #000; /* WebKit/Blink Browsers */
  color: #fff;
}
form.page-form .form-field input::selection {
  background: #000; /* WebKit/Blink Browsers */
  color: #fff;
}
form.page-form .form-field input::-moz-selection {
  background: #000; /* Gecko Browsers */
  color: #fff;
}
form.page-form .form-field input:-webkit-autofill,
form.page-form .form-field input:-webkit-autofill:hover,
form.page-form .form-field input:-webkit-autofill:focus,
form.page-form .form-field textarea:-webkit-autofill,
form.page-form .form-field textarea:-webkit-autofill:hover,
form.page-form .form-field textarea:-webkit-autofill:focus,
form.page-form .form-field select:-webkit-autofill,
form.page-form .form-field select:-webkit-autofill:hover,
form.page-form .form-field select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: none;
  -webkit-transition: background-color 1000s ease-in-out 0s;
  transition: background-color 1000s ease-in-out 0s;
}
form.page-form .form-field input:-webkit-autofill,
form.page-form .form-field input:-webkit-autofill:hover,
form.page-form .form-field input:-webkit-autofill:focus,
form.page-form .form-field input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px transparent inset !important;
}
form.page-form .form-field select {
  width: 100%;
  background-color: #c5c7c9;
  font-size: 1em;
  padding: 0.7em 0.4em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  -moz-appearance: none; /* Firefox */
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  background-image: url(878efef22780af555b4a.svg);
  background-repeat: no-repeat;
  background-position: 96% 13px;
}
form.page-form .double-field .form-row {
  width: calc(50% - 5px);
  float: left;
}
form.page-form .double-field .form-row.large {
  width: calc(66.666% - 5px);
}
form.page-form .double-field .form-row.short {
  width: calc(33.333% - 5px);
}
form.page-form .double-field .form-row + .form-row {
  margin-left: 10px;
}
form.page-form .form-row .form-button {
  color: #fff;
  background-color: var(--theme-color);
  line-height: 1em;
  padding: 1em 1em 0.6em;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
form.page-form .form-row .form-button:hover {
  background-color: #000;
}
form.page-form .form-row .form-button svg {
  position: absolute;
  top: 50%;
  right: 2em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
form.page-form .input-wrapper {
  display: block;
  position: relative;
}
form.page-form .input-wrapper:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: var(--theme-color);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
form.page-form .input-wrapper.with-errors:before, form.page-form .input-wrapper.force-errors:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
form.page-form .input-wrapper.with-errors input,
form.page-form .input-wrapper.with-errors select, form.page-form .input-wrapper.force-errors input,
form.page-form .input-wrapper.force-errors select {
  background-color: rgba(255, 0, 0, 0.3);
}
form.page-form .input-wrapper.with-errors input:-webkit-autofill,
form.page-form .input-wrapper.with-errors input:-webkit-autofill:hover,
form.page-form .input-wrapper.with-errors input:-webkit-autofill:focus,
form.page-form .input-wrapper.with-errors input:-webkit-autofill:active, form.page-form .input-wrapper.force-errors input:-webkit-autofill,
form.page-form .input-wrapper.force-errors input:-webkit-autofill:hover,
form.page-form .input-wrapper.force-errors input:-webkit-autofill:focus,
form.page-form .input-wrapper.force-errors input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px rgba(255, 0, 0, 0.3) inset !important;
}
form.page-form .button {
  margin-top: 2.1em;
  margin-bottom: 2.1em;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  text-align: left;
  font-size: 1em;
  color: #fff;
  background-color: var(--theme-color);
  line-height: 1em;
  padding: 0.75em 1em 0.6em;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
form.page-form .button:hover {
  background-color: #000;
}
form.page-form .button.button-arrow-right svg {
  position: absolute;
  top: 50%;
  right: 2em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
form.page-form .form-conditions {
  display: none;
  margin-bottom: 30px;
}
form.page-form .form-conditions .tit-password-disclaimer {
  color: #000000;
  font-size: 0.7em;
  font-weight: 500;
  line-height: 25px;
}
form.page-form .form-conditions ul li {
  background-image: url(3cbd8b309f6add3c0bf0.svg);
  background-position: left -1px;
  background-repeat: no-repeat;
  padding-left: 30px;
  float: none;
  clear: both;
  min-width: 260px;
  margin-right: 0;
  margin-top: 5px;
  color: #000000;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  min-height: 20px;
}
form.page-form .form-conditions ul li.checked {
  background-image: url(ce250204e1dd70c60f9e.svg);
}

/*
#                       /$$                                            
#                      | $$                                            
#    /$$$$$$$  /$$$$$$ | $$ /$$   /$$ /$$$$$$/$$$$  /$$$$$$$   /$$$$$$$
#   /$$_____/ /$$__  $$| $$| $$  | $$| $$_  $$_  $$| $$__  $$ /$$_____/
#  | $$      | $$  \ $$| $$| $$  | $$| $$ \ $$ \ $$| $$  \ $$|  $$$$$$ 
#  | $$      | $$  | $$| $$| $$  | $$| $$ | $$ | $$| $$  | $$ \____  $$
#  |  $$$$$$$|  $$$$$$/| $$|  $$$$$$/| $$ | $$ | $$| $$  | $$ /$$$$$$$/
#   \_______/ \______/ |__/ \______/ |__/ |__/ |__/|__/  |__/|_______/ 
*/
.columns-wrapper {
  position: relative;
}
.columns-wrapper .columns {
  display: grid;
  width: 100%;
  position: relative;
  z-index: 1;
}
.columns-wrapper .columns.columns-2 {
  grid-template-columns: 1fr 1fr;
}
@media all and (max-width:767px) {
  .columns-wrapper .columns.columns-2 {
    grid-template-columns: 1fr;
  }
}
.columns-wrapper .columns.columns-2 .column .mw-wrapper {
  max-width: 490px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width:767px) {
  .columns-wrapper .columns.columns-2 .column .mw-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}
.columns-wrapper .columns.columns-2 .column:first-child .mw-wrapper {
  float: right;
}
@media all and (max-width:767px) {
  .columns-wrapper .columns.columns-2 .column:first-child .mw-wrapper {
    float: initial;
  }
}
.columns-wrapper .columns.columns-3 {
  grid-template-columns: 1fr 370px 1fr;
}
@media all and (max-width:767px) {
  .columns-wrapper .columns.columns-3 {
    grid-template-columns: 1fr;
  }
}
.columns-wrapper .columns.columns-3 .column .mw-wrapper {
  max-width: 370px;
  max-width: 330px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.columns-wrapper .columns.columns-3 .column:first-child .mw-wrapper {
  float: right;
}
@media all and (max-width:767px) {
  .columns-wrapper .columns.columns-3 .column:first-child .mw-wrapper {
    float: initial;
  }
}
.columns-wrapper .columns .column {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  background-color: #fff;
  border-right: 4px solid #ededed;
  vertical-align: top;
}
@media all and (max-width:767px) {
  .columns-wrapper .columns .column {
    border-right: none;
    display: block;
    border-bottom: 5px solid #ededed;
  }
}
.columns-wrapper .columns .column header {
  color: #fff;
  background-color: black;
  font-size: 0.9em;
  padding: 18px 25px 12px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .columns-wrapper .columns .column header {
    padding: 12px 15px 10px;
  }
}
.columns-wrapper .columns .column header.big-header {
  background-color: transparent;
  color: #000;
  font-size: 3em;
  font-weight: bold;
  padding: 60px 25px 0px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .columns-wrapper .columns .column header.big-header {
    padding: 40px 25px 0px;
  }
}
.columns-wrapper .columns .column header.big-header h1 {
  letter-spacing: 1px;
}
.columns-wrapper .columns .column header:before, .columns-wrapper .columns .column header:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.columns-wrapper .columns .column header:after {
  clear: both;
}
.columns-wrapper .columns .column .content {
  padding: 2em 25px;
  font-size: 0.75em;
  line-height: 1.5em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .columns-wrapper .columns .column .content {
    padding: 2em 15px;
  }
}
@media all and (max-width:767px) {
  .columns-wrapper .columns .column .content {
    padding: 1.5em 15px;
  }
}
.columns-wrapper .columns .column .content:before, .columns-wrapper .columns .column .content:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.columns-wrapper .columns .column .content:after {
  clear: both;
}
.columns-wrapper .columns .column + .column {
  border-left: 4px solid #ededed;
}
@media all and (max-width:767px) {
  .columns-wrapper .columns .column + .column {
    border-left: none;
  }
}
.columns-wrapper .columns .column:last-child {
  border-right: none;
}

/*
#   /$$                          /$$        /$$$                                     /$$    
#  | $$                         | $$       /$$ $$                                   | $$    
#  | $$$$$$$  /$$$$$$   /$$$$$$$| $$   /$$|  $$$      /$$$$$$$  /$$$$$$   /$$$$$$  /$$$$$$  
#  | $$__  $$|____  $$ /$$_____/| $$  /$$/ /$$ $$/$$ /$$_____/ |____  $$ /$$__  $$|_  $$_/  
#  | $$  \ $$ /$$$$$$$| $$      | $$$$$$/ | $$  $$_/| $$        /$$$$$$$| $$  \__/  | $$    
#  | $$  | $$/$$__  $$| $$      | $$_  $$ | $$\  $$ | $$       /$$__  $$| $$        | $$ /$$
#  | $$$$$$$/  $$$$$$$|  $$$$$$$| $$ \  $$|  $$$$/$$|  $$$$$$$|  $$$$$$$| $$        |  $$$$/
#  |_______/ \_______/ \_______/|__/  \__/ \____/\_/ \_______/ \_______/|__/         \___/  
*/
section.back-and-cart {
  background-color: #ededed;
  padding: 34px 0px;
}
section.back-and-cart a.disabled {
  pointer-events: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
section.back-and-cart a {
  display: block;
  float: left;
  width: calc(50% - 4px);
  line-height: 50px;
  color: #fff;
  padding: 0px 1.6em;
  font-size: 0.9em;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  text-decoration: none;
  background-color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  position: relative;
}
@media all and (max-width:767px) {
  section.back-and-cart a {
    width: 100%;
    padding: 0px 15px;
  }
  section.back-and-cart a svg {
    right: 10px;
    max-width: 60px;
    height: auto !important;
  }
}
section.back-and-cart a svg {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
section.back-and-cart a.cart {
  background-color: var(--theme-color);
}
section.back-and-cart a.cart svg {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
section.back-and-cart a.cart:hover {
  background-color: #000;
}
section.back-and-cart a.back {
  text-align: right;
}
section.back-and-cart a.back svg {
  left: 30px;
}
section.back-and-cart a.back:hover {
  background-color: var(--theme-color);
}
section.back-and-cart a + a {
  margin-left: 8px;
}
@media all and (max-width:767px) {
  section.back-and-cart a + a {
    margin-left: 0px;
    margin-top: 8px;
  }
}

/*
 __        __              __             ______          ______             __ 
/  |      /  |            /  |           /      \        /      \           /  |
$$ |      $$/   _______  _$$ |_         /$$$$$$  |      /$$$$$$  |  ______  $$ |
$$ |      /  | /       |/ $$   |        $$____$$ |      $$ |  $$/  /      \ $$ |
$$ |      $$ |/$$$$$$$/ $$$$$$/          /    $$/       $$ |      /$$$$$$  |$$ |
$$ |      $$ |$$      \   $$ | __       /$$$$$$/        $$ |   __ $$ |  $$ |$$ |
$$ |_____ $$ | $$$$$$  |  $$ |/  |      $$ |_____       $$ \__/  |$$ \__$$ |$$ |
$$       |$$ |/     $$/   $$  $$/       $$       |      $$    $$/ $$    $$/ $$ |
$$$$$$$$/ $$/ $$$$$$$/     $$$$/        $$$$$$$$/        $$$$$$/   $$$$$$/  $$/ 
*/
section.font-2cols-list {
  padding: 3em 0px 3em;
}
section.font-2cols-list header h2 {
  color: #000;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  margin-bottom: 2em;
  font-size: 30px;
}
section.font-2cols-list .fonts-2col article.font {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0.8em;
  margin-bottom: 3em;
}
@media all and (max-width:767px) {
  section.font-2cols-list .fonts-2col article.font {
    width: 100%;
  }
}
section.font-2cols-list .fonts-2col article.font a {
  text-decoration: none;
}
section.font-2cols-list .fonts-2col article.font a.all {
  color: #000;
}
section.font-2cols-list .fonts-2col article.font .input {
  min-height: 1.1em;
  margin-bottom: 5px;
}
@media all and (max-width:767px) {
  section.font-2cols-list .fonts-2col article.font .input {
    min-height: auto;
  }
}
section.font-2cols-list .fonts-2col article.font .input .font-line {
  font-size: 1em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  section.font-2cols-list .fonts-2col article.font .input .font-line {
    font-size: 0.75em;
  }
}
@media all and (max-width:767px) {
  section.font-2cols-list .fonts-2col article.font .input .font-line {
    font-size: 0.5em;
  }
}
section.font-2cols-list .fonts-2col article.font .input .font-input {
  text-align: left;
}
section.font-2cols-list .fonts-2col article.font .info {
  letter-spacing: 0.025em;
  margin-bottom: 10px;
}
section.font-2cols-list .fonts-2col article.font .info .styles,
section.font-2cols-list .fonts-2col article.font .info .versions {
  display: inline-block;
}
section.font-2cols-list .fonts-2col article.font .info .right {
  position: relative;
  z-index: 1;
  float: right;
  margin-right: 50px;
}
section.font-2cols-list .fonts-2col article.font .info .right .favourite {
  cursor: pointer;
}
section.font-2cols-list .fonts-2col article.font .info .right .favourite.my-favourite {
  padding: 10px;
  -webkit-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
  /*
  &:hover{
  	svg{
  		*{
  			fill:#fff;							
  		}

  	}
  }
  */
}
section.font-2cols-list .fonts-2col article.font .info .right .favourite.my-favourite svg * {
  fill: #000;
  stroke: #000;
  fill-opacity: 1;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
section.font-2cols-list .fonts-2col article.font .info .styles {
  font-size: 0.6em;
  line-height: 16px;
  margin-right: 5px;
}
section.font-2cols-list .fonts-2col article.font .info .styles span {
  display: inline-block;
}
section.font-2cols-list .fonts-2col article.font .info .styles span + span {
  margin-left: 10px;
}
section.font-2cols-list .fonts-2col article.font .info .versions {
  margin-left: 0px;
  vertical-align: sub;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
section.font-2cols-list .fonts-2col article.font .info .versions div.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #000;
  position: relative;
}
section.font-2cols-list .fonts-2col article.font .info .versions div.icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 12px;
  max-height: 12px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
section.font-2cols-list .fonts-2col article.font .info .versions div.icon svg * {
  stroke: #fff;
  fill: #fff;
}
section.font-2cols-list .fonts-2col article.font .info .versions div.icon.latin span {
  top: 55%;
}
section.font-2cols-list .fonts-2col article.font .info .versions div.icon.arabic span {
  top: 40%;
  left: 47%;
}
section.font-2cols-list .fonts-2col article.font h1 {
  font-size: 12px;
}
section.font-2cols-list .fonts-2col article.font h1 a {
  text-decoration: none;
  color: var(--theme-color);
}
section.font-2cols-list .fonts-2col .font:nth-child(odd) {
  clear: both;
}

/*
#    /$$$$$$                     /$$                        
#   /$$__  $$                   | $$                        
#  | $$  \__/$$$$$$   /$$$$$$  /$$$$$$    /$$$$$$   /$$$$$$ 
#  | $$$$  /$$__  $$ /$$__  $$|_  $$_/   /$$__  $$ /$$__  $$
#  | $$_/ | $$  \ $$| $$  \ $$  | $$    | $$$$$$$$| $$  \__/
#  | $$   | $$  | $$| $$  | $$  | $$ /$$| $$_____/| $$      
#  | $$   |  $$$$$$/|  $$$$$$/  |  $$$$/|  $$$$$$$| $$      
#  |__/    \______/  \______/    \___/   \_______/|__/      
*/
footer#main-footer {
  color: #fff;
  background-color: #000;
  padding: 3.7em 0em 3em;
  letter-spacing: 0.025em;
}
footer#main-footer .mw-content-wrapper {
  max-width: 1135px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  footer#main-footer .mw-content-wrapper {
    max-width: 90%;
    max-width: calc(100% - 40px);
  }
}
@media all and (max-width:767px) {
  footer#main-footer .mw-content-wrapper {
    max-width: 90%;
    max-width: calc(100% - 40px);
  }
}
footer#main-footer h3 {
  font-size: 0.7em;
}
footer#main-footer a {
  text-decoration: none;
  font-size: 0.6em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
footer#main-footer a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
footer#main-footer .col-families {
  width: 50%;
  float: left;
  padding: 0px 10px 0px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width:767px) {
  footer#main-footer .col-families {
    width: 100%;
    padding: 0px;
  }
}
footer#main-footer .col-families h3 {
  margin-bottom: 1em;
  height: 20px;
  line-height: 20px;
}
@media all and (max-width:767px) {
  footer#main-footer .col-families h3 {
    font-size: 0.8em;
  }
}
footer#main-footer .col-families h3.grey {
  color: #929497;
  font-size: 0.8em;
}
footer#main-footer .col-families nav ul {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
@media all and (max-width:767px) {
  footer#main-footer .col-families nav ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
footer#main-footer .col-families nav ul li {
  line-height: 20px;
}
@media all and (max-width:767px) {
  footer#main-footer .col-families nav ul li {
    line-height: 15px;
  }
  footer#main-footer .col-families nav ul li a {
    font-size: 0.75em;
  }
}
footer#main-footer .col-families nav ul li a {
  color: #fff;
}
footer#main-footer .col-other {
  width: 50%;
  float: left;
  color: #929497;
}
@media all and (max-width:767px) {
  footer#main-footer .col-other {
    width: 100%;
    margin-left: 0%;
    margin-top: 30px;
  }
}
footer#main-footer .col-other .col {
  width: 33.333333%;
  width: 33.3333333333%;
  float: left;
}
footer#main-footer .col-other .col:first-child {
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
footer#main-footer .col-other .col .item:last-child {
  margin-bottom: 0;
}
footer#main-footer .col-other .item {
  display: inline-block;
  margin: 0 0 1.8em;
  width: 100%;
}
footer#main-footer .col-other .item h3 {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
  margin-bottom: 1em;
  height: 20px;
  line-height: 20px;
}
footer#main-footer .col-other .item li {
  line-height: 20px;
}
footer#main-footer .col-other .item a {
  text-decoration: none;
  color: #929497;
  font-size: 0.6em;
}
footer#main-footer .row.font-links {
  margin-bottom: 1em;
}
@media all and (max-width:767px) {
  footer#main-footer .row.font-links {
    margin-bottom: 2em;
  }
}
footer#main-footer .row.up {
  text-align: center;
  margin-bottom: 3em;
}
@media all and (max-width:767px) {
  footer#main-footer .row.up {
    margin-bottom: 2em;
    text-align: left;
  }
}
footer#main-footer .row.up .up-link {
  display: inline-block;
  width: 70px;
  height: 70px;
  background-color: var(--theme-color);
  border-radius: 100%;
  position: relative;
}
footer#main-footer .row.up .up-link img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
footer#main-footer .row.copyright {
  color: #fff;
  position: relative;
  display: table;
}
@media all and (max-width:767px) {
  footer#main-footer .row.copyright {
    display: block;
  }
}
footer#main-footer .row.copyright .up-link {
  display: none;
}
@media all and (max-width:767px) {
  footer#main-footer .row.copyright .up-link {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    background-color: var(--theme-color);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  footer#main-footer .row.copyright .up-link img {
    width: 12px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
footer#main-footer .row.copyright .col-logo {
  width: 33%;
  display: table-cell;
  vertical-align: bottom;
  position: relative;
}
@media all and (max-width:767px) {
  footer#main-footer .row.copyright .col-logo {
    width: 100%;
    display: block;
  }
}
footer#main-footer .row.copyright .col-logo svg {
  position: absolute;
  top: 41%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0px;
}
footer#main-footer .row.copyright .col-logo p {
  font-size: 0.72em;
  line-height: 1.5em;
  margin-left: 68px;
}
@media all and (max-width:767px) {
  footer#main-footer .row.copyright .col-logo p {
    margin-top: 15px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}
footer#main-footer .row.copyright .description {
  color: var(--theme-color);
  width: 63%;
  display: table-cell;
  vertical-align: top;
  margin-left: 3.333333%;
  font-size: 0.72em;
  line-height: 1.5em;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 400;
}
@media all and (max-width:767px) {
  footer#main-footer .row.copyright .description {
    display: block;
    width: 100%;
    margin-left: 0%;
    margin-top: 40px;
  }
}

.favourite-button {
  cursor: pointer;
}

.favourite.my-favourite svg * {
  fill: #000;
  stroke: #000;
  fill-opacity: 1;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}

[data-style=hairline], .css-style-hairline {
  font-variation-settings: "wght" 100;
}
[data-style=hairline] .font-input, .css-style-hairline .font-input {
  font-variation-settings: "wght" 100 !important;
}

[data-style=thin], .css-style-thin {
  font-variation-settings: "wght" 150;
}
[data-style=thin] .font-input, .css-style-thin .font-input {
  font-variation-settings: "wght" 150 !important;
}

[data-style=extralight], .css-style-extralight {
  font-variation-settings: "wght" 200;
}
[data-style=extralight] .font-input, .css-style-extralight .font-input {
  font-variation-settings: "wght" 200 !important;
}

[data-style=light], .css-style-light {
  font-variation-settings: "wght" 300;
}
[data-style=light] .font-input, .css-style-light .font-input {
  font-variation-settings: "wght" 300 !important;
}

[data-style=regular], .css-style-regular {
  font-variation-settings: "wght" 400;
}
[data-style=regular] .font-input, .css-style-regular .font-input {
  font-variation-settings: "wght" 400 !important;
}

[data-style=medium], .css-style-medium {
  font-variation-settings: "wght" 500;
}
[data-style=medium] .font-input, .css-style-medium .font-input {
  font-variation-settings: "wght" 500 !important;
}

[data-style=semibold], .css-style-semibold {
  font-variation-settings: "wght" 550;
}
[data-style=semibold] .font-input, .css-style-semibold .font-input {
  font-variation-settings: "wght" 550 !important;
}

[data-style=bold], .css-style-bold {
  font-variation-settings: "wght" 600;
}
[data-style=bold] .font-input, .css-style-bold .font-input {
  font-variation-settings: "wght" 600 !important;
}

[data-style=extrabold], .css-style-extrabold {
  font-variation-settings: "wght" 700;
}
[data-style=extrabold] .font-input, .css-style-extrabold .font-input {
  font-variation-settings: "wght" 700 !important;
}

[data-style=black], .css-style-black {
  font-variation-settings: "wght" 900;
}
[data-style=black] .font-input, .css-style-black .font-input {
  font-variation-settings: "wght" 900 !important;
}

[data-style=hairline],
.css-style-hairline {
  font-variation-settings: "wght" 100;
}
[data-style=hairline] .font-input,
.css-style-hairline .font-input {
  font-variation-settings: "wght" 100 !important;
}

[data-style=thin],
.css-style-thin {
  font-variation-settings: "wght" 150;
}
[data-style=thin] .font-input,
.css-style-thin .font-input {
  font-variation-settings: "wght" 150 !important;
}

[data-style=extralight],
.css-style-extralight {
  font-variation-settings: "wght" 200;
}
[data-style=extralight] .font-input,
.css-style-extralight .font-input {
  font-variation-settings: "wght" 200 !important;
}

[data-style=light],
.css-style-light {
  font-variation-settings: "wght" 300;
}
[data-style=light] .font-input,
.css-style-light .font-input {
  font-variation-settings: "wght" 300 !important;
}

[data-style=regular],
.css-style-regular {
  font-variation-settings: "wght" 400;
}
[data-style=regular] .font-input,
.css-style-regular .font-input {
  font-variation-settings: "wght" 400 !important;
}

[data-style=medium],
.css-style-medium {
  font-variation-settings: "wght" 500;
}
[data-style=medium] .font-input,
.css-style-medium .font-input {
  font-variation-settings: "wght" 500 !important;
}

[data-style=semibold],
.css-style-semibold {
  font-variation-settings: "wght" 550;
}
[data-style=semibold] .font-input,
.css-style-semibold .font-input {
  font-variation-settings: "wght" 550 !important;
}

[data-style=bold],
.css-style-bold {
  font-variation-settings: "wght" 600;
}
[data-style=bold] .font-input,
.css-style-bold .font-input {
  font-variation-settings: "wght" 600 !important;
}

[data-style=extrabold],
.css-style-extrabold {
  font-variation-settings: "wght" 700;
}
[data-style=extrabold] .font-input,
.css-style-extrabold .font-input {
  font-variation-settings: "wght" 700 !important;
}

[data-style=black],
.css-style-black {
  font-variation-settings: "wght" 900;
}
[data-style=black] .font-input,
.css-style-black .font-input {
  font-variation-settings: "wght" 900 !important;
}

/*
Colores
*/
:root {
  --variable-wght: 400;
  --variable-wdth: 0;
  --variable-ital: 0;
  --variable-slnt: 0;
  --variable-opsz: 0;
  --variable-STRC: 0;
  --variable-CONT: 0;
  --variable-EXTN: 0;
}

.dinamic-variable-style {
  font-variation-settings: "wght" var(--variable-wght), "wdth" var(--variable-wdth), "ital" var(--variable-ital), "slnt" var(--variable-slnt), "opsz" var(--variable-opsz), "STRC" var(--variable-STRC), "CONT" var(--variable-CONT), "EXTN" var(--variable-EXTN);
}

/*! nouislider - 13.1.5 - 4/24/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
          transform-style: flat;
}

/* Offset direction
 */
html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  cursor: pointer;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 1px;
}

.noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  left: -10px;
  top: -10px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -10px;
  left: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: rgba(0, 0, 0, 0.5);
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #000;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

/* Handle stripes;
 */
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 10px;
  width: 10px;
  background: #000;
  left: 50%;
  top: 50%;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

body header#main-header #menu-main-nav .current {
  color: var(--theme-color);
}

body:not(.colour-switch) #theme-switcher {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
body:not(.colour-switch) #theme-switcher li[data-name=theme-black]:before,
body:not(.colour-switch) #theme-switcher li[data-name=theme-pink]:before {
  background-color: #666 !important;
  border: none !important;
}
body:not(.colour-switch) #theme-switcher li[data-name=theme-black]:after,
body:not(.colour-switch) #theme-switcher li[data-name=theme-pink]:after {
  display: none !important;
}
body:not(.colour-switch) #theme-switcher li[data-name=theme-white]:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-transform: translate(-50%, 5px);
  transform: translate(-50%, 5px);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

#main-header.scrolled #header-user-login {
  bottom: -20px;
}

#header-user-login {
  background-position: 0px -11px;
  width: 280px;
  background-color: #000;
  position: absolute;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  -webkit-box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: none;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  #header-user-login {
    left: initial;
    right: -30px;
    -webkit-transform: translate(0%, 100%);
    transform: translate(0%, 100%);
  }
}
@media all and (max-width:767px) {
  #header-user-login {
    bottom: initial;
    top: 77px;
    left: 0px;
    width: 100%;
    position: fixed;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}
#header-user-login:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0px;
  left: calc(50% + 10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 7px solid black;
  border-color: transparent white white white;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.1);
          box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  #header-user-login:after {
    left: calc(100% - 38px);
  }
}
@media all and (max-width:767px) {
  #header-user-login:after {
    left: calc(100% - 150px);
  }
}
@media all and (max-width:767px) {
  #header-user-login:before {
    content: "";
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    z-index: 0;
  }
}
#header-user-login .content {
  position: relative;
  z-index: 1;
  padding: 17px 20px;
}
@media all and (max-width:767px) {
  #header-user-login .content {
    padding-top: 40px;
  }
}
#header-user-login .content .social-login nav {
  float: initial;
}
#header-user-login .content .social-login li {
  margin-bottom: 10px;
  font-size: 13px;
  text-align: left;
}
#header-user-login .content .social-login li svg {
  right: 25px;
}
#header-user-login .content form {
  text-align: left;
}
#header-user-login .content form .row {
  width: 100%;
  margin-bottom: 10px;
}
#header-user-login .content form .row.input {
  margin-bottom: 20px;
}
#header-user-login .content form .row label {
  color: #000;
  font-size: 13px;
  margin-bottom: 10px;
  font-weight: bold;
  display: block;
}
#header-user-login .content form .row.lost a {
  color: #000;
  font-size: 13px;
}
#header-user-login .content form .row input {
  width: 100%;
  border: none;
  background-color: #c5c7c9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 10px;
}
#header-user-login .content form .row input:-internal-autofill-selected {
  background-color: #c5c7c9 !important;
}
#header-user-login .content form .row input:-webkit-autofill, #header-user-login .content form .row input:-webkit-autofill:hover, #header-user-login .content form .row input:-webkit-autofill:focus, #header-user-login .content form .row input:-webkit-autofill:active {
  -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
  -webkit-transition-delay: 9999s;
}
#header-user-login .content form .row .arrow-button {
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-size: 13px;
  padding-top: 13px;
  padding-bottom: 13px;
}
#header-user-login .content form .row .remember {
  color: #000;
  font-size: 13px;
}
#header-user-login .content form .row .remember .custom-check {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #c5c7c9;
  margin-right: 5px;
  vertical-align: bottom;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
#header-user-login .content form .row .remember .custom-check.marcado {
  background-color: #000;
}

#header-user-menu {
  width: 125px;
  background-position: 0px -11px;
  color: #fff;
  background-color: #000;
  position: absolute;
  bottom: -24px;
  left: 50%;
  display: none;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  -webkit-box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.2);
}
#header-user-menu:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0px;
  left: calc(50% + 10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 7px solid black;
  border-color: transparent var(--theme-color) var(--theme-color) var(--theme-color);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.1);
          box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
#header-user-menu .account-nav {
  float: initial !important;
}
#header-user-menu .account-nav li {
  float: initial;
  display: block;
  font-size: 14px;
  border-top: 1px solid #fff;
  text-align: left;
  line-height: 45px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#header-user-menu .account-nav li.user {
  color: #fff;
  background-color: var(--theme-color);
  border-top: none;
  padding: 0px 20px;
}
#header-user-menu .account-nav li.is-active:not(.not-ma) {
  pointer-events: none;
}
#header-user-menu .account-nav li.is-active:not(.not-ma) a {
  color: var(--theme-color);
}
#header-user-menu .account-nav li a {
  display: block;
  line-height: 45px;
  padding: 0px 20px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
#header-user-menu .account-nav li a:hover {
  color: #fff;
  background-color: var(--theme-color);
}

#main-header.scrolled #cart-resume {
  bottom: -20px;
}

#cart-resume {
  width: 280px;
  background-position: 0px -11px;
  color: #fff;
  background-color: var(--theme-color);
  position: absolute;
  bottom: -24px;
  right: 0px;
  display: none;
  -webkit-transform: translate(50px, 100%);
  transform: translate(50px, 100%);
  -webkit-box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.2);
}
@media all and (max-width:767px) {
  #cart-resume {
    bottom: -21px;
  }
}
#cart-resume:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0px;
  right: 33px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 10px solid black;
  border-color: transparent var(--theme-color) var(--theme-color) var(--theme-color);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.1);
          box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
#cart-resume .arrow-button {
  border: none;
}
#cart-resume .empty {
  font-size: 14px;
  padding: 1.5em 1em;
}
#cart-resume .item {
  padding: 18px 18px 18px 10px;
  line-height: 1em;
}
#cart-resume .item .row {
  font-size: 14px;
}
#cart-resume .item .row .c1,
#cart-resume .item .row .c2 {
  float: left;
}
#cart-resume .item .row .c1 {
  width: calc(100% - 80px);
  text-align: left;
}
#cart-resume .item .row .c2 {
  width: 70px;
  margin-left: 10px;
  text-align: right;
}
#cart-resume .item .row .product-title,
#cart-resume .item .row .product-total {
  font-size: 14px;
}
#cart-resume .item .row .slanted {
  font-size: 12px;
  font-style: italic;
}
#cart-resume .item .row .license {
  font-size: 12px;
}
#cart-resume .item .row .license strong {
  font-size: 13px;
  font-weight: bold;
}
#cart-resume .item .row .remove {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  cursor: pointer;
}
#cart-resume .item .row + .row {
  margin-top: 15px;
}
#cart-resume .item + .item {
  border-top: 1px solid #fff;
}

header#main-header {
  position: fixed;
  z-index: 500;
  top: 0px;
  left: 0px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000000;
  color: #fff;
  border-bottom: 10px solid #ededed;
  letter-spacing: 0.025em;
  -webkit-transition: border-bottom 0.3s;
  transition: border-bottom 0.3s;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  header#main-header {
    border-bottom: 5px solid #ededed;
  }
}
@media all and (max-width:767px) {
  header#main-header {
    border-bottom: 3px solid #ededed;
  }
}
header#main-header #hamburger {
  display: none;
}
@media all and (max-width:767px) {
  header#main-header #hamburger {
    display: block;
    float: left;
    margin-right: -10px;
  }
}
header#main-header.scrolled {
  border-bottom: 5px solid #ededed;
}
header#main-header.scrolled .mw-content-wrapper {
  padding: 15px 0px;
}
@media all and (max-width:767px) {
  header#main-header.scrolled .mw-content-wrapper {
    padding: 15px 0px;
  }
}
header#main-header.scrolled .right #theme-switcher li.current:after {
  -webkit-transform: translate(-50%, -2px);
  transform: translate(-50%, -2px);
}
header#main-header.scrolled .right nav.shop-nav:before {
  height: 30px;
}
header#main-header.scrolled .right nav.main-nav li .submenu {
  bottom: -18px;
}
header#main-header .mw-content-wrapper {
  padding: 20px 0px;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  header#main-header .mw-content-wrapper {
    padding: 20px 0px;
  }
}
@media all and (max-width:767px) {
  header#main-header .mw-content-wrapper {
    padding: 15px 0px;
  }
}
header#main-header #main-logo {
  width: 16.6666%;
  display: block;
  height: 37px;
  text-align: center;
  float: left;
}
header#main-header #main-logo svg {
  max-height: 37px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  header#main-header #main-logo {
    margin-left: 0px;
    text-align: left;
  }
}
@media all and (max-width:767px) {
  header#main-header #main-logo {
    margin-left: 0px;
    width: 48px;
    height: 32px;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  header#main-header #main-logo svg {
    width: 100%;
    height: 100%;
  }
}
header#main-header .right {
  float: right;
  width: 83.33333333%;
  width: 83.3333333333%;
  position: relative;
}
@media all and (max-width:767px) {
  header#main-header .right {
    width: auto;
  }
}
header#main-header .right #mobile-menu {
  float: left;
  width: 80%;
}
@media all and (max-width:767px) {
  header#main-header .right #mobile-menu {
    display: none;
  }
  header#main-header .right #mobile-menu.is-active {
    position: fixed;
    display: block;
    width: 100%;
    height: auto;
    min-height: calc(100% - 68px);
    background-color: #000;
    top: 68px;
    left: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 15px;
    border-left: 5px solid #ededed;
    border-right: 5px solid #ededed;
  }
}
header#main-header .right #theme-switcher {
  width: 30px;
  text-align: center;
  height: 37px;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 10px;
  z-index: 2;
  -webkit-transform: translate(-50%, -10px);
          transform: translate(-50%, -10px);
}
@media all and (max-width:767px) {
  header#main-header .right #theme-switcher {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    text-align: left;
    float: initial;
    width: 100%;
  }
}
header#main-header .right #theme-switcher,
header#main-header .right nav {
  float: left;
}
@media all and (max-width:767px) {
  header#main-header .right #theme-switcher,
  header#main-header .right nav {
    float: left;
  }
}
header#main-header .right #theme-switcher li.main-element,
header#main-header .right nav li.main-element {
  float: left;
  line-height: 37px;
}
header#main-header .right #theme-switcher li.main-element a,
header#main-header .right nav li.main-element a {
  text-decoration: none;
  color: #fff;
}
header#main-header .right #theme-switcher li.main-element.just-mobile,
header#main-header .right nav li.main-element.just-mobile {
  display: none;
}
@media all and (max-width:767px) {
  header#main-header .right #theme-switcher li.main-element.just-mobile,
  header#main-header .right nav li.main-element.just-mobile {
    display: block;
  }
}
header#main-header .right #theme-switcher.main-nav,
header#main-header .right nav.main-nav {
  width: 100%;
}
@media all and (max-width:767px) {
  header#main-header .right #theme-switcher.main-nav,
  header#main-header .right nav.main-nav {
    float: initial;
    width: 100%;
    margin: 40px 0px 20px;
  }
}
header#main-header .right #theme-switcher.main-nav li,
header#main-header .right nav.main-nav li {
  width: 25%;
  text-align: center;
  position: relative;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 300;
}
header#main-header .right #theme-switcher.main-nav li#main-font-selector:after,
header#main-header .right nav.main-nav li#main-font-selector:after {
  content: "";
  display: block;
  height: 5px;
  background-color: transparent;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
}
@media all and (max-width:767px) {
  header#main-header .right #theme-switcher.main-nav li,
  header#main-header .right nav.main-nav li {
    float: initial;
    display: block;
    text-align: left;
    line-height: 60px;
    width: 100%;
    position: relative;
  }
  header#main-header .right #theme-switcher.main-nav li a,
  header#main-header .right nav.main-nav li a {
    font-size: 1.8em;
  }
  header#main-header .right #theme-switcher.main-nav li:before,
  header#main-header .right nav.main-nav li:before {
    content: "";
    display: block;
    width: 115%;
    height: 2px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
header#main-header .right #theme-switcher.main-nav li a,
header#main-header .right nav.main-nav li a {
  display: block;
  font-size: 0.9em;
}
@media all and (max-width:767px) {
  header#main-header .right #theme-switcher.main-nav li a,
  header#main-header .right nav.main-nav li a {
    font-size: 1.8em !important;
  }
}
header#main-header .right #theme-switcher.main-nav li a.main-nav-button,
header#main-header .right nav.main-nav li a.main-nav-button {
  display: block;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
header#main-header .right #theme-switcher.main-nav li a.main-nav-button:hover,
header#main-header .right nav.main-nav li a.main-nav-button:hover {
  color: var(--theme-color);
}
@media all and (max-width:767px) {
  header#main-header .right #theme-switcher.main-nav li a.main-nav-button,
  header#main-header .right nav.main-nav li a.main-nav-button {
    line-height: 4em;
  }
}
header#main-header .right #theme-switcher.main-nav li .submenu,
header#main-header .right nav.main-nav li .submenu {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 20px 40px;
  bottom: -22px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  -webkit-box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: bottom 0.3s;
  transition: bottom 0.3s;
  letter-spacing: 0.025em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  header#main-header .right #theme-switcher.main-nav li .submenu,
  header#main-header .right nav.main-nav li .submenu {
    bottom: -24px;
  }
}
header#main-header .right #theme-switcher.main-nav li .submenu ul,
header#main-header .right nav.main-nav li .submenu ul {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
header#main-header .right #theme-switcher.main-nav li .submenu ul li,
header#main-header .right nav.main-nav li .submenu ul li {
  text-align: left;
  width: auto;
  line-height: 25px;
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 300;
}
header#main-header .right #theme-switcher.main-nav li .submenu ul li a,
header#main-header .right nav.main-nav li .submenu ul li a {
  font-size: 16px;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
header#main-header .right #theme-switcher.main-nav li .submenu ul li a:hover,
header#main-header .right nav.main-nav li .submenu ul li a:hover {
  color: var(--theme-color);
}
header#main-header .right #theme-switcher.main-nav li .submenu ul li a .new,
header#main-header .right #theme-switcher.main-nav li .submenu ul li a .discount,
header#main-header .right nav.main-nav li .submenu ul li a .new,
header#main-header .right nav.main-nav li .submenu ul li a .discount {
  color: var(--theme-color);
}
header#main-header .right #theme-switcher.main-nav li .submenu ul li a span,
header#main-header .right nav.main-nav li .submenu ul li a span {
  display: inline-block;
  margin-left: 5px;
}
@media all and (max-width:767px) {
  header#main-header .right #theme-switcher.main-nav li + li,
  header#main-header .right nav.main-nav li + li {
    margin-left: 0;
    position: relative;
    margin-top: 0px;
  }
}
header#main-header .right #theme-switcher.shop-nav,
header#main-header .right nav.shop-nav {
  width: 20%;
  text-align: center;
  position: relative;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
@media all and (max-width:767px) {
  header#main-header .right #theme-switcher.shop-nav,
  header#main-header .right nav.shop-nav {
    -webkit-transform: initial;
    transform: initial;
    margin-top: 5px;
  }
}
header#main-header .right #theme-switcher.shop-nav:before,
header#main-header .right nav.shop-nav:before {
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  content: "";
  display: block;
  width: 1px;
  height: 37px;
  position: absolute;
  left: 0px;
  top: 45%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
}
@media all and (max-width:767px) {
  header#main-header .right #theme-switcher.shop-nav:before,
  header#main-header .right nav.shop-nav:before {
    display: none;
  }
}
@media all and (max-width:767px) {
  header#main-header .right #theme-switcher.shop-nav,
  header#main-header .right nav.shop-nav {
    margin-right: 10px;
    margin-left: 20px;
    padding-left: 10px;
    border-left: none;
    width: 112px;
  }
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item,
header#main-header .right nav.shop-nav li.shop-nav-item {
  float: initial;
  display: inline-block;
  position: relative;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  header#main-header .right #theme-switcher.shop-nav li.shop-nav-item,
  header#main-header .right nav.shop-nav li.shop-nav-item {
    margin-left: 10px;
  }
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item#user-header.logged-in svg *,
header#main-header .right nav.shop-nav li.shop-nav-item#user-header.logged-in svg * {
  fill: var(--theme-color);
  stroke: var(--theme-color);
  fill-opacity: 1;
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item#user-header.with-favs svg.fav,
header#main-header .right nav.shop-nav li.shop-nav-item#user-header.with-favs svg.fav {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item svg.fav,
header#main-header .right nav.shop-nav li.shop-nav-item svg.fav {
  position: absolute;
  top: 2px;
  right: -7px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item svg.fav *,
header#main-header .right nav.shop-nav li.shop-nav-item svg.fav * {
  fill: var(--theme-color);
  stroke: var(--theme-color);
  fill-opacity: 1;
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item#cart-header.with-items .cart-total-count,
header#main-header .right nav.shop-nav li.shop-nav-item#cart-header.with-items .cart-total-count {
  color: var(--theme-color);
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item#cart-header.with-items .icon svg *,
header#main-header .right nav.shop-nav li.shop-nav-item#cart-header.with-items .icon svg * {
  fill: var(--theme-color);
  stroke: var(--theme-color);
  fill-opacity: 1;
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item#cart-header.disabled,
header#main-header .right nav.shop-nav li.shop-nav-item#cart-header.disabled {
  pointer-events: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item#cart-header.disabled .cart-total-count,
header#main-header .right nav.shop-nav li.shop-nav-item#cart-header.disabled .cart-total-count {
  display: none;
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item#cart-header:after,
header#main-header .right nav.shop-nav li.shop-nav-item#cart-header:after {
  content: "";
  display: block;
  height: 30px;
  background-color: transparent;
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item a.icon,
header#main-header .right nav.shop-nav li.shop-nav-item a.icon {
  display: block;
  width: 35px;
  height: 35px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item a.icon #mini-cart-count,
header#main-header .right nav.shop-nav li.shop-nav-item a.icon #mini-cart-count {
  position: absolute;
  z-index: 10;
  color: #fff;
  right: 0px;
  bottom: 15px;
  font-size: 15px;
  height: 15px;
  -webkit-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
  font-weight: bold;
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item a.icon svg,
header#main-header .right nav.shop-nav li.shop-nav-item a.icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item a.icon svg.guy,
header#main-header .right nav.shop-nav li.shop-nav-item a.icon svg.guy {
  max-height: 22px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  header#main-header .right #theme-switcher.shop-nav li.shop-nav-item a.icon svg,
  header#main-header .right nav.shop-nav li.shop-nav-item a.icon svg {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
  }
}
header#main-header .right #theme-switcher.shop-nav li.shop-nav-item + li.shop-nav-item,
header#main-header .right nav.shop-nav li.shop-nav-item + li.shop-nav-item {
  margin-left: 18px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  header#main-header .right #theme-switcher.shop-nav li.shop-nav-item + li.shop-nav-item,
  header#main-header .right nav.shop-nav li.shop-nav-item + li.shop-nav-item {
    margin-left: 10px;
  }
}
header#main-header .right #theme-switcher.shop-nav .go-cart,
header#main-header .right nav.shop-nav .go-cart {
  border-top: 1px solid #fff;
  padding-top: 21px;
  padding-bottom: 21px;
}
@media all and (max-width:767px) {
  header#main-header .right #theme-switcher.shop-nav .go-cart,
  header#main-header .right nav.shop-nav .go-cart {
    font-size: 14px;
    padding-left: 14px;
  }
}
header#main-header .right #theme-switcher.shop-nav .go-cart.card-icon-cart:hover *,
header#main-header .right nav.shop-nav .go-cart.card-icon-cart:hover * {
  stroke: #000;
  fill: #000;
}

body {
  --primary-color: #000;
  --secondary-color: #fff;
  --third-color: var(--theme-color);
}
body[colour-scheme=theme-pink] {
  --primary-color: #000;
  --secondary-color: var(--theme-color);
  --third-color: #fff;
}
body[colour-scheme=theme-black] {
  --primary-color: #fff;
  --secondary-color:black;
  --third-color: var(--theme-color);
}

body.animating .theme-switch-bg {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body.animating .ts-main-color {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.animating .ts-svg * {
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}
body.animating .slider.noUi-target {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body.animating .slider.noUi-target .noUi-handle:after {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body.animating .slider .noUi-connect {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body.animating.page-template-template-29lt #font-list article.font .info .versions div.icon {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body.animating.page-template-template-29lt #font-list article.font .info .versions div.icon span {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.animating.page-template-template-29lt #font-list article.font .info .versions div.icon svg * {
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
body.animating.page-template-template-home {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body.animating.page-template-template-home .view-all-arrow {
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
body.animating.page-template-template-home .intro-text {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.animating.page-template-template-home .main-font-list .font-family-intro .font-input .latin-input {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.animating.page-template-template-home .main-font-list .font-family-intro .font-input .latin-input textarea {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.animating.page-template-template-home .main-font-list .font-family-intro .font-input .arabic-input {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.animating.page-template-template-home .main-font-list .font-family-intro .font-input .arabic-input textarea {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.animating.page-template-template-home .main-font-list .font-family-intro footer .left h1 {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.animating.page-template-template-home .main-font-list .font-family-intro footer .right li:before {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.animating.page-template-template-home .main-font-list .font-family-intro footer .right li a {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.animating.page-template-template-home .main-font-list .font-family-intro footer .right li svg * {
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}

body[colour-scheme=theme-white] .theme-switch-bg {
  background-color: #fff;
}
body[colour-scheme=theme-white] .back-and-cart {
  background-color: #ededed;
}
body[colour-scheme=theme-white] .ts-main-color {
  color: #000;
}
body[colour-scheme=theme-white] .ts-main-color.hover:hover {
  color: var(--theme-color);
}
body[colour-scheme=theme-white] .ts-secondary-color {
  color: var(--theme-color);
}
body[colour-scheme=theme-white] .ts-svg-main-color * {
  stroke: #000;
}
body[colour-scheme=theme-white] .ts-svg-main-color *.hover:hover {
  stroke: var(--theme-color);
}
body[colour-scheme=theme-white].single-product.fonts section.font-pricing .col.license-type-selector .more-info .icon {
  border: 1px solid #fff;
}
body[colour-scheme=theme-white] .favourite.my-favourite svg * {
  fill: #000 !important;
  stroke: #000 !important;
  fill-opacity: 1 !important;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}
body[colour-scheme=theme-white] .favourite.my-favourite:hover * {
  fill: var(--theme-color) !important;
  stroke: var(--theme-color) !important;
}

/*
#   /$$$$$$$  /$$$$$$ /$$   /$$ /$$   /$$
#  | $$__  $$|_  $$_/| $$$ | $$| $$  /$$/
#  | $$  \ $$  | $$  | $$$$| $$| $$ /$$/ 
#  | $$$$$$$/  | $$  | $$ $$ $$| $$$$$/  
#  | $$____/   | $$  | $$  $$$$| $$  $$  
#  | $$        | $$  | $$\  $$$| $$\  $$ 
#  | $$       /$$$$$$| $$ \  $$| $$ \  $$
#  |__/      |______/|__/  \__/|__/  \__/
*/
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .italic-wrapper .italic-switch.active {
  background-color: white;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .italic-wrapper .italic-switch.active svg * {
  fill: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .italic-wrapper .italic-switch svg * {
  fill: white;
}
body.colour-switch[colour-scheme=theme-pink] .load-more-button svg * {
  fill: black;
  stroke: black;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-pricing .col.license-type-selector .more-info .icon {
  border: 1px solid #fff;
}
body.colour-switch[colour-scheme=theme-pink] .favourite.my-favourite svg * {
  fill: #fff !important;
  stroke: #fff !important;
  fill-opacity: 1 !important;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}
body.colour-switch[colour-scheme=theme-pink] .favourite.my-favourite:hover * {
  fill: #000 !important;
  stroke: #000 !important;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-list article.font .input .input-field::-webkit-input-placeholder {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-list article.font .input .input-field::-moz-placeholder {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-list article.font .input .input-field:-ms-input-placeholder {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-list article.font .input .input-field::-ms-input-placeholder {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-list article.font .input .input-field::placeholder {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product .font-related .font-static .input {
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].single-product #buying-options-button {
  background-color: black;
}
body.colour-switch[colour-scheme=theme-pink].single-product #buying-options-button:hover {
  background-color: white;
  color: black;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .in-cart footer .left h1 b.discount {
  color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt main#content {
  background-color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home footer#main-footer, body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt footer#main-footer {
  border-color: #fff;
}
body.colour-switch[colour-scheme=theme-pink] .tabs-component {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-pink] .tabs-component .tab-menu:not(.height-menu) li.current {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: var(--theme-color);
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink] .tabs-component .tab-menu:not(.height-menu) li.current:after {
  background-color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-pink] .tabs-component .tab-menu:not(.height-menu) li:not(.current) {
  position: relative;
  background-color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-pink] .tabs-component .tab-menu:not(.height-menu) li:not(.current):before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}
body.colour-switch[colour-scheme=theme-pink] .tabs-component .tab-menu:not(.height-menu) li:not(.current) .text {
  position: relative;
  z-index: 1;
}
body.colour-switch[colour-scheme=theme-pink] .theme-switch-bg {
  background-color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-pink] .ts-main-color {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink] .ts-main-color.hover:hover {
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink] .ts-secondary-color {
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink] .ts-svg-main-color * {
  stroke: #fff;
}
body.colour-switch[colour-scheme=theme-pink] .ts-svg-main-color *.hover:hover {
  stroke: #000;
}
body.colour-switch[colour-scheme=theme-pink] .slider.noUi-target {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-pink] .slider.noUi-target .noUi-handle:after {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-pink] .slider .noUi-connect {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .back-and-cart {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-2cols-list {
  border-color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .tooltip {
  background-color: #fff;
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .font-style-selector h1 {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .in-cart {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .in-cart .tooltip {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-family-intro[attribute_slanted=slanted]:before {
  background-color: rgba(255, 255, 255, 0.2);
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-family-intro footer h1 b.discount, body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-bundle footer h1 b.discount {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-family-intro footer h1 i.variable, body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-bundle footer h1 i.variable {
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .font-specs {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .font-specs #font-specs-switcher svg * {
  stroke: #000;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-family-intro footer .right .buttons li.free-download, body.colour-switch[colour-scheme=theme-pink].single-product.fonts .price-button, body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-family-intro footer .right .buttons li.buy,
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-bundle footer .right .buttons li.buy {
  background-color: #000;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-family-intro footer .right .buttons li.free-download:hover, body.colour-switch[colour-scheme=theme-pink].single-product.fonts .price-button:hover, body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-family-intro footer .right .buttons li.buy:hover,
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-bundle footer .right .buttons li.buy:hover {
  background-color: #fff;
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-family-intro footer .right .buttons li.free-download:hover a, body.colour-switch[colour-scheme=theme-pink].single-product.fonts .price-button:hover a, body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-family-intro footer .right .buttons li.buy:hover a,
body.colour-switch[colour-scheme=theme-pink].single-product.fonts .product-list .font-bundle footer .right .buttons li.buy:hover a {
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-pricing .col {
  border-left: none;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-pricing .col .selectric {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-pricing .col .selectric .button:after {
  background-image: url(c3b415effcef71185a9b.svg);
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-pricing .col .selectric .label {
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-pricing .col .selectric-blue .selectric {
  background-color: #000;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-pricing .col .selectric-blue .selectric .button:after {
  background-image: url(d212cd6cfcb7724f6e9e.svg);
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-pricing .col .selectric-blue .selectric .label {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-pricing .section-title {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-pricing .section-title svg * {
  fill: #fff;
  stroke: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-features {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-features .content-wrapper .switchers .switcher .tag:after {
  border-top: 8px solid #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-features #font-features-list #features-reset {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-features #font-features-list #features-reset svg * {
  stroke: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-features #font-features-list .features .feature .check {
  border: 1px solid #fff;
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-features #font-features-list .features .feature .check svg * {
  stroke: #000;
}
body.colour-switch[colour-scheme=theme-pink].single-product.fonts section.font-features #font-features-list .features .feature.mandatory .check {
  border: 1px solid #000;
  background-color: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-filters .ts-main-color {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-filters .ts-main-color:hover {
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-filters nav.main-list > li .secondary-filter li.marcado {
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-filters #font-filters-reload svg * {
  stroke: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-list article.font .input {
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-list article.font .input .tooltip {
  background-color: #fff;
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-list article.font .info .link li:before {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-list article.font .info .link li.favourite svg * {
  fill: #fff !important;
  stroke: #fff !important;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-list article.font .info .link a {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-list article.font .info .versions div.icon {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-list article.font .info .versions div.icon span {
  color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-29lt #font-list article.font .info .versions div.icon svg * {
  fill: var(--theme-color);
  stroke: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .intro-text .arabic {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .view-all-arrow {
  background-color: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .view-all-arrow:hover {
  background-color: #fff;
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .view-all-arrow:hover svg * {
  stroke: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .intro-text {
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .main-font-list .font-family-intro .font-input .tooltip {
  background-color: #fff;
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .main-font-list .font-family-intro .font-input .latin-input {
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .main-font-list .font-family-intro .font-input .latin-input textarea {
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .main-font-list .font-family-intro .font-input .arabic-input .tooltip {
  background-color: #000;
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .main-font-list .font-family-intro .font-input .arabic-input textarea {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .main-font-list .font-family-intro footer .left h1 {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .main-font-list .font-family-intro footer .right li:before {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .main-font-list .font-family-intro footer .right li a {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .main-font-list .font-family-intro footer .right li a:hover {
  color: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .main-font-list .font-family-intro footer .right li a:hover svg * {
  stroke: #000;
  fill: #000;
}
body.colour-switch[colour-scheme=theme-pink].page-template-template-home .main-font-list .font-family-intro footer .right li svg * {
  stroke: #fff;
}
body.colour-switch[colour-scheme=theme-pink] section.font-2cols-list .fonts-2col article.font .info .versions div.icon {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-pink] section.font-2cols-list .fonts-2col article.font .info .versions div.icon svg * {
  stroke: var(--theme-color);
  fill: var(--theme-color);
}

/*
#   /$$$$$$$  /$$        /$$$$$$   /$$$$$$  /$$   /$$
#  | $$__  $$| $$       /$$__  $$ /$$__  $$| $$  /$$/
#  | $$  \ $$| $$      | $$  \ $$| $$  \__/| $$ /$$/ 
#  | $$$$$$$ | $$      | $$$$$$$$| $$      | $$$$$/  
#  | $$__  $$| $$      | $$__  $$| $$      | $$  $$  
#  | $$  \ $$| $$      | $$  | $$| $$    $$| $$\  $$ 
#  | $$$$$$$/| $$$$$$$$| $$  | $$|  $$$$$$/| $$ \  $$
#  |_______/ |________/|__/  |__/ \______/ |__/  \__/
*/
body.colour-switch[colour-scheme=theme-black].single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .italic-wrapper .italic-switch.active {
  background-color: white;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .italic-wrapper .italic-switch.active svg * {
  fill: black;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .italic-wrapper .italic-switch svg * {
  fill: white;
}
body.colour-switch[colour-scheme=theme-black] .favourite.my-favourite svg * {
  fill: #fff !important;
  stroke: #fff !important;
  fill-opacity: 1 !important;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}
body.colour-switch[colour-scheme=theme-black] .favourite.my-favourite:hover * {
  fill: var(--theme-color) !important;
  stroke: var(--theme-color) !important;
}
body.colour-switch[colour-scheme=theme-black] #tooltip-bundles, body.colour-switch[colour-scheme=theme-black] #cookies {
  background-color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black] #tooltip-bundles .title, body.colour-switch[colour-scheme=theme-black] #cookies .title {
  color: #000;
}
body.colour-switch[colour-scheme=theme-black] #tooltip-bundles .content .agree, body.colour-switch[colour-scheme=theme-black] #cookies .content .agree {
  color: #000;
}
body.colour-switch[colour-scheme=theme-black] .load-more-button svg * {
  fill: white;
  stroke: white;
}
body.colour-switch[colour-scheme=theme-black].single-product .font-related h2 {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product #buying-options-button:hover {
  background-color: white;
  color: black;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .product-list .in-cart footer .left h1 b.discount {
  color: black;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-29lt main#content {
  background-color: #000;
}
body.colour-switch[colour-scheme=theme-black] .page-empty-message p {
  color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home footer#main-footer, body.colour-switch[colour-scheme=theme-black].page-template-template-29lt footer#main-footer {
  border-color: #fff;
}
body.colour-switch[colour-scheme=theme-black] .tabs-component {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-black] .tab-menu {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-black] .tab-menu:not(.height-menu) li.current {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #000;
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black] .tab-menu:not(.height-menu) li.current .text {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black] .tab-menu:not(.height-menu) li.current:after {
  background-color: #000;
}
body.colour-switch[colour-scheme=theme-black] header#main-header .right nav.shop-nav .go-cart + .go-cart {
  border-top: 1px solid #000;
}
body.colour-switch[colour-scheme=theme-black] header#main-header .right nav.shop-nav .go-cart.card-icon-cart * {
  stroke: #000;
  fill: #000;
}
body.colour-switch[colour-scheme=theme-black] header#main-header .right nav.shop-nav .go-cart.card-icon-cart:hover * {
  stroke: #fff;
  fill: #fff;
}
body.colour-switch[colour-scheme=theme-black] .go-cart {
  background-color: #fff;
  color: #000;
}
body.colour-switch[colour-scheme=theme-black] .go-cart:hover {
  background-color: #000;
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black] .theme-switch-bg {
  background-color: #000;
}
body.colour-switch[colour-scheme=theme-black] .ts-main-color {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black] .ts-main-color.hover:hover {
  color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black] .ts-secondary-color {
  color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black] .ts-svg-main-color * {
  stroke: #fff;
}
body.colour-switch[colour-scheme=theme-black] .ts-svg-main-color *.hover:hover {
  stroke: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black] .slider.noUi-target {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-black] .slider.noUi-target .noUi-handle:after {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-black] .slider .noUi-connect {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .product-list .font-bundle .font-show {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .back-and-cart {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .tooltip {
  background-color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-2cols-list {
  border-color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .text-intro {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-text {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .font-style-selector h1 {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .product-list .font-family-intro .font-input .custom-font input {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .product-list .font-family-intro[attribute_slanted=slanted]:before {
  background-color: rgba(255, 255, 255, 0.2);
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .font-specs {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .font-specs #font-specs-switcher svg * {
  stroke: #000;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .font-input {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .product-list .font-family-intro footer .right .buttons li.free-download, body.colour-switch[colour-scheme=theme-black].single-product.fonts .price-button, body.colour-switch[colour-scheme=theme-black].single-product.fonts .product-list .font-family-intro footer .right .buttons li.buy {
  background-color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .product-list .font-family-intro footer .right .buttons li.free-download:hover, body.colour-switch[colour-scheme=theme-black].single-product.fonts .price-button:hover, body.colour-switch[colour-scheme=theme-black].single-product.fonts .product-list .font-family-intro footer .right .buttons li.buy:hover {
  background-color: #fff;
  color: #000;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts .product-list .font-family-intro footer .right .buttons li.free-download:hover a, body.colour-switch[colour-scheme=theme-black].single-product.fonts .price-button:hover a, body.colour-switch[colour-scheme=theme-black].single-product.fonts .product-list .font-family-intro footer .right .buttons li.buy:hover a {
  color: #000;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts article.font-family-intro footer .left h1, body.colour-switch[colour-scheme=theme-black].single-product.fonts article.font-bundle footer .left h1 {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-features {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-features .content-wrapper .switchers .switcher .tag:after {
  border-top: 8px solid #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-features #font-features-list #features-reset {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-features #font-features-list #features-reset svg * {
  stroke: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-features #font-features-list .features .feature .check {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-features #font-features-list .features .feature .check svg * {
  stroke: #000;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-features #font-features-list .features .feature.mandatory .check {
  background-color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-pricing .col {
  border-left: none;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-pricing .col.license-type-selector {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-pricing .col.license-type-selector.selected {
  color: #000;
  background-color: rgb(255, 255, 255);
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-pricing .col .selectric-black .selectric {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-pricing .col .selectric-black .selectric .button:after {
  background-image: url(c3b415effcef71185a9b.svg);
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-pricing .col .selectric-black .selectric .label {
  color: #000;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-pricing .section-title {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].single-product.fonts section.font-pricing .section-title svg * {
  fill: #fff;
  stroke: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-29lt #font-filters #font-filters-reload svg * {
  stroke: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-29lt #font-list article.font .reset {
  background-color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black].page-template-template-29lt #font-list article.font .input {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-29lt #font-list article.font .input .tooltip {
  background-color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black].page-template-template-29lt #font-list article.font .input .input-field {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-29lt #font-list article.font .info .link li:before {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-29lt #font-list article.font .info .link li.favourite svg * {
  fill: #fff !important;
  stroke: #fff !important;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-29lt #font-list article.font .info .link a {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-29lt #font-list article.font .info .versions div.icon {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-29lt #font-list article.font .info .versions div.icon span {
  color: #000;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-29lt #font-list article.font .info .versions div.icon svg * {
  fill: #000;
  stroke: #000;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .intro-text .arabic {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .main-font-list .font-family-intro .font-input .arabic-input textarea {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .view-all-arrow {
  background-color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .view-all-arrow:hover {
  background-color: #fff;
  color: #000;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .view-all-arrow:hover svg * {
  stroke: #000;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .intro-text {
  color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .main-font-list .font-family-intro .font-input .tooltip {
  background-color: #fff;
  color: #000;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .main-font-list .font-family-intro .font-input .arabic-input .tooltip {
  background-color: var(--theme-color);
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .main-font-list .font-family-intro .font-input .latin-input {
  color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .main-font-list .font-family-intro .font-input .arabic-input {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .main-font-list .font-family-intro footer .left h1 {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .main-font-list .font-family-intro footer .right li:before {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .main-font-list .font-family-intro footer .right li a {
  color: #fff;
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .main-font-list .font-family-intro footer .right li a:hover {
  color: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .main-font-list .font-family-intro footer .right li a:hover svg * {
  stroke: var(--theme-color);
  fill: var(--theme-color);
}
body.colour-switch[colour-scheme=theme-black].page-template-template-home .main-font-list .font-family-intro footer .right li svg * {
  stroke: #fff;
}
body.colour-switch[colour-scheme=theme-black] section.font-2cols-list .fonts-2col article.font .info .versions div.icon {
  background-color: #fff;
}
body.colour-switch[colour-scheme=theme-black] section.font-2cols-list .fonts-2col article.font .info .versions div.icon svg * {
  stroke: #000;
  fill: #000;
}

[data-style=hairline],
.css-style-hairline {
  font-variation-settings: "wght" 100;
}
[data-style=hairline] .font-input,
.css-style-hairline .font-input {
  font-variation-settings: "wght" 100 !important;
}

[data-style=thin],
.css-style-thin {
  font-variation-settings: "wght" 150;
}
[data-style=thin] .font-input,
.css-style-thin .font-input {
  font-variation-settings: "wght" 150 !important;
}

[data-style=extralight],
.css-style-extralight {
  font-variation-settings: "wght" 200;
}
[data-style=extralight] .font-input,
.css-style-extralight .font-input {
  font-variation-settings: "wght" 200 !important;
}

[data-style=light],
.css-style-light {
  font-variation-settings: "wght" 300;
}
[data-style=light] .font-input,
.css-style-light .font-input {
  font-variation-settings: "wght" 300 !important;
}

[data-style=regular],
.css-style-regular {
  font-variation-settings: "wght" 400;
}
[data-style=regular] .font-input,
.css-style-regular .font-input {
  font-variation-settings: "wght" 400 !important;
}

[data-style=medium],
.css-style-medium {
  font-variation-settings: "wght" 500;
}
[data-style=medium] .font-input,
.css-style-medium .font-input {
  font-variation-settings: "wght" 500 !important;
}

[data-style=semibold],
.css-style-semibold {
  font-variation-settings: "wght" 550;
}
[data-style=semibold] .font-input,
.css-style-semibold .font-input {
  font-variation-settings: "wght" 550 !important;
}

[data-style=bold],
.css-style-bold {
  font-variation-settings: "wght" 600;
}
[data-style=bold] .font-input,
.css-style-bold .font-input {
  font-variation-settings: "wght" 600 !important;
}

[data-style=extrabold],
.css-style-extrabold {
  font-variation-settings: "wght" 700;
}
[data-style=extrabold] .font-input,
.css-style-extrabold .font-input {
  font-variation-settings: "wght" 700 !important;
}

[data-style=black],
.css-style-black {
  font-variation-settings: "wght" 900;
}
[data-style=black] .font-input,
.css-style-black .font-input {
  font-variation-settings: "wght" 900 !important;
}

/*
Colores
*/
:root {
  --variable-wght: 400;
  --variable-wdth: 0;
  --variable-ital: 0;
  --variable-slnt: 0;
  --variable-opsz: 0;
  --variable-STRC: 0;
  --variable-CONT: 0;
  --variable-EXTN: 0;
}

.dinamic-variable-style {
  font-variation-settings: "wght" var(--variable-wght), "wdth" var(--variable-wdth), "ital" var(--variable-ital), "slnt" var(--variable-slnt), "opsz" var(--variable-opsz), "STRC" var(--variable-STRC), "CONT" var(--variable-CONT), "EXTN" var(--variable-EXTN);
}

.font-intro {
  display: inline-block;
  width: calc(50% - 33px);
  margin-right: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0.8em;
  margin-bottom: 3em;
  vertical-align: top;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: relative;
}
.font-intro--wip .input {
  cursor: default;
  pointer-events: none;
}
.font-intro.loading {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.font-intro .mobile-link {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
  width: 100%;
  height: 100%;
}
@media all and (max-width:767px) {
  .font-intro .mobile-link {
    display: block;
  }
}
.font-intro[data-status=gallery-disabled] .input {
  pointer-events: none;
}
.font-intro[data-status=gallery-disabled] .input .styles-gallery {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
.font-intro[data-status=input] h1 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.font-intro[data-status=input] .input .input-field {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.font-intro[data-status=input] .styles-gallery {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.font-intro[data-status=input] .tooltip {
  display: none;
}
.font-intro[data-status=input]:hover .reset {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  pointer-events: initial;
}
.font-intro:hover .info .link {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.font-intro .changed h1 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.font-intro.inactive {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
@media all and (max-width:767px) {
  .font-intro {
    width: 100%;
  }
}
.font-intro .reset {
  position: absolute;
  top: 5em;
  right: calc(33% - 35px);
  background-color: #000;
  color: #fff;
  border-radius: 100%;
  z-index: 10;
  -webkit-transform: translate(100%, -21px);
  transform: translate(100%, -21px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.3s, background-color 0.3s;
  transition: opacity 0.3s, background-color 0.3s;
  width: 60px;
  height: 60px;
  cursor: pointer;
  pointer-events: none;
}
.font-intro .reset svg {
  max-width: 40px;
  max-height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.font-intro .reset svg * {
  stroke: #fff;
  stroke-width: 1px;
}
.font-intro .input {
  position: relative;
  z-index: 0;
  font-size: 5em;
  line-height: 1.1em;
  margin-bottom: 5px;
}
@media all and (max-width:767px) {
  .font-intro .input {
    pointer-events: none;
  }
}
.font-intro .input:hover .tooltip {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.font-intro .input .font-line {
  font-size: 1em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .font-intro .input .font-line {
    font-size: 0.75em;
  }
}
.font-intro .input .input-field {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  border: none;
  background-color: transparent;
  z-index: 5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  overflow: hidden;
  height: 100%;
  resize: none;
  padding-top: calc(var(--top-padding-fix) * 1.3);
  margin-top: calc(var(--top-padding-fix) * -1.3);
}
.font-intro .input .tooltip {
  position: absolute;
  top: 1em;
  right: 33%;
  background-color: var(--theme-color);
  color: #fff;
  border-radius: 100%;
  font-size: 14px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  z-index: 10;
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  -webkit-transform: translate(calc(100% + 30px), 0%);
  transform: translate(calc(100% + 30px), 0%);
  text-align: center;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.3s, background-color 0.3s;
  transition: opacity 0.3s, background-color 0.3s;
}
@media all and (max-width:767px) {
  .font-intro .input .tooltip {
    display: none;
  }
}
.font-intro .input .font-input {
  text-align: left;
}
.font-intro .input .styles-gallery {
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media all and (max-width:767px) {
  .font-intro .input .styles-gallery {
    font-size: 0.6em;
  }
}
.font-intro .input .styles-gallery .style {
  position: absolute;
  top: 0px;
  left: 0px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  white-space: nowrap;
  padding-top: calc(var(--top-padding-fix) * 1.3);
  margin-top: calc(var(--top-padding-fix) * -1.3);
}
.font-intro .input .styles-gallery .style.active {
  height: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.font-intro .info {
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  letter-spacing: 0.025em;
}
.font-intro .info .styles, .font-intro .info .versions {
  display: inline-block;
}
@media all and (max-width:767px) {
  .font-intro .info {
    position: static;
  }
}
.font-intro .info .link {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  text-align: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 130px;
  float: right;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .font-intro .info .link {
    width: 90px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    margin-right: 0px;
    text-align: right;
  }
}
@media all and (max-width:767px) {
  .font-intro .info .link {
    float: right;
    width: 50%;
    text-align: right;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    position: relative;
    z-index: 100;
  }
}
.font-intro .info .link li {
  font-size: 0.7em;
  display: inline-block;
}
.font-intro .info .link li a {
  color: #000;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.font-intro .info .link li svg {
  vertical-align: sub;
  cursor: pointer;
}
@media all and (max-width:767px) {
  .font-intro .info .link li.favourite {
    position: relative;
    z-index: 4;
  }
}
.font-intro .info .link li.favourite svg * {
  fill-opacity: 0;
  -webkit-transition: stroke 0.3s, fill-opacity 0.3s;
  transition: stroke 0.3s, fill-opacity 0.3s;
}
.font-intro .info .link li.favourite:hover svg * {
  fill-opacity: 1;
  fill: black;
  -webkit-transition: stroke 0.3s, fill-opacity 0.3s;
  transition: stroke 0.3s, fill-opacity 0.3s;
}
.font-intro .info .link li.favourite-button.my-favourite {
  cursor: pointer;
}
.font-intro .info .link li.favourite-button.my-favourite svg * {
  fill: black;
  fill-opacity: 1;
}
.font-intro .info .link li + li {
  margin-left: 10px;
  padding-left: 19px;
  position: relative;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .font-intro .info .link li + li {
    margin-left: 5px;
    padding-left: 15px;
  }
}
.font-intro .info .link li + li:before {
  content: "/";
  position: absolute;
  top: 0px;
  left: 0px;
}
.font-intro .info .styles {
  font-size: 0.6em;
  line-height: 16px;
  float: left;
  margin-right: 5px;
}
.font-intro .info .styles span {
  display: inline-block;
}
.font-intro .info .styles span + span {
  margin-left: 5px;
}
.font-intro .info .versions {
  margin-right: 5px;
  vertical-align: sub;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
.font-intro .info .versions div.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #000;
  position: relative;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 400;
}
.font-intro .info .versions div.icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  max-width: 12px;
  max-height: 12px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}
.font-intro .info .versions div.icon svg * {
  fill: #fff;
  stroke: #fff;
  stroke-width: 0.75px;
}
.font-intro .info .versions div.icon.latin span {
  top: 55%;
}
.font-intro .info .versions div.icon.arabic span {
  top: 40%;
  left: 47%;
}
.font-intro h1 {
  position: relative;
  z-index: 1;
  font-size: 12px;
  margin-bottom: 10px;
  letter-spacing: 0.025em;
  letter-spacing: 0.025em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.font-intro h1 a {
  text-decoration: none;
  margin-right: 5px;
}
.font-intro h1 a:hover {
  text-decoration: underline;
}

/*
#   /$$                                        
#  | $$                                        
#  | $$$$$$$   /$$$$$$  /$$$$$$/$$$$   /$$$$$$ 
#  | $$__  $$ /$$__  $$| $$_  $$_  $$ /$$__  $$
#  | $$  \ $$| $$  \ $$| $$ \ $$ \ $$| $$$$$$$$
#  | $$  | $$| $$  | $$| $$ | $$ | $$| $$_____/
#  | $$  | $$|  $$$$$$/| $$ | $$ | $$|  $$$$$$$
#  |__/  |__/ \______/ |__/ |__/ |__/ \_______/
*/
body.page-template-template-home {
  /*
  @include opacity(.5);
  background-image:url(../img/guias/Z1-Landing-Page-White.png);
  background-position:center top;
  */
}

/*
#                                      /$$                      /$$             
#                                     | $$                     | $$             
#    /$$$$$$   /$$$$$$  /$$$$$$   /$$$$$$$ /$$   /$$  /$$$$$$$/$$$$$$   /$$$$$$$
#   /$$__  $$ /$$__  $$/$$__  $$ /$$__  $$| $$  | $$ /$$_____/_  $$_/  /$$_____/
#  | $$  \ $$| $$  \__/ $$  \ $$| $$  | $$| $$  | $$| $$       | $$   |  $$$$$$ 
#  | $$  | $$| $$     | $$  | $$| $$  | $$| $$  | $$| $$       | $$ /$$\____  $$
#  | $$$$$$$/| $$     |  $$$$$$/|  $$$$$$$|  $$$$$$/|  $$$$$$$ |  $$$$//$$$$$$$/
#  | $$____/ |__/      \______/  \_______/ \______/  \_______/  \___/ |_______/ 
#  | $$                                                                         
#  | $$                                                                         
#  |__/                                                                         
*/
body.page-template-template-products {
  /*
  @include opacity(.5);
  background-image:url(../img/guias/Products_Page.png);
  background-position:center top;
  */
  background-color: #ededed;
}
body.page-template-template-products .products-menu {
  width: 100%;
  position: static;
  left: 0px;
  background-color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width:767px) {
  body.page-template-template-products .products-menu {
    display: none;
  }
}
body.page-template-template-products .products-menu li {
  width: 16.6666666667%;
  float: left;
  text-align: center;
  height: 3.5em;
  line-height: 3.5em;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 300;
}
body.page-template-template-products .products-menu li.all {
  border-right: 1px solid #fff;
  margin-left: 16.66666%;
}
body.page-template-template-products .products-menu li span,
body.page-template-template-products .products-menu li a {
  font-size: 0.9em;
}
body.page-template-template-products .products-menu li span {
  color: var(--theme-color);
}
body.page-template-template-products .products-menu li a {
  text-decoration: none;
  color: #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.page-template-template-products .products-menu li a:hover {
  color: var(--theme-color);
}
body.page-template-template-products section.products #product-list {
  margin-top: 4em;
  margin-bottom: 4em;
  background-color: #ededed;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-products section.products #product-list {
    margin-top: 2em;
    margin-bottom: 2em;
  }
}
body.page-template-template-products section.products #product-list .product-no-results {
  background-color: #fff;
  padding: 3em;
  font-size: 0.8em;
}
body.page-template-template-products section.products #product-list .list-wrapper {
  margin-bottom: 2.5em;
}
body.page-template-template-products section.products #product-list article.product:last-child {
  margin-bottom: 0px;
}
body.page-template-template-products section.products #product-list article.product {
  background-color: #fff;
  margin-bottom: 4em;
}
body.page-template-template-products section.products #product-list article.product header {
  padding: 1em 0em 1em;
  position: relative;
  line-height: 60px;
}
body.page-template-template-products section.products #product-list article.product header .title-wrapper {
  width: 46.6666%;
  margin-right: 3.3333%;
  padding-left: 30px;
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-products section.products #product-list article.product header .title-wrapper {
    padding-left: 60px;
    width: calc(66% - 20px);
    margin-right: 20px;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product header .title-wrapper {
    width: calc(100% - 60px);
    margin-left: 0px;
    margin-bottom: 1em;
    padding-left: 0;
  }
}
body.page-template-template-products section.products #product-list article.product header .title-wrapper h1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.3em;
  font-size: 0.9em;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 4px;
}
body.page-template-template-products section.products #product-list article.product header .title-wrapper h2 {
  font-size: 12px;
  font-style: italic;
  line-height: 12px;
  margin-bottom: 8px;
}
body.page-template-template-products section.products #product-list article.product header .height-switcher {
  cursor: pointer;
  float: left;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: relative;
  font-size: 1em;
  width: 16.666666%;
  text-align: center;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-products section.products #product-list article.product header .height-switcher {
    position: absolute;
    top: 20px;
    left: 0px;
    width: auto;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product header .height-switcher {
    position: absolute;
    top: 20px;
    right: 0px;
    width: auto;
  }
}
body.page-template-template-products section.products #product-list article.product header .height-switcher:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
body.page-template-template-products section.products #product-list article.product header .height-switcher.opened span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
body.page-template-template-products section.products #product-list article.product header .height-switcher.opened svg {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
body.page-template-template-products section.products #product-list article.product header .height-switcher svg {
  margin-left: 5px;
  vertical-align: middle;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product header .height-switcher svg {
    width: 15px;
    height: auto !important;
  }
}
body.page-template-template-products section.products #product-list article.product header .buy-box {
  width: 33.333%;
  float: left;
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product header .buy-box {
    width: 100%;
  }
}
body.page-template-template-products section.products #product-list article.product header .buy-box .claim {
  font-size: 12px;
  max-width: calc(50% - 20px);
  text-overflow: ellipsis;
  line-height: 40px;
  display: block;
  float: left;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-products section.products #product-list article.product header .buy-box .claim {
    display: none;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product header .buy-box .claim {
    display: none;
  }
}
body.page-template-template-products section.products #product-list article.product header .buy-box .buttons {
  width: 66.666%;
  float: right;
  height: 40px;
  overflow: hidden;
  margin-top: 10px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-products section.products #product-list article.product header .buy-box .buttons {
    width: 100%;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product header .buy-box .buttons {
    width: 100%;
    height: 32px;
  }
}
body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box {
  width: 38%;
  float: left;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
}
body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box.quantity-selector {
  width: 24%;
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box.quantity-selector {
    max-width: initial;
    margin-left: 0;
  }
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box {
    max-width: 130px;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box {
    font-size: 12.5px;
    line-height: 32px;
  }
}
body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box select {
  border: none;
  width: 100%;
  font-size: 1em;
  padding: 0.7em 1.5em 0.7em 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  background-image: url(878efef22780af555b4a.svg);
  background-repeat: no-repeat;
  background-position: 80% 15px;
  background-size: 9px 10px;
  background-color: #ededed;
  -moz-text-align-last: center;
       text-align-last: center;
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box select {
    height: 32px;
    padding: 0px 2em;
    background-position: 90% 10px;
  }
}
body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box.quantity-selector, body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box.price {
  background-color: #ededed;
}
body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box.price {
  border-left: 1px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box.buy-button {
  cursor: pointer;
  background-color: var(--theme-color);
  color: #fff;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box.buy-button:hover {
  background-color: #000;
}
body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box-sold-out {
  width: 66.6666%;
  float: right;
  background-color: #ededed;
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product header .buy-box .buttons .box-sold-out {
    width: 100%;
  }
}
body.page-template-template-products section.products #product-list article.product .content {
  height: 0px;
  overflow: hidden;
  font-size: 1.3em;
  line-height: 1.1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.page-template-template-products section.products #product-list article.product .content .padding-wrapper {
  padding: 1em 0em 1.7em;
}
body.page-template-template-products section.products #product-list article.product .content .padding-wrapper .col {
  width: 50%;
  float: left;
  padding: 0em 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-products section.products #product-list article.product .content .padding-wrapper .col {
    width: 100%;
    padding: 0em 20px;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product .content .padding-wrapper .col {
    width: 100%;
    padding: 0em 5px;
  }
}
body.page-template-template-products section.products #product-list article.product .content .padding-wrapper .col.first {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 400;
}
body.page-template-template-products section.products #product-list article.product .content .padding-wrapper .col .col1 {
  float: left;
  width: 33%;
}
body.page-template-template-products section.products #product-list article.product .content .padding-wrapper .col .col1 strong {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
  max-width: 90%;
  text-overflow: ellipsis;
}
body.page-template-template-products section.products #product-list article.product .content .padding-wrapper .col .col2 {
  float: left;
  width: 66%;
}
body.page-template-template-products section.products #product-list article.product .content .padding-wrapper .col .col2 strong {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
}
body.page-template-template-products section.products #product-list article.product .content .padding-wrapper .col + .col {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  padding-left: 1em;
  font-size: 14px;
  line-height: 1.75em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-products section.products #product-list article.product .content .padding-wrapper .col + .col {
    margin-top: 30px;
    padding-left: 20px;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product .content .padding-wrapper .col + .col {
    margin-top: 30px;
    font-size: 11.5px;
    padding-left: 5px;
  }
}
body.page-template-template-products section.products #product-list article.product .content .read-more {
  font-size: 0.63em;
  text-decoration: none;
  color: #000;
  padding-top: 3em;
  display: inline-block;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
}
body.page-template-template-products section.products #product-list article.product .content .read-more svg {
  margin-left: 10px;
}
body.page-template-template-products section.products #product-list article.product .content.is-opened .padding-wrapper {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
body.page-template-template-products section.products #product-list article.product .gallery {
  font-size: 0px;
  border-top: 2px solid #ededed;
  white-space: nowrap;
  position: relative;
  height: 600px;
}
body.page-template-template-products section.products #product-list article.product .gallery .item {
  height: 600px;
}
body.page-template-template-products section.products #product-list article.product .gallery .item img {
  height: 100%;
  width: auto;
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product .gallery {
    height: 250px;
  }
  body.page-template-template-products section.products #product-list article.product .gallery .item {
    height: 250px;
  }
  body.page-template-template-products section.products #product-list article.product .gallery .item img {
    width: auto;
    height: 100%;
  }
}
body.page-template-template-products section.products #product-list article.product .gallery .flickity-button {
  background-color: rgba(20, 20, 20, 0.6);
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  border: none;
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product .gallery .flickity-button {
    width: 40px;
    height: 40px;
  }
}
body.page-template-template-products section.products #product-list article.product .gallery .flickity-button:before {
  content: "";
  display: block;
  width: 56px;
  height: 21px;
  background-image: url(65964b187276d67503f5.svg);
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list article.product .gallery .flickity-button:before {
    width: 28px;
    height: 11px;
  }
}
body.page-template-template-products section.products #product-list article.product .gallery .flickity-button.previous {
  left: 0px;
}
body.page-template-template-products section.products #product-list article.product .gallery .flickity-button.next {
  right: 0px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
body.page-template-template-products section.products #product-list article.product .gallery .item {
  display: inline-block;
  margin-right: 3px;
}
body.page-template-template-products section.products #product-list .more-buttons {
  padding-bottom: 2.5em;
}
body.page-template-template-products section.products #product-list .more-buttons .col {
  display: block;
  width: calc(50% - 5px);
  float: left;
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list .more-buttons .col {
    width: 100%;
    float: initial;
  }
}
body.page-template-template-products section.products #product-list .more-buttons .col .arrow-button {
  font-size: 0.9em;
  padding: 1em 1em 0.7em;
}
body.page-template-template-products section.products #product-list .more-buttons .col .arrow-button.pink {
  background-color: var(--theme-color);
  border: 1px solid var(--theme-color);
}
body.page-template-template-products section.products #product-list .more-buttons .col .arrow-button.pink svg * {
  stroke: #fff;
}
body.page-template-template-products section.products #product-list .more-buttons .col .arrow-button.pink:hover svg * {
  stroke: #000;
}
body.page-template-template-products section.products #product-list .more-buttons .col + .col {
  float: right;
}
@media all and (max-width:767px) {
  body.page-template-template-products section.products #product-list .more-buttons .col + .col {
    float: initial;
    margin-top: 10px;
  }
}

/*
#    /$$$$$$   /$$$$$$  /$$   /$$    
#   /$$__  $$ /$$__  $$| $$  | $$    
#  |__/  \ $$| $$  \ $$| $$ /$$$$$$  
#    /$$$$$$/|  $$$$$$$| $$|_  $$_/  
#   /$$____/  \____  $$| $$  | $$    
#  | $$       /$$  \ $$| $$  | $$ /$$
#  | $$$$$$$$|  $$$$$$/| $$  |  $$$$/
#  |________/ \______/ |__/   \___/  
*/
body.page-template-template-29lt #font-filters {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #ededed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
  padding-bottom: 0em;
  -webkit-transition: padding-bottom 0.3s;
  transition: padding-bottom 0.3s;
  position: relative;
}
@media all and (max-width:767px) {
  body.page-template-template-29lt #font-filters {
    display: none;
  }
}
body.page-template-template-29lt #font-filters.opened #font-filters-switcher #filter-open {
  -webkit-transform: translate(-50%, -50%) rotateX(180deg);
  transform: translate(-50%, -50%) rotateX(180deg);
}
@media all and (max-width:767px) {
  body.page-template-template-29lt #font-filters.opened #font-filters-switcher #filter-open {
    -webkit-transform: translate(-50%, -50%) rotateX(180deg) scale(0.6);
    transform: translate(-50%, -50%) rotateX(180deg) scale(0.6);
  }
}
body.page-template-template-29lt #font-filters.opened nav.main-list #font-filters-reload.activate {
  pointer-events: initial;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -webkit-transition-delay: 0.5s;
  -webkit-transition: opacity 0.3s 0.5s;
  transition: opacity 0.3s 0.5s;
  cursor: pointer;
}
body.page-template-template-29lt #font-filters.opened nav.main-list > li {
  padding-bottom: 1.5em;
}
body.page-template-template-29lt #font-filters #font-filters-switcher {
  width: 16.66666%;
  width: 16.6666666667%;
  height: 3.5em;
  position: relative;
  float: left;
  cursor: pointer;
}
@media all and (max-width:767px) {
  body.page-template-template-29lt #font-filters #font-filters-switcher {
    width: 40px;
    margin-left: -10px;
  }
}
body.page-template-template-29lt #font-filters #font-filters-switcher svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media all and (max-width:767px) {
  body.page-template-template-29lt #font-filters #font-filters-switcher svg {
    left: 0px;
    -webkit-transform: translate(0%, -50%) scale(0.6);
    transform: translate(0%, -50%) scale(0.6);
  }
}
body.page-template-template-29lt #font-filters .pie {
  position: relative;
}
body.page-template-template-29lt #font-filters nav.main-list {
  float: right;
  width: 83.333333%;
  width: 83.3333333333%;
  position: relative;
  display: table;
}
body.page-template-template-29lt #font-filters nav.main-list #font-filters-reload {
  position: absolute;
  bottom: 20px;
  left: -10%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
body.page-template-template-29lt #font-filters nav.main-list #font-filters-reload svg {
  width: 23px;
  height: 23px;
}
@media all and (max-width:767px) {
  body.page-template-template-29lt #font-filters nav.main-list {
    width: calc(100% - 35px);
  }
}
body.page-template-template-29lt #font-filters nav.main-list .first {
  border-right: 1px solid #ededed;
}
body.page-template-template-29lt #font-filters nav.main-list > li {
  text-align: center;
  -webkit-transition: padding-bottom 0.3s;
  transition: padding-bottom 0.3s;
  display: table-cell;
  width: 20%;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width:767px) {
  body.page-template-template-29lt #font-filters nav.main-list > li {
    text-align: center;
  }
}
body.page-template-template-29lt #font-filters nav.main-list > li .secondary-filter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  height: 0px;
  -webkit-transition: max-height 0.6s;
  transition: max-height 0.6s;
}
body.page-template-template-29lt #font-filters nav.main-list > li .secondary-filter li {
  cursor: pointer;
  font-size: 0.9em;
  line-height: 1.2em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  position: relative;
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 300;
  white-space: nowrap;
}
body.page-template-template-29lt #font-filters nav.main-list > li .secondary-filter li.marcado {
  color: var(--theme-color);
}
body.page-template-template-29lt #font-filters nav.main-list > li .secondary-filter li.padre {
  margin-top: 1em;
  pointer-events: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
@media all and (max-width:767px) {
  body.page-template-template-29lt #font-filters nav.main-list > li .secondary-filter li {
    line-height: 20px;
  }
}
body.page-template-template-29lt #font-filters nav.main-list > li .secondary-filter li.padre:first-of-type {
  margin-top: 0;
}
body.page-template-template-29lt #font-filters nav.main-list > li h3 {
  cursor: pointer;
  height: 3.5em;
  line-height: 3.5em;
  text-align: center;
}
body.page-template-template-29lt #font-filters nav.main-list > li h3 span {
  display: inline-block;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  font-size: 0.9em;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 300;
}
body.page-template-template-29lt #font-list {
  padding-top: 4.7em;
  /*
  &[data-status="input"]{
  	article.font{
  		.input{
  			input{
  				@include opacity(1);
  			}
  		}
  		.styles-gallery{
  			@include opacity(0);
  		}
  	}
  }
  */
}
body.page-template-template-29lt #font-list.no-results {
  padding-top: 0;
}

/*
#   /$$                                               /$$                
#  | $$                                              | $$                
#  | $$$$$$$   /$$$$$$   /$$$$$$$  /$$$$$$   /$$$$$$ | $$   /$$  /$$$$$$ 
#  | $$__  $$ /$$__  $$ /$$_____/ /$$__  $$ /$$__  $$| $$  /$$/ /$$__  $$
#  | $$  \ $$| $$$$$$$$|  $$$$$$ | $$  \ $$| $$  \ $$| $$$$$$/ | $$$$$$$$
#  | $$  | $$| $$_____/ \____  $$| $$  | $$| $$  | $$| $$_  $$ | $$_____/
#  | $$$$$$$/|  $$$$$$$ /$$$$$$$/| $$$$$$$/|  $$$$$$/| $$ \  $$|  $$$$$$$
#  |_______/  \_______/|_______/ | $$____/  \______/ |__/  \__/ \_______/
#                                | $$                                    
#                                | $$                                    
#                                |__/                                    
*/
body.page-template-template-bespoke {
  /*
  @include opacity(.5);
  background-image:url(../img/guias/Bespoke-Design-Services.png);
  background-position:-16px -3px;
  */
}
body.page-template-template-bespoke section.intro {
  padding: 2.4em 0em 2em;
}
body.page-template-template-bespoke section.intro .titles {
  margin-bottom: 2.4em;
}
body.page-template-template-bespoke section.intro .titles h1 {
  font-size: 3em;
  margin-bottom: 0.5em;
}
body.page-template-template-bespoke section.intro .titles h2 {
  font-size: 3em;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.intro .titles h2.arabic {
    line-height: 1.75em;
  }
}
body.page-template-template-bespoke section.intro .description {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 500;
  font-size: 1.3em;
}
body.page-template-template-bespoke section.intro .description .col {
  width: 100%;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 1.5em;
     -moz-column-gap: 1.5em;
          column-gap: 1.5em;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.intro .description .col {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
body.page-template-template-bespoke section.intro .description .col p {
  margin-right: 30px;
  line-height: 1.1em;
}
body.page-template-template-bespoke section.intro .description .col p + p {
  margin-top: 1em;
}
body.page-template-template-bespoke section.intro .description .col .arrow-button {
  margin-top: 1em;
}
body.page-template-template-bespoke section.projects-and-design #project-list {
  background-color: #ededed;
}
body.page-template-template-bespoke section.projects-and-design #project-list .project-no-results {
  background-color: #fff;
  padding: 3em;
  font-size: 0.8em;
}
body.page-template-template-bespoke section.projects-and-design #project-list .list-wrapper {
  margin-bottom: 2.5em;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project:first-child {
  padding-top: 0px;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project {
  background-color: #fff;
  padding-top: 5.5em;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #project-list article.project {
    padding-top: 3em;
  }
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project header {
  padding: 1.5em 0em 1em;
  position: relative;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project header h1,
body.page-template-template-bespoke section.projects-and-design #project-list article.project header h2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.3em;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project header h1 {
  font-size: 0.9em;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
  width: 46.66666%;
  margin-right: 3.3333%;
  display: inline-block;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #project-list article.project header h1 {
    width: calc(100% - 60px);
    margin-left: 0px;
    margin-bottom: 1em;
  }
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project header h2 {
  display: inline-block;
  margin-left: 1.1em;
  font-size: 0.9em;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  font-weight: bold;
  max-width: 50%;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #project-list article.project header h2 {
    width: 100%;
    margin-left: 0px;
    max-width: 100%;
  }
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project header .height-switcher {
  cursor: pointer;
  float: right;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: relative;
  font-size: 0.9em;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #project-list article.project header .height-switcher {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  body.page-template-template-bespoke section.projects-and-design #project-list article.project header .height-switcher span {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project header .height-switcher:before {
  content: "Close";
  position: absolute;
  top: 6px;
  right: 28px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #project-list article.project header .height-switcher:before {
    content: "";
  }
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project header .height-switcher:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project header .height-switcher.opened:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project header .height-switcher.opened span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project header .height-switcher.opened svg {
  -webkit-transform: rotateX(180deg) translateY(-1px);
  transform: rotateX(180deg) translateY(-1px);
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project header .height-switcher svg {
  margin-left: 5px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #project-list article.project header .height-switcher svg {
    width: 23px;
    height: auto !important;
  }
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .content {
  height: 0px;
  overflow: hidden;
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 400;
  font-size: 1.3em;
  line-height: 1.1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .content .padding-wrapper {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  padding: 1.1em 0em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #project-list article.project .content .padding-wrapper {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .content a {
  color: var(--theme-color);
  text-decoration: none;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .content b,
body.page-template-template-bespoke section.projects-and-design #project-list article.project .content strong {
  font-weight: bold;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .content .read-more {
  background-color: #000;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-size: 0.65em;
  text-decoration: none;
  line-height: 40px;
  color: #fff;
  margin-top: 2em;
  padding: 0px 20px 0px 20px;
  display: inline-block;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .content .read-more:hover {
  background-color: var(--theme-color);
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .content .read-more svg {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  margin-left: 10px;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .content .read-more svg * {
  stroke: #fff;
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .content.is-opened .padding-wrapper {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .gallery {
  font-size: 0px;
  border-top: 2px solid #ededed;
  white-space: nowrap;
  position: relative;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .gallery .flickity-button {
  background-color: rgba(20, 20, 20, 0.6);
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  border: none;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #project-list article.project .gallery .flickity-button {
    width: 40px;
    height: 40px;
    display: none;
  }
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .gallery .flickity-button:before {
  content: "";
  display: block;
  width: 56px;
  height: 21px;
  background-image: url(65964b187276d67503f5.svg);
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #project-list article.project .gallery .flickity-button:before {
    width: 28px;
    height: 11px;
  }
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .gallery .flickity-button.previous {
  left: 0px;
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .gallery .flickity-button.next {
  right: 0px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
body.page-template-template-bespoke section.projects-and-design #project-list article.project .gallery .item {
  display: inline-block;
  margin-right: 3px;
}
body.page-template-template-bespoke section.projects-and-design #project-list .more-buttons {
  padding-bottom: 2.5em;
}
body.page-template-template-bespoke section.projects-and-design #project-list .more-buttons .col {
  display: block;
  width: calc(50% - 5px);
  float: left;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #project-list .more-buttons .col {
    width: 100%;
    float: initial;
  }
}
body.page-template-template-bespoke section.projects-and-design #project-list .more-buttons .col .arrow-button {
  font-size: 0.9em;
  padding: 1em 1em 0.7em;
}
body.page-template-template-bespoke section.projects-and-design #project-list .more-buttons .col .arrow-button.pink {
  background-color: var(--theme-color);
  border: 1px solid var(--theme-color);
}
body.page-template-template-bespoke section.projects-and-design #project-list .more-buttons .col .arrow-button.pink svg * {
  stroke: #fff;
}
body.page-template-template-bespoke section.projects-and-design #project-list .more-buttons .col .arrow-button.pink:hover {
  color: #000;
}
body.page-template-template-bespoke section.projects-and-design #project-list .more-buttons .col .arrow-button.pink:hover svg * {
  stroke: #000;
}
body.page-template-template-bespoke section.projects-and-design #project-list .more-buttons .col + .col {
  float: right;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #project-list .more-buttons .col + .col {
    float: initial;
    margin-top: 10px;
  }
}
body.page-template-template-bespoke section.projects-and-design #service-list {
  display: none;
  border-top: 20px solid #fff;
  width: 100%;
  position: relative;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
body.page-template-template-bespoke section.projects-and-design #service-list:before {
  content: "";
  display: block;
  height: 10px;
  background-color: #ededed;
}
body.page-template-template-bespoke section.projects-and-design #service-list .services-no-results {
  background-color: #fff;
  padding: 3em;
  font-size: 0.8em;
}
body.page-template-template-bespoke section.projects-and-design #service-list .table-wrapper {
  display: table;
  width: 100%;
}
body.page-template-template-bespoke section.projects-and-design #service-list .table-wrapper .row {
  display: table-row;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #service-list .table-wrapper .row {
    display: block;
  }
}
body.page-template-template-bespoke section.projects-and-design #service-list article.service-item {
  display: table-cell;
  width: 50%;
  border-bottom: 10px solid #ededed;
  vertical-align: top;
  background-color: #fff;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #service-list article.service-item {
    width: 100%;
    display: block;
  }
}
body.page-template-template-bespoke section.projects-and-design #service-list article.service-item:nth-child(2n+1) {
  border-right: 5px solid #ededed;
}
body.page-template-template-bespoke section.projects-and-design #service-list article.service-item:nth-child(2n+1) .mw-wrapper {
  float: right;
  margin-right: 2em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-bespoke section.projects-and-design #service-list article.service-item:nth-child(2n+1) .mw-wrapper {
    margin-right: 0px;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #service-list article.service-item:nth-child(2n+1) .mw-wrapper {
    margin-right: 0px;
    float: initial;
  }
}
body.page-template-template-bespoke section.projects-and-design #service-list article.service-item:nth-child(2n+1) header .mw-wrapper {
  margin-right: 0px;
}
body.page-template-template-bespoke section.projects-and-design #service-list article.service-item:nth-child(2n) {
  border-left: 5px solid #ededed;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #service-list article.service-item:nth-child(2n) {
    border-left: none;
  }
}
body.page-template-template-bespoke section.projects-and-design #service-list article.service-item:nth-child(2n) .content .mw-wrapper {
  margin-left: 2em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-bespoke section.projects-and-design #service-list article.service-item:nth-child(2n) .content .mw-wrapper {
    margin-left: 0px;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #service-list article.service-item:nth-child(2n) .content .mw-wrapper {
    margin-left: 0px;
  }
}
body.page-template-template-bespoke section.projects-and-design #service-list article.service-item .mw-wrapper {
  width: 100%;
  max-width: 490px;
}
body.page-template-template-bespoke section.projects-and-design #service-list article.service-item header {
  border-bottom: 1px solid #ededed;
  padding: 1.5em 2em 1.4em;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #service-list article.service-item header {
    padding: 1.5em 1em 1.4em;
  }
}
body.page-template-template-bespoke section.projects-and-design #service-list article.service-item header h3 {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
  font-size: 0.9em;
}
body.page-template-template-bespoke section.projects-and-design #service-list article.service-item .content {
  padding-bottom: 3em;
}
body.page-template-template-bespoke section.projects-and-design #service-list article.service-item .content img {
  max-width: 100%;
  height: auto !important;
  margin-top: 1.4em;
  margin-bottom: 1.6em;
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #service-list article.service-item .content img {
    margin-top: 0px;
  }
}
body.page-template-template-bespoke section.projects-and-design #service-list article.service-item .content .text {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 500;
  font-size: 1.3em;
  line-height: 1.1em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-bespoke section.projects-and-design #service-list article.service-item .content .text {
    padding: 0em 0.8em;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-bespoke section.projects-and-design #service-list article.service-item .content .text {
    padding: 0em 0.8em;
  }
}

/*
 /$$                               /$$
| $$                              | $$
| $$  /$$$$$$   /$$$$$$   /$$$$$$ | $$
| $$ /$$__  $$ /$$__  $$ |____  $$| $$
| $$| $$$$$$$$| $$  \ $$  /$$$$$$$| $$
| $$| $$_____/| $$  | $$ /$$__  $$| $$
| $$|  $$$$$$$|  $$$$$$$|  $$$$$$$| $$
|__/ \_______/ \____  $$ \_______/|__/
               /$$  \ $$              
              |  $$$$$$/              
               \______/               
*/
body.page-template-template-legal main#content {
  padding-bottom: 3em;
}
body.page-template-template-legal section.intro .content-wrapper {
  padding: 3em 1.5em 0em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.page-template-template-legal section.intro .content-wrapper h1 {
  font-size: 2.5em;
  line-height: 1.45em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-legal section.intro .content-wrapper h1 {
    font-size: 2em;
  }
}
body.page-template-template-legal .text-content {
  padding: 2em 1.5em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-legal .text-content {
    padding: 2em 1em;
  }
}
body.page-template-template-legal .text-content .text {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 400;
  font-size: 26px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-legal .text-content .text {
    font-size: 21px;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-legal .text-content .text {
    font-size: 19px;
  }
}
body.page-template-template-legal .text-content .text h1,
body.page-template-template-legal .text-content .text h2,
body.page-template-template-legal .text-content .text h3,
body.page-template-template-legal .text-content .text h4,
body.page-template-template-legal .text-content .text h5,
body.page-template-template-legal .text-content .text h6,
body.page-template-template-legal .text-content .text p {
  line-height: 1.1em;
}
body.page-template-template-legal .text-content .text h3,
body.page-template-template-legal .text-content .text h4,
body.page-template-template-legal .text-content .text h5,
body.page-template-template-legal .text-content .text h6,
body.page-template-template-legal .text-content .text p {
  margin-bottom: 0.5em;
}
body.page-template-template-legal .text-content .text h1,
body.page-template-template-legal .text-content .text h2 {
  margin-bottom: 0.5em;
  margin-top: 1.5em;
  font-size: 1.2em;
  font-weight: bold;
}
body.page-template-template-legal .text-content .text a {
  color: #000;
  text-decoration: underline;
}
body.page-template-template-legal .text-content .text strong,
body.page-template-template-legal .text-content .text b {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 500;
}
body.page-template-template-legal .text-content .text hr {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
  margin-bottom: 1.3em;
  margin-top: 0;
}

/*
           /$$                             /$$    
          | $$                            | $$    
  /$$$$$$ | $$$$$$$   /$$$$$$  /$$   /$$ /$$$$$$  
 |____  $$| $$__  $$ /$$__  $$| $$  | $$|_  $$_/  
  /$$$$$$$| $$  \ $$| $$  \ $$| $$  | $$  | $$    
 /$$__  $$| $$  | $$| $$  | $$| $$  | $$  | $$ /$$
|  $$$$$$$| $$$$$$$/|  $$$$$$/|  $$$$$$/  |  $$$$/
 \_______/|_______/  \______/  \______/    \___/  

*/
body.page-template-template-about main {
  background-position: center -1003px;
}
body.page-template-template-about main#content {
  background-color: #ededed;
  padding-bottom: 3em;
}
body.page-template-template-about section.intro {
  background-color: #fff;
}
body.page-template-template-about section.intro .content-wrapper {
  padding: 2.2em 2em 2.4em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width:767px) {
  body.page-template-template-about section.intro .content-wrapper {
    padding: 2.2em 0.5em 2.4em;
  }
}
body.page-template-template-about section.intro .content-wrapper .titles {
  margin-bottom: 2.4em;
}
body.page-template-template-about section.intro .content-wrapper .titles h1 {
  font-size: 3.4em;
  line-height: 1.45em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-about section.intro .content-wrapper .titles h1 {
    font-size: 2.5em;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-about section.intro .content-wrapper .titles h1 {
    font-size: 2em;
  }
}
body.page-template-template-about section.intro .content-wrapper .titles h2 {
  font-size: 3.4em;
  line-height: 1.45em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-about section.intro .content-wrapper .titles h2 {
    font-size: 2.5em;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-about section.intro .content-wrapper .titles h2 {
    font-size: 2em;
  }
}
body.page-template-template-about section.intro .content-wrapper .description {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 400;
  font-size: 1.4em;
  line-height: 1.15em;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 1.5em;
     -moz-column-gap: 1.5em;
          column-gap: 1.5em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-about section.intro .content-wrapper .description {
    font-size: 1.2em;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-about section.intro .content-wrapper .description {
    font-size: 1.2em;
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
body.page-template-template-about section.intro .content-wrapper .description p {
  margin-bottom: 1em;
}
body.page-template-template-about section.intro .content-wrapper .description p a {
  color: #000;
}
body.page-template-template-about section.about-info {
  background-color: #ededed;
}
@media all and (max-width:767px) {
  body.page-template-template-about section.about-info .mw-content-wrapper {
    max-width: calc(100% - 20px);
  }
}
body.page-template-template-about section.about-info header {
  line-height: 3.5em;
  padding-top: 1em;
  padding-bottom: 1em;
}
body.page-template-template-about section.about-info header ul {
  background-color: transparent;
}
body.page-template-template-about section.about-info header ul li {
  padding: 0em 0px;
  background-color: transparent;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
body.page-template-template-about section.about-info header ul li.current {
  pointer-events: initial;
}
body.page-template-template-about section.about-info header ul li:hover {
  color: var(--theme-color);
}
body.page-template-template-about section.about-info header ul.opened li.current {
  color: var(--theme-color);
}
body.page-template-template-about section.about-info header li.height-switcher #specs-open {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
body.page-template-template-about section.about-info header li.height-switcher.opened #specs-open {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
body.page-template-template-about section.about-info header li {
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  font-size: 1em;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  float: left;
  width: 16.6666666667%;
  height: 50px;
  position: relative;
}
@media all and (max-width:767px) {
  body.page-template-template-about section.about-info header li {
    font-size: 11px;
  }
}
body.page-template-template-about section.about-info header li.current {
  background-color: transparent;
}
body.page-template-template-about section.about-info header li.double {
  width: 33.3333333333%;
}
body.page-template-template-about section.about-info header li p {
  line-height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 20px;
}
@media all and (max-width:767px) {
  body.page-template-template-about section.about-info header li p {
    padding: 0px 3px;
  }
}
body.page-template-template-about section.about-info header li a {
  text-decoration: none;
  color: #000;
  display: block;
}
body.page-template-template-about section.about-info header li:hover {
  color: var(--theme-color);
  background-color: transparent;
}
body.page-template-template-about section.about-info .contenidos {
  height: 0px;
  overflow: hidden;
}
body.page-template-template-about section.about-info .sub-section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.3em 0em;
  display: none;
}
body.page-template-template-about section.about-info .sub-section.todo {
  text-align: center;
  color: #aaa;
  font-size: 24px;
  padding: 3em;
}
body.page-template-template-about section.about-info .six-columns-wrapper {
  margin-top: 10px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-about section.about-info .six-columns-wrapper {
    text-align: center;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-about section.about-info .six-columns-wrapper {
    text-align: center;
  }
}
body.page-template-template-about section.about-info .six-columns-wrapper .item {
  float: left;
  width: calc(16.6666666667% - 80px);
  margin: 0px 40px 50px;
  text-align: center;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-about section.about-info .six-columns-wrapper .item {
    display: inline-block;
    vertical-align: top;
    float: initial;
    min-width: 140px;
    margin: 0px 15px 30px;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-about section.about-info .six-columns-wrapper .item {
    display: inline-block;
    vertical-align: top;
    float: initial;
    min-width: 130px;
    margin: 0px 10px 30px;
  }
}
body.page-template-template-about section.about-info .six-columns-wrapper .item a {
  text-decoration: none;
}
body.page-template-template-about section.about-info .six-columns-wrapper .item .logo {
  height: 40px;
  margin-bottom: 10px;
}
body.page-template-template-about section.about-info .six-columns-wrapper .item .logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto !important;
}
body.page-template-template-about section.about-info .six-columns-wrapper .item h5 {
  color: #000;
  font-size: 12px;
  line-height: 1.5em;
}
body.page-template-template-about section.about-info #ai-designers .designer-wrapper {
  margin: 0px -5px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-about section.about-info #ai-designers .designer-wrapper {
    text-align: center;
  }
}
body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer {
  width: calc(16.666% - 10px);
  margin: 0px 5px 10px;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  text-decoration: none;
  color: #000;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
@media all and (max-width:767px) {
  body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer {
    width: calc(50% - 10px);
  }
}
body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer:hover {
  color: #fff;
  background-color: #000;
}
body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer:hover .pie h3,
body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer:hover .pie h4 {
  color: #fff;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer {
    text-align: left;
    display: inline-block;
    float: initial;
    min-width: 140px;
    vertical-align: top;
  }
}
body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer .avatar {
  position: relative;
}
body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer .avatar img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  width: calc(100% + 2px);
  height: auto !important;
}
body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer .avatar:before {
  content: "";
  display: block;
  padding-top: 120%;
}
body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer .pie {
  padding: 15px 10px;
}
body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer .pie h3,
body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer .pie h4 {
  color: #000;
  font-size: 12px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer .pie h3 {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 400;
  margin-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.page-template-template-about section.about-info #ai-designers .designer-wrapper .designer .pie h4 {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  min-height: 1em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.page-template-template-about section#licensing-questions {
  background-color: #fff;
}
@media all and (max-width:767px) {
  body.page-template-template-about section#licensing-questions .tabs-component .tab-menu p {
    font-size: 11px;
  }
}
body.page-template-template-about section#licensing-questions .tabs-content {
  padding: 2.8em 0em 0em;
  background-color: #fff;
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing[data-count="4"] nav.license-type ul li:after, body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing[data-count="5"] nav.license-type ul li:after, body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing[data-count="6"] nav.license-type ul li:after {
  display: none;
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing nav.license-type {
  /*
  li:nth-child(2){
  	margin:0px 10px;
  	@media all and (max-width:767px) {
  		margin:0px 5px;
  	}
  }
  */
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing nav.license-type ul {
  display: grid;
  grid-auto-columns: 1fr;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing nav.license-type li {
  grid-row: 1;
  text-align: center;
  /*
  width:31%;
  width:calc(33.3333% - 20px / 3);
  float:left;
  */
  line-height: 2.5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #c5c7c9;
  cursor: pointer;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
  position: relative;
}
@media all and (max-width:767px) {
  body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing nav.license-type li {
    font-size: 11px;
  }
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing nav.license-type li p {
  display: inline-block;
  vertical-align: sub;
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing nav.license-type li:after {
  content: "";
  display: block;
  width: 66px;
  height: 21px;
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: cover;
  background-image: url(8d635301e89793973756.svg);
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing nav.license-type li:after {
    display: none;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing nav.license-type li:after {
    display: none;
  }
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing nav.license-type li.current {
  color: #fff;
  background-color: #000;
  cursor: default;
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing nav.license-type li:not(.current):hover {
  background-color: #aaa;
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content {
  padding: 2em 1.5em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content {
    padding: 2em 1em;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content {
    padding: 2em 1em;
  }
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 400;
  font-size: 26px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license {
    font-size: 21px;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license {
    font-size: 18px;
  }
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license h1,
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license h2,
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license h3,
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license h4,
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license h5,
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license h6,
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license p {
  line-height: 1.1em;
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license h3,
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license h4,
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license h5,
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license h6,
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license p {
  margin-bottom: 0.5em;
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license h1,
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license h2 {
  margin-bottom: 0.5em;
  margin-top: 1.5em;
  font-size: 1.2em;
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 500;
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license a {
  color: #000;
  text-decoration: underline;
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license strong,
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license b {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 500;
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license hr {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
  margin-bottom: 1.3em;
  margin-top: 0;
}
body.page-template-template-about section#licensing-questions .tabs-content #fonts-licensing .license-content .license > :first-child {
  margin-top: 0px;
}
body.page-template-template-about section#licensing-questions .tabs-content #questions-answers .questions-wrapper {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 400;
}
body.page-template-template-about section#licensing-questions .tabs-content #questions-answers .questions-wrapper .bloque .title {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 400;
  font-size: 1.1em;
  border-bottom: 2px solid #ededed;
  line-height: 2.8em;
}
body.page-template-template-about section#licensing-questions .tabs-content #questions-answers .questions-wrapper .bloque .mw-content-wrapper {
  padding: 0px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width:767px) {
  body.page-template-template-about section#licensing-questions .tabs-content #questions-answers .questions-wrapper .bloque .mw-content-wrapper {
    padding: 0px;
  }
}
body.page-template-template-about section#licensing-questions .tabs-content #questions-answers .questions-wrapper .bloque .questions {
  padding: 2em;
}
@media all and (max-width:767px) {
  body.page-template-template-about section#licensing-questions .tabs-content #questions-answers .questions-wrapper .bloque .questions {
    padding: 2em 0.5em;
  }
}
body.page-template-template-about section#licensing-questions .tabs-content #questions-answers .questions-wrapper .bloque .questions .question {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 500;
  font-size: 1.3em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  cursor: pointer;
}
body.page-template-template-about section#licensing-questions .tabs-content #questions-answers .questions-wrapper .bloque .questions .question:hover {
  color: var(--theme-color);
}
body.page-template-template-about section#licensing-questions .tabs-content #questions-answers .questions-wrapper .bloque .questions .question .answer {
  padding: 0px 30px;
  overflow: hidden;
  height: 0px;
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 400;
}
body.page-template-template-about section#licensing-questions .tabs-content #questions-answers .questions-wrapper .bloque .questions .question + .question {
  margin-top: 1.5em;
}
body.page-template-template-about section#licensing-questions .tabs-content #questions-answers .questions-wrapper .bloque + .bloque {
  border-top: 5px solid #ededed;
  padding-top: 1em;
}

/*
#   /$$   /$$  /$$$$$$  /$$   /$$
#  | $$  | $$ /$$$_  $$| $$  | $$
#  | $$  | $$| $$$$\ $$| $$  | $$
#  | $$$$$$$$| $$ $$ $$| $$$$$$$$
#  |_____  $$| $$\ $$$$|_____  $$
#        | $$| $$ \ $$$      | $$
#        | $$|  $$$$$$/      | $$
#        |__/ \______/       |__/
*/
body.error404 .error-wrapper {
  text-align: center;
  padding: 6em 0px 3em;
}
body.error404 .error-wrapper h1 {
  font-size: 8em;
  margin-bottom: 0.2em;
}
body.error404 .error-wrapper p {
  font-size: 1.5em;
  color: var(--theme-color);
}

/*
#                                      /$$                      /$$    
#                                     | $$                     | $$    
#    /$$$$$$   /$$$$$$  /$$$$$$   /$$$$$$$ /$$   /$$  /$$$$$$$/$$$$$$  
#   /$$__  $$ /$$__  $$/$$__  $$ /$$__  $$| $$  | $$ /$$_____/_  $$_/  
#  | $$  \ $$| $$  \__/ $$  \ $$| $$  | $$| $$  | $$| $$       | $$    
#  | $$  | $$| $$     | $$  | $$| $$  | $$| $$  | $$| $$       | $$ /$$
#  | $$$$$$$/| $$     |  $$$$$$/|  $$$$$$$|  $$$$$$/|  $$$$$$$ |  $$$$/
#  | $$____/ |__/      \______/  \_______/ \______/  \_______/  \___/  
#  | $$                                                                
#  | $$                                                                
#  |__/                                                                
*/
/*
#         /$$                     /$$                                        
#        | $$                    |__/                                        
#    /$$$$$$$  /$$$$$$   /$$$$$$$ /$$  /$$$$$$  /$$$$$$$   /$$$$$$   /$$$$$$ 
#   /$$__  $$ /$$__  $$ /$$_____/| $$ /$$__  $$| $$__  $$ /$$__  $$ /$$__  $$
#  | $$  | $$| $$$$$$$$|  $$$$$$ | $$| $$  \ $$| $$  \ $$| $$$$$$$$| $$  \__/
#  | $$  | $$| $$_____/ \____  $$| $$| $$  | $$| $$  | $$| $$_____/| $$      
#  |  $$$$$$$|  $$$$$$$ /$$$$$$$/| $$|  $$$$$$$| $$  | $$|  $$$$$$$| $$      
#   \_______/ \_______/|_______/ |__/ \____  $$|__/  |__/ \_______/|__/      
#                                     /$$  \ $$                              
#                                    |  $$$$$$/                              
#                                     \______/                               
*/
body.single-designer {
  background-position: center top;
}
@media all and (min-width: 1280px) {
  body.single-designer section .mw-content-wrapper {
    max-width: 1064px;
  }
}
body.single-designer section.designer-fonts {
  border-top: 5px solid #ededed;
  padding-top: 0px;
}
body.single-designer section.designer-fonts header {
  padding: 2em 0px 1.25em;
  border-bottom: 2px solid #ededed;
}
body.single-designer section.designer-fonts header h3 {
  font-size: 0.9em;
}
body.single-designer section.designer-fonts .fonts-2col {
  padding-top: 4em;
}
body.single-designer section.designer-bio {
  padding-top: 2.3em;
}
body.single-designer section.designer-bio h1 {
  font-size: 3em;
  margin-bottom: 0.5em;
}
@media all and (max-width:767px) {
  body.single-designer section.designer-bio h1 {
    line-height: 1.65em;
  }
}
body.single-designer section.designer-bio .content {
  display: table;
}
body.single-designer section.designer-bio .content .image,
body.single-designer section.designer-bio .content .text {
  display: table-cell;
  vertical-align: top;
}
@media all and (max-width:767px) {
  body.single-designer section.designer-bio .content .image,
  body.single-designer section.designer-bio .content .text {
    display: block;
    margin-bottom: 1em;
  }
}
body.single-designer section.designer-bio .content .image {
  width: 33%;
}
@media all and (max-width:767px) {
  body.single-designer section.designer-bio .content .image {
    width: 100%;
    margin-bottom: 1em;
  }
}
body.single-designer section.designer-bio .content .image img {
  vertical-align: bottom;
  width: 100%;
  height: auto !important;
}
body.single-designer section.designer-bio .content .image .links {
  display: block;
  margin: 0px 0px 20px;
  text-align: right;
}
@media all and (max-width:767px) {
  body.single-designer section.designer-bio .content .image .links {
    position: static;
    margin-top: 25px;
    margin-bottom: 15px;
  }
}
body.single-designer section.designer-bio .content .image .links li {
  display: inline-block;
}
body.single-designer section.designer-bio .content .image .links li a {
  display: inline-block;
  width: 35px;
  position: relative;
  background-color: #f3f3f3;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body.single-designer section.designer-bio .content .image .links li a:before {
  content: "";
  padding-top: 100%;
  display: block;
  width: 100%;
}
body.single-designer section.designer-bio .content .image .links li a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 16px;
  max-height: 16px;
  width: auto;
  height: auto;
}
body.single-designer section.designer-bio .content .image .links li a:hover {
  background-color: var(--theme-color);
}
body.single-designer section.designer-bio .content .text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 22px;
  width: 67%;
  font-size: 1.3em;
  line-height: 1.1em;
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 400;
  position: relative;
}
@media all and (max-width:767px) {
  body.single-designer section.designer-bio .content .text {
    width: 100%;
    padding-left: 0;
  }
}

/*
#   /$$$$$$$$                   /$$                                                 
#  | $$_____/                  | $$                                                 
#  | $$    /$$$$$$  /$$$$$$$  /$$$$$$          /$$$$$$  /$$$$$$   /$$$$$$   /$$$$$$ 
#  | $$$$$/$$__  $$| $$__  $$|_  $$_/         /$$__  $$|____  $$ /$$__  $$ /$$__  $$
#  | $$__/ $$  \ $$| $$  \ $$  | $$          | $$  \ $$ /$$$$$$$| $$  \ $$| $$$$$$$$
#  | $$  | $$  | $$| $$  | $$  | $$ /$$      | $$  | $$/$$__  $$| $$  | $$| $$_____/
#  | $$  |  $$$$$$/| $$  | $$  |  $$$$/      | $$$$$$$/  $$$$$$$|  $$$$$$$|  $$$$$$$
#  |__/   \______/ |__/  |__/   \___/        | $$____/ \_______/ \____  $$ \_______/
#                                            | $$                /$$  \ $$          
#                                            | $$               |  $$$$$$/          
#                                            |__/                \______/           
*/
body.single-product.fonts {
  /*
  @include opacity(.5);
  background-image:url(../img/guias/29LT-Typeface-White.png);
  background-position:center top;
  */
  /*
  #                       /$$           /$$                    
  #                      |__/          |__/                    
  #    /$$$$$$   /$$$$$$  /$$  /$$$$$$$ /$$ /$$$$$$$   /$$$$$$ 
  #   /$$__  $$ /$$__  $$| $$ /$$_____/| $$| $$__  $$ /$$__  $$
  #  | $$  \ $$| $$  \__/| $$| $$      | $$| $$  \ $$| $$  \ $$
  #  | $$  | $$| $$      | $$| $$      | $$| $$  | $$| $$  | $$
  #  | $$$$$$$/| $$      | $$|  $$$$$$$| $$| $$  | $$|  $$$$$$$
  #  | $$____/ |__/      |__/ \_______/|__/|__/  |__/ \____  $$
  #  | $$                                             /$$  \ $$
  #  | $$                                            |  $$$$$$/
  #  |__/                                             \______/ 
  */
  /*
  #    /$$$$$$                     /$$           /$$ /$$            /$$    
  #   /$$__  $$                   | $$          | $$|__/           | $$    
  #  | $$  \__/$$$$$$  /$$$$$$$  /$$$$$$        | $$ /$$  /$$$$$$$/$$$$$$  
  #  | $$$$  /$$__  $$| $$__  $$|_  $$_/        | $$| $$ /$$_____/_  $$_/  
  #  | $$_/ | $$  \ $$| $$  \ $$  | $$          | $$| $$|  $$$$$$  | $$    
  #  | $$   | $$  | $$| $$  | $$  | $$ /$$      | $$| $$ \____  $$ | $$ /$$
  #  | $$   |  $$$$$$/| $$  | $$  |  $$$$/      | $$| $$ /$$$$$$$/ |  $$$$/
  #  |__/    \______/ |__/  |__/   \___/        |__/|__/|_______/   \___/  
  */
}
body.single-product.fonts #buying-options-button {
  width: 16.6666666667%;
  max-width: 190px;
  position: fixed;
  bottom: 20px;
  left: calc(50% + 570px);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  text-align: center;
  color: #fff;
  background-color: var(--theme-color);
  display: inline-block;
  text-decoration: none;
  line-height: 50px;
  z-index: 10;
  cursor: pointer;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  font-size: 0.9em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts #buying-options-button {
    display: none;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts #buying-options-button {
    display: none;
  }
}
body.single-product.fonts #buying-options-button.inactive {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
body.single-product.fonts #buying-options-button:hover {
  background-color: #000;
}
body.single-product.fonts .buying-options-wrapper {
  position: fixed;
  top: 100px;
  left: 0px;
  z-index: 2;
  width: 100%;
}
body.single-product.fonts .buying-options-wrapper .mw-content-wrapper {
  text-align: right;
}
body.single-product.fonts .buying-options-wrapper a {
  width: 16.6666666667%;
  text-align: center;
  color: #fff;
  background-color: var(--theme-color);
  display: inline-block;
  text-decoration: none;
  line-height: 50px;
}
body.single-product.fonts #font-page .font-info-tab {
  display: none;
}
body.single-product.fonts #font-page[data-style=""] .font-style[attribute_slanted=slanted] {
  display: none;
}
body.single-product.fonts #font-page[data-type=order] .font-style,
body.single-product.fonts #font-page[data-type=order] .font-bundle, body.single-product.fonts #font-page[data-type=support] .font-style,
body.single-product.fonts #font-page[data-type=support] .font-bundle {
  display: none;
}
body.single-product.fonts #font-page[data-type=order] #font-features, body.single-product.fonts #font-page[data-type=support] #font-features {
  display: none;
}
body.single-product.fonts #font-page[data-type=order] .font-info-tab[attribute-style=order] {
  display: block;
}
body.single-product.fonts #font-page[data-type=support] .font-info-tab[attribute-style=support] {
  display: block;
}
body.single-product.fonts #font-page[data-type=""] .font-style[attribute_style=variable] {
  display: none;
}
body.single-product.fonts #font-page[data-type=""] .font-bundle[attribute_style=bundle] {
  display: none;
}
body.single-product.fonts #font-page[data-type=bundle] .font-style {
  display: none;
}
body.single-product.fonts #font-page[data-type=bundle] #font-switchers {
  opacity: 0;
  pointer-events: none;
}
body.single-product.fonts #font-page[data-type=variable] .font-style:not([attribute_style=variable]) {
  display: none;
}
body.single-product.fonts #font-page[data-type=variable] .font-bundle[attribute_style=bundle] {
  display: none;
}
body.single-product.fonts #font-page[data-type=variable] #font-features .slider-wrapper[data-variable="1"] {
  display: grid;
}
body.single-product.fonts .price-button {
  color: #fff;
  background-color: var(--theme-color);
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
body.single-product.fonts .price-button:hover {
  background-color: black;
}
body.single-product.fonts .tooltip {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: var(--theme-color);
  color: #fff;
  border-radius: 100%;
  font-size: 18px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  z-index: 3;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
}
@media all and (max-width:767px) {
  body.single-product.fonts .tooltip {
    display: none;
  }
}
body.single-product.fonts .text-intro {
  padding-top: 2.5em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  position: relative;
}
body.single-product.fonts .text-intro:before {
  content: "";
  display: block;
  width: 100vw;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #ededed;
}
body.single-product.fonts .text-intro:first-child:before {
  display: none;
}
body.single-product.fonts .text-intro .random-text.force-left {
  text-align: left;
}
body.single-product.fonts .text-intro[data-size=small-text] .random-text {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
@media all and (max-width:767px) {
  body.single-product.fonts .text-intro[data-size=small-text] .random-text {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    font-size: 11px;
  }
}
body.single-product.fonts .text-intro:hover div.text-tester-wrapper footer .sliders {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
body.single-product.fonts .text-intro div.text-tester-wrapper {
  width: calc(100% - 50px);
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 2.4em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts .text-intro div.text-tester-wrapper {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts .text-intro div.text-tester-wrapper {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}
body.single-product.fonts .text-intro div.text-tester-wrapper .text-tester {
  margin-bottom: 12px;
}
body.single-product.fonts .text-intro div.text-tester-wrapper .text-tester .custom-font {
  font-size: 6em;
  position: relative;
}
body.single-product.fonts .text-intro div.text-tester-wrapper .text-tester .custom-font span {
  line-height: 1.2em;
  display: block;
  padding-top: calc(1.2 * var(--top-padding-fix));
  margin-top: calc(-1 * var(--top-padding-fix));
}
body.single-product.fonts .text-intro div.text-tester-wrapper .text-tester .custom-font:hover .tooltip {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
body.single-product.fonts .text-intro div.text-tester-wrapper .text-tester .custom-font.focused .tooltip {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
body.single-product.fonts .text-intro div.text-tester-wrapper footer {
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
  letter-spacing: 0.025em;
}
body.single-product.fonts .text-intro div.text-tester-wrapper footer .favourite {
  position: absolute;
  right: -35px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}
@media all and (min-width: 1280px) {
  body.single-product.fonts .text-intro div.text-tester-wrapper footer .favourite {
    display: block;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts .text-intro div.text-tester-wrapper footer {
    margin-bottom: 20px;
  }
}
body.single-product.fonts .text-intro div.text-tester-wrapper footer .left {
  width: 100%;
}
@media all and (max-width:767px) {
  body.single-product.fonts .text-intro div.text-tester-wrapper footer .font-style-selector-wrapper {
    width: 100%;
    pointer-events: none;
  }
}
body.single-product.fonts .text-intro div.text-tester-wrapper footer .sliders {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: relative;
  padding-top: 4px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts .text-intro div.text-tester-wrapper footer .sliders {
    padding-top: 7px;
  }
}
body.single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .italic-wrapper {
  position: absolute;
  left: -32px;
  top: 2px;
  cursor: pointer;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
body.single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .italic-wrapper .italic-switch {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
body.single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .italic-wrapper .italic-switch.active {
  background-color: #000;
}
body.single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .italic-wrapper .italic-switch.active svg * {
  fill: #fff;
}
body.single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .just-sliders {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .just-sliders .slider-wrapper {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body.single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .just-sliders .slider-wrapper .title-wrapper {
    text-align: right;
  }
  body.single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .just-sliders .slider-wrapper .slider-content {
    width: 60px;
  }
  body.single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .just-sliders .slider-wrapper .value {
    display: none;
  }
}
body.single-product.fonts .text-intro div.text-tester-wrapper footer .sliders .slider-wrapper[data-variable="1"] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
@media all and (max-width:767px) {
  body.single-product.fonts .text-intro div.text-tester-wrapper footer .sliders {
    display: none;
  }
}
body.single-product.fonts .text-intro div.text-tester-wrapper footer .left[data-variable="1"] .sliders .slider-wrapper.variable {
  display: grid;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  pointer-events: initial;
}
body.single-product.fonts .text-intro div.text-tester-wrapper footer .left[data-slanted=""] .italic-wrapper,
body.single-product.fonts .text-intro div.text-tester-wrapper footer .left:not([data-slanted]) .italic-wrapper {
  display: none;
}
body.single-product.fonts section.font-text {
  margin-bottom: 3em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.single-product.fonts section.font-specs {
  background-color: #ededed;
  /*
  		#                                                   
  #                                                   
  #    /$$$$$$$  /$$$$$$   /$$$$$$   /$$$$$$$ /$$$$$$$
  #   /$$_____/ /$$__  $$ /$$__  $$ /$$_____//$$_____/
  #  |  $$$$$$ | $$  \ $$| $$$$$$$$| $$     |  $$$$$$ 
  #   \____  $$| $$  | $$| $$_____/| $$      \____  $$
  #   /$$$$$$$/| $$$$$$$/|  $$$$$$$|  $$$$$$$/$$$$$$$/
  #  |_______/ | $$____/  \_______/ \_______/_______/ 
  #            | $$                                   
  #            | $$                                   
  #            |__/                                   
  */
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs .mw-content-wrapper {
    max-width: 100%;
  }
}
body.single-product.fonts section.font-specs header {
  line-height: 3.5em;
}
body.single-product.fonts section.font-specs header ul {
  background-color: transparent;
}
body.single-product.fonts section.font-specs header ul li {
  padding: 0em 0px;
  background-color: transparent;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
body.single-product.fonts section.font-specs header ul li.current {
  pointer-events: initial;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs header ul li {
    font-size: 13px;
    position: relative;
  }
  body.single-product.fonts section.font-specs header ul li a {
    width: calc(100% - 8px);
    line-height: 1.1em;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs header ul li.not-in-mobile {
    display: none;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs header ul li.mobile-short {
    line-height: 1em;
  }
  body.single-product.fonts section.font-specs header ul li.mobile-short p {
    display: none;
  }
  body.single-product.fonts section.font-specs header ul li.mobile-short:before {
    content: attr(data-mobile-text);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
body.single-product.fonts section.font-specs header ul.opened li.current {
  color: var(--theme-color);
}
body.single-product.fonts section.font-specs header li.height-switcher #specs-open {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs header li.height-switcher #specs-open {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}
body.single-product.fonts section.font-specs header li.height-switcher.opened #specs-open {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs header li.height-switcher.opened #specs-open {
    -webkit-transform: rotateX(180deg) translateY(-5px);
    transform: rotateX(180deg) translateY(-5px);
  }
}
body.single-product.fonts section.font-specs header li {
  float: left;
  width: 16.6666666667%;
  text-align: center;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  font-size: 0.9em;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs header li {
    width: 25%;
  }
}
body.single-product.fonts section.font-specs header li a {
  text-decoration: none;
  color: #000;
  display: block;
}
body.single-product.fonts section.font-specs header li:hover {
  color: var(--theme-color);
}
body.single-product.fonts section.font-specs #font-specs {
  overflow: hidden;
  height: 0px;
}
body.single-product.fonts section.font-specs #font-specs .sub-section {
  padding: 2.5em 30px 5em;
  letter-spacing: 0.025em;
  display: none;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section {
    padding: 2.5em 15px 5em;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section {
    padding: 2.5em 10px 3em;
  }
}
body.single-product.fonts section.font-specs #font-specs .sub-section.specifications {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  font-size: 12px;
  line-height: 1.6em;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.specifications h3 {
  margin-bottom: 1em;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col {
  width: 50%;
  float: left;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col {
    width: 100%;
    padding-right: 0px;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col {
    width: 100%;
    padding-right: 0px;
  }
}
body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col .spec {
  margin-bottom: 1em;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col .spec .name {
  width: 200px;
  float: left;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col .spec .name {
    width: 100%;
    margin-bottom: 10px;
    font-size: 13px;
  }
}
body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col .spec .text {
  width: calc(100% - 200px);
  float: left;
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 400;
  font-size: 18px;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col .spec .text {
    font-size: 14px;
    width: 100%;
  }
}
body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col .spec .text a {
  color: #000;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col .spec .text .item + .item:before {
  content: " / ";
}
body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col .spec .text .item + .item.break:before {
  content: " ";
  display: block;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col .spec .text .item + .item.son:before {
  content: " : ";
}
body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col .languages {
  font-size: 18px;
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 400;
  line-height: 1.1em;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col .languages {
    font-size: 14px;
  }
}
body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col + .col {
  padding-left: 20px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col + .col {
    padding-left: 0px;
    padding-top: 20px;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section.specifications .col + .col {
    padding-left: 0px;
    padding-top: 20px;
  }
}
body.single-product.fonts section.font-specs #font-specs .sub-section.about {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 400;
  font-size: 1em;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section.about {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}
body.single-product.fonts section.font-specs #font-specs .sub-section.about h2 {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
  font-size: 1.2em;
  margin-bottom: 1em;
  line-height: 1.3em;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.about p {
  margin-bottom: 1em;
  line-height: 1.1em;
  font-size: 1em;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.about a {
  color: #000;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.about strong,
body.single-product.fonts section.font-specs #font-specs .sub-section.about b {
  font-weight: bold;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.about .read-more {
  background-color: #000;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-size: 0.85em;
  text-decoration: none;
  line-height: 40px;
  color: #fff;
  margin-top: 2em;
  padding: 0px 20px 0px 20px;
  display: inline-block;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.about .read-more:hover {
  background-color: var(--theme-color);
}
body.single-product.fonts section.font-specs #font-specs .sub-section.about .read-more svg {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  margin-left: 10px;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.about .read-more svg * {
  stroke: #fff;
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.pdf {
  text-align: center;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.pdf .image-wrapper {
  position: relative;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.pdf .image-wrapper:hover .download-icon {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
body.single-product.fonts section.font-specs #font-specs .sub-section.pdf .image-wrapper .download-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  line-height: 70px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: var(--theme-color);
  border-radius: 100%;
  vertical-align: middle;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.pdf .image-wrapper .download-icon svg {
  vertical-align: middle;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.pdf .image-wrapper .gallery {
  width: 100%;
}
body.single-product.fonts section.font-specs #font-specs .sub-section.pdf .image-wrapper .gallery img {
  display: block;
  float: left;
  width: calc(20% - 16px);
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section.pdf .image-wrapper .gallery img {
    width: calc(20% - 8px);
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section.pdf .image-wrapper .gallery img {
    width: 100%;
    max-width: 240px;
    margin: 0px auto;
    float: initial;
  }
}
body.single-product.fonts section.font-specs #font-specs .sub-section.pdf .image-wrapper .gallery img + img {
  margin-left: 20px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section.pdf .image-wrapper .gallery img + img {
    margin-left: 10px;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-specs #font-specs .sub-section.pdf .image-wrapper .gallery img + img {
    display: none;
  }
}
body.single-product.fonts section.font-pricing {
  position: relative;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  letter-spacing: 0.025em;
  z-index: 2;
}
body.single-product.fonts section.font-pricing .col {
  width: 16.6666666667%;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts section.font-pricing .col {
    font-size: 13px;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-pricing .col {
    font-size: 13px;
  }
  body.single-product.fonts section.font-pricing .col.section-title {
    width: 100%;
    float: initial;
  }
}
body.single-product.fonts section.font-pricing .col.section-license-type {
  position: relative;
}
body.single-product.fonts section.font-pricing .col.section-license-type #license-type-selector {
  margin-left: 40px;
}
body.single-product.fonts section.font-pricing .col.section-license-type .selectric-wrapper {
  margin-left: 40px;
}
body.single-product.fonts section.font-pricing .col.section-license-type .info {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c5c7c9;
}
body.single-product.fonts section.font-pricing .col.section-license-type .info .link {
  display: block;
  width: 40px;
  height: 40px;
}
body.single-product.fonts section.font-pricing .col.section-license-type .info svg {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.single-product.fonts section.font-pricing .col.license-type-selector {
  cursor: pointer;
  position: relative;
  background-color: #e6e6e6;
  text-decoration: none;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-pricing .col.license-type-selector {
    width: 33.3333%;
  }
}
body.single-product.fonts section.font-pricing .col.license-type-selector .tooltip-more-info {
  text-decoration: none;
}
body.single-product.fonts section.font-pricing .col.license-type-selector:hover {
  background-color: #ddd;
}
body.single-product.fonts section.font-pricing .col.license-type-selector .more-info {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-pricing .col.license-type-selector .more-info {
    right: 5px;
  }
}
body.single-product.fonts section.font-pricing .col.license-type-selector .more-info .icon {
  cursor: pointer;
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 500;
  width: 18px;
  height: 18px;
  line-height: 20px;
  font-size: 20px;
  border: 1px solid #000;
  border-radius: 100%;
  -webkit-transform: translateX(-3px);
  transform: translateX(-3px);
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-pricing .col.license-type-selector .more-info .icon {
    display: none;
    width: 14px;
    height: 14px;
    font-size: 16px;
    line-height: 14px;
    line-height: 16px;
  }
}
body.single-product.fonts section.font-pricing .col.license-type-selector.selected {
  cursor: default;
  background-color: #000;
  color: #fff;
}
body.single-product.fonts section.font-pricing .col.license-type-selector.selected .more-info {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  pointer-events: initial;
}
body.single-product.fonts section.font-pricing .col.col-2 {
  width: calc(33.3333333333% - 4px);
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-pricing .col.col-2 {
    width: 100%;
    margin: 5px 0;
  }
}
body.single-product.fonts section.font-pricing .col select {
  width: 100%;
  background-color: #000;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  border: none;
  color: #fff;
  height: 40px;
  border: none;
  font-size: 14px;
  padding: 0px 16px;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  background-image: url(d212cd6cfcb7724f6e9e.svg);
  background-repeat: no-repeat;
  background-position: 96% 13px;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
}
body.single-product.fonts section.font-pricing .col select#license-selector {
  background-color: var(--theme-color);
}
body.single-product.fonts section.font-pricing .col select option {
  font-size: 14px;
  width: 100%;
  line-height: 1.5em;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-pricing .col.buy-all {
    width: 100%;
  }
}
body.single-product.fonts section.font-pricing .col.buy-all .box {
  float: left;
  width: 50%;
}
body.single-product.fonts section.font-pricing .col.buy-all .box.price {
  background-color: #ededed;
}
body.single-product.fonts section.font-pricing .col + .col {
  margin-left: 6px;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-pricing .col + .col {
    margin-left: 0;
  }
}
body.single-product.fonts section.font-pricing .section-title {
  font-size: 18px;
  line-height: 40px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  border-left: none;
}
body.single-product.fonts section.font-pricing .section-title svg {
  width: 145px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
@media all and (max-width: 1439px) and (min-width: 1280px) {
  body.single-product.fonts section.font-pricing .section-title {
    position: static;
    display: block;
    margin-bottom: 1em;
    -webkit-transform: scale(1);
    transform: scale(1);
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts section.font-pricing .section-title {
    position: static;
    display: block;
    margin-bottom: 1em;
    -webkit-transform: scale(1);
    transform: scale(1);
    padding: 0px 20px;
    line-height: 40px;
    font-size: 14px;
    position: relative;
  }
  body.single-product.fonts section.font-pricing .section-title svg {
    display: none;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-pricing .section-title {
    position: static;
    display: block;
    margin-bottom: 1em;
    -webkit-transform: scale(1);
    transform: scale(1);
    padding: 0px 20px;
  }
}
body.single-product.fonts section.font-features {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-features {
    display: none;
  }
}
body.single-product.fonts section.font-features .content-wrapper {
  border-top: 2px solid #ededed;
  border-bottom: 2px solid #ededed;
}
body.single-product.fonts section.font-features .content-wrapper .sliders {
  width: 66.6666666667%;
  float: left;
  margin-top: 15px;
  margin-bottom: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
body.single-product.fonts section.font-features .content-wrapper .sliders .slider-wrapper {
  line-height: 50px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts section.font-features .content-wrapper .sliders {
    width: 100%;
  }
  body.single-product.fonts section.font-features .content-wrapper .sliders .slider-wrapper {
    width: 165px;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-features .content-wrapper .sliders {
    display: none;
  }
}
body.single-product.fonts section.font-features .content-wrapper .switchers {
  font-size: 14px;
  width: 33.3333333333%;
  float: left;
  text-align: right;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts section.font-features .content-wrapper .switchers {
    width: 50%;
    margin-left: 50%;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-features .content-wrapper .switchers {
    width: 100%;
  }
}
body.single-product.fonts section.font-features .content-wrapper .switchers .switcher {
  width: 50%;
  float: left;
  line-height: 50px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: opacity 0.3s, color 0.3s;
  transition: opacity 0.3s, color 0.3s;
}
body.single-product.fonts section.font-features .content-wrapper .switchers .switcher:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
body.single-product.fonts section.font-features .content-wrapper .switchers .switcher.alone {
  float: right;
}
body.single-product.fonts section.font-features .content-wrapper .switchers .switcher.alone .tag {
  display: block;
}
body.single-product.fonts section.font-features .content-wrapper .switchers .switcher.active .tag:after, body.single-product.fonts section.font-features .content-wrapper .switchers .switcher.opened .tag:after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
body.single-product.fonts section.font-features .content-wrapper .switchers .switcher .tag {
  position: relative;
  padding-right: 40px;
}
body.single-product.fonts section.font-features .content-wrapper .switchers .switcher .tag .status {
  display: inline-block;
  text-align: right;
  min-width: 40px;
}
body.single-product.fonts section.font-features .content-wrapper .switchers .switcher .tag:after {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  right: 16px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #000;
  -webkit-transition: border-top 0.3s, -webkit-transform 0.3s;
  transition: border-top 0.3s, -webkit-transform 0.3s;
  transition: border-top 0.3s, transform 0.3s;
  transition: border-top 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
body.single-product.fonts section.font-features .content-wrapper .switchers .switcher i {
  font-style: italic;
}
body.single-product.fonts section.font-features #font-features-list {
  font-size: 12px;
  line-height: 1.8em;
  height: 0px;
  overflow: hidden;
}
body.single-product.fonts section.font-features #font-features-list #features-reset {
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-features #font-features-list #features-reset {
    margin: 0px;
  }
}
body.single-product.fonts section.font-features #font-features-list #features-reset.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
body.single-product.fonts section.font-features #font-features-list #features-reset:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
body.single-product.fonts section.font-features #font-features-list #features-reset svg {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 1px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
body.single-product.fonts section.font-features #font-features-list #features-reset svg * {
  stroke: #000;
}
body.single-product.fonts section.font-features #font-features-list .features,
body.single-product.fonts section.font-features #font-features-list .main {
  margin: 20px 0px;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-features #font-features-list .features,
  body.single-product.fonts section.font-features #font-features-list .main {
    margin: 0px;
  }
}
body.single-product.fonts section.font-features #font-features-list .features {
  width: 83.3333333333%;
  float: left;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-features #font-features-list .features {
    width: 100%;
  }
}
body.single-product.fonts section.font-features #font-features-list .features .feature {
  width: 20%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 20px;
  cursor: pointer;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-features #font-features-list .features .feature {
    width: 50%;
    padding-right: 10px;
    font-size: 10px;
  }
  body.single-product.fonts section.font-features #font-features-list .features .feature:nth-child(odd) {
    clear: both;
  }
}
body.single-product.fonts section.font-features #font-features-list .features .feature .check {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 5px;
  vertical-align: baseline;
  position: relative;
}
body.single-product.fonts section.font-features #font-features-list .features .feature .check svg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 12px;
  height: 12px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
body.single-product.fonts section.font-features #font-features-list .features .feature .check svg * {
  stroke: #000;
}
body.single-product.fonts section.font-features #font-features-list .features .feature.mandatory {
  pointer-events: none;
}
body.single-product.fonts section.font-features #font-features-list .features .feature.mandatory .check {
  background-color: black;
}
body.single-product.fonts section.font-features #font-features-list .features .feature.marcado .check svg {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
body.single-product.fonts section.font-features #font-features-list .features .feature:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
body.single-product.fonts section.font-features #font-features-list .main {
  width: 16.6666666667%;
  float: left;
}
body.single-product.fonts section.font-features #font-features-list .main .features {
  width: 100%;
}
body.single-product.fonts section.font-features #font-features-list .main .features .feature {
  width: 100%;
  pointer-events: none;
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-features #font-features-list .main {
    width: 100%;
  }
}
body.single-product.fonts .product-list {
  margin-top: 2.5em;
  padding-bottom: 2em;
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list {
    margin-top: 1.5em;
  }
}
body.single-product.fonts .product-list .font-bundle.in-cart,
body.single-product.fonts .product-list .font-family-intro.in-cart {
  background-color: var(--theme-color);
}
body.single-product.fonts .product-list .font-bundle.in-cart .tooltip,
body.single-product.fonts .product-list .font-family-intro.in-cart .tooltip {
  background-color: #000;
}
body.single-product.fonts .product-list .font-bundle.in-cart footer .left h1 .variable,
body.single-product.fonts .product-list .font-family-intro.in-cart footer .left h1 .variable {
  color: #fff;
}
body.single-product.fonts .product-list .font-bundle.in-cart footer .left h1 b.discount,
body.single-product.fonts .product-list .font-family-intro.in-cart footer .left h1 b.discount {
  color: #fff;
}
body.single-product.fonts .product-list .font-bundle.in-cart footer .right .buttons a,
body.single-product.fonts .product-list .font-family-intro.in-cart footer .right .buttons a {
  display: none;
}
body.single-product.fonts .product-list .font-bundle.in-cart footer .right .buttons .buy,
body.single-product.fonts .product-list .font-family-intro.in-cart footer .right .buttons .buy {
  display: none;
}
body.single-product.fonts .product-list .font-bundle.in-cart footer .right .buttons .remove,
body.single-product.fonts .product-list .font-family-intro.in-cart footer .right .buttons .remove {
  display: inline-block;
}
body.single-product.fonts .product-list .font-bundle footer,
body.single-product.fonts .product-list .font-family-intro footer {
  letter-spacing: 0.025em;
  margin: 0em 0px 1em;
  width: 100%;
  position: relative;
}
body.single-product.fonts .product-list .font-bundle footer .left,
body.single-product.fonts .product-list .font-bundle footer .right,
body.single-product.fonts .product-list .font-family-intro footer .left,
body.single-product.fonts .product-list .font-family-intro footer .right {
  line-height: 20px;
}
body.single-product.fonts .product-list .font-bundle footer .left,
body.single-product.fonts .product-list .font-family-intro footer .left {
  float: left;
  width: 75%;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts .product-list .font-bundle footer .left,
  body.single-product.fonts .product-list .font-family-intro footer .left {
    width: 70%;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list .font-bundle footer .left,
  body.single-product.fonts .product-list .font-family-intro footer .left {
    width: calc(100% - 100px);
    margin-left: 0px;
  }
}
body.single-product.fonts .product-list .font-bundle footer .left h1,
body.single-product.fonts .product-list .font-family-intro footer .left h1 {
  font-size: 14px;
  color: #000;
  float: left;
  margin-left: 25px;
  line-height: 47px;
  width: 75%;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.single-product.fonts .product-list .font-bundle footer .left h1 b,
body.single-product.fonts .product-list .font-family-intro footer .left h1 b {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
}
body.single-product.fonts .product-list .font-bundle footer .left h1 b.discount,
body.single-product.fonts .product-list .font-family-intro footer .left h1 b.discount {
  color: var(--theme-color);
}
body.single-product.fonts .product-list .font-bundle footer .left h1 i,
body.single-product.fonts .product-list .font-family-intro footer .left h1 i {
  font-style: italic;
}
body.single-product.fonts .product-list .font-bundle footer .left h1 i.variable,
body.single-product.fonts .product-list .font-family-intro footer .left h1 i.variable {
  color: #929497;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts .product-list .font-bundle footer .left h1,
  body.single-product.fonts .product-list .font-family-intro footer .left h1 {
    margin-left: 0px;
    width: 50%;
    font-size: 13px;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list .font-bundle footer .left h1,
  body.single-product.fonts .product-list .font-family-intro footer .left h1 {
    margin-bottom: 10px;
    margin-left: 0px;
    width: 90%;
    font-size: 12px;
    line-height: 40px;
  }
}
body.single-product.fonts .product-list .font-bundle footer .left .sliders,
body.single-product.fonts .product-list .font-family-intro footer .left .sliders {
  width: 80%;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts .product-list .font-bundle footer .left .sliders,
  body.single-product.fonts .product-list .font-family-intro footer .left .sliders {
    width: 75%;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list .font-bundle footer .left .sliders,
  body.single-product.fonts .product-list .font-family-intro footer .left .sliders {
    display: none;
  }
}
body.single-product.fonts .product-list .font-bundle footer .right,
body.single-product.fonts .product-list .font-family-intro footer .right {
  width: 25%;
  float: right;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts .product-list .font-bundle footer .right,
  body.single-product.fonts .product-list .font-family-intro footer .right {
    width: 30%;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list .font-bundle footer .right,
  body.single-product.fonts .product-list .font-family-intro footer .right {
    position: absolute;
    width: 100px;
    text-align: right;
    top: 0px;
    right: 0px;
  }
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li {
  text-align: center;
  font-size: 14px;
  line-height: 39px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
  width: 100%;
  display: block;
  width: 33.3333333333%;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts .product-list .font-bundle footer .right .buttons li,
  body.single-product.fonts .product-list .font-family-intro footer .right .buttons li {
    font-size: 13px;
    line-height: 35px;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list .font-bundle footer .right .buttons li,
  body.single-product.fonts .product-list .font-family-intro footer .right .buttons li {
    width: 50%;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
  }
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li > span,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li > span {
  vertical-align: sub;
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li.free-download,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.free-download {
  width: 66%;
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li.free-download a,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.free-download a {
  color: #fff;
  display: block;
  text-decoration: none;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li.regular-price,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.regular-price {
  background-color: #ededed;
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list .font-bundle footer .right .buttons li.regular-price,
  body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.regular-price {
    display: none;
  }
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li.regular-price:before,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.regular-price:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to top left, rgba(255, 0, 0, 0) 0%, rgba(255, 0, 0, 0) calc(50% - 0.8px), rgb(255, 0, 0) 50%, rgba(255, 0, 0, 0) calc(50% + 0.8px), rgba(255, 0, 0, 0) 100%);
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li.price,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.price {
  background-color: #ededed;
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li.free-download, body.single-product.fonts .product-list .font-bundle footer .right .buttons li.buy,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.free-download,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.buy {
  color: #fff;
  background-color: var(--theme-color);
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li.free-download.loading, body.single-product.fonts .product-list .font-bundle footer .right .buttons li.buy.loading,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.free-download.loading,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.buy.loading {
  pointer-events: none;
  background-color: #000;
  background-image: url(10f7006dd153de3c35d9.gif);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li.free-download.loading span, body.single-product.fonts .product-list .font-bundle footer .right .buttons li.buy.loading span,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.free-download.loading span,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.buy.loading span {
  color: transparent;
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li.free-download:hover, body.single-product.fonts .product-list .font-bundle footer .right .buttons li.buy:hover,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.free-download:hover,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.buy:hover {
  background-color: black;
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li.remove,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.remove {
  color: #fff;
  background-color: #000;
  cursor: pointer;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  display: none;
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list .font-bundle footer .right .buttons li.remove,
  body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.remove {
    position: relative;
    vertical-align: top;
  }
  body.single-product.fonts .product-list .font-bundle footer .right .buttons li.remove:before,
  body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.remove:before {
    content: "x";
    position: absolute;
    top: 52%;
    left: 50%;
    font-size: 16px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li.remove span,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.remove span {
  font-size: 13px;
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list .font-bundle footer .right .buttons li.remove span,
  body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.remove span {
    font-size: 9px;
    display: none;
  }
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li.remove:hover,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li.remove:hover {
  background-color: #fff;
  color: #000;
}
body.single-product.fonts .product-list .font-bundle footer .right .buttons li + li,
body.single-product.fonts .product-list .font-family-intro footer .right .buttons li + li {
  margin-left: 1px;
}
body.single-product.fonts .product-list .font-bundle {
  padding-bottom: 1.5em;
  padding-top: 20px;
}
body.single-product.fonts .product-list .font-bundle .font-show {
  width: calc(100% - 50px);
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts .product-list .font-bundle .font-show {
    width: calc(100% - 20px);
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list .font-bundle .font-show {
    width: 100%;
  }
}
body.single-product.fonts .product-list .font-bundle .font-show .font-style-bundle {
  display: inline-block;
}
body.single-product.fonts .product-list .font-bundle .font-show .font-style-bundle .size-1x {
  font-size: 0.8em;
}
body.single-product.fonts .product-list .font-bundle .font-show .font-style-bundle + .font-style-bundle {
  margin-left: 10px;
}
body.single-product.fonts .product-list .font-family-intro {
  padding-bottom: 1.5em;
  padding-top: 20px;
  position: relative;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body.single-product.fonts .product-list .font-family-intro[attribute_slanted=slanted]:before {
  content: "";
  width: 3000px;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 0;
}
body.single-product.fonts .product-list .font-family-intro .font-input {
  position: relative;
  z-index: 1;
  width: 90%;
  width: calc(100% - 50px);
  overflow: hidden;
  cursor: pointer;
  margin-left: 25px;
  margin-right: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.single-product.fonts .product-list .font-family-intro .font-input--no-interact {
  cursor: default;
}
body.single-product.fonts .product-list .font-family-intro .font-input .custom-font {
  margin-top: calc(-1 * var(--top-padding-fix));
  margin-bottom: calc(-1 * var(--top-padding-fix));
}
body.single-product.fonts .product-list .font-family-intro .font-input .custom-font input {
  white-space: nowrap;
  line-height: 1.3em;
  display: block;
  border: none;
  background-color: transparent;
  width: 100%;
  text-align: left;
  font-size: 1em;
  direction: ltr;
  color: #000;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list .font-family-intro .font-input .custom-font input {
    width: auto;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 0.7em;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list .font-family-intro .font-input .custom-font {
    font-size: 60px !important;
  }
}
body.single-product.fonts .product-list .font-family-intro .font-input:hover .tooltip {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
body.single-product.fonts .product-list .font-family-intro .font-input .custom-font.writing .tooltip {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts .product-list .font-family-intro .font-input {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list .font-family-intro .font-input {
    pointer-events: none;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}
body.single-product.fonts .product-list .font-family-intro .font-input[data-active=latin] .latin-input {
  z-index: 1;
}
body.single-product.fonts .product-list .font-family-intro .font-input .latin-input,
body.single-product.fonts .product-list .font-family-intro .font-input .arabic-input,
body.single-product.fonts .product-list .font-family-intro .font-input input {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
body.single-product.fonts .product-list .font-family-intro .font-input .latin-input,
body.single-product.fonts .product-list .font-family-intro .font-input .arabic-input {
  width: 50%;
  overflow-wrap: break-word;
  float: left;
  position: relative;
}
body.single-product.fonts .product-list .font-family-intro .font-input .latin-input:hover,
body.single-product.fonts .product-list .font-family-intro .font-input .arabic-input:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
body.single-product.fonts .product-list .font-family-intro .font-input .latin-input span,
body.single-product.fonts .product-list .font-family-intro .font-input .arabic-input span {
  line-height: 1.1em;
  width: 200%;
  display: block;
  font-size: 1em;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts .product-list .font-family-intro .font-input .latin-input span,
  body.single-product.fonts .product-list .font-family-intro .font-input .arabic-input span {
    font-size: 0.6em;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts .product-list .font-family-intro .font-input .latin-input span,
  body.single-product.fonts .product-list .font-family-intro .font-input .arabic-input span {
    font-size: 0.3em;
  }
}
body.single-product.fonts .product-list .font-family-intro .font-input .latin-input {
  color: var(--theme-color);
}
body.single-product.fonts .product-list .font-family-intro .font-input .arabic-input {
  direction: rtl; /* Right to Left */
  color: black;
  float: right;
}
body.single-product.fonts section.font-2cols-list {
  border-bottom: 10px solid #ededed;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.single-product.fonts section.font-2cols-list {
    border-width: 5px;
  }
}
@media all and (max-width:767px) {
  body.single-product.fonts section.font-2cols-list {
    border-width: 3px;
  }
}

body.single-product-fonts-wip #font-page[data-type=""] .font-style[attribute_style=variable] {
  display: block !important;
}
body.single-product-fonts-wip .sliders .slider-wrapper[data-variable="1"] {
  display: grid;
}

.text-try-wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}
@media all and (max-width:767px) {
  .text-try-wrapper {
    grid-template-columns: 1fr;
  }
}

[data-style=hairline],
.css-style-hairline {
  font-variation-settings: "wght" 100;
}
[data-style=hairline] .font-input,
.css-style-hairline .font-input {
  font-variation-settings: "wght" 100 !important;
}

[data-style=thin],
.css-style-thin {
  font-variation-settings: "wght" 150;
}
[data-style=thin] .font-input,
.css-style-thin .font-input {
  font-variation-settings: "wght" 150 !important;
}

[data-style=extralight],
.css-style-extralight {
  font-variation-settings: "wght" 200;
}
[data-style=extralight] .font-input,
.css-style-extralight .font-input {
  font-variation-settings: "wght" 200 !important;
}

[data-style=light],
.css-style-light {
  font-variation-settings: "wght" 300;
}
[data-style=light] .font-input,
.css-style-light .font-input {
  font-variation-settings: "wght" 300 !important;
}

[data-style=regular],
.css-style-regular {
  font-variation-settings: "wght" 400;
}
[data-style=regular] .font-input,
.css-style-regular .font-input {
  font-variation-settings: "wght" 400 !important;
}

[data-style=medium],
.css-style-medium {
  font-variation-settings: "wght" 500;
}
[data-style=medium] .font-input,
.css-style-medium .font-input {
  font-variation-settings: "wght" 500 !important;
}

[data-style=semibold],
.css-style-semibold {
  font-variation-settings: "wght" 550;
}
[data-style=semibold] .font-input,
.css-style-semibold .font-input {
  font-variation-settings: "wght" 550 !important;
}

[data-style=bold],
.css-style-bold {
  font-variation-settings: "wght" 600;
}
[data-style=bold] .font-input,
.css-style-bold .font-input {
  font-variation-settings: "wght" 600 !important;
}

[data-style=extrabold],
.css-style-extrabold {
  font-variation-settings: "wght" 700;
}
[data-style=extrabold] .font-input,
.css-style-extrabold .font-input {
  font-variation-settings: "wght" 700 !important;
}

[data-style=black],
.css-style-black {
  font-variation-settings: "wght" 900;
}
[data-style=black] .font-input,
.css-style-black .font-input {
  font-variation-settings: "wght" 900 !important;
}

/*
Colores
*/
:root {
  --variable-wght: 400;
  --variable-wdth: 0;
  --variable-ital: 0;
  --variable-slnt: 0;
  --variable-opsz: 0;
  --variable-STRC: 0;
  --variable-CONT: 0;
  --variable-EXTN: 0;
}

.dinamic-variable-style {
  font-variation-settings: "wght" var(--variable-wght), "wdth" var(--variable-wdth), "ital" var(--variable-ital), "slnt" var(--variable-slnt), "opsz" var(--variable-opsz), "STRC" var(--variable-STRC), "CONT" var(--variable-CONT), "EXTN" var(--variable-EXTN);
}

body.page-template-template-cart, body.page-template-template-cart-information, body.page-template-template-cart-confirmation,
body.page-template-template-cart-checkout, body.page-template-template-account {
  /*
  background-image: url(../img/guias/Cart-Chekout.png);
  background-position:center -15px;
  background-repeat:no-repeat;
  */
  background-color: #ededed;
}

section.cart-header {
  width: 100%;
  overflow: hidden;
  margin-bottom: 2.7em;
  background-color: #929497;
  position: relative;
}
section.cart-header.step-1:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--theme-color);
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0;
}
section.cart-header.step-3:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--theme-color);
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  z-index: 0;
}
section.cart-header ul {
  position: relative;
  z-index: 1;
}
@media all and (max-width:767px) {
  section.cart-header ul {
    max-width: 100%;
  }
}
section.cart-header ul li {
  float: left;
  width: 33.3333%;
  color: #fff;
  line-height: 50px;
  border-left: 1px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.9em;
  padding: 0px 30px;
  background-color: #929497;
  white-space: nowrap;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  section.cart-header ul li {
    padding: 0px 1.8em;
  }
}
@media all and (max-width:767px) {
  section.cart-header ul li {
    font-size: 0.9em;
    line-height: 40px;
    padding: 0px 15px;
    display: none;
  }
}
section.cart-header ul li.current {
  background-color: var(--theme-color);
}
@media all and (max-width:767px) {
  section.cart-header ul li.current {
    display: block;
    width: 100%;
  }
}
section.cart-header ul li a {
  color: #fff;
  display: block;
  text-decoration: none;
}
section.cart-header ul li:last-child {
  border-right: 1px solid #fff;
}

section.checkout-confirm-address .columns .checkout-order-list .content {
  padding: 30px;
  font-size: 14px;
  line-height: 23px;
}
.checkout-order-list header {
  color: #fff;
  font-size: 0.8em;
  line-height: 48px;
  background-color: #000;
  margin-bottom: 5px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .checkout-order-list header {
    padding-top: 5px;
    line-height: 35px;
  }
}
.checkout-order-list header .title {
  width: 83.33333%;
  width: 83.3333333333%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .checkout-order-list header .title {
    padding-left: 15px;
  }
}
@media all and (max-width:767px) {
  .checkout-order-list header .title {
    padding-left: 10px;
  }
}
.checkout-order-list header .button {
  float: left;
  width: 16.6666666667%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.checkout-order-list header .button:hover {
  color: var(--theme-color);
}
.checkout-order-list div.item-list .item {
  letter-spacing: 0.025em;
  margin-bottom: 5px;
  padding: 23px 0px;
  font-size: 0.8em;
  background-color: #fff;
}
.checkout-order-list div.item-list .item.bundle {
  background-color: #eee;
}
.checkout-order-list div.item-list .item.bundle .name {
  padding-left: 50px;
}
.checkout-order-list div.item-list .item + .item {
  border-top: 3px solid #ededed;
}

select:focus > option:checked {
  background: var(--theme-color) !important;
}

option:checked {
  background: var(--theme-color);
}

.checkout-order-list.order-resume {
  margin-bottom: 2.5em;
}
.checkout-order-list.order-resume .item-list .item p {
  line-height: 2em;
}
.checkout-order-list.order-resume .item-list .item.subtotal {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
  background-color: #ccc;
  color: #000;
}
.checkout-order-list.order-resume .item-list .item.subtotal .text {
  padding-right: 30px;
}
@media all and (max-width:767px) {
  .checkout-order-list.order-resume .item-list .item.subtotal .text {
    padding-right: 15px;
  }
}
.checkout-order-list.order-resume .item-list .item.total {
  background-color: #c5c7c9;
  text-align: right;
}
.checkout-order-list.order-resume .item-list .item.total .text {
  padding-right: 30px;
}
@media all and (max-width:767px) {
  .checkout-order-list.order-resume .item-list .item.total .text {
    padding-right: 15px;
  }
}
.checkout-order-list.order-resume .item-list .item.shipping {
  border-top: none;
  padding-top: 6px;
  line-height: 50px;
  letter-spacing: 1px;
  padding: 6px 0px 0px;
}
.checkout-order-list.order-resume .item-list .item.taxes {
  background-color: #999;
  color: #000;
  text-align: left;
  padding-top: 6px;
  font-size: 0.8em;
  line-height: 50px;
  letter-spacing: 1px;
  padding: 6px 0px 0px;
}
.checkout-order-list.order-resume .item-list .item.taxes .text {
  padding-right: 30px;
}
@media all and (max-width:767px) {
  .checkout-order-list.order-resume .item-list .item.taxes .text {
    padding-right: 15px;
  }
}
.checkout-order-list.order-resume .item-list .item.grand-total {
  background-color: #000;
  color: #fff;
  padding-top: 6px;
  font-size: 0.9em;
  line-height: 50px;
  letter-spacing: 1px;
  padding: 6px 0px 0px;
}
.checkout-order-list.order-resume .item-list .item.grand-total .text {
  padding-right: 30px;
}
@media all and (max-width:767px) {
  .checkout-order-list.order-resume .item-list .item.grand-total .text {
    text-align: left;
    padding-right: 15px;
  }
}
.checkout-order-list.order-resume .item-list .item strong {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
}
.checkout-order-list.order-resume .item-list .item .w25, .checkout-order-list.order-resume .item-list .item .w50 {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 30px;
}
.checkout-order-list.order-resume .item-list .item .w25.empty, .checkout-order-list.order-resume .item-list .item .w50.empty {
  min-height: 2px;
}
.checkout-order-list.order-resume .item-list .item .w25 p + p, .checkout-order-list.order-resume .item-list .item .w50 p + p {
  margin-top: 15px;
}
.checkout-order-list.order-resume .item-list .item .w25.right, .checkout-order-list.order-resume .item-list .item .w50.right {
  text-align: right;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .checkout-order-list.order-resume .item-list .item .w25, .checkout-order-list.order-resume .item-list .item .w50 {
    padding: 0px 15px;
  }
}
@media all and (max-width:767px) {
  .checkout-order-list.order-resume .item-list .item .w25, .checkout-order-list.order-resume .item-list .item .w50 {
    padding: 0px 10px;
  }
}
.checkout-order-list.order-resume .item-list .item .w25 {
  width: 25%;
}
.checkout-order-list.order-resume .item-list .item .w25.license {
  line-height: 2.4em;
}
.checkout-order-list.order-resume .item-list .item .w25.license p {
  line-height: 2.4em;
}
@media all and (max-width:767px) {
  .checkout-order-list.order-resume .item-list .item .w25.grand {
    text-align: right;
    width: 75%;
  }
}
.checkout-order-list.order-resume .item-list .item .w50 {
  width: 50%;
}
.checkout-order-list.order-resume .item-list .item .price {
  text-align: right;
}

form.checkout-form button {
  background-color: var(--theme-color);
  color: #fff;
  display: block;
  margin-top: 30px;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  padding: 6px 12px;
}
form.checkout-form .form-field {
  margin-bottom: 1em;
}
form.checkout-form .form-field label {
  font-size: 0.8em;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 3px;
  display: inline-block;
}
form.checkout-form .form-field label.mandatory:after {
  content: " *";
  color: #f00;
}
form.checkout-form .form-field label .small {
  font-size: 8px;
}
form.checkout-form .form-field input {
  display: block;
  width: 100%;
  border: none;
  background-color: #c5c7c9;
  font-size: 1em;
  padding: 0.8em 0.5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
form.checkout-form .form-field input:-webkit-autofill,
form.checkout-form .form-field input:-webkit-autofill:hover,
form.checkout-form .form-field input:-webkit-autofill:focus,
form.checkout-form .form-field textarea:-webkit-autofill,
form.checkout-form .form-field textarea:-webkit-autofill:hover,
form.checkout-form .form-field textarea:-webkit-autofill:focus,
form.checkout-form .form-field select:-webkit-autofill,
form.checkout-form .form-field select:-webkit-autofill:hover,
form.checkout-form .form-field select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: none;
  -webkit-transition: background-color 1000s ease-in-out 0s;
  transition: background-color 1000s ease-in-out 0s;
}
form.checkout-form .form-field select {
  width: 100%;
  background-color: #c5c7c9;
  font-size: 1em;
  padding: 0.7em 0.4em;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  background-image: url(878efef22780af555b4a.svg);
  background-repeat: no-repeat;
  background-position: 96% 13px;
}
form.checkout-form .double-field .form-row {
  width: calc(50% - 5px);
  float: left;
}
form.checkout-form .double-field .form-row.large {
  width: calc(66.666% - 5px);
}
form.checkout-form .double-field .form-row.short {
  width: calc(33.333% - 5px);
}
form.checkout-form .double-field .form-row + .form-row {
  margin-left: 10px;
}
form.checkout-form .form-row .form-button {
  color: #fff;
  background-color: var(--theme-color);
  line-height: 1em;
  padding: 1em 1em 0.6em;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
form.checkout-form .form-row .form-button:hover {
  background-color: #000;
}
form.checkout-form .form-row .form-button svg {
  position: absolute;
  top: 50%;
  right: 2em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
form.checkout-form .input-wrapper {
  display: block;
  position: relative;
}
form.checkout-form .input-wrapper:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: var(--theme-color);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
form.checkout-form .input-wrapper.with-errors:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
form.checkout-form .input-wrapper.with-errors input, form.checkout-form .input-wrapper.with-errors select {
  background-color: transparent;
}
form.checkout-form .button {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  text-align: left;
  font-size: 1em;
  color: #fff;
  background-color: var(--theme-color);
  line-height: 1em;
  padding: 1em 1em 0.6em;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
form.checkout-form .button:hover {
  background-color: #000;
}
form.checkout-form .button.button-arrow-right svg {
  position: absolute;
  top: 50%;
  right: 2em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*
                                 /$$           /$$            /$$$$$$         
                                | $$          |__/           /$$__  $$        
  /$$$$$$$  /$$$$$$   /$$$$$$  /$$$$$$         /$$ /$$$$$$$ | $$  \__//$$$$$$ 
 /$$_____/ |____  $$ /$$__  $$|_  $$_/        | $$| $$__  $$| $$$$   /$$__  $$
| $$        /$$$$$$$| $$  \__/  | $$          | $$| $$  \ $$| $$_/  | $$  \ $$
| $$       /$$__  $$| $$        | $$ /$$      | $$| $$  | $$| $$    | $$  | $$
|  $$$$$$$|  $$$$$$$| $$        |  $$$$/      | $$| $$  | $$| $$    |  $$$$$$/
 \_______/ \_______/|__/         \___/        |__/|__/  |__/|__/     \______/ 
 */
section.cart-info {
  background-color: #ffffff;
  position: relative;
}
section.cart-info article.column {
  padding-bottom: 0em;
}
section.cart-info article.column .content {
  padding: 0px 1.5em;
}
section.cart-info article.column .content .form-wrapper form {
  display: none;
}
section.cart-info article.column .content .switcher div.head {
  font-size: 12px;
  margin-bottom: 2.5em;
}
section.cart-info article.column .content .switcher .custom-check-family {
  margin-bottom: 3em;
}
section.cart-info article.column .content .switcher .custom-check-family li + li {
  margin-top: 16px;
}
section.cart-info article.column .content .switcher .custom-check-family li {
  position: relative;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
section.cart-info article.column .content .switcher .custom-check-family li:not(.checked):hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
section.cart-info article.column .content .switcher .custom-check-family li.checked .check {
  background-color: #000;
}
section.cart-info article.column .content .switcher .custom-check-family li .check {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 16px;
  border: 1px solid #000000;
  background-color: #ffffff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
section.cart-info article.column .content .switcher .custom-check-family li p {
  font-weight: bold;
  padding-left: 30px;
  font-size: 14px;
  line-height: 22px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  section.cart-info article.column .content .switcher .custom-check-family li p {
    font-size: 12px;
  }
}
section.cart-info article.column:first-child .mw-wrapper {
  float: right;
}
section.cart-info article.column + article.column {
  border-left: 8px solid #ededed;
}

/*
 /$$                     /$$                 /$$                           
| $$                    |__/                /$$/                           
| $$  /$$$$$$   /$$$$$$  /$$ /$$$$$$$      /$$//$$$$$$   /$$$$$$   /$$$$$$ 
| $$ /$$__  $$ /$$__  $$| $$| $$__  $$    /$$//$$__  $$ /$$__  $$ /$$__  $$
| $$| $$  \ $$| $$  \ $$| $$| $$  \ $$   /$$/| $$  \__/| $$$$$$$$| $$  \ $$
| $$| $$  | $$| $$  | $$| $$| $$  | $$  /$$/ | $$      | $$_____/| $$  | $$
| $$|  $$$$$$/|  $$$$$$$| $$| $$  | $$ /$$/  | $$      |  $$$$$$$|  $$$$$$$
|__/ \______/  \____  $$|__/|__/  |__/|__/   |__/       \_______/ \____  $$
               /$$  \ $$                                          /$$  \ $$
              |  $$$$$$/                                         |  $$$$$$/
               \______/                                           \______/ 
*/
section.log-and-register {
  /*
  height:800px;
  background-image:url(../img/guias/login.png);
  background-position:center top;
  background-repeat:no-repeat;
  */
  background-color: #ffffff;
  margin-bottom: 2.7em;
  margin-top: 1em;
  padding-bottom: 2.1em;
  position: relative;
}
section.log-and-register:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 16px;
  height: 100%;
  background-color: #ededed;
}
@media all and (max-width:767px) {
  section.log-and-register:after {
    display: none;
  }
}
section.log-and-register article.column {
  width: calc(50% - 8px);
  float: left;
}
@media all and (max-width:767px) {
  section.log-and-register article.column {
    width: 100%;
  }
}
section.log-and-register article.column header {
  color: #fff;
  background-color: rgb(0, 0, 0);
  margin-bottom: 2.1em;
  font-size: 1em;
  padding: 18px 25px 12px;
}
section.log-and-register article.column .mw-wrapper {
  width: 100%;
  max-width: 500px;
}
section.log-and-register article.column .content {
  padding: 0px 1.5em;
}
section.log-and-register article.column .content .external-login {
  margin-top: 3em;
}
section.log-and-register article.column .content .external-login li {
  margin-bottom: 4px;
  font-size: 14px;
  padding: 1.2em 1em 0.6em;
  position: relative;
  background-color: #c5c7c9;
}
section.log-and-register article.column .content .external-login li svg {
  position: absolute;
  top: 50%;
  right: 4em;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
section.log-and-register article.column:first-child .mw-wrapper {
  float: right;
}
section.log-and-register article.column + article.column {
  margin-left: 16px;
}
@media all and (max-width:767px) {
  section.log-and-register article.column + article.column {
    margin-left: 0;
    margin-top: 30px;
  }
}

/*
#                                   /$$    
#                                  | $$    
#    /$$$$$$$  /$$$$$$   /$$$$$$  /$$$$$$  
#   /$$_____/ |____  $$ /$$__  $$|_  $$_/  
#  | $$        /$$$$$$$| $$  \__/  | $$    
#  | $$       /$$__  $$| $$        | $$ /$$
#  |  $$$$$$$|  $$$$$$$| $$        |  $$$$/
#   \_______/ \_______/|__/         \___/  
*/
.cart-page-empty-cart {
  background-color: #fff;
  text-align: center;
  padding: 6em 3em;
  font-size: 0.8em;
  margin-bottom: 2.7em;
}

body.page-template-template-cart {
  background-color: #ededed;
}
body.page-template-template-cart section.discount-total, body.page-template-template-cart section.grand-total {
  line-height: 50px;
  font-size: 0.9em;
  padding-top: 6px;
  color: #fff;
  background-color: #000;
}
body.page-template-template-cart section.discount-total.grand-total, body.page-template-template-cart section.grand-total.grand-total {
  letter-spacing: 1px;
}
body.page-template-template-cart section.discount-total .text, body.page-template-template-cart section.discount-total .number, body.page-template-template-cart section.grand-total .text, body.page-template-template-cart section.grand-total .number {
  float: left;
  width: 16.6666666667%;
  text-align: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.page-template-template-cart section.discount-total .text, body.page-template-template-cart section.grand-total .text {
  width: 66.6666666667%;
}
body.page-template-template-cart section.discount-total .text .small, body.page-template-template-cart section.grand-total .text .small {
  font-size: 0.7em;
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.discount-total .text, body.page-template-template-cart section.grand-total .text {
    text-align: left;
    margin-left: 0;
  }
}
body.page-template-template-cart section.discount-total .number, body.page-template-template-cart section.grand-total .number {
  margin-right: 16.6666666667%;
  padding-right: 30px;
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.discount-total .number, body.page-template-template-cart section.grand-total .number {
    margin-right: 0;
    padding-right: 10px;
    width: 34%;
  }
}
body.page-template-template-cart section.discount-total {
  background-color: #ccc;
  font-size: 0.8em;
  color: #000;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
}
body.page-template-template-cart section.discount-total.applyed {
  background-color: #dedede;
}
body.page-template-template-cart section.discount-total.applyed .number {
  margin-right: 0;
}
body.page-template-template-cart section.discount-total.applyed .remove {
  width: 16.6666666667%;
  text-align: center;
  float: left;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.page-template-template-cart section.discount-total.applyed .remove:hover {
  color: var(--theme-color);
}
body.page-template-template-cart section.cart-font-list, body.page-template-template-cart section.cart-product-list {
  letter-spacing: 0.025em;
}
body.page-template-template-cart section.cart-font-list header, body.page-template-template-cart section.cart-product-list header {
  color: #fff;
  font-size: 0.9em;
  line-height: 50px;
  background-color: #000;
  margin-bottom: 5px;
}
body.page-template-template-cart section.cart-font-list header .title, body.page-template-template-cart section.cart-product-list header .title {
  width: 83.33333%;
  width: 83.3333333333%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-cart section.cart-font-list header .title, body.page-template-template-cart section.cart-product-list header .title {
    padding-left: 15px;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list header .title, body.page-template-template-cart section.cart-product-list header .title {
    padding-left: 0px;
    width: 75%;
  }
}
body.page-template-template-cart section.cart-font-list header .button, body.page-template-template-cart section.cart-product-list header .button {
  float: left;
  width: 16.6666666667%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list header .button, body.page-template-template-cart section.cart-product-list header .button {
    width: 25%;
    display: none;
  }
}
body.page-template-template-cart section.cart-font-list header .button:hover, body.page-template-template-cart section.cart-product-list header .button:hover {
  color: var(--theme-color);
}
body.page-template-template-cart section.cart-font-list div.item-list .item, body.page-template-template-cart section.cart-product-list div.item-list .item {
  margin-bottom: 5px;
  padding: 10px 0px;
  font-size: 14px;
  background-color: #fff;
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper {
  position: relative;
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .name, body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .select, body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .price, body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .remove, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .name, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .select, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .price, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .remove {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 40px;
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper strong, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper strong {
  font-weight: bold;
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .name, body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .select, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .name, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .select {
  width: 33.3333333333%;
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .name, body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .select, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .name, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .select {
    width: 100%;
  }
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .price, body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .remove, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .price, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .remove {
  width: 16.6666666667%;
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .price, body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .remove, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .price, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .remove {
    width: 50%;
  }
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .name, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .name {
  padding-left: 30px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .name, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .name {
    padding-left: 15px;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .name, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .name {
    padding-left: 0px;
    width: 100%;
  }
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .name strong, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .name strong {
  font-weight: bold;
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .price, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .price {
  text-align: right;
  padding-right: 30px;
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .price, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .price {
    padding-right: 10px;
    float: right;
    position: absolute;
    top: 0px;
    right: 30px;
  }
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .remove, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .remove {
  text-align: center;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .remove:hover, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .remove:hover {
  color: var(--theme-color);
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .remove, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .remove {
    width: 30px;
    position: absolute;
    top: -1px;
    right: 0px;
    margin: 20px auto;
  }
  body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .remove:before, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .remove:before {
    content: "x";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .select.small, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .select.small {
  width: 16.6666666667%;
  margin-left: 16.6666666667%;
  position: relative;
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .select.small, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .select.small {
    margin-left: 0;
  }
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .select.small:before, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .select.small:before {
  content: "Units";
  position: absolute;
  left: -30px;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .select.small:before, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .select.small:before {
    display: none;
  }
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .select .just-in-mobile, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .select .just-in-mobile {
  display: none;
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .select .just-in-mobile, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .select .just-in-mobile {
    display: inline-block;
  }
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .select select, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .select select {
  width: 100%;
  background-color: #000;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  border: none;
  color: #fff;
  height: 40px;
  border: none;
  font-size: 14px;
  padding: 0px 16px;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  background-image: url(d212cd6cfcb7724f6e9e.svg);
  background-repeat: no-repeat;
  background-position: 96% 13px;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .select select, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .select select {
    display: none;
  }
}
body.page-template-template-cart section.cart-font-list div.item-list .item .wrapper .select select option, body.page-template-template-cart section.cart-product-list div.item-list .item .wrapper .select select option {
  font-size: 14px;
  width: 100%;
  line-height: 1.5em;
}
body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume {
  margin-bottom: 4em;
  font-weight: bold;
  line-height: 20px;
  background-color: #ccc;
}
body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume.with-coupon, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume.with-coupon {
  margin-bottom: 2em;
}
body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .eula, body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .total, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .eula, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .total {
  float: left;
}
body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .eula, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .eula {
  width: 16.6666666667%;
  margin-left: 33.3333333333%;
  white-space: nowrap;
  line-height: 28px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .eula, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .eula {
    font-size: 12px;
  }
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .eula, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .eula {
    font-size: 12px;
    width: 100%;
    width: calc(100% - 10px);
    text-align: left;
    margin-left: 0;
  }
}
body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .eula .check, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .eula .check {
  /* Style for "<Rectangle" */
  width: 16px;
  height: 16px;
  border: 2px solid #231f20;
  background-color: #ffffff;
  display: inline-block;
  margin-right: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .eula .check.checked, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .eula .check.checked {
  position: relative;
  background-color: #000;
  /*
  &:before{
  	color:$pink;
  	position:absolute;
  	top:50%;
  	left:50%;
  	@include transform(translate(-50%,-50%));
  	content:'\2713';
  	display:block;
  }
  */
}
body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .eula a, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .eula a {
  color: #000;
}
body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .total, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .total {
  float: right;
  width: 33.3333333333%;
  margin-right: 16.6666666667%;
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .total, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .total {
    margin-right: 0;
    margin-top: 20px;
    width: 100%;
  }
}
body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .total .text, body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .total .number, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .total .text, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .total .number {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
  display: block;
  float: left;
  width: 50%;
  text-align: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 28px;
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .total .text, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .total .text {
    text-align: left;
  }
}
body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .total .number, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .total .number {
  padding-right: 30px;
}
@media all and (max-width:767px) {
  body.page-template-template-cart section.cart-font-list div.item-list .item.section-resume .total .number, body.page-template-template-cart section.cart-product-list div.item-list .item.section-resume .total .number {
    padding-right: 40px;
  }
}

/*
#    /$$$$$$  /$$                           /$$                             /$$    
#   /$$__  $$| $$                          | $$                            | $$    
#  | $$  \__/| $$$$$$$   /$$$$$$   /$$$$$$$| $$   /$$  /$$$$$$  /$$   /$$ /$$$$$$  
#  | $$      | $$__  $$ /$$__  $$ /$$_____/| $$  /$$/ /$$__  $$| $$  | $$|_  $$_/  
#  | $$      | $$  \ $$| $$$$$$$$| $$      | $$$$$$/ | $$  \ $$| $$  | $$  | $$    
#  | $$    $$| $$  | $$| $$_____/| $$      | $$_  $$ | $$  | $$| $$  | $$  | $$ /$$
#  |  $$$$$$/| $$  | $$|  $$$$$$$|  $$$$$$$| $$ \  $$|  $$$$$$/|  $$$$$$/  |  $$$$/
#   \______/ |__/  |__/ \_______/ \_______/|__/  \__/ \______/  \______/    \___/  
*/
section.checkout-payment {
  border-bottom: 150px solid #ededed;
  border-bottom: 150px solid transparent;
}
section.checkout-payment .columns .column {
  position: relative;
}
section.checkout-payment .columns .column.twocheckout label.hidden {
  height: 20px;
}
section.checkout-payment .columns .column .arrow-button {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
section.checkout-payment .columns .column.paypal .paypal-logo {
  margin-bottom: 40px;
}
section.checkout-payment .columns .column.paypal .txt-1 {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 500;
  font-size: 1.5em;
  margin-bottom: 1.3em;
}
section.checkout-payment .columns .column.paypal .txt-2 {
  color: var(--theme-color);
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 500;
  font-size: 1.3em;
  font-style: italic;
  padding-bottom: 45px;
}
section.checkout-payment .columns .column.paypal .pie {
  font-family: "29lt-ZaridSans";
  font-variation-settings: "wght" 500;
  font-size: 1.5em;
}
section.checkout-payment .columns .column .content {
  padding-top: 15px;
  padding-bottom: 15px;
}
section.checkout-payment .columns .column .card-type {
  margin-bottom: 2em;
}
section.checkout-payment .columns .column .card-type li {
  display: block;
  width: 20%;
  float: left;
  text-align: center;
}
section.checkout-payment .columns .column .card-type li:first-child {
  text-align: left;
}
section.checkout-payment .columns .column .card-type li:nth-child(2) img {
  margin-right: 25px;
}
section.checkout-payment .columns .column .card-type li:nth-child(4) img {
  margin-left: 25px;
}
section.checkout-payment .columns .column .card-type li:last-child {
  text-align: right;
}
section.checkout-payment .columns .column .pie {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  padding: 25px;
  background-color: #ededed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
section.checkout-payment .columns .column .pie ul li {
  text-align: center;
  display: block;
  width: 33%;
  float: left;
}
section.checkout-payment .columns .column .pie ul li:first-child {
  text-align: left;
}
section.checkout-payment .columns .column .pie ul li:last-child {
  text-align: right;
}

[data-style=hairline],
.css-style-hairline {
  font-variation-settings: "wght" 100;
}
[data-style=hairline] .font-input,
.css-style-hairline .font-input {
  font-variation-settings: "wght" 100 !important;
}

[data-style=thin],
.css-style-thin {
  font-variation-settings: "wght" 150;
}
[data-style=thin] .font-input,
.css-style-thin .font-input {
  font-variation-settings: "wght" 150 !important;
}

[data-style=extralight],
.css-style-extralight {
  font-variation-settings: "wght" 200;
}
[data-style=extralight] .font-input,
.css-style-extralight .font-input {
  font-variation-settings: "wght" 200 !important;
}

[data-style=light],
.css-style-light {
  font-variation-settings: "wght" 300;
}
[data-style=light] .font-input,
.css-style-light .font-input {
  font-variation-settings: "wght" 300 !important;
}

[data-style=regular],
.css-style-regular {
  font-variation-settings: "wght" 400;
}
[data-style=regular] .font-input,
.css-style-regular .font-input {
  font-variation-settings: "wght" 400 !important;
}

[data-style=medium],
.css-style-medium {
  font-variation-settings: "wght" 500;
}
[data-style=medium] .font-input,
.css-style-medium .font-input {
  font-variation-settings: "wght" 500 !important;
}

[data-style=semibold],
.css-style-semibold {
  font-variation-settings: "wght" 550;
}
[data-style=semibold] .font-input,
.css-style-semibold .font-input {
  font-variation-settings: "wght" 550 !important;
}

[data-style=bold],
.css-style-bold {
  font-variation-settings: "wght" 600;
}
[data-style=bold] .font-input,
.css-style-bold .font-input {
  font-variation-settings: "wght" 600 !important;
}

[data-style=extrabold],
.css-style-extrabold {
  font-variation-settings: "wght" 700;
}
[data-style=extrabold] .font-input,
.css-style-extrabold .font-input {
  font-variation-settings: "wght" 700 !important;
}

[data-style=black],
.css-style-black {
  font-variation-settings: "wght" 900;
}
[data-style=black] .font-input,
.css-style-black .font-input {
  font-variation-settings: "wght" 900 !important;
}

/*
Colores
*/
:root {
  --variable-wght: 400;
  --variable-wdth: 0;
  --variable-ital: 0;
  --variable-slnt: 0;
  --variable-opsz: 0;
  --variable-STRC: 0;
  --variable-CONT: 0;
  --variable-EXTN: 0;
}

.dinamic-variable-style {
  font-variation-settings: "wght" var(--variable-wght), "wdth" var(--variable-wdth), "ital" var(--variable-ital), "slnt" var(--variable-slnt), "opsz" var(--variable-opsz), "STRC" var(--variable-STRC), "CONT" var(--variable-CONT), "EXTN" var(--variable-EXTN);
}

/*======================================
  Selectric v1.13.0
======================================*/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric-blue .selectric {
  background-color: var(--theme-color);
}

.selectric {
  border: none;
  background: #000;
  position: relative;
  overflow: hidden;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 40px 0 20px;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  height: 40px;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric .label.full {
  opacity: 1;
}
@media all and (max-width:767px) {
  .selectric .label {
    font-size: 15px;
  }
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 27px;
  width: 40px;
  height: 100%;
  line-height: 1.9em;
  background-color: transparent;
  color: transparent;
  text-align: center;
}
@media all and (max-width:767px) {
  .selectric .button {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}

.selectric .button:after {
  position: absolute;
  content: "";
  width: 13px;
  height: 13px;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(d212cd6cfcb7724f6e9e.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.selectric-hover .selectric .button {
  color: transparent;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  -webkit-box-shadow: 0 0 10px -6px;
          box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 30px;
  min-height: 30px;
  text-align: left;
}

.selectric-items li {
  display: block;
  padding: 10px 20px;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}

.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

.flickity-page-dots .dot:only-child {
  visibility: hidden;
}

.fk-slider-tiktok button[disabled] {
  display: none;
}

.font-info-tab {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: var(--primary-color);
}
.font-info-tab__content {
  margin: 90px 25px;
}
@media all and (max-width:767px) {
  .font-info-tab__content {
    margin: 60px 10px;
  }
}
.font-info-tab__link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--primary-color);
}
@media all and (max-width:767px) {
  .font-info-tab__link-wrap {
    display: block;
  }
}
.font-info-tab__link-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media all and (max-width:767px) {
  .font-info-tab__link-text {
    margin-bottom: 20px;
  }
}
.font-info-tab__link-text h3 {
  font-size: 18px;
  margin-bottom: 0.5em;
  font-variation-settings: "wght" 600;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .font-info-tab__link-text h3 {
    font-size: 16px;
  }
}
.font-info-tab__link-text span {
  font-size: 14px;
  font-style: italic;
}
.font-info-tab__link-button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 190px;
      -ms-flex: 0 0 190px;
          flex: 0 0 190px;
  display: block;
  text-align: center;
  color: var(--secondary-color);
  background-color: var(--third-color);
  font-size: 16px;
  font-variation-settings: "wght" 500;
  max-width: 190px;
  line-height: 45px;
  text-decoration: none;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
.font-info-tab__link-button:hover {
  color: var(--third-color);
  background-color: var(--primary-color);
}
.font-info-tab__text-wrap {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  line-height: 1.35em;
  font-size: 1.25em;
}
@media all and (max-width:767px) {
  .font-info-tab__text-wrap {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

.lt-colour-switcher {
  width: 100%;
  position: absolute;
  z-index: 1;
  padding: 6px 10px;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -20px);
          transform: translate(-50%, -20px);
  opacity: 0;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
@media all and (max-width:767px) {
  .lt-colour-switcher {
    -webkit-transform: scale(1);
            transform: scale(1);
    position: relative;
  }
}
.lt-colour-switcher.active {
  opacity: 1;
}
.lt-colour-switcher__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media all and (max-width:767px) {
  .lt-colour-switcher__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.lt-colour-switcher__column {
  width: 30px;
  --item-selected-color: #fff;
  --item-border: #000;
}
.lt-colour-switcher__column--multiple {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.lt-colour-switcher__column--multiple:hover .lt-colour-switcher__option:nth-child(2),
.lt-colour-switcher__column--multiple:hover .lt-colour-switcher__option:nth-child(3) {
  opacity: 1;
}
@media all and (max-width:767px) {
  .lt-colour-switcher__column--multiple {
    width: 90px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.lt-colour-switcher__column--multiple .lt-colour-switcher__option:nth-child(2),
.lt-colour-switcher__column--multiple .lt-colour-switcher__option:nth-child(3) {
  opacity: 0;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
@media all and (max-width:767px) {
  .lt-colour-switcher__column--multiple .lt-colour-switcher__option:nth-child(2),
  .lt-colour-switcher__column--multiple .lt-colour-switcher__option:nth-child(3) {
    opacity: 1;
  }
}
.lt-colour-switcher__column--bw {
  height: 25px;
  position: relative;
}
.lt-colour-switcher__column--bw .lt-colour-switcher__option {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.lt-colour-switcher__column--bw .lt-colour-switcher__option--active {
  display: none;
}
.lt-colour-switcher__column--bw .lt-colour-switcher__option--black {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.lt-colour-switcher__option {
  width: 25px;
  height: 22px;
  position: relative;
  cursor: pointer;
}
.lt-colour-switcher__option:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}
.lt-colour-switcher__option:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 100%;
}
.lt-colour-switcher__option:before {
  width: 15px;
  height: 15px;
  background-color: var(--item-color);
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
}
.lt-colour-switcher__option--bw:before {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><g id=\"Layer_1\"><circle class=\"cls-2\" cx=\"8\" cy=\"8\" r=\"7.5\" /><path class=\"cls-1\" fill=\"%23fff\" d=\"M8,15.5c-4.14,0-7.5-3.36-7.5-7.5S3.86.5,8,.5\" /></g></svg>");
  background-size: 110%;
  width: 13px;
  height: 13px;
  border: 1px solid #fff;
  background-position: center center;
}
.lt-colour-switcher__option--active:after {
  opacity: 1;
}

html {
  overflow-x: hidden;
  border-left: 20px solid #ededed;
  border-right: 20px solid #ededed;
}
@media all and (max-width: 1439px) and (min-width: 1280px) {
  html {
    border-width: 15px;
  }
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  html {
    border-width: 10px;
  }
}
@media all and (max-width:767px) {
  html {
    border-width: 5px;
  }
}
html #main-header {
  border-left: 20px solid #ededed;
  border-right: 20px solid #ededed;
}
@media all and (max-width: 1439px) and (min-width: 1280px) {
  html #main-header {
    border-width: 15px;
    border-bottom: 5px solid #ededed;
  }
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  html #main-header {
    border-width: 10px;
    border-bottom: 5px solid #ededed;
  }
}
@media all and (max-width:767px) {
  html #main-header {
    border-width: 5px;
    border-bottom: 5px solid #ededed;
  }
}

.tooltip-more-info {
  position: relative;
  text-decoration: underline;
}
.tooltip-more-info:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  width: 100px;
  height: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}
.tooltip-more-info.active:after {
  display: block;
}
.tooltip-more-info .tooltip-content {
  display: none;
  position: absolute;
  background-color: #c5c7c9;
  bottom: 0px;
  left: 50%;
  width: 300px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  z-index: 10;
  padding: 19px 20px;
  line-height: 1.8em;
  font-size: 12px;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 500;
  color: #000;
}
@media all and (max-width:767px) {
  .tooltip-more-info .tooltip-content {
    left: 0;
    bottom: initial;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }
}
.tooltip-more-info .tooltip-content b {
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 600;
}
.tooltip-more-info .tooltip-content i {
  font-style: italic;
}

.load-more-button {
  display: block;
  width: 250px;
  height: 45px;
  margin: 0em auto;
  color: transparent;
  position: relative;
  cursor: pointer;
  text-align: center;
  padding-bottom: 3em;
}
.load-more-button svg {
  width: 45px;
  height: auto !important;
  margin-bottom: 2em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.load-more-button svg * {
  fill: var(--theme-color);
  stroke: var(--theme-color);
}
.load-more-button.disabled {
  display: none;
}
.load-more-button.loading {
  cursor: default;
}
.load-more-button.loading svg {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.load-more-button.loading:before {
  content: "";
}
.load-more-button:before {
  content: "LOAD MORE FONTS";
  font-size: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

#main-borders:before, #main-borders:after {
  content: "";
  display: block;
  position: fixed;
  top: 0px;
  height: 100%;
  background-color: #ededed;
  width: 20px;
  z-index: 999;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media all and (max-width: 1439px) and (min-width: 1280px) {
  #main-borders:before, #main-borders:after {
    width: 15px;
  }
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  #main-borders:before, #main-borders:after {
    width: 10px;
  }
}
@media all and (max-width:767px) {
  #main-borders:before, #main-borders:after {
    width: 5px;
  }
}
#main-borders:before {
  left: 0px;
}
#main-borders:after {
  right: 0px;
}

body[colour-scheme=theme-black].home #main-borders:before, body[colour-scheme=theme-black].home #main-borders:after, body[colour-scheme=theme-black].page-template-template-29lt #main-borders:before, body[colour-scheme=theme-black].page-template-template-29lt #main-borders:after, body[colour-scheme=theme-black].single-product-fonts #main-borders:before, body[colour-scheme=theme-black].single-product-fonts #main-borders:after, body[colour-scheme=theme-pink].home #main-borders:before, body[colour-scheme=theme-pink].home #main-borders:after, body[colour-scheme=theme-pink].page-template-template-29lt #main-borders:before, body[colour-scheme=theme-pink].page-template-template-29lt #main-borders:after, body[colour-scheme=theme-pink].single-product-fonts #main-borders:before, body[colour-scheme=theme-pink].single-product-fonts #main-borders:after {
  background-color: #fff;
}

body.page-template-template-register {
  background-color: #ededed;
}
body.page-template-template-register .log-and-register {
  margin-top: 1.8em;
}

#guides {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100000;
  width: 100%;
  height: 100vh;
  pointer-events: none;
}
#guides .wrapper {
  max-width: 1140px;
  margin: 0px auto;
}
#guides .wrapper .guide {
  width: 16.6666666667%;
  float: left;
  background-color: rgba(0, 219, 255, 0.2);
  height: 100vh;
}
#guides .wrapper .guide:nth-child(2n) {
  background-color: rgba(0, 219, 255, 0.1);
}

section.todo {
  text-align: center;
  padding: 3em;
  color: #666;
}

body.page-template-template-test #test {
  padding: 200px 50px;
  color: #bbb;
  text-align: center;
}

:focus {
  outline-color: transparent;
  outline-style: none;
}

body {
  font-size: 18px;
  font-family: "29lt-Bukra";
  font-variation-settings: "wght" 400;
  margin-top: 90px;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  body {
    font-size: 16px;
    margin-top: 85px;
  }
}
@media all and (max-width:767px) {
  body {
    font-size: 14px;
    margin-top: 81px;
  }
}
body main#content {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 520px);
  overflow: hidden;
}
body .woocommerce-MyAccount-content {
  min-height: calc(100vh - 590px);
}

.mw-content-wrapper {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  .mw-content-wrapper {
    max-width: 90%;
    max-width: calc(100% - 30px);
  }
}
@media all and (max-width:767px) {
  .mw-content-wrapper {
    max-width: calc(100% - 30px);
  }
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1;
}

#prev-next-products a {
  position: fixed;
  display: block;
  background-color: rgba(20, 20, 20, 0);
  width: 60px;
  height: 60px;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  z-index: 1;
  border: none;
}
#prev-next-products a:hover svg * {
  fill: #000;
}
#prev-next-products a svg {
  width: 32px;
  height: 37px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#prev-next-products a svg * {
  fill: transparent;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
@media all and (max-width: 1439px) and (min-width: 1280px) {
  #prev-next-products a {
    width: 60px;
    height: 60px;
    left: 15px;
  }
}
@media all and (max-width: 1279px) and (min-width: 768px) {
  #prev-next-products a {
    display: none;
  }
}
@media all and (max-width:767px) {
  #prev-next-products a {
    display: none;
  }
}
#prev-next-products a + a {
  left: initial;
  right: 20px;
  -webkit-transform: translateY(5px) rotate(180deg);
  transform: translateY(5px) rotate(180deg);
}
@media all and (max-width: 1439px) and (min-width: 1280px) {
  #prev-next-products a + a {
    right: 15px;
  }
}

body[colour-scheme=theme-black] #prev-next-products a svg * {
  stroke: var(--theme-color);
}
body[colour-scheme=theme-black] #prev-next-products a:hover * {
  fill: var(--theme-color);
}

.one-line {
  white-space: nowrap;
}

#z-index-dummy {
  z-index: 0;
}
@media all and (max-width:767px) {
  #z-index-dummy {
    z-index: 4;
  }
}

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