@font-face {
   font-display: swap;
   font-family: 'Albert Sans';
   font-style: normal;
   font-weight: 200;
   src: url('../fonts/albert-sans-v1-latin-200.woff2') format('woff2');
}
@font-face {
   font-display: swap;
   font-family: 'Albert Sans';
   font-style: normal;
   font-weight: 300;
   src: url('../fonts/albert-sans-v1-latin-300.woff2') format('woff2');
}
@font-face {
   font-display: swap;
   font-family: 'Albert Sans';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/albert-sans-v1-latin-regular.woff2') format('woff2');
}
@font-face {
   font-display: swap;
   font-family: 'Albert Sans';
   font-style: normal;
   font-weight: 500;
   src: url('../fonts/albert-sans-v1-latin-500.woff2') format('woff2');
}
@font-face {
   font-display: swap;
   font-family: 'Albert Sans';
   font-style: normal;
   font-weight: 600;
   src: url('../fonts/albert-sans-v1-latin-600.woff2') format('woff2');
}
@font-face {
   font-display: swap;
   font-family: 'Albert Sans';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/albert-sans-v1-latin-700.woff2') format('woff2');
}
@font-face {
   font-display: swap;
   font-family: 'Albert Sans';
   font-style: normal;
   font-weight: 800;
   src: url('../fonts/albert-sans-v1-latin-800.woff2') format('woff2');
}
html,
body {
   font-size: 16px;
   height: 100%;
}
body {
   font-family: "Albert Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
   color: var(--body-color);
   background-color: var(--body-bg-color);
   font-weight: 400;
   line-height: 1.5;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
}
body.full {
   background-color: var(--dark-color-shadow);
}
body.full .logo {
   width: 4rem;
   margin: 1rem auto 1.5rem auto;
}
a,
a.dark,
a.white,
a.grey {
   cursor: pointer;
   color: var(--primary-color);
   text-decoration: none;
   transition: all .35s ease;
   outline: none;
}
a:hover,
a.hover,
a:focus {
   color: var(--primary-color-hover);
   transition: all .55s ease;
   outline: none;
   text-decoration: none
}
a.white {
   color: rgba(255, 255, 255, 0.8);
}
a.white:hover,
a.white.hover,
a.white:focus {
   color: rgba(255, 255, 255, 1);
}
a.dark {
   color: var(--dark-color);
}
a.dark:hover,
a.dark.hover,
a.dark:focus {
   color: var(--primary-color);
}
a.grey {
   color: var(--grey-color);
}
a.grey:hover,
a.grey.hover,
a.grey:focus {
   color: var(--primary-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 500;
   line-height: 1.5;
   margin: 0 0 .5rem 0;
}
h1 {
   font-size: var(--h1-size);
   line-height: 3rem;
   margin: 0 0 1rem 0;
}
h2 {
   font-size: var(--h2-size);
   line-height: 3rem;
   font-weight: 500;
}
h3 {
   font-size: var(--h3-size);
   line-height: 1.75rem;
}
h4 {
   font-size: var(--h4-size);
   line-height: 1.75rem;
}
h5 {
   font-size: var(--h5-size);
   line-height: 1.5rem;
   font-weight: 600;
}
h6 {
   font-size: var(--h6-size);
   line-height: 1.3rem;
   font-weight: 700;
}
h1.basic,
h2.basic,
h3.basic,
h4.basic,
h5.basic,
h6.basic,
p.basic {
   margin: 0;
}
header {
   padding-top: 1rem;
}
header .logo {
   display: inline-block;
   width: 4rem;
}
header#header.sticky {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 100;
   padding-top: 0;
   -webkit-animation: smoothScroll 1s forwards;
   animation: smoothScroll 1s forwards;
   background-color: #fff;
   box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125);
}
.navbar {
   padding: .25rem 0;
   background: var(--primary-color);
   box-shadow: 0 0 6px 0 var(--dark-color-shadow);
}
main {
   flex: 1 0 auto;
   margin-top: 2rem;
}
#crumbs {
   margin-bottom: 1rem;
}
#cartList {
   position: absolute;
   z-index: 2000;
   right: 0;
}
/* == Category Menu == */
.wojo.button.mobile-button {
   display: none;
}
nav.wojo.menu > ul {
   margin: 0 auto;
   list-style: none;
   padding: 0;
   display: flex;
   flex-flow: row wrap;
   position: relative;
   box-sizing: border-box;
}
nav.wojo.menu > ul > li {
   padding: 0;
   margin: 0;
   min-width: 0;
   flex: 0 0 auto;
   width: auto;
   max-width: none;
   white-space: nowrap;
   display: flex;
   align-items: center;
}
nav.wojo.menu > ul > li a,
nav.wojo.menu > ul > li.has-dropdown > a {
   text-decoration: none;
   padding: 1rem 0 1rem 2rem;
   display: inline-flex;
   color: var(--primary-color-inverted);
}
nav.wojo.menu > ul > li a {
   padding: 1rem 2rem;
}
nav.wojo.menu > ul > li > span {
   padding: 0 .5rem;
   display: inline-flex;
   color: var(--light-color);
}
nav.wojo.menu > ul > li.active,
nav.wojo.menu > ul > li:hover {
   background: var(--light-color-shadow);
   border-radius: .25rem;
}
nav.wojo.menu > ul > li:hover > a,
nav.wojo.menu > ul > li:hover > span {
   color: var(--light-color);
}
nav.wojo.menu > ul > li > ul {
   opacity: 0;
   visibility: hidden;
   display: flex;
   flex-flow: row wrap;
   background: var(--white-color);
   padding: 0;
   position: absolute;
   top: 100%;
   width: 100%;
   z-index: 99;
   left: 0;
   margin: 0;
   list-style: none;
}
nav.wojo.menu > ul > li > ul > li {
   margin: 0;
   padding-bottom: 0;
   list-style: none;
   min-width: 0;
   background: none;
}
nav.wojo.menu > ul > li > ul.cols-2 > li,
nav.wojo.menu > ul > li > ul.cols-3 > li,
nav.wojo.menu > ul > li > ul.cols-4 > li {
   position: relative
}
nav.wojo.menu > ul > li > ul.cols-2 > li::after,
nav.wojo.menu > ul > li > ul.cols-3 > li::after,
nav.wojo.menu > ul > li > ul.cols-4 > li::after {
   position: absolute;
   content: "";
   top: 50%;
   right: -.875rem;
   width: 1px;
   height: 70%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   background-color: var(--primary-color-inverted);
}
nav.wojo.menu > ul > li > ul.cols-2 {
   width: 50%;
}
nav.wojo.menu > ul > li > ul.cols-3 {
   width: 75%;
}
nav.wojo.menu > ul > li > ul.cols-4 {
   width: 100%;
}
nav.wojo.menu > ul > li > ul.cols-2 > li {
   flex: 0 0 calc((100% - 1.5rem) / 2);
   max-width: calc((100% - 1.5rem) / 2);
}
nav.wojo.menu > ul > li > ul.cols-3 > li {
   flex: 0 0 calc((100% - 3rem) / 3);
   max-width: calc((100% - 3rem) / 3);
}
nav.wojo.menu > ul > li > ul.cols-4 > li {
   flex: 0 0 calc((100% - 4.5rem) / 4);
   max-width: calc((100% - 4.5rem) / 4);
}
nav.wojo.menu > ul > li > ul.cols-2 > li:last-child::after,
nav.wojo.menu > ul > li > ul.cols-3 > li:last-child::after,
nav.wojo.menu > ul > li > ul.cols-4 > li:last-child::after {
   display: none;
}
nav.wojo.menu > ul > li > ul > li:last-child {
   margin-right: 0;
}
nav.wojo.menu > ul > li > ul > li a {
   color: var(--dark-color);
   padding: 1rem;
   display: block;
   font-weight: 600;
   font-size: .750rem;
}
nav.wojo.menu > ul > li > ul > li > ul {
   display: flex;
   flex-direction: column;
   padding: 0;
   margin: 1rem;
   list-style: none;
   box-sizing: border-box;
}
nav.wojo.menu > ul > li > ul > li > ul > li {
   margin: 0;
}
nav.wojo.menu > ul > li > ul > li > ul > li a {
   border: 0;
   padding: .5rem;
   font-weight: normal;
   font-size: .875rem;
}
nav.wojo.menu > ul > li > ul > li > ul > li a:hover {
   color: var(--primary-color);
}
nav.wojo.menu > ul > li > ul.normal-sub {
   width: 300px;
   left: auto;
   padding: 1rem;
   border-radius: .250rem;
   flex-direction: column;
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
   box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}
nav.wojo.menu > ul > li > ul.mega-sub {
   box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}
nav.wojo.menu > ul > li.has-dropdown:hover > ul {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp;
   -webkit-animation-duration: 0.2s;
   animation-duration: 0.2s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
}
nav.wojo.menu > ul > li > ul.normal-sub > li {
   min-width: 0;
   flex: 0 0 100%;
   max-width: 100%;
}
nav.wojo.menu > ul > li > ul.normal-sub > li a {
   border: 0;
   padding: .750rem 1rem .750rem 1.5rem;
   font-weight: 500;
   font-size: .875rem;
   border-radius: .25rem;
   position: relative;
}
nav.wojo.menu > ul > li > ul.normal-sub > li a::before {
   position: absolute;
   z-index: 2;
   content: "";
   width: .250rem;
   height: .250rem;
   background-color: var(--grey-color);
   left: .5rem;
   top: 50%;
   border-radius: .25rem;
   transform: translate(0, -50%);
}
nav.wojo.menu > ul > li > ul.normal-sub > li a.active,
nav.wojo.menu > ul > li > ul.normal-sub > li a:hover {
   color: var(--primary-color);
   background-color: var(--grey-color-300);
}
nav.wojo.menu > ul > li > ul.normal-sub > li a:hover::before {
   background-color: var(--primary-color);
}
#special1 {
   background-color: #4CAF50;
   color: #fff;
   border: 1px solid #4CAF50;
}
#special2 {
   background-color: #2196F3;
   color: #fff;
   border: 1px solid #2196F3;
}
#special3 {
   background-color: #F44336;
   color: #fff;
   border: 1px solid #F44336;
}
#special4 {
   background-image: url('../images/deals.jpg');
   background-repeat: no-repeat;
   background-position: 1rem center;
   background-size: cover;
}
#searchResult {
   background-color: #FFFFFF;
   max-height: 500px;
   overflow: auto;
   position: absolute;
   top: 100%;
   z-index: 10;
   width: 100%;
   box-shadow: 0 0 65px 0 rgba(0, 0, 0, 0.2);
}
.wojo.card.homebanner {
   background-image: url('../images/wave-pattern-light.svg');
   background-position: center center;
   background-size: cover;
   background-color: var(--primary-color-active);
   padding: 6rem 2rem;
}
#colorPanel {
   position: relative;
   text-align: center;
}
/* == Color Switcher == */
#colorPanel .icon {
   font-size: 1.5em;
   line-height: 1
}
#colorPanel ul {
   margin: 0;
   padding: 0;
   list-style: none;
   display: none;
   position: absolute;
   z-index: 100;
}
#colorPanel ul li {
   display: block;
   margin-top: 5px;
}
#colorPanel ul a {
   display: block;
   width: 1.5em;
   height: 1.5em;
   border-radius: 1.5em;
   box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
   opacity: .5
}
#colorPanel ul li:first-child a {
   background-color: #667eea !important;
}
#colorPanel ul a:hover,
#colorPanel ul a.active {
   opacity: 1
}
#cpToggle {
   display: block;
   width: 1.5em;
   height: 1.5em;
}
#notFound {
   position: relative;
}
#notFound div {
   text-align: center;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
#notFound div h1 {
   font-size: 5rem;
   line-height: 2em;
}
/* == Video Player == */
#ytube {
   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
   background-image: url('../images/player.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
   background-color: #05090C;
}
#ytube a {
   display: block;
   width: 100%;
   height: 320px;
}
#ytube a:hover {
   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
/* == Maintenance == */
#mheader {
   padding: 1rem;
   text-align: center;
   margin-bottom: 1rem;
}
#mheader .logo img,
#mheader .logo svg {
   width: 6rem;
}
#mheader .logo .logoshape1,
#mheader .logo .logoshape3 {
   fill: var(--primary-color-inverted);
}
#mheader .logo .logoshape2 {
   fill: var(--primary-color);
}
#mmain {
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;
}
#mmain .dash {
   position: relative;
   padding: 0 1rem;
   text-align: center;
}
#mmain .dash .digit {
   font-size: 3rem;
   line-height: 1;
   font-weight: 500;
   text-align: center;
   display: inline-flex;
   color: var(--primary-color)
}
#mmain .dash_title {
   display: block;
   font-size: .875rem;
   letter-spacing: 2px;
   text-align: center;
   font-weight: 500;
}
#mfooter {
   padding: 1rem;
   text-align: center;
   font-size: .875rem;
}
/* == Vertical Menus == */
ul.vertical-menu li,
ul.vertical-menu,
ul.vertical-menu ul {
   list-style-type: none;
   margin: 0;
   padding: 0
}
ul.vertical-menu li {
   border-top: 1px solid var(--grey-color-300);
   display: block;
   position: relative
}
ul.vertical-menu li a {
   display: inline-block;
   position: relative;
   padding: .5rem 0;
   color: var(--grey-color);
}
ul.vertical-menu li a:hover,
ul.vertical-menu li a.active {
   color: var(--primary-color);
}
ul.vertical-menu li a.active {
   font-weight: 700;
}
ul.vertical-menu li a > i.icon {
   margin-right: .5rem;
}
ul.vertical-menu .menu-submenu {
   display: none;
   top: 0;
}
ul.vertical-menu .menu-submenu li {
   border-bottom: 0;
   border-top: 1px solid var(--grey-color-300);
   box-shadow: none;
   position: relative;
}
ul.vertical-menu .menu-submenu li a {
   padding: .5rem 1.5rem
}
ul.vertical-menu .menu-submenu li ul li a {
   padding: .5rem 2.5rem
}
ul.vertical-menu .menu-submenu li ul li ul li {
}
ul.vertical-menu .menu-submenu li ul li ul li a {
   padding: .5rem 4rem
}
ul.vertical-menu .icon.chevron.down {
   position: absolute;
   right: 0;
   display: block;
   cursor: pointer;
   padding: .875rem 0;
}
/* == Preloader == */
#preloader {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 10000;
   background-color: #fff;
}
#preloader .inner {
   position: absolute;
   margin: auto;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 6.250em;
   height: 6.250em;
   animation: rotate 2.4s linear infinite;
}
#preloader .white {
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: white;
   animation: flash 2.4s linear infinite;
   opacity: 0;
}
#preloader .dot {
   position: absolute;
   margin: auto;
   width: 2.4em;
   height: 2.4em;
   border-radius: 100%;
   transition: all 1s ease;
}
#preloader .dot:nth-child(2) {
   top: 0;
   bottom: 0;
   left: 0;
   background: #FF4444;
   animation: dotsY 2.4s linear infinite;
}
#preloader .dot:nth-child(3) {
   left: 0;
   right: 0;
   top: 0;
   background: #FFBB33;
   animation: dotsX 2.4s linear infinite;
}
#preloader .dot:nth-child(4) {
   top: 0;
   bottom: 0;
   right: 0;
   background: #99CC00;
   animation: dotsY 2.4s linear infinite;
}
#preloader .dot:nth-child(5) {
   left: 0;
   right: 0;
   bottom: 0;
   background: #33B5E5;
   animation: dotsX 2.4s linear infinite;
}
@keyframes rotate {
   0% {
      transform: rotate(0);
   }
   10% {
      width: 6.250em;
      height: 6.250em;
   }
   66% {
      width: 2.4em;
      height: 2.4em;
   }
   100% {
      transform: rotate(360deg);
      width: 6.250em;
      height: 6.250em;
   }
}
@keyframes dotsY {
   66% {
      opacity: .1;
      width: 2.4em;
   }
   77% {
      opacity: 1;
      width: 0;
   }
}
@keyframes dotsX {
   66% {
      opacity: .1;
      height: 2.4em;
   }
   77% {
      opacity: 1;
      height: 0;
   }
}
@keyframes flash {
   33% {
      opacity: 0;
      border-radius: 0;
   }
   55% {
      opacity: .6;
      border-radius: 100%;
   }
   66% {
      opacity: 0;
   }
}
footer {
   padding: 2rem 0;
   background-color: #fff;
   margin-top: 2rem;
   border-top: 1px solid var(--dark-color-shadow);
}
footer .divider {
   border-top: 1px solid var(--dark-color-shadow);
   height: 1px;
   margin-bottom: 1rem;
}
footer .logo {
   width: 2rem;
   display: inline-block;
}
/* == Cookie Dialog == */
#gdpr-cookie-message {
   position: fixed;
   right: 4rem;
   bottom: 5rem;
   max-width: 420px;
   background-color: #fff;
   padding: 1.5rem;
   border-radius: .5rem;
   box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
   z-index: 100;
}
#gdpr-cookie-message h4 {
   font-size: 1.25rem;
   font-weight: 500;
}
#gdpr-cookie-message h5 {
   font-size: 1rem;
   font-weight: 500;
}
#gdpr-cookie-message button:disabled {
   opacity: 0.3;
}
#gdpr-cookie-message .columns p {
   font-size: .875rem;
}
/* == AudioPlayer  == */
.audioplayer {
   height: 3rem;
   color: #fff;
   background-color: var(--dark-color);
   margin-left: auto;
   margin-right: auto;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   border-radius: .250rem;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.audioplayer-playpause,
.audioplayer-time,
.audioplayer-bar,
.audioplayer-volume {
   -webkit-flex: 1 1 0;
   -ms-flex: 1 1 0;
   flex: 1 1 0;
   min-width: 0;
   position: relative;
   z-index: 1;
}
.audioplayer-playpause,
.audioplayer-time,
.audioplayer-volume {
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   max-width: 100%;
}
.audioplayer-playpause {
   width: 3rem;
   border-radius: .250rem;
}
.audioplayer-playpause:hover,
.audioplayer-playpause:focus,
.audioplayer-volume:hover,
.audioplayer-volume:focus {
   background-color: var(--primary-color);
}
.audioplayer-playpause a,
.audioplayer-volume-button a {
   display: flex;
   height: 3rem;
   color: #fff;
   text-align: center;
   line-height: 3rem;
   align-items: center;
   justify-content: center;
}
.audioplayer-playpause a .icon,
.audioplayer-volume-button a .icon {
   font-size: 1.25rem;
   color: #fff
}
.audioplayer-time {
   width: 4.375rem;
   text-align: center;
   font-size: .750rem;
   -webkit-align-self: center;
   -ms-flex-item-align: center;
   align-self: center;
}
.audioplayer-bar div {
   position: absolute;
   z-index: 2;
   top: 50%;
   height: 3px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.audioplayer-bar-loaded {
   background-color: var(--grey-color-300);
   height: 3px;
   width: 100%;
}
.audioplayer-bar-played {
   background: #fff;
   z-index: 3;
}
.audioplayer-volume {
   width: 3rem;
   height: 100%;
   cursor: pointer;
}
.audioplayer-volume-button {
   width: 100%;
   height: 100%;
}
.audioplayer-volume-adjust {
   height: 6.25rem;
   cursor: default;
   position: absolute;
   left: 0;
   right: 0;
   top: -9999px;
   background: var(--primary-color);
   z-index: 1;
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
   opacity: 0;
}
.audioplayer-volume:hover .audioplayer-volume-adjust {
   top: auto;
   bottom: 100%;
}
.audioplayer-volume-adjust > div {
   width: 10%;
   height: 80%;
   background-color: var(--primary-color-inverted);
   cursor: pointer;
   position: relative;
   z-index: 2;
   margin: 30% auto 0;
}
.audioplayer-volume-adjust div div {
   width: 100%;
   height: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
   background: #fff;
   z-index: 3;
}
.audioplayer-novolume .audioplayer-volume {
   display: none;
}
.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div {
   border-radius: 4px;
}
.audioplayer *,
.audioplayer *:before,
.audioplayer *:after {
   -webkit-transition: all .35s ease;
   -moz-transition: all .35s ease;
   -o-transition: all .35s ease;
   transition: all .35s ease;
}
@-webkit-keyframes smoothScroll {
   0% {
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px);
   }
   100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
   }
}
@keyframes smoothScroll {
   0% {
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px);
   }
   100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
   }
}
/* == Phone == */
@media screen and (max-width: 640px) {
}
/* == Mobile == */
@media screen and (min-width: 641px) and (max-width: 768px) {
}
/* == Tablet == */
@media screen and (min-width: 769px) and (max-width: 1199px) {
}
@media only screen and (max-width: 768px) {
   .wojo.button.mobile-button {
      display: inline-flex;
   }
   nav.wojo.menu > ul > li > span {
      cursor: pointer;
   }
   nav.wojo.menu > ul > li {
      display: flex;
      flex-flow: row wrap;
   }
   nav.wojo.menu > ul > li a {
      flex: 1 1 0;
      min-width: 0;
      padding: 1rem;
   }
   nav.wojo.menu > ul > li > ul {
      display: none;
      flex-direction: column;
      opacity: 1;
      position: relative;
      visibility: visible;
   }
   nav.wojo.menu > ul > li > ul.normal-sub {
      box-shadow: none;
      opacity: 1;
      transition: none;
      visibility: visible;
      width: 100%;
   }
   nav.wojo.menu > ul > li.has-dropdown:hover > ul {
      -webkit-animation-duration: 0s;
      -webkit-animation-name: none;
      -webkit-backface-visibility: visible;
      animation-duration: 0s;
      animation-name: none;
      backface-visibility: visible;
      opacity: 1;
      pointer-events: auto;
      visibility: visible;
   }
   nav.wojo.menu > ul > li > ul.cols-2,
   nav.wojo.menu > ul > li > ul.cols-3,
   nav.wojo.menu > ul > li > ul.cols-4 {
      width: 100%;
   }
   nav.wojo.menu > ul > li > ul > li,
   nav.wojo.menu > ul > li > ul.cols-2 li,
   nav.wojo.menu > ul > li > ul.cols-3 li,
   nav.wojo.menu > ul > li > ul.cols-4 li {
      flex: 0 0 100%;
      margin: 0;
      max-width: 100%;
      min-width: 0;
   }
   nav.wojo.menu > ul > li > ul > li:first-child {
      margin: 0;
   }
   nav.wojo.menu > ul > li > ul > li > ul {
      position: relative;
   }
   nav.wojo.menu > ul > li > ul > li > ul > li {
      float: none;
   }
   nav.wojo.menu .show-on-mobile {
      display: flex;
      flex-direction: column;
   }
   nav.wojo.menu > ul,
   nav.wojo.menu > ul > li > ul.cols-2 > li:after,
   nav.wojo.menu > ul > li > ul.cols-3 > li::after,
   nav.wojo.menu > ul > li > ul.cols-4 > li::after {
      display: none;
   }
}