@charset "UTF-8";
/* ======================================================
   RESPONSIVE: @ BREAKPOINTS
========================================================= */
/* ======================================================
   STYLING: @ COLORS / BRANDING
========================================================= */
.black, .black p, .dark .black p, .dark .black h1, .dark .black h2, .dark .black h3, .dark .black h4, .dark .black h5, .black h1, .black h2, .black h3, .black h4, .black h5 {
  color: #000000;
}
.yellow, .yellow p, .dark .yellow p, .dark .yellow h1, .dark .yellow h2, .dark .yellow h3, .dark .yellow h4, .dark .yellow h5, .yellow h1, .yellow h2, .yellow h3, .yellow h4, .yellow h5 {
  color: #f6c062;
}
/* ======================================================
   STYLING: @ FONTS / TEXT 
========================================================= */
body {
  font-family: "roboto", Helvetica, sans-serif !important;
  font-weight: normal !important;
  font-size: 110%;
}
@media (max-width: 549px) {
  body {
    font-size: 105%;
  }
}
.nav > li > a, .nav-dropdown > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a, .widget .current-cat > a {
  font-family: "roboto-medium", Helvetica, sans-serif !important;
  font-weight: normal !important;
  color: #000000;
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"], .button.alt, th {
  font-family: "roboto-medium", Helvetica, sans-serif !important;
  font-weight: normal !important;
  letter-spacing: 0px;
}
b, strong, .product_title, span.widget-title, .accordion-title, .accordion-title.active, label, legend, th, span.amount, .badge-inner, .breadcrumbs, .woocommerce-cart .breadcrumbs a, .woocommerce-checkout .breadcrumbs a {
  font-family: "roboto-medium", Helvetica, sans-serif !important;
  font-weight: normal !important;
}
p.tagline, .tagline p, .button.tagline, .tagline {
  font-family: "roboto-medium", Helvetica, sans-serif !important;
  font-weight: normal !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 90%;
  margin-bottom: 10px;
}
.uppercase, h6, th, span.widget-title, form.checkout h3:not(#ship-to-different-address), .header-top .html {
  letter-spacing: 0px;
  text-transform: none !important;
  /* NO UPPERCASE! */
}
.collapse ul, .collapse p, .tagline.collapse, .collapse h1, .collapse h2, .collapse h3, .collapse h4, .h1.collapse, .collapse.headline, .headline.collapse, .button.collapse {
  margin: 0px !important;
}
/* ==================================================
    STYLING: @ HEADLINES / SEO
==================================================== */
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5, .h1 p, .h2 p, .h3 p, .h4 p, .h5 p, .h1-xl, .h1-xl p {
  font-family: "roxborough", Helvetica, sans-serif !important;
  font-weight: normal !important;
  text-rendering: optimizeSpeed;
  text-transform: none;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  line-height: 1.2 !important;
  opacity: 1 !important;
}
.alt {
  font-family: "roboto", Helvetica, sans-serif !important;
  font-weight: normal !important;
  text-rendering: optimizeSpeed;
  text-transform: none;
  margin-top: 0 !important;
  line-height: 1.2 !important;
  opacity: 1 !important;
}
h1.entry-title {
  font-size: 100%;
}
@media (max-width: 549px) {
  h1.entry-title {
    font-size: 90%;
  }
}
h1, .h1 {
  font-size: 3.2rem;
}
@media (max-width: 549px) {
  h1, .h1 {
    font-size: 2.4rem;
  }
}
h2, .h2 {
  font-size: 2.7rem;
}
@media (max-width: 549px) {
  h2, .h2 {
    font-size: 2rem;
  }
}
h3, .h3 {
  font-size: 1.8rem;
}
@media (max-width: 549px) {
  h3, .h3 {
    font-size: 1.5rem;
  }
}
h4, .h4 {
  font-size: 1.4rem;
}
@media (max-width: 549px) {
  h4, .h4 {
    font-size: 1rem;
  }
}
h5, .h5 {
  font-size: 1.2rem;
}
@media (max-width: 549px) {
  h5, .h5 {
    font-size: 1rem;
  }
}
/* ======================================================
   STYLING: @ ROUND CORNERS / BORDER RADIUS
========================================================= */
.round-corners, .round-corners .fill, .round-corners .box-image, .round-corners .flickity-viewport, .round-corners .slider, .round-corners .col-inner, .round-corners img {
  border-radius: 20px;
  overflow: hidden;
}
.round-corners-top, .round-corners-top .fill, .round-corners-top .box-image, .round-corners-top .flickity-viewport, .round-corners-top .slider, .round-corners-top .col-inner, .round-corners-top img {
  border-radius: 20px 20px 0px 0px;
  overflow: hidden;
}
.round-corners-bottom, .round-corners-bottom .fill, .round-corners-bottom .box-image, .round-corners-bottom .flickity-viewport, .round-corners-bottom .slider, .round-corners-topo.col-inner, .round-corners-bottom img {
  border-radius: 0px 0px 20px 20px;
  overflow: hidden;
}
.round-corners-left, .round-corners-left .fill, .round-corners-left .box-image, .round-corners-left .flickity-viewport, .round-corners-left .slider, .round-corners-topo.col-inner, .round-corners-left img {
  border-radius: 20px 20px 0px 0px;
  overflow: hidden;
}
@media (min-width: 849px) {
  .round-corners-left, .round-corners-left .fill, .round-corners-left .box-image, .round-corners-left .flickity-viewport, .round-corners-left .slider, .round-corners-topo.col-inner, .round-corners-left img {
    border-radius: 20px 0px 0px 20px;
  }
}
.round-corners-right, .round-corners-right .fill, .round-corners-right .box-image, .round-corners-right .flickity-viewport, .round-corners-right .slider, .round-corners-topo.col-inner, .round-corners-right img {
  border-radius: 20px 20px 0px 0px;
  overflow: hidden;
}
@media (min-width: 849px) {
  .round-corners-right, .round-corners-right .fill, .round-corners-right .box-image, .round-corners-right .flickity-viewport, .round-corners-right .slider, .round-corners-topo.col-inner, .round-corners-right img {
    border-radius: 0px 20px 20px 0px;
  }
}
/* ======================================================
   STYLING: @ FULL WIDTH LAYOUT / PADDING
========================================================= */
/* ↓ FULL WIDTH PADDING ↓

.header .header-inner,.header-top .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
    @include for-desktop-up {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
    @include for-big-desktop-up {
    padding-left: 100px !important;
    padding-right: 100px !important;
    max-width: 1800px !important;
    }
}

.row.row-full-width.full {
    @include for-desktop-up {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
    @include for-big-desktop-up {
    padding-left: 80px !important;
    padding-right: 80px !important;    
    max-width: 1800px !important;
    }
}

.row-full-width:not(.row-full-width  .row-full-width, .row-full-width.row-slider, .row-expand, .full) {
    padding-left: 0px !important;
    padding-right: 0px !important;
    @include for-desktop-up {
    padding-left: 70px !important;
    padding-right: 70px !important;
    }
}

.row-full-width.row-slider {
    padding-left: 0px !important;
    padding-right: 0px !important;
    @include for-desktop-up {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

*/
/* ======================================================
   STYLING: @ HEADER
========================================================= */
.nav-spacing-xlarge > li.menu-item {
  margin: 0 20px !important;
}
.nav-dropdown {
  border: 1px solid #e9e9e9;
}
.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a {
  border-bottom: 1px solid #e9e9e9;
}
.header-block {
  width: auto;
}
.header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.header-main .social-icons i {
  color: #000000;
}
.nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before {
  height: 0.12em;
}
.header-top .nav.nav-small > li > a {
  padding: 0px;
  vertical-align: inherit;
  font-size: 100%;
  border-bottom: 1px solid currentColor;
}
/* ↓ ALIGN NAV CENTER ↓
.header-inner .nav-left {  
      @include for-tablet-landscape-up  {
    justify-content: center !important;
  }
}
*/
/* ↓ ADD BORDER TO HEADER MAIN ↓
.header-main {
    border-bottom: 1px solid $border;
}
*/
/* ↓ ADD BORDER TO HEADER TOP ↓
.header-top {
    border-bottom: 1px solid $border;
}
*/
/* ======================================================
   STYLING: @ SEARCH FORM
========================================================= */
/*
.header-main .form-flat input:not([type=submit]) {
    background: #F4F4F4;
    border-radius: 99px;
    padding: 17px;
    box-shadow: none;
    color: currentColor !important;
    border: 1px solid #C3C3C3;
}

.header-main .searchform .button.icon {
        min-width: 0px!important;
}
*/
/* ======================================================
   STYLING: @ BUTTON / LINKS
========================================================= */
/* 
.single_add_to_cart_button, .button.checkout, #place_order, [data-icon-label]:after, .button.secondary:not(.is-link):not(.is-underline) {
    color: $black!important;
}
*/
.button.is-large {
  padding: 0.5em 2.5em;
}
.button.is-larger {
  padding: 1em 3em;
}
.button.is-xlarge {
  padding: 1.5em 4em;
}
.button.is-large, .button.is-larger, .button.is-xlarge {
  font-size: 100% !important;
}
.dark .button.is-form:hover, .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
p:not(.stars, .product-title) a:not(.term-label, .button, .woocommerce-loop-product__link) {
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  background-position: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  transition: all 0.2s;
  padding-bottom: 1px;
}
p a:hover:not(.button) {
  background-size: 0 100%;
}
.button.is-underline:hover:before {
  right: 0%;
  width: 0%;
  left: inherit;
}
.button.is-underline:before {
  left: 0px;
  width: 100%;
  opacity: 1;
}
u {
  text-underline-offset: 3px;
}
.custom-video-button i.icon-play {
  color: #000;
}
.custom-video-button .button.is-xlarge {
  padding: 5px 10px;
  background: #fff;
}
.custom-video-button .button.is-outline {
  border: 0px solid !important;
}
a.button.white {
  color: #000000 !important;
}
/* ======================================================
   STYLING: @ GENERAL
========================================================= */
@media (max-width: 549px) {
  .row-small > .col, .row-small > .flickity-viewport > .flickity-slider > .col {
    padding: 0 15px 9.8px;
  }
}
.button button {
  margin-bottom: 0px !important;
}
.absolute-footer, html {
  background-color: #fff;
}
::selection {
  background: #000;
  color: #fff;
}
.dark, .dark p, .dark td, .nav-dark .is-outline, .dark .nav > li > a, .dark .nav > li.html, .dark .nav-vertical li li.menu-item-has-children > a, .dark .nav-vertical > li > ul li a, .nav-dropdown.dark > li > a, .nav-dropdown.dark .nav-column > li > a, .nav-dark .nav > li > a, .nav-dark .nav > li > button {
  color: #fff;
}
.is-outline {
  color: #fff;
}
.social-icons {
  width: auto !important;
}
.parallax-active {
  opacity: 1 !important;
}
.ux-logo-link {
  padding: 0px !important;
}
ul.menu > li.current-menu-item > a {
  color: #000000 !important;
}
.stroke span {
  background: linear-gradient(0deg, rgba(243, 101, 74, 0) 0%, rgba(243, 101, 74, 0) 16%, #f3654a 16%, #f3654a 41%, rgba(243, 101, 74, 0) 41%);
  padding: 0 0.2em 0 0.2em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.nav li.has-icon-left > a > i, .nav li.has-icon-left > a > svg, .nav li.has-icon-left > a > img {
  fill: currentColor;
}
.nav-pagination > li > span, .nav-pagination > li > a {
  line-height: 2.25em;
  border: 0px;
}
/* ======================================================
   STYLING: VERTICAL MENU
========================================================= */
span.header-vertical-menu__title {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 72%;
  text-align: center;
}
.header-vertical-menu .sub-menu {
  background: #f9f9f9;
  height: -webkit-fill-available;
  margin-top: 0px !important;
}
li:not(.menu-item-design-full-width) .sub-menu {
  margin-top: 9px;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a {
  padding: 15px 15px;
}
/* ======================================================
   STYLING: @ BORDERS 
========================================================= */
.bb {
  border-bottom: 1px solid #e9e9e9;
}
.bt {
  border-top: 1px solid #e9e9e9;
}
th, td {
  border-bottom: 1px solid #e9e9e9;
}
/* ======================================================
   STYLING: @ FORM / INPUT
========================================================= */
input[type="email"], input[type="date"], input[type="number"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, .Input, .p-FauxInput, input#Field-numberInput, input#Field-expiryInput, input#Field-cvcInput {
  border-radius: 10px;
  border: 1px solid #e9e9e9 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
input[type="email"]:focus, input[type="date"]:focus, input[type="number"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, .Input:focus, .p-FauxInput:focus, input#Field-numberInput:focus, input#Field-expiryInput:focus, input#Field-cvcInput:focus {
  border: 1px solid #000000 !important;
}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  box-shadow: none;
}
.widget input[type="search"] {
  border-radius: 10px 0px 0px 10px !important;
  height: 2.8em;
}
.searchform .button.icon {
  border-radius: 0px 10px 10px 0px !important;
  height: 2.8em;
  min-width: 45px !important;
}
/* ======================================================
   STYLING: @ ACCORDION
========================================================= */
.accordion-item .toggle i {
  font-size: 1em;
}
.accordion-item {
  background: rgba(45, 45, 45, 0.05);
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 10px;
}
.accordion-title {
  border-top: 0px;
  font-size: 90%;
}
.accordion-title.active {
  background-color: transparent;
}
.accordion-inner {
  padding: 1em;
}
/* ======================================================
   STYLING: @ CUSTOM ICONS
========================================================= */
.icon-tiktok:before {
  content: "";
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.icon-menu:before {
  content: "";
  display: inline-block;
  width: 20px;
  /* Size of your icon */
  height: 20px;
  /* Size of your icon */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 4H21V6H3V4ZM9 11H21V13H9V11ZM3 18H21V20H3V18Z"></path></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  color: inherit;
  /* Ensures it inherits the current color */
}
.nav-dark .icon-menu:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgba(255,255,255,1)"><path d="M3 4H21V6H3V4ZM9 11H21V13H9V11ZM3 18H21V20H3V18Z"></path></svg>');
}
.icon-user:before {
  content: "";
  display: inline-block;
  width: 18px;
  /* Size of your icon */
  height: 18px;
  /* Size of your icon */
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22 fill%3D%22currentColor%22%3E%3Cpath d%3D%22M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM6.02332 15.4163C7.49083 17.6069 9.69511 19 12.1597 19C14.6243 19 16.8286 17.6069 18.2961 15.4163C16.6885 13.9172 14.5312 13 12.1597 13C9.78821 13 7.63095 13.9172 6.02332 15.4163ZM12 11C13.6569 11 15 9.65685 15 8C15 6.34315 13.6569 5 12 5C10.3431 5 9 6.34315 9 8C9 9.65685 10.3431 11 12 11Z%22%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  color: inherit;
  /* Ensures it inherits the current color */
}
.nav-dark .icon-user:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22 fill%3D%22rgba(255%2C255%2C255%2C1)%22%3E%3Cpath d%3D%22M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM6.02332 15.4163C7.49083 17.6069 9.69511 19 12.1597 19C14.6243 19 16.8286 17.6069 18.2961 15.4163C16.6885 13.9172 14.5312 13 12.1597 13C9.78821 13 7.63095 13.9172 6.02332 15.4163ZM12 11C13.6569 11 15 9.65685 15 8C15 6.34315 13.6569 5 12 5C10.3431 5 9 6.34315 9 8C9 9.65685 10.3431 11 12 11Z%22%3E%3C/path%3E%3C/svg%3E");
}
.icon-shopping-cart:before {
  content: "";
  display: inline-block;
  width: 18px;
  /* Size of your icon */
  height: 18px;
  /* Size of your icon */
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22 fill%3D%22rgba(0%2C0%2C0%2C1)%22%3E%3Cpath d%3D%22M4.00436 6.41686L0.761719 3.17422L2.17593 1.76001L5.41857 5.00265H20.6603C21.2126 5.00265 21.6603 5.45037 21.6603 6.00265C21.6603 6.09997 21.6461 6.19678 21.6182 6.29L19.2182 14.29C19.0913 14.713 18.7019 15.0027 18.2603 15.0027H6.00436V17.0027H17.0044V19.0027H5.00436C4.45207 19.0027 4.00436 18.5549 4.00436 18.0027V6.41686ZM5.50436 23.0027C4.67593 23.0027 4.00436 22.3311 4.00436 21.5027C4.00436 20.6742 4.67593 20.0027 5.50436 20.0027C6.33279 20.0027 7.00436 20.6742 7.00436 21.5027C7.00436 22.3311 6.33279 23.0027 5.50436 23.0027ZM17.5044 23.0027C16.6759 23.0027 16.0044 22.3311 16.0044 21.5027C16.0044 20.6742 16.6759 20.0027 17.5044 20.0027C18.3328 20.0027 19.0044 20.6742 19.0044 21.5027C19.0044 22.3311 18.3328 23.0027 17.5044 23.0027Z%22%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  color: inherit;
  /* Ensures it inherits the current color */
}
.nav-dark .icon-shopping-cart:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22 fill%3D%22rgba(255%2C255%2C255%2C1)%22%3E%3Cpath d%3D%22M4.00436 6.41686L0.761719 3.17422L2.17593 1.76001L5.41857 5.00265H20.6603C21.2126 5.00265 21.6603 5.45037 21.6603 6.00265C21.6603 6.09997 21.6461 6.19678 21.6182 6.29L19.2182 14.29C19.0913 14.713 18.7019 15.0027 18.2603 15.0027H6.00436V17.0027H17.0044V19.0027H5.00436C4.45207 19.0027 4.00436 18.5549 4.00436 18.0027V6.41686ZM5.50436 23.0027C4.67593 23.0027 4.00436 22.3311 4.00436 21.5027C4.00436 20.6742 4.67593 20.0027 5.50436 20.0027C6.33279 20.0027 7.00436 20.6742 7.00436 21.5027C7.00436 22.3311 6.33279 23.0027 5.50436 23.0027ZM17.5044 23.0027C16.6759 23.0027 16.0044 22.3311 16.0044 21.5027C16.0044 20.6742 16.6759 20.0027 17.5044 20.0027C18.3328 20.0027 19.0044 20.6742 19.0044 21.5027C19.0044 22.3311 18.3328 23.0027 17.5044 23.0027Z%22%3E%3C/path%3E%3C/svg%3E");
}
/* ======================================================
   STYLING: @ SHADOW / DEPTH
========================================================= */
.box-shadow-1, .box-shadow-1-hover:hover, .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover {
  box-shadow: 0 5px 22px rgba(0, 0, 0, 0.05) !important;
}
/* ======================================================
   STYLING: @ COLUMN
========================================================= */
.column-bottom .col-inner {
  align-items: flex-end;
}
/* ======================================================
   STYLING: @ SECTION
========================================================= */
.section-bottom {
  align-items: flex-end;
  padding: 0px !important;
}
.scroll-for-more {
  background: #000000;
  margin-bottom: 0em;
}
.scroll-for-more:not(:hover) {
  opacity: 0.7;
}
.scroll-for-more i.icon-angle-down {
  font-size: 25px !important;
}
.section-shade .section-bg-overlay {
  background: #313131;
  background: linear-gradient(0deg, #313131 0%, rgba(49, 49, 49, 0) 35%);
}
/* ======================================================
   STYLING: @ ICON BOX
========================================================= */
a:has(v-align, .vh-align) {
  width: 100%;
}
.v-align .icon-box-text {
  display: flex;
  align-items: center;
}
.vh-align .icon-box-text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px !important;
}
/* ======================================================
   STYLING: @ UX MENU
========================================================= */
.ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link {
  color: #000000;
}
/* ======================================================
   STYLING: @ IMAGE BOX
========================================================= */
.box-overlay.dark .box-text, .box-shade.dark .box-text {
  text-shadow: none;
}
.box-text:not(.is-xsmall, .is-small, .is-large, .is-xlarge) {
  font-size: 100%;
}
.box-light.dark p, .box-light.dark h1, .box-light.dark h2, .box-light.dark h3, .box-light.dark h4 {
  color: #000000;
}
.icon-box-img img, .icon-box-img svg {
  padding-top: 0px !important;
}
/* ======================================================
   STYLING: @ ANIMATIONS
========================================================= */
[data-animate="fadeInUp"] {
  -webkit-transform: none;
  transform: none;
}
[data-animate="bounceInUp"] {
  opacity: 0;
  -webkit-transform: translate3d(0, 80px, 0);
  transform: translate3d(0, 80px, 0);
  -webkit-transition: opacity 1s cubic-bezier(0.4, 0.6, 0.2, 1), -webkit-transform 1s cubic-bezier(0.4, 0.6, 0.2, 1);
  transition: opacity 1s cubic-bezier(0.4, 0.6, 0.2, 1), -webkit-transform 1s cubic-bezier(0.4, 0.6, 0.2, 1);
  -o-transition: opacity 1s cubic-bezier(0.4, 0.6, 0.2, 1), -o-transform 1s cubic-bezier(0.4, 0.6, 0.2, 1);
  transition: opacity 1s cubic-bezier(0.4, 0.6, 0.2, 1), transform 1s cubic-bezier(0.4, 0.6, 0.2, 1);
  transition: opacity 1s cubic-bezier(0.4, 0.6, 0.2, 1), transform 1s cubic-bezier(0.4, 0.6, 0.2, 1), -webkit-transform 1s cubic-bezier(0.4, 0.6, 0.2, 1), -o-transform 1s cubic-bezier(0.4, 0.6, 0.2, 1);
}
[data-animated="true"] {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
/* ======================================================
   STYLING: @ SLIDER
========================================================= */
.flickity-slider > div:not(.col) {
  transition: transform 2s, opacity 2s, box-shadow 2s;
}
/* ======================================================
   STYLING: @ CUSTOM LABELS
========================================================= */
.custom-label span, .custom-label p {
  background: #000000;
  color: #fff;
  border-radius: 99px;
  margin: inherit;
  width: fit-content;
  padding: 10px 20px 10px 20px;
}
/* ======================================================
   STYLING: @ MENU LABELS
========================================================= */
.label-new.menu-item > a:after, .label-hot.menu-item > a:after, .label-sale.menu-item > a:after, .label-popular.menu-item > a:after {
  font-size: 10px;
  line-height: 12px;
  padding: 5px;
  top: 1px;
  letter-spacing: 0.05em;
}
.label-new.menu-item > a:after {
  background-color: #000000;
}
.label-hot.menu-item > a:after {
  background-color: #000000;
}
.label-sale.menu-item > a:after {
  background-color: #000000;
}
.badge + .badge {
  opacity: 1;
  width: -webkit-fill-available;
  height: 2.8em;
}
/* ======================================================
   STYLING: @ LIST ITEMS
========================================================= */
ol li {
  margin-bottom: 20px;
}
ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-star, ul li.bullet-cross {
  border: 0px;
}
ul li.bullet-checkmark:before {
  color: #000000;
}
ul li.bullet-arrow:before {
  color: #000000;
}
ul li.bullet-star:before {
  color: #000000;
}
/* ======================================================
   STYLING: @ BADGES
========================================================= */
.badge-white span {
  background-color: #fff !important;
  backdrop-filter: blur(1em);
  -webkit-backdrop-filter: blur(1em);
  color: #000000;
  border-radius: 5px;
  margin: auto;
  padding: 7px 10px 8px 10px;
  margin-right: 5px;
  font-size: 73%;
  letter-spacing: 0.2em;
  font-weight: 600;
  text-transform: uppercase;
}
/* ======================================================
   STYLING: @ COOKIES
========================================================= */
.flatsome-cookies__buttons > a {
  margin-right: 0px;
  margin-bottom: 0;
}
.flatsome-cookies__buttons {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 85%;
}
/* ======================================================
   STYLING: @ BLOG + POST
========================================================= */
.single-post .entry-image img {
  height: 400px;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 849px) {
  .single-post .entry-image img {
    height: 200px;
  }
}
.nav-pagination > li > span, .nav-pagination > li > a {
  line-height: 2.25em;
  border: 0;
}
.blog .post-title, .box-blog-post .post-title {
  padding: 10px 0px 0px 0px;
  font-size: 140%;
}
.blog .from_the_blog_excerpt, .box-blog-post .from_the_blog_excerpt {
  padding-top: 10px;
  font-size: 90%;
}
.box-blog-post .box-text {
  padding-bottom: 0px;
}
.box-blog-post .is-divider, .single-post .is-divider {
  display: none;
  visibility: hidden;
}
.blog-wrapper .box-text .box-text-inner {
  height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blog-wrapper .box-text .box-text-inner {
  height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.col.post-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blog-archive .large-10 {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.post-item a:hover {
  color: currentColor;
}
/* ======================================================
   STYLING: @ FOOTER
========================================================= */
.absolute-footer {
  display: none !important;
  visibility: hidden !important;
}
.custom-footer .col.widget {
  padding: 0px;
}
.custom-footer li.widget {
  margin-left: 0px;
}
.custom-footer .social-icons i {
  color: #000000;
}
/* ======================================================
   SCRIPT: @ ROTATE TOP BAR
========================================================= */
.rotate-top-bar > * {
  display: none;
}
@media (max-width: 549px) {
  .rotate-top-bar {
    font-size: 90%;
  }
}
/* ======================================================
   CUSTOM CSS: @ Z-INDEX UP
========================================================= */
.index-up, .index-up .col-inner {
  z-index: 9;
}
/* ======================================================
   CUSTOM CSS: @ ENDLESS ROTATE
========================================================= */
.rotate {
  animation: rotate 10s linear infinite;
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
/* ======================================================
   CUSTOM CSS: @ IFRAME
========================================================= */
.iframe-responsive {
  overflow: hidden;
  padding-bottom: 60%;
  position: relative;
  height: 0;
}
.iframe-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
/* ======================================================
   CUSTOM CSS: @ TEXT ROLLER
========================================================= */
#text-roller {
  position: relative;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  font-family: "gellix-bold", Helvetica, sans-serif !important;
  font-weight: normal !important;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 75%;
}
.text-roller-section {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/* ======================================================
   PAGE: @ HOME
========================================================= */
.home-hero .mirror img {
  border-radius: 200px;
  max-width: 400px;
}
/* ======================================================
   PLUGIN: @ WPML
========================================================= */
.header-language-dropdown i.image-icon {
  display: none;
}
.header-language-dropdown .nav-dropdown {
  min-width: 120px;
}
/* ======================================================
   PLUGIN: @ READ MORE
========================================================= */
.show_more {
  margin: 0px 0px 20px 0px;
}
.wpsm-show, .wpsm-hide {
  color: #000000 !important;
  width: fit-content;
}
.blog .wpsm-show, .blog .wpsm-hide {
  color: #000000 !important;
  margin: auto;
  width: fit-content;
}
p.wpsm-show, p.wpsm-hide {
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  background-position: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  transition: all 0.2s;
  padding-bottom: 1px;
  text-decoration: none;
}
p.wpsm-show:hover, p.wpsm-hide:hover {
  background-size: 0 100%;
  text-decoration: none;
}
/* ======================================================
   PLUGIN: @ YITH FILTERS
========================================================= */
.yith-wcan-filters .yith-wcan-filter .filter-title, .yith-wcan-filters .yith-wcan-filter .filter-title.collapsable {
  font-size: 18px;
}
.yith-wcan-active-filters .active-filter {
  margin-right: 0px;
}
.yith-wcan-active-filters .active-filter b, .woocommerce.widget_layered_nav_filters {
  display: none;
  visibility: hidden;
}
.yith-wcan-filters .apply-filters {
  background: #000000;
  width: 100%;
  line-height: 40px;
  margin-bottom: -5px;
  margin-top: -10px;
}
.yith-wcan-active-filters .active-filter .active-filter-label {
  margin: 5px 10px 5px 0px;
}
.yith-wcan-filters label {
  font-size: 90%;
  margin-bottom: 0px;
}
.yith-wcan-filters input {
  margin-bottom: 0px;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label {
  width: 22%;
}
.yith-wcan-filters .yith-wcan-filter .price-slider.both .price-slider-min, .yith-wcan-filters .yith-wcan-filter .price-slider.both .price-slider-max {
  width: 70px;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item {
  line-height: 1.8;
}
.yith-wcan-filters .yith-wcan-filter a.clear-selection {
  margin-bottom: 6px;
  color: #000000;
}
/* ======================================================
   WOOCOMMERCE: @ PRODUCT PAGE
========================================================= */
.related-products-wrapper .container-width {
  max-width: 100%;
}
.related-products-wrapper.product-section {
  border-top: 0px;
}
.row-small > .col.vertical-thumbnails {
  padding: 0px 5px 0px 0px;
}
/*************** WOOCOMMERCE @ ADD TO CART BUTTON - FULL WIDTH ***************/
.single_add_to_cart_button.button {
  flex: 1 1 auto;
  padding: 10px 0px;
}
input[type="number"] {
  height: auto !important;
}
/* ======================================================
   WOOCOMMERCE: @ CART / CHECKOUT
========================================================= */
.product-thumbnail img, .cross-sells img {
  border-radius: 10px !important;
}
.woocommerce-error.message-wrapper {
  margin-bottom: 20px;
  border-radius: 20px;
  border: 2px solid #fa736c;
  padding: 15px;
  background: #feeff3;
}
.alert-color {
  color: #fa736c;
}
.payment-icons .payment-icon svg {
  height: 30px;
  padding: 5px;
}
@media (max-width: 849px) {
  .woocommerce-checkout .page-title-inner, .woocommerce-cart .page-title-inner {
    min-height: 0px;
    padding-top: 10px;
    margin-bottom: -20px;
  }
}
.woocommerce-checkout .ux-free-shipping {
  padding: 10px 0;
}
.woocommerce-cart .ux-free-shipping {
  padding-bottom: 10px;
}
.checkout_coupon.has-border {
  border-radius: 20px;
}
.woocommerce-billing-fields {
  border-top: 2px solid #e9e9e9;
}
button#place_order, .button.checkout-button, .off-canvas-cart .button.checkout {
  line-height: 3em !important;
  min-height: 3em;
  font-size: 100%;
  padding: 0px;
  background: #26b691 !important;
}
.cart-collaterals .cart-sidebar {
  box-shadow: 0 12px 5px rgba(17, 2, 59, 0.01), 0 3px 3px rgba(17, 2, 59, 0.04), 0 1px 2px rgba(17, 2, 59, 0.04), 0 0 0.5px rgba(17, 2, 59, 0.08);
  padding: 30px !important;
  border-radius: 20px;
  border: 2px #000000 solid !important;
  background-color: #fff;
}
.cart-wrapper .cross-sells .product-small .col-inner .product-small {
  background: #f3eeea;
  padding: 20px;
  border-radius: 20px;
}
.cart-wrapper .cross-sells .product-small .col-inner .product-small img {
  border-radius: 20px;
}
.woocommerce-checkout .large-5 .has-border {
  box-shadow: 0 12px 5px rgba(17, 2, 59, 0.01), 0 3px 3px rgba(17, 2, 59, 0.04), 0 1px 2px rgba(17, 2, 59, 0.04), 0 0 0.5px rgba(17, 2, 59, 0.08);
  border-radius: 20px;
  border: 2px #000000 solid !important;
  background-color: #fff;
}
.woocommerce-cart input, .woocommerce-checkout input {
  margin-bottom: 0px !important;
}
.message-container a {
  color: #fa736c;
}
.coupon button.is-form {
  border: 2px solid #000000 !important;
  color: #000000 !important;
  text-shadow: none;
  background-color: #fff;
  font-weight: 600;
  margin-top: 5px;
  text-transform: uppercase;
}
.coupon button.is-form:hover {
  border: 2px solid #000000 !important;
  color: #fff !important;
  background-color: #000000;
}
p.freeshipping-notice {
  text-align: center;
}
[data-icon-label]:after {
  opacity: 1;
  padding-left: 5px;
  padding-right: 5px;
}
.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item {
  border-radius: 10px;
}
.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item .product-title {
  padding-right: 50px;
  display: block;
}
.ux-mini-cart-cross-sells__list-item .cart-icon {
  right: 15px;
  top: 15px;
  position: absolute;
}
.page-checkout .cart-sidebar .widget-title {
  border-bottom: 1px solid #e9e9e9;
}
.page-checkout .shop_table thead th, .page-checkout .cart_totals th.product-name {
  border-width: 1px !important;
}
/* ======================================================
   WOOCOMMERCE: @ MY ACCOUNT
========================================================= */
.normal-title {
  border-top: 0px;
  border-bottom: 0px;
}
.user-id.op-5 {
  display: none;
  visibility: hidden;
}
.my-account img.avatar {
  width: 50px !important;
  height: 50px !important;
}
.my-account-header .page-title-inner {
  font-size: 80%;
}
.dashboard-links a, .dashboard-links a:hover {
  background-color: #000000;
  color: #fff;
}
.dashboard-links {
  font-size: 100%;
}
/* ======================================================
   WOOCOMMERCE: @ PRODUCT LIST
========================================================= */
.product_list_widget {
  text-align: left;
}
ul.product_list_widget li img {
  border-radius: 99px;
}
ul.product_list_widget {
  margin-bottom: 0px;
}
/* ======================================================
   STYLING: @ MOBILE MENU
========================================================= */
.mobile-sidebar .header-button .button, .off-canvas .header-button .button, .off-canvas .header-block > div {
  width: 100%;
}
.off-canvas .nav-vertical li a, .nav-vertical li li.menu-item-has-children > a, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > a, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > a {
  /* Main Menu Links Styling */
  font-size: 105%;
  /* Font size menu links */
  color: #000000;
}
.nav-vertical > li > ul li a {
  /* Sub Menu Links Styling */
  color: #000000;
}
.nav-vertical > li > ul li a:hover {
  /* Sub Menu Links: Hover Styling */
  color: #000000;
}
.nav-vertical li li.menu-item-has-children > a {
  /* Sub Menu Links with Children: Styling */
  color: #000000;
  text-transform: none;
  font-size: 100%;
}
a.sidebar-menu-tabs__tab-link {
  font-size: 90% !important;
  /* Font size tab links */
}
.sidebar-menu-tabs__tab.active {
  background-color: #000 !important;
  /* Background color ACTIVE tab */
}
.sidebar-menu-tabs__tab.active > a {
  color: #fff !important;
  /* Text color ACTIVE tab */
}
.sidebar-menu-tabs__tab {
  background-color: #f7f7f7 !important;
  /* Background color NON-ACTIVE tab */
}
.sidebar-menu-tabs.nav-line-bottom > li > a:before {
  height: 0px;
  /* Remove border NON-ACTIVE tab */
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
  border-top: 0px !important;
  /* Remove border drawer */
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
  background: #fff;
  /* Menu background color */
  transition: -webkit-transform 0.7s;
  /* Transition speed */
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  box-shadow: none;
}
.off-canvas .nav-vertical > li > a {
  padding: 15px 0px;
  /* Padding main links */
}
.off-canvas .nav-vertical li li > a {
  padding: 10px 0px;
  /* Padding sub links */
}
.off-canvas .sidebar-inner {
  padding: 0px;
}
.nav-vertical li li {
  padding-left: 0px;
}
.off-canvas .toggle {
  color: #000000 !important;
  /* Toggle icon color */
  opacity: 1;
}
.off-canvas .toggle i {
  font-size: 1.4em;
  /* Toggle icon size */
}
.nav-slide-header .toggle {
  text-align: center;
  text-transform: uppercase;
  font-weight: bolder;
  min-height: auto;
  margin-bottom: 10px;
}
.nav-slide-header .toggle i {
  position: absolute;
  left: 20px;
  top: -5px;
}
.dark .nav-sidebar.nav-vertical > li + li, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header), .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header), .nav-vertical li li.menu-item-has-children:not(:first-child), .nav-sidebar.nav-vertical > li + li, .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
  border-top: 1px solid #d9d9d9;
}
.nav-sidebar.nav-vertical > li.menu-item.active, .nav-sidebar.nav-vertical > li.menu-item:hover, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header).active, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header):hover, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header).active, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header):hover {
  background-color: transparent;
}
.mobile-sidebar-levels-1 .nav-slide-header {
  margin-bottom: 10px;
}
.mobile-sidebar-levels-1 .nav-slide > li > ul.children, .mobile-sidebar-levels-1 .nav-slide > li > .sub-menu, .mobile-sidebar-levels-2 .nav-slide > li > ul.children, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu {
  padding-top: 0px;
}
.is-current-slide {
  padding-top: 10px !important;
}
.nav-vertical li li.menu-item-has-children:not(:first-child) {
  margin-top: 0px;
}
@media screen and (max-width: 549px) {
  /* Width & Padding Menu - Phone Only */
  .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    width: 90%;
  }
}
@media screen and (min-width: 550px) {
  /* Width & Padding Menu - Tablet / Dekstop */
  .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    width: 400px;
  }
}
@media screen and (min-width: 1800px) {
  /* Width & Padding Menu - Big Dekstop */
  .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    width: 500px;
  }
}
.mfp-ready .mfp-close {
  opacity: 1;
}