@charset "UTF-8";
/* IMPORT BASE */
@font-face {
  font-family: "Festek96_Icons";
  src: url("../fonts/Festek96_Icons.woff2") format("woff2"), url("../fonts/Festek96_Icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.calendar-root > .select-wrapper:before, .selector .calendar-root > .input:before, .download-item > .inner .img-wrapper .ext:after, .download-item > .datepicker-wrapper .img-wrapper .ext:after, .cart-navs .cart-nav.-download:after, .selector.-multi > .values > .value:after, .selector.-single > .values > .value:after, .szuropanel .filters-more:after, .stars > .star:before, .package-wrapper > .item .p-item:not(:last-child):after, .video-thumb:after, .pl-views .view:before, .color-and-size-picker .size-picker-pd > div:before, .color-and-size-picker .color-picker-pd > a:after, .p-item .into-cart .submit:before, .p-item.-cod .img:after, .p-item.-shipping .img:after, .personal-icons .tultip.-NOGLS:before, .personal-icons .tultip.-nogls:before, .labels-wrapper > .label:before, .stock-wrapper > *:before, .search-form .clear, .search-form .action, .menu-icon > a:before, .webmenu.-mobile > li.-more > a:before, .webmenu > li.expandable:after, .products__menu-icon:before, .pager .arrows-and-pages .arrow:before, .button:before, .owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before, .owl-custom .owl-custom-nav button.owl-prev:before, .owl-custom .owl-custom-nav button.owl-next:before, .button:after, .owl-carousel .owl-nav button.owl-prev:after, .owl-carousel .owl-nav button.owl-next:after, .owl-custom .owl-custom-nav button.owl-prev:after, .owl-custom .owl-custom-nav button.owl-next:after, .icon:before, .accordion-header .toggler:before, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-custom .owl-custom-nav button.owl-prev, .owl-custom .owl-custom-nav button.owl-next, .ui-datepicker-trigger, #toTop:before, .GalleryPreview .owl-carousel .owl-nav > .owl-prev, .GalleryPreview .owl-carousel .owl-nav .owl-next, .main-video-item:after, .gallery-hd .owl-nav > *, .popper .popped-close:after, .popper .popper__close:after, .popper .popper-close:after, .rendered .table-row .innerHead > *:first-child:before, .no-result:before, input[type=checkbox] + label:after, .input[type=checkbox] + label:after, .select-wrapper:after, .selector .input:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Festek96_Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-person:before {
  content: "\e900";
}

.icon-cart:before {
  content: "\e901";
}

.icon-left:before {
  content: "\e902";
}

.icon-right:before {
  content: "\e903";
}

.icon-right_small:before {
  content: "\e904";
}

.icon-up:before {
  content: "\e905";
}

.icon-down:before {
  content: "\e906";
}

.icon-down_small:before {
  content: "\e907";
}

.icon-add:before {
  content: "\e908";
}

.icon-remove:before {
  content: "\e90a";
}

.icon-download:before {
  content: "\e90c";
}

.icon-upload:before {
  content: "\e90d";
}

.icon-delete:before {
  content: "\e90e";
}

.icon-cartclear:before {
  content: "\e92f";
}

.icon-change:before {
  content: "\e910";
}

.icon-list:before {
  content: "\e911";
}

.icon-menu:before {
  content: "\e912";
}

.icon-home:before {
  content: "\e913";
}

.icon-search:before {
  content: "\e914";
}

.icon-filter:before {
  content: "\e915";
}

.icon-filterclear:before {
  content: "\e909";
}

.icon-check:before {
  content: "\e916";
}

.icon-checkfull:before {
  content: "\e917";
}

.icon-radio:before {
  content: "\e918";
}

.icon-radiofull:before {
  content: "\e919";
}

.icon-new:before {
  content: "\e91a";
}

.icon-price:before {
  content: "\e91b";
}

.icon-qty:before {
  content: "\e91c";
}

.icon-gift:before {
  content: "\e91d";
}

.icon-runout:before {
  content: "\e90b";
}

.icon-points:before {
  content: "\e91e";
}

.icon-ticket:before {
  content: "\e91f";
}

.icon-ticketfull:before {
  content: "\e939";
}

.icon-listadd:before {
  content: "\e90f";
}

.icon-listok:before {
  content: "\e920";
}

.icon-heart:before {
  content: "\e921";
}

.icon-phone:before {
  content: "\e922";
}

.icon-delivery:before {
  content: "\e923";
}

.icon-info:before {
  content: "\e924";
}

.icon-help:before {
  content: "\e925";
}

.icon-location:before {
  content: "\e926";
}

.icon-clock:before {
  content: "\e927";
}

.icon-phone_alt:before {
  content: "\e92c";
}

.icon-mobile:before {
  content: "\e928";
}

.icon-mail:before {
  content: "\e929";
}

.icon-facebook:before {
  content: "\e92a";
}

.icon-instagram:before {
  content: "\e92b";
}

.icon-pack:before {
  content: "\e92d";
}

.icon-play:before {
  content: "\e92e";
}

.icon-edit:before {
  content: "\e930";
}

.icon-money:before {
  content: "\e931";
}

.icon-link:before {
  content: "\e932";
}

.icon-settings:before {
  content: "\e933";
}

.icon-receipt:before {
  content: "\e934";
}

.icon-history:before {
  content: "\e935";
}

.icon-applist-details:before {
  content: "\e936";
}

.icon-trending-lines:before {
  content: "\e937";
}

.icon-calendar:before {
  content: "\e938";
}

.icon-percent:before {
  content: "\e93a";
}

:root {
  --container: 100%;
  --safearea-bottom: env(safe-area-inset-bottom);
  --gutter: 1rem;
  --fs-small: 14px;
  --menuW: 334px;
  --menuH: 440;
  --menuM: 1rem;
  --menuGap: 2rem;
  --menuP: 1rem;
  --menuImgW: 0;
}
@media only screen and (min-width:576px) {
  :root {
    --container: 540px;
  }
}
@media only screen and (min-width:768px) {
  :root {
    --container: 720px;
  }
}
@media only screen and (min-width:992px) {
  :root {
    --container: 960px;
    --menuCC-config: 1_1_2;
    --menuW: 260px;
    --menuH: 390;
  }
}
@media only screen and (min-width:1200px) {
  :root {
    --container: 1140px;
    --menuCC-config: 1_2_3;
    --menuW: 334px;
    --menuH: 464;
  }
}

html {
  font-size: 16px;
}

body {
  padding: 0;
  margin: 0;
  color: #333F48;
  font-family: "Poppins", "Times New Roman", sans-serif;
  font-weight: 500;
  opacity: 0;
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width:768px) {
  body {
    background-color: #fafafa;
  }
}
body.iframe {
  background-color: #fafafa;
  padding: 0 1.5rem;
}
body.loaded {
  opacity: 1;
  z-index: 1;
}
body.noscroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}

label {
  margin-bottom: 0;
}

.list {
  list-style-type: none;
}

@keyframes ShowContent {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.products-nav > span.-active, .webmenu.products-menu:not(.-mobile) > li.-active .ulbox {
  animation: ShowContent 0.5s;
  animation-fill-mode: none;
  animation-timing-function: cubic-bezier(0.5, 0, 0, 1);
}

::selection {
  background-color: rgba(29.8536585366, 36.8780487805, 42.1463414634, 0.4);
  color: #fff;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.help-cursor, .cursor-help {
  cursor: help !important;
}

.cursor-default, .cursor-default * {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.newsletter-wrapper, .downloads .downloads-wrapper .category .list, .szuropanel, .stars, .spec-wrapper ul, .spec-wrapper, .products-nav .ulbox > ul, .products-nav .clipboard > ul, .products-nav ul, .webmenu.-mobile ul, .webmenu > li > ul, .webmenu, .footer-menu .simplemenu > li > ul, .footer-menu .simplemenu, .personal-nav, .message--to-cart ul, .tabs-wrapper > .tabs {
  list-style: none;
  padding: 0;
  margin: 0;
}

p {
  margin: 0 0 1rem 0;
}

.extrabold {
  font-weight: 800 !important;
}

.bold {
  font-weight: 700 !important;
}

.semibold {
  font-weight: 600 !important;
}

.medium {
  font-weight: 500 !important;
}

.regular {
  font-weight: 400 !important;
}

.fs-null {
  font-size: 0 !important;
}

.fs-smallest {
  font-size: 12px !important;
}

.fs-small {
  font-size: 14px !important;
}

.fs-medium {
  font-size: 18px !important;
}

.fs-normal {
  font-size: 16px !important;
}

.fs-larger {
  font-size: 20px !important;
}

.fs-large {
  font-size: 24px !important;
}

.fs-huge {
  font-size: 32px !important;
}

h1, .h1 {
  font-size: 32px;
  font-weight: 500;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #C8102E;
}
@media only screen and (max-width: 767px) {
  h1, .h1 {
    font-size: 24px;
  }
}

h2, .h2 {
  font-size: 24px;
  font-weight: 500;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  h2, .h2 {
    font-size: 20px;
  }
}

h3, .h3, .gallery-popper .popped__title {
  font-size: 18px;
  font-weight: 500;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  h3, .h3, .gallery-popper .popped__title {
    font-size: 16px;
  }
}

h4, .h4 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 1em;
  margin-bottom: 1em;
}

a {
  color: #C8102E;
  transition: 0.2s ease-in-out;
}
a:hover {
  color: rgb(152.7777777778, 12.2222222222, 35.1388888889);
}
a.underline-link {
  position: relative;
}
a.underline-link:after {
  content: "";
  position: absolute;
  top: 100%;
  height: 2px;
  width: 0%;
  left: 50%;
  background-color: #C8102E;
  transition: 0.2s ease-in-out;
}
a.underline-link:hover:after {
  left: 0%;
  width: 100%;
}

.dark-link, .webmenu a, .footer-info .footer-info-inner a, .footer-menu .simplemenu > li > ul li a, .personal-nav > li a, a.dark-link {
  color: #333F48;
}
.dark-link:hover, .webmenu a:hover, .footer-info .footer-info-inner a:hover, .footer-menu .simplemenu > li > ul li a:hover, .personal-nav > li a:hover {
  color: #C8102E;
}

pre, .pre {
  font-family: "Poppins", "Times New Roman", sans-serif;
  font-size: 16px;
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 20px;
  color: #333F48;
  white-space: pre-line;
}

.color-primary {
  color: #333F48 !important;
}

.color-primary-alt {
  color: #8C9398 !important;
}

.color-secondary {
  color: #C8102E !important;
}

.color-lighter {
  color: #F2F4F5 !important;
}

.color-light {
  color: #EBECED !important;
}

.color-light-alt {
  color: #CFD2D5 !important;
}

.color-white {
  color: #FFFFFF !important;
}

.color-background {
  color: #fafafa !important;
}

.color-grey {
  color: #8C9398 !important;
}

.color-dark {
  color: #333F48 !important;
}

.color-font {
  color: #333F48 !important;
}

.color-font-alt {
  color: #fff !important;
}

.color-border {
  color: #EBECED !important;
}

.color-turquoise {
  color: #35BB9B !important;
}

.color-positive {
  color: #67CF15 !important;
}

.color-negative {
  color: #C8102E !important;
}

.color-warning {
  color: #CF9B15 !important;
}

.color-danger, .red {
  color: #C8102E !important;
}

.color-success {
  color: #67CF15 !important;
}

.color-interaction {
  color: #333F48 !important;
}

.color-disabled {
  color: #8C9398 !important;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* IMPORT SCRIPTS */
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel.-equal-height .owl-stage {
  display: flex;
}
.owl-carousel.-equal-height .owl-stage > * .p-item.-box {
  height: 100%;
}
.owl-carousel.visible-overflow .owl-stage-outer {
  overflow: initial !important;
}
@media only screen and (min-width:768px) {
  .owl-carousel.shifted-overflow-clip .owl-stage-outer {
    overflow-y: initial !important;
    overflow-x: clip !important;
    padding: 0 2rem;
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
}
.owl-carousel.owl-grab .owl-item {
  cursor: grabbing;
}
.owl-carousel .owl-stage-outer {
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  transition-delay: 0.2s;
}
.owl-carousel .owl-item {
  cursor: grab;
  border: 0;
  box-shadow: none;
}
.owl-carousel .owl-item img {
  height: initial;
}
.owl-carousel .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}
.owl-carousel .owl-dots .owl-dot {
  width: 1rem;
  height: 1rem;
  background-color: #CFD2D5;
  border-radius: 0.5rem;
  margin: 0 0.5rem;
  transition: 0.2s ease-in-out;
}
.owl-carousel .owl-dots .owl-dot.active {
  background-color: #333F48;
}
.owl-carousel .owl-nav {
  position: absolute;
  left: 0;
  height: 0;
  top: 50%;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
  width: 2.5rem;
  background: #EBECED !important;
  color: #333F48 !important;
  transition: 0.2s ease-in-out !important;
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-prev.loader-active, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-next.loader-active {
  background: #F2F4F5 !important;
}

.owl-custom {
  position: relative;
  display: flex;
  justify-content: center;
}
.owl-custom .owl-carousel {
  width: calc(100% - 80px - 2rem - 2rem);
}
.owl-custom .owl-custom-nav {
  position: absolute;
  left: 0;
  height: 0;
  top: 50%;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.owl-custom .owl-custom-nav button.owl-prev, .owl-custom .owl-custom-nav button.owl-next {
  width: 2.5rem;
  background: #EBECED !important;
  color: #333F48 !important;
}
.owl-custom .owl-custom-nav button.owl-prev:hover, .owl-custom .owl-custom-nav button.owl-prev.loader-active, .owl-custom .owl-custom-nav button.owl-next:hover, .owl-custom .owl-custom-nav button.owl-next.loader-active {
  background: #F2F4F5 !important;
}

/*! jQuery UI - v1.11.4 - 2015-05-19
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css

/* Component containers
----------------------------------*/
.ui-datepicker.ui-widget-content {
  display: none;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  text-decoration: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  background-image: none;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

/* Overlays */
.ui-widget-overlay {
  opacity: 0.5;
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  opacity: 0.2;
  border-radius: 5px;
}

.ui-datepicker-calendar {
  width: 220px;
  margin: 5px 10px;
}

.ui-datepicker-calendar td, .ui-datepicker-calendar th {
  width: 20px;
  text-align: center;
  padding: 5px 0;
}

.ui-datepicker-title {
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
}

.ui-datepicker-prev, .ui-datepicker-next {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

.ui-datepicker-prev {
  left: 10px;
  background: url(../images/arrow_ic_24_white.svg) no-repeat center center; /*prev button*/
  transform: rotate(90deg);
}

.ui-datepicker-next {
  right: 10px;
  background: url(../images/arrow_ic_24_white.svg) no-repeat center center; /*next button*/
  transform: rotate(-90deg);
}

/*datepicker header*/
.ui-datepicker-header {
  line-height: 30px;
  text-align: center;
  position: relative;
  padding: 5px 10px;
  background: #333F48; /*header bgr color*/
  color: #fff;
}

.ui-state-default {
  padding: 2px 5px;
  border-radius: 0;
  border: 1px solid transparent;
}

/*actual day*/
.ui-state-highlight {
  border: 1px solid #EBECED;
  color: #333F48;
  font-weight: bold;
}

/*selected day*/
.ui-state-active {
  background: #333F48;
  border-radius: 2px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.ui-state-active a {
  color: #fff;
}

.ui-datepicker-trigger {
  background: transparent;
  color: #333F48;
  width: 1.5rem;
  padding: 0;
}

/*  */
@media only screen and (max-width: 767px) {
  .datepicker-outer {
    flex-wrap: wrap;
  }
}
.datepicker-outer .separator {
  width: 16px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .datepicker-outer .separator {
    width: 100%;
    text-align: center;
  }
}
.datepicker-outer input[type=submit] {
  flex-shrink: 1;
  margin-left: 1rem;
}

.datepicker-wrapper {
  flex-grow: 1;
  flex-basis: 0;
}
@media only screen and (max-width: 767px) {
  .datepicker-wrapper {
    flex-basis: auto;
    justify-content: flex-start !important;
  }
}
.datepicker-wrapper input[type=text] {
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .datepicker-wrapper input[type=text] {
    width: calc(100% - 2 * 1.5rem);
  }
}
.datepicker-wrapper .clear-icon {
  margin-left: 5px !important;
}

.slider-wrapper-vue .ui-slider {
  height: 1.5rem;
  position: absolute;
  z-index: 2;
}
.slider-wrapper-vue .ui-slider .handle {
  width: 1.5rem;
  height: 1.5rem;
  outline: none;
  cursor: pointer;
  background: #FFFFFF;
  border: 2px solid #333F48;
  border-radius: 50%;
  display: block;
  position: absolute;
  -webkit-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out;
  left: -0.25rem;
}
.slider-wrapper-vue .ui-slider .handle:active {
  border-color: #333F48;
}
.slider-wrapper-vue .ui-slider .bar {
  position: absolute;
  left: 0;
  height: 8px;
  top: calc(50% - 4px);
  border-radius: 4px;
}
.slider-wrapper-vue .ui-slider .bar.-active {
  background-color: #333F48;
}
.slider-wrapper-vue .ui-slider .bar.-default {
  width: 100%;
  background-color: #8C9398;
}
.slider-wrapper-vue .ui-slider .bar.-valid {
  background-color: #C8102E;
}
.slider-wrapper-vue .slider-values {
  margin: 0.5em 0 0 0 !important;
  width: 100% !important;
}
.slider-wrapper-vue .slider-values > div input {
  text-align: center;
}
.slider-wrapper-vue .slider-values > div:first-child {
  margin-right: 0.75em;
}
.slider-wrapper-vue .slider-values > div:last-child {
  margin-left: 0.75em;
}
.slider-wrapper-vue .slider-range {
  width: calc(100% - 1.5rem);
  margin-left: 0.75rem;
  position: relative;
  background: transparent;
}
.slider-wrapper-vue .slider-range:before, .slider-wrapper-vue .slider-range:after {
  content: none;
}

#toTop {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  left: initial;
  margin: auto;
  text-decoration: none;
  background: #fafafa;
  color: #333F48;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  border-radius: 50%;
  transition: 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  z-index: 3;
}
@media only screen and (max-width: 991px) {
  #toTop {
    margin: initial;
    bottom: 5rem;
  }
}
#toTop:before {
  content: "up";
}
#toTop.visible {
  opacity: 1;
  pointer-events: all;
}
/* CR TABS */
.tabs-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EBECED;
  border-radius: 1.5rem;
  padding: 0 1rem;
  width: 100%;
  margin-top: 2rem;
  position: sticky;
  top: var(--stickyHeight);
  z-index: 3;
}
@media only screen and (max-width: 991px) {
  .tabs-wrapper {
    top: 4rem;
  }
}
.tabs-wrapper > .tabs {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  scrollbar-color: #333F48 #CFD2D5;
  scrollbar-width: thin;
  color: #fff;
  height: 52px;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  position: relative;
}
.tabs-wrapper > .tabs::-webkit-scrollbar {
  width: 0.25rem;
}
.tabs-wrapper > .tabs::-webkit-scrollbar-track {
  background: #CFD2D5;
  border-radius: 0.25rem;
}
.tabs-wrapper > .tabs::-webkit-scrollbar-thumb {
  background: #333F48;
  border-radius: 0.25rem;
}
.tabs-wrapper > .tabs::-webkit-scrollbar-thumb:hover {
  background: rgb(29.8536585366, 36.8780487805, 42.1463414634);
}
.tabs-wrapper > .tabs::-webkit-scrollbar {
  width: initial;
  height: 0.25rem;
}
.tabs-wrapper > .tabs.-empty {
  display: none;
}
.tabs-wrapper > .tabs > li {
  height: 52px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  padding: 0 1.5rem;
  color: #333F48;
  white-space: nowrap;
}
@media only screen and (max-width: 991px) {
  .tabs-wrapper > .tabs > li {
    padding: 0 0.5rem;
  }
}
.tabs-wrapper > .tabs > li.-active {
  color: #C8102E;
}

.tabs-sections {
  width: 100%;
  position: relative;
}
.tabs-sections > div {
  padding: 2rem 0;
  /*
  // Ez csak akkor kell, ha olyan a működés, hogy csak az aktív látszódik.

  display: none;

  &.active-section {
      display: block;
  }

  */
}

.GalleryPreview {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  outline: none;
  position: relative;
  width: 100%;
}
.GalleryPreview.popped {
  max-width: calc(100% - 60px);
  max-height: 100vh;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  position: fixed;
}
.GalleryPreview .owl-stage {
  display: flex;
  align-items: center;
}
.GalleryPreview .owl-item {
  flex-shrink: 0;
}
.GalleryPreview .owl-carousel .owl-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.GalleryPreview .owl-carousel .owl-nav.disabled {
  display: none;
}
.GalleryPreview .owl-carousel .owl-nav > .owl-prev, .GalleryPreview .owl-carousel .owl-nav .owl-next {
  width: 2.5rem;
  pointer-events: all;
  position: absolute;
  margin-top: -24px;
  position: absolute;
  top: 50%;
  transform: translateY(10px);
}
.GalleryPreview .owl-carousel .owl-nav > .owl-prev.disabled, .GalleryPreview .owl-carousel .owl-nav .owl-next.disabled {
  opacity: 0.4;
}
.GalleryPreview .owl-carousel .owl-nav .owl-prev {
  left: 15px;
}
.GalleryPreview .owl-carousel .owl-nav .owl-next {
  right: 15px;
}

.largeImageContainer {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
}
.largeImageContainer .owl-carousel .owl-nav {
  display: none !important;
}
.largeImageContainer .owl-item {
  border: none;
}
@media only screen and (max-width: 575px) {
  .largeImageContainer {
    margin-bottom: 15px;
  }
}
#mainkep {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#mainkep.noimage {
  cursor: default;
}

.largeImage {
  max-width: 100%;
  max-height: 100%;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s ease-in-out;
}
.largeImage.loaded {
  opacity: 1;
}

.largeImagePreloader {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  font-size: 16px;
  opacity: 1;
  transition: 0.2s ease-in-out;
}
.largeImagePreloader.loaded {
  opacity: 0;
}

.loadingText {
  width: 100px;
  height: 20px;
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.GalleryNav {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
.GalleryNav > div {
  width: 2em;
  height: 2em;
  position: absolute;
  background-size: 2em 2em;
  margin: auto;
  top: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 2;
}
.GalleryNav > div .prev {
  left: 15px;
}
.GalleryNav > div .next {
  right: 15px;
}
.main-video-item {
  padding-bottom: 100%;
  background-color: #EBECED;
  position: relative;
  cursor: pointer;
}
.main-video-item > img {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  animation: fadeIn 0.5s ease-out;
}
.main-video-item:after {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  content: "play";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  color: #FFFFFF;
  background: #333F48;
}
.main-video-item.-fixed-size {
  width: 70px;
  padding-bottom: 70px;
  border-radius: 1rem;
}

.smallThumbnails {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  justify-content: center;
}
.smallThumbnails .owl-item {
  cursor: pointer;
  border-radius: 1rem;
  overflow: hidden;
  transition: 0.2s ease-in-out;
  border: 2px solid rgba(207, 210, 213, 0);
}
.smallThumbnails .owl-item:hover {
  border: 2px solid rgba(207, 210, 213, 0.2);
}
.smallThumbnails .owl-item.selected {
  border: 2px solid #CFD2D5;
}
.smallThumbnails .owl-carousel {
  width: calc(100% - 80px - 1rem - 1rem);
}
.smallThumbnails .owl-carousel .owl-nav {
  left: calc(-40px - 1rem);
  right: calc(-40px - 1rem);
  width: initial;
}
.smallThumbnails .owl-carousel .owl-nav .owl-prev, .smallThumbnails .owl-carousel .owl-nav .owl-next {
  transform: none;
  margin: 0;
  top: initial;
  box-shadow: none;
}
.smallThumbnails .owl-carousel .owl-nav .owl-prev {
  left: 0;
}
.smallThumbnails .owl-carousel .owl-nav .owl-next {
  right: 0;
}
.smallThumbnails.horizontal {
  margin-top: 15px;
}
.smallThumbnails.vertical {
  width: 70px;
  height: calc(90vh - 3em);
  margin-left: 30px;
  float: right;
  display: none;
}
.smallThumbnails.vertical > div {
  white-space: normal;
  top: 0;
}
.smallThumbnails.vertical span {
  margin: 15px 0px;
}
.smallThumbnails.vertical span:first-child {
  margin-top: 0;
}
.smallThumbnails > div {
  white-space: nowrap;
  position: relative;
  left: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  transition: 0.2s ease-in-out;
}
.smallThumbnails span {
  width: 70px;
  height: 70px;
  display: inline-block;
  position: relative;
  background-color: #EBECED;
}
.smallThumbnails span:after {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  border: 1px solid #fff;
  left: 0;
  top: 0;
  pointer-events: none;
  transition: 0.2s ease-in-out;
}
.smallThumbnails img {
  cursor: pointer;
  position: relative;
}
.smallThumbnails .item {
  width: 80px;
  padding-bottom: 78px;
  margin: 5px;
  position: relative;
  border-radius: 1.5rem;
}
@media only screen and (min-width:576px) {
  .smallThumbnails .item {
    width: 64px;
    padding-bottom: 62px;
  }
}
@media only screen and (min-width:1200px) {
  .smallThumbnails .item {
    width: 80px;
    padding-bottom: 78px;
  }
}
.gallery-popper {
  outline: none;
  text-align: center;
}
.gallery-popper .popped__title {
  margin-top: 0 !important;
  padding-right: 1.5rem;
  text-align: left;
}
.gallery-popper .popped-content {
  position: relative;
}
.gallery-popper-content {
  position: relative;
  text-align: center;
}
.gallery-popper-content > img {
  max-height: 100%;
}

.gallery-popper-controls {
  position: static;
}
.gallery-popper-controls .prev, .gallery-popper-controls .next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  border-radius: 1.5rem;
  background: white no-repeat center;
  background-size: 1.5rem 1.5rem;
}
.gallery-popper-controls .prev {
  left: 0;
  background-image: url(../images/baseline-arrow_back-24px.svg);
}
.gallery-popper-controls .next {
  right: 0;
  background-image: url(../images/baseline-arrow_forward-24px.svg);
}

.gallery-popper-thumbs {
  width: auto;
  display: block;
  margin: 15px auto 0 15px;
}

/* VSGALLERY HD EXTENSION */
.gallery-hd.gallery-popper {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100% !important;
  border-radius: 0;
  border: none;
  box-shadow: none;
  background: #EBECED;
  color: #333F48;
  transform: translate(0, -100vh);
}
.gallery-hd.gallery-popper.popped {
  transform: translate(0, 0);
}
.gallery-hd.gallery-popper.unpopped {
  transform: translate(0, -100vh);
}
@keyframes GalleryRollUp {
  0% {
    transform: translate(0, -100vh);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes GalleryRollDown {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -100vh);
  }
}
.gallery-hd h3 {
  border-top: 1px solid #EBECED;
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
}
.gallery-hd .gallery-content {
  height: 100%;
}
.gallery-hd .gallery-img {
  background: #fff;
  border-left: 1px solid #EBECED;
  border-right: 1px solid #EBECED;
  width: 75%;
  max-width: 100vh;
  margin-left: auto;
  margin-right: auto;
  height: calc(var(--vh) * 100);
  flex-grow: 1;
  position: relative;
  display: flex;
  align-items: center;
}
.gallery-hd .gallery-img .item {
  overflow: hidden;
}
.gallery-hd .gallery-img .item.unblurred > img {
  filter: blur(0px);
}
.gallery-hd .gallery-img .item > img {
  filter: blur(40px);
  max-height: 100vh;
  transition: 0.2s ease-in-out;
}
.gallery-hd .gallery-sidebar {
  width: calc(25% - 30px);
  flex-grow: 0;
  margin-left: 30px;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-top: auto;
  max-width: 300px;
}
.gallery-hd .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.gallery-hd .owl-nav > * {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  position: absolute;
  margin-top: -24px;
  position: absolute;
  top: 50%;
  transform: translateY(10px);
  width: 48px;
  height: 48px;
  outline: none;
  border-radius: 1rem;
}
.gallery-hd .owl-nav > *.disabled {
  opacity: 0.6;
}
.gallery-hd .owl-nav .owl-prev {
  left: -25px !important;
}
.gallery-hd .owl-nav .owl-next {
  right: -25px !important;
}
.gallery-hd .gallery-owl {
  width: 100%;
  position: relative;
}
.gallery-hd .owl-stage-outer {
  position: relative;
  overflow: hidden;
}
.gallery-hd .owl-stage {
  display: flex;
  flex-wrap: nowrap;
}
.gallery-hd .owl-item {
  border: none;
  box-shadow: none;
  justify-content: center !important;
}
.gallery-hd .gallery-thumbs {
  width: 100%;
  flex-grow: 0;
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.gallery-hd .gallery-thumbs .item {
  border: 2px solid transparent;
  cursor: pointer;
  width: calc(50% - 10px);
  height: 0;
  padding-bottom: calc(50% - 10px);
  margin: 5px;
  position: relative;
  opacity: 0.5;
  transition: 0.2s ease-in-out;
  border-radius: 1.5rem;
}
@media only screen and (min-width:768px) {
  .gallery-hd .gallery-thumbs .item {
    width: calc(33.3333333333% - 10px);
    height: 0;
    padding-bottom: calc(33.3333333333% - 10px);
  }
}
.gallery-hd .gallery-thumbs .item.active {
  border: 2px solid #CFD2D5;
  opacity: 1;
}
.gallery-hd .gallery-thumbs .item:hover {
  opacity: 1;
}
.gallery-hd .gallery-thumbs .item > img {
  border-radius: 1.5rem;
}

/* POPPER */
.popper-right .popper {
  right: 0;
  left: initial;
}

.popper-left .popper {
  left: 0;
  right: initial;
}

.popper {
  background: #fff;
  border-radius: 1.5rem;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  display: none;
  padding: 1rem;
  position: absolute;
  min-width: 320px;
  max-width: calc(100% - 30px);
  min-height: 60px;
  max-height: 100vh;
  z-index: 16;
  overflow: auto;
  pointer-events: all;
  white-space: normal;
  line-height: 20px;
  text-transform: none;
  font-weight: 400;
  cursor: initial;
}
.popper.popped {
  display: block;
  animation: ShowPopper 0.15s;
  animation-fill-mode: forwards;
}
.popper > .title, .popper .popper__title {
  border-bottom: 1px solid #EBECED;
  font-weight: 600;
  margin-bottom: 1rem;
  padding-bottom: 10px;
}
.popper.unpopped {
  animation: HidePopper 0.15s;
  animation-fill-mode: forwards;
}
.popper.fixed {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-top: none;
  max-height: calc(100% - 30px);
}
.popper.fixed.popped {
  animation: ShowFixedPopper 0.15s;
  animation-fill-mode: forwards;
}
.popper.fixed.unpopped {
  animation: HideFixedPopper 0.15s;
  animation-fill-mode: forwards;
}
.popper .popped-close, .popper .popper__close, .popper .popper-close {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
  z-index: 1;
}
.popper .popped-close:after, .popper .popper__close:after, .popper .popper-close:after {
  content: "delete";
}

.popper-wrapper {
  position: fixed;
  width: 100% !important;
  height: 100% !important;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 5001;
}
.popper-wrapper > .popper {
  position: relative;
  max-height: calc(100% - 30px);
  overflow: auto;
}

@keyframes ShowPopper {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes HidePopper {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ShowFixedPopper {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes HideFixedPopper {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.popped-overlay, .popper-overlay, .popper-header-overlay, .popper-vue-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.15);
  z-index: 15;
  animation: ShowFixedPopper 0.25s;
  animation-fill-mode: forwards;
}
@media only screen and (max-width: 767px) {
  .popped-overlay, .popper-overlay, .popper-header-overlay, .popper-vue-overlay {
    height: 100vh;
    width: 100vw;
  }
}
.popped-overlay.fadeout, .fadeout.popper-overlay, .fadeout.popper-header-overlay, .fadeout.popper-vue-overlay {
  animation: HideFixedPopper 0.25s;
  animation-fill-mode: forwards;
}

.system-message-popper {
  width: 380px;
}

.popper-header-overlay {
  z-index: 14;
}

.ertesites-popup, .arertesites-popup {
  max-width: 480px;
}

#vsPopUp {
  padding: 1rem;
  overflow: visible;
}
#vsPopUp img {
  max-width: none;
  max-height: calc(100vh - 4rem);
  border-radius: 1rem;
}
@media only screen and (max-width: 575px) {
  #vsPopUp img {
    max-width: 100%;
  }
}
#vsPopUp .popper-close {
  border-radius: 50%;
  top: -0.5rem;
  right: -0.5rem;
  width: 2.25rem;
  height: 2.25rem;
  transition: 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}

.table {
  width: 100%;
  display: table;
  margin: 1rem 0;
}
.table .table-head {
  display: table-row;
}
.table .table-head > * {
  font-weight: 600;
  display: table-cell;
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
  font-size: 14px;
}
.table .table-row {
  display: table-row;
  position: relative;
}
.table .table-row .positive {
  background-color: #67CF15;
}
.table .table-row > * {
  display: table-cell;
  line-height: 20px;
  border-bottom: 1px solid #EBECED;
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
}
.table .table-row > *.longtext {
  max-width: 320px;
  font-size: 14px;
  text-align: justify;
}
.table .table-row:hover {
  background-color: #fafafa;
}
.table .table-row:hover > *:first-child {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.table .table-row:hover > *:last-child {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.table .color-danger, .table .color-warning, .table .color-success {
  display: inline-block;
  border-radius: 1.5rem;
  padding: 3px 6px;
  font-weight: 600;
  color: white !important;
}
.table .color-danger {
  background-color: #C8102E;
}
.table .color-warning {
  background-color: #CF9B15;
}
.table .color-success {
  background-color: #67CF15;
}

.rendered {
  display: block !important;
}
.rendered .table-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rendered .table-head > * {
  border: none;
  flex-grow: 1;
}
.rendered .table-head > *:first-child {
  width: 24px;
  height: 100%;
  flex-shrink: 0;
  flex-grow: 0;
}
.rendered .table-row {
  display: block;
}
.rendered .table-row.expanded .innerHead > *:first-child:before {
  content: "remove";
}
.rendered .table-row.expanded .innerRow {
  display: block;
  border-top: 1px solid #EBECED;
}
.rendered .table-row .innerHead {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: none;
  padding-left: 0;
  padding-right: 0;
  border-top: none;
}
.rendered .table-row .innerHead > * {
  flex-grow: 1;
  padding: 5px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.rendered .table-row .innerHead > *:first-child {
  flex-shrink: 0;
  flex-grow: 0;
  border: none;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  z-index: 2;
  cursor: pointer;
}
.rendered .table-row .innerHead > *:first-child:before {
  content: "add";
  color: #333F48;
}
.rendered .table-row .innerRow {
  display: none;
  width: 100%;
}
.rendered .table-row .innerRow > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rendered .table-row .innerRow > div > div {
  padding-top: 5px;
  padding-bottom: 5px;
}
.rendered .table-row .innerRow > div > div:last-child {
  text-align: right;
  padding-left: 15px;
}
.rendered .table-row .innerRow > div > div:last-child input {
  margin-top: 2px;
  margin-bottom: 2px;
}
.rendered .table-row .innerLabel.hide + .innerValue {
  text-align: center;
  padding-left: 0;
  width: 100%;
}
.caching-content:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #EBECED;
  border-radius: 1.5rem;
}

.loader {
  width: 30px;
  position: absolute;
  z-index: 20;
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
}
.loader:after {
  content: "";
  display: block;
  padding-bottom: 100%;
  background-color: transparent;
  background-size: 100% 100%;
  background-position: 0%;
}

.loader-active {
  color: transparent !important;
  background-image: none !important;
}
.loader-active * {
  color: transparent !important;
}

@keyframes Loader {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.page-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  z-index: 4;
}
.page-loader > .box {
  width: 150px;
  height: auto;
  margin: auto;
  position: relative;
}
.page-loader > .box > .loader {
  width: 100%;
  transform: translateY(-50%);
}

.panel-loader {
  position: absolute;
  background: white;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.5rem;
}
.panel-loader.loaded {
  animation: FadeOut 0.2s;
  animation-fill-mode: forwards;
  pointer-events: none;
}
@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.panel-loader > div {
  width: 2.5rem;
  height: 2.5rem;
  margin: 1rem 0;
  background-image: url(../images/festek96-kolorfull-loader.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.app-loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(51, 63, 72, 0.2);
}

a:not(.button).loading,
button:not(.button).loading {
  display: inline-flex;
  align-items: center;
}
a:not(.button).loading > div:last-child,
button:not(.button).loading > div:last-child {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 0.5rem;
}

.svg-loader-kolorfull {
  position: absolute;
  object-position: center center;
  object-fit: fill;
  width: 100%;
  height: 100%;
  left: 0;
}
.svg-loader-kolorfull .svg-loader-kolorfull-marker {
  animation-name: svg-loader-kolorfull-wave-anim;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  transform-origin: 50% 50%;
}
.svg-loader-kolorfull .svg-loader-kolorfull-marker:nth-child(1) {
  animation-delay: 0.1s;
}
.svg-loader-kolorfull .svg-loader-kolorfull-marker:nth-child(2) {
  animation-delay: 0.2s;
}
.svg-loader-kolorfull .svg-loader-kolorfull-marker:nth-child(3) {
  animation-delay: 0.3s;
}
.svg-loader-kolorfull .svg-loader-kolorfull-marker:nth-child(4) {
  animation-delay: 0.4s;
}
.svg-loader-kolorfull .svg-loader-kolorfull-marker:nth-child(5) {
  animation-delay: 0.5s;
}
@keyframes svg-loader-kolorfull-wave-anim {
  0% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.compare-wrapper {
  width: calc(100% + 30px);
  left: -15px;
  position: relative;
  overflow: hidden;
  font-size: 14px;
}
.compare-wrapper .compare-inner {
  width: auto;
  overflow: auto;
}
.compare-wrapper .compare-inner td:not(:first-child) {
  min-width: 170px;
  max-width: 170px;
}

.compare-layer {
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 2;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15), -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  transition: 0.2s ease-in-out;
  font-weight: 700;
}
.compare-layer.collapsed {
  transform: translate(-100%, 0);
}
.compare-layer.collapsed .compare-collapse {
  left: 100%;
  transform: translate(100%, -50%);
  background-image: url(../images/baseline-arrow_forward-24px.svg);
}

.compare-row {
  padding: 10px 15px;
  position: relative;
}

.compare-collapse {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  background: #EBECED url(../images/baseline-arrow_back-24px.svg) no-repeat center;
  background-size: 24px 24px;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15), -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.tipsy-popper {
  max-width: 320px;
  min-width: 0;
  min-height: 0;
  position: fixed;
  text-align: left;
  padding: 1rem;
  padding-right: 2.5rem;
  font-size: 14px;
  font-family: "Poppins", "Times New Roman", sans-serif;
  font-weight: 400;
}
.tipsy-popper .popped-close {
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: 16px 16px !important;
}
.tipsy-popper.pre-popped {
  display: block;
  visibility: hidden;
}
@media only screen and (min-width:768px) {
  .tipsy-popper {
    max-width: 360px;
  }
}
@media only screen and (min-width:1200px) {
  .tipsy-popper {
    padding-right: 1rem;
  }
}

.tipsy-with-backdrop .tipsy-popper:before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

/* lista felugró */
.list-popper .icon.-add, .list-popper .accordion-header .-add.toggler, .accordion-header .list-popper .-add.toggler, .list-popper .-add.accordion-header.-clickable:after, .list-popper .icon.-remove, .list-popper .accordion-header .-remove.toggler, .accordion-header .list-popper .-remove.toggler, .list-popper .-remove.accordion-header.-clickable:after {
  cursor: pointer;
}

.lists-wrapper .item {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#vsAtvetPontok {
  position: relative;
}
#vsAtvetPontok .item {
  position: relative;
}

.atvet-wrapper {
  scrollbar-color: #333F48 #CFD2D5;
  scrollbar-width: thin;
  max-height: 300px;
  overflow: auto;
}
.atvet-wrapper::-webkit-scrollbar {
  width: 0.25rem;
}
.atvet-wrapper::-webkit-scrollbar-track {
  background: #CFD2D5;
  border-radius: 0.25rem;
}
.atvet-wrapper::-webkit-scrollbar-thumb {
  background: #333F48;
  border-radius: 0.25rem;
}
.atvet-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgb(29.8536585366, 36.8780487805, 42.1463414634);
}
.atvet-wrapper .item {
  background: none;
  border: none;
  border-bottom: 1px solid #EBECED;
  display: flex;
  justify-content: flex-start;
  margin: 0 !important;
  padding: 15px 0;
}
.atvet-wrapper .item:first-child {
  border-top: none;
}
.atvet-wrapper .item:last-child {
  border-bottom: none;
}
.atvet-wrapper .item:only-child {
  padding: 15px 0;
}
.atvet-wrapper.-selected {
  cursor: auto;
  overflow: visible;
}
.atvet-wrapper.-selected .item {
  justify-content: flex-start !important;
}
.atvet-wrapper.-selected .item .title {
  cursor: auto;
}
.atvet-wrapper.-selected .item .radio {
  background: #fff;
  border: 1px solid #EBECED;
  border-radius: 50%;
  display: block;
  margin-right: 10px;
  transition: 0.2s ease-in-out;
  min-width: 24px;
  position: relative;
  width: 24px;
  height: 24px;
}
.atvet-wrapper.-selected .item .radio:after {
  content: "";
  display: block;
  background: #333F48;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 4px;
  left: 4px;
  transform: scale(1);
  transition: 0.2s ease-in-out;
}
.atvet-wrapper.-selected .item .details {
  flex-grow: 0;
  cursor: default;
}
.atvet-wrapper.-selected .item .change-button {
  margin-left: auto;
}
.atvet-wrapper.-selected .item .more {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-size: 0;
}
.atvet-wrapper.-changed .help-icon {
  opacity: 0;
  pointer-events: none;
}
.atvet-wrapper .item {
  margin: 20px 0;
}
.atvet-wrapper .item.hovered .input input + label {
  background-position-y: -216px;
}
.atvet-wrapper .item .input {
  flex-shrink: 0;
}
.atvet-wrapper .item .input input {
  display: none;
}
.atvet-wrapper .item .details {
  flex-grow: 1;
  cursor: pointer;
}
.atvet-wrapper .item .address {
  font-size: 14px;
}
.atvet-wrapper .item .more-popper {
  right: 0;
  left: auto;
  top: 0;
  padding: 20px;
}
.atvet-wrapper .item .more-popper .h3, .atvet-wrapper .item .more-popper .gallery-popper .popped__title, .gallery-popper .atvet-wrapper .item .more-popper .popped__title {
  padding-right: 25px;
}
.atvet-wrapper .item .more-popper .address {
  margin: 10px 0;
}
.atvet-wrapper .item .more-popper .pre {
  font-size: 14px;
}
@media only screen and (max-width: 575px) {
  .atvet-wrapper .item .more-popper {
    min-width: 0;
  }
}
@media only screen and (max-width: 767px) {
  .atvet-wrapper .item {
    flex-wrap: wrap;
  }
  .atvet-wrapper .item .change-button {
    margin: 10px 0 0 10px !important;
    flex: 1 1;
  }
}

.opening-hours {
  margin-top: 1em;
}

.jssocials-shares {
  margin: 0.2em 0;
}

.jssocials-shares * {
  box-sizing: border-box;
}

.jssocials-share {
  display: inline-block;
  vertical-align: top;
  margin: 0.3em 0.6em 0.3em 0;
}

.jssocials-share:last-child {
  margin-right: 0;
}

.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em;
  font-weight: 400;
}
.jssocials-share-logo.fa, .jssocials-share-logo.fas {
  font-weight: 900;
}

img.jssocials-share-logo {
  width: auto;
  height: 1em;
}

.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1;
}

.jssocials-share-link.jssocials-share-link-count {
  padding-top: 0.2em;
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
  display: block;
  font-size: 0.6em;
  margin: 0 -0.5em -0.8em -0.5em;
}

.jssocials-share-link.jssocials-share-no-count {
  padding-top: 0.5em;
}

.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
  height: 1em;
}

.jssocials-share-label {
  padding-left: 0.3em;
  vertical-align: middle;
}

.jssocials-share-count-box {
  display: inline-block;
  height: 1.5em;
  padding: 0 0.3em;
  line-height: 1;
  vertical-align: middle;
  cursor: default;
}

.jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}

.jssocials-share-count {
  line-height: 1.5em;
  vertical-align: middle;
}

.jssocials-share-twitter .jssocials-share-link {
  background: #00aced;
}

.jssocials-share-twitter .jssocials-share-link:hover {
  background: #0087ba;
}

.jssocials-share-facebook .jssocials-share-link {
  background: #3b5998;
}

.jssocials-share-facebook .jssocials-share-link:hover {
  background: #2d4373;
}

.jssocials-share-googleplus .jssocials-share-link {
  background: #dd4b39;
}

.jssocials-share-googleplus .jssocials-share-link:hover {
  background: #c23321;
}

.jssocials-share-linkedin .jssocials-share-link {
  background: #007bb6;
}

.jssocials-share-linkedin .jssocials-share-link:hover {
  background: #005983;
}

.jssocials-share-pinterest .jssocials-share-link {
  background: #cb2027;
}

.jssocials-share-pinterest .jssocials-share-link:hover {
  background: #9f191f;
}

.jssocials-share-email .jssocials-share-link {
  background: #3490F3;
}

.jssocials-share-email .jssocials-share-link:hover {
  background: #0e76e6;
}

.jssocials-share-stumbleupon .jssocials-share-link {
  background: #eb4823;
}

.jssocials-share-stumbleupon .jssocials-share-link:hover {
  background: #c93412;
}

.jssocials-share-whatsapp .jssocials-share-link {
  background: #29a628;
}

.jssocials-share-whatsapp .jssocials-share-link:hover {
  background: #1f7d1e;
}

.jssocials-share-telegram .jssocials-share-link {
  background: #2ca5e0;
}

.jssocials-share-telegram .jssocials-share-link:hover {
  background: #1c88bd;
}

.jssocials-share-line .jssocials-share-link {
  background: #25af00;
}

.jssocials-share-line .jssocials-share-link:hover {
  background: #1a7c00;
}

.jssocials-share-viber .jssocials-share-link {
  background: #7b519d;
}

.jssocials-share-viber .jssocials-share-link:hover {
  background: #61407b;
}

.jssocials-share-pocket .jssocials-share-link {
  background: #ef4056;
}

.jssocials-share-pocket .jssocials-share-link:hover {
  background: #e9132e;
}

.jssocials-share-messenger .jssocials-share-link {
  background: #0084ff;
}

.jssocials-share-messenger .jssocials-share-link:hover {
  background: #006acc;
}

.jssocials-share-vkontakte .jssocials-share-link {
  background: #45668e;
}

.jssocials-share-vkontakte .jssocials-share-link:hover {
  background: #344d6c;
}

.jssocials-share-link {
  padding: 0.5em 0.6em;
  color: #fff;
  -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
  color: #fff;
}

.jssocials-share-count-box {
  position: relative;
  height: 2.5em;
  padding: 0 0.3em;
  margin-left: 0.3em;
  background: #f5f5f5;
  -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-count-box:hover {
  background: gainsboro;
}

.jssocials-share-count-box:hover:after {
  border-color: transparent gainsboro transparent transparent;
}

.jssocials-share-count-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.85em;
  left: -0.3em;
  width: 0;
  height: 0;
  border-width: 0.4em 0.4em 0.4em 0;
  border-style: solid;
  border-color: transparent #f5f5f5 transparent transparent;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-count-box .jssocials-share-count {
  line-height: 2.5em;
  color: #444;
}

.share-popper {
  padding: 1.5rem;
}
.share-popper .title {
  margin: -1.5rem;
  margin-bottom: 1.5rem;
}

.jssocials-shares {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 24px;
}
.jssocials-shares > * {
  margin: 0.3em;
}

.jssocials-share-link {
  border-radius: 50%;
  padding: 0.6em;
}

.phoneNumber {
  width: 100%;
}
.phoneNumber .flag {
  width: 21px;
  height: 15px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/lang/_na.png);
  margin-right: 1rem;
  flex-shrink: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .phoneNumber .flag {
    background-image: url(../images/lang/_na@2x.png);
  }
}
.phoneNumber .plussign {
  text-align: center;
  width: 10px;
  margin-right: 1rem;
}
.phoneNumber input.prefix {
  width: 20% !important;
  min-width: calc(3ch + 1rem * 2);
  margin-right: 1rem;
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  flex-shrink: 0;
}
.phoneNumber input.phone {
  flex-grow: 1;
}

/* IMPORT MODULES */
.attachments .attachment-item, .accordion-header, .financial, .orders-wrapper .o-item .head > div, .reg .data-wrapper .uploaded-wrapper .item, .download-item > .inner, .download-item > .datepicker-wrapper, .offer-head, .pack-head, .cart .tax.message .inner > div, .cart .tax.message .datepicker-wrapper > div, .cart .tax.-eunum.message .inner, .cart .tax.-eunum.message .datepicker-wrapper, .my-sl__saved, .my-sl__search, .my-sl .select-wrapper ul > li, .my-sl .selector .input ul > li, .selector .my-sl .input ul > li, .my-sl, .szuropanel .filters-clear, .szuropanel .section-inner > .section-header, .votes .chart .chart-item, .stars, .product-votes, .tech-data .key, .tech-data .item, .site-stocks .item .title, .pl-sorter, .pl-views .toggler > div, .pl-views .toggler, .pl-views, .color-and-size-picker .title-bar, .p-item .condition > div, .p-item .shop, .p-item.-details .votes, .p-item .p-item-inner, .labels-wrapper, .search-form, .webmenu > li.expandable, .webmenu, .header-icons, .header-middle, .header-top, .products__menu-icon, .pager .arrows-and-pages .goto-page, .pager .arrows-and-pages .pages, .pager .arrows-and-pages .arrows, .pager .arrows-and-pages, .data-value-item, .infogroup, .cookie-alert-wrapper .cookie-alert-buttons, .cookie-alert-wrapper .container > div, .filter, .input-wrapper > .inner, .form-block > div > .inner, .input-wrapper > .datepicker-wrapper, .form-block > div > .datepicker-wrapper, .address-wrapper, .bank-wrapper, .phoneNumber, .flex, .datepicker-outer, .slider-wrapper-vue .slider-values, .GalleryPreview .owl-carousel .owl-nav, .gallery-hd .gallery-content, .gallery-hd .owl-item, .compare-row, .list-popper .input-wrapper, .list-popper .form-block > div, .lists-wrapper .item, .atvet-wrapper .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.p-item .into-cart, .sale-head.-points .dates-wrapper, nav[aria-label=breadcrumb] > div, .yahoobar > div, .pager, input[type=checkbox] + label, input[type=radio] + label, .input[type=checkbox] + label, .input[type=radio] + label, .no-result, .flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.szuropanel-toggler > .button > .qty, .owl-carousel .owl-nav .szuropanel-toggler > button.owl-prev > .qty, .owl-carousel .owl-nav .szuropanel-toggler > button.owl-next > .qty, .owl-custom .owl-custom-nav .szuropanel-toggler > button.owl-prev > .qty, .owl-custom .owl-custom-nav .szuropanel-toggler > button.owl-next > .qty, .video-thumb:after, .flex-center, #toTop, .popper-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.accordion-header, .spinner-input > .icon, .accordion-header .spinner-input > .toggler, .spinner-input > .accordion-header.-clickable:after, .button, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-custom .owl-custom-nav button.owl-prev, .owl-custom .owl-custom-nav button.owl-next, input[type=checkbox] + label, input[type=radio] + label, .input[type=checkbox] + label, .input[type=radio] + label, .-faux, .gallery-hd .owl-nav > *.disabled, .owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot, .owl-carousel.owl-drag .owl-item, .slider-wrapper-vue .slider-values, .tabs-wrapper, .selection-disable {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.flex-wrap-xs > *:not(:first-child) {
  margin-left: 1rem !important;
}
@media only screen and (max-width: 575px) {
  .flex-wrap-xs {
    flex-wrap: wrap;
    margin-top: 1rem;
  }
  .flex-wrap-xs > * {
    flex: 0 0 100% !important;
  }
  .flex-wrap-xs > *:not(:first-child) {
    margin: 1rem 0 0 0 !important;
  }
}

.head-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: 2rem;
  flex-wrap: wrap;
  margin: 2rem 0;
}
.head-title > * {
  margin: 0;
}

.note {
  font-size: 0.8em;
}

.no-result {
  background: rgba(200, 16, 46, 0.1);
  border-radius: 1.5rem;
  color: #C8102E;
  font-weight: 600;
  margin: 1rem 0;
  padding: 1rem;
}
.no-result:before {
  content: "warning";
  margin-right: 10px;
}
.no-result.-products {
  margin: 0;
  color: #333F48;
  background: transparent;
  border: none;
  display: block;
  font-weight: normal;
}
.no-result.-products:before {
  content: "";
}
.no-result.-info {
  background: rgba(51, 63, 72, 0.1);
  color: #333F48;
}
.no-result.-info:before {
  content: "info";
}
.br-normal {
  border-radius: 1.5rem;
}

.overflow-hidden {
  overflow: hidden;
}

/*sum blokk*/
.sum-wrapper {
  display: flex;
  margin-left: auto;
}
.sum-wrapper > .inner, .sum-wrapper > .datepicker-wrapper {
  margin-left: auto;
}
.sum-wrapper > .inner > *, .sum-wrapper > .datepicker-wrapper > * {
  display: block;
  text-align: end;
  color: #8C9398;
  font-size: 16px;
  font-weight: 500;
}
.sum-wrapper > .inner > * > *, .sum-wrapper > .datepicker-wrapper > * > * {
  display: inline-flex;
}
.sum-wrapper > .inner > * > *:last-child, .sum-wrapper > .datepicker-wrapper > * > *:last-child {
  font-size: 18px;
}
.sum-wrapper > .inner > *.-highlight, .sum-wrapper > .datepicker-wrapper > *.-highlight {
  color: #333F48;
  font-size: 18px;
  font-weight: 600;
}
.sum-wrapper > .inner > *.-highlight > *:first-child, .sum-wrapper > .datepicker-wrapper > *.-highlight > *:first-child {
  font-size: 18px;
}
.sum-wrapper > .inner > *.-highlight > *:last-child, .sum-wrapper > .datepicker-wrapper > *.-highlight > *:last-child {
  font-size: 24px;
}
/*sum block vége*/
.sum-wrapper-outer {
  display: flex;
  gap: 1rem;
  background: #FFFFFF;
  border-radius: 1.5rem;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  padding: 2rem;
  flex-wrap: wrap;
}

.number-bubble {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
  min-width: 1rem;
  background-color: #C8102E;
  color: #FFFFFF;
  border-radius: 100%;
  font-size: 12px;
  line-height: calc(1em - 2px);
  font-weight: 600;
}

.vs-card {
  background-color: #FFFFFF;
  border-radius: 1.5rem;
  padding: 1.5rem;
}
.vs-card.-hoverable:hover {
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
}
.vs-card.-shadow {
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
}
.vs-card.-light {
  background-color: #EBECED;
}
.vs-card.-light input[type=text], .vs-card.-light input[type=password], .vs-card.-light input[type=number] {
  border-bottom: 2px solid #CFD2D5;
}
.vs-card.-light input[type=text]:hover, .vs-card.-light input[type=password]:hover, .vs-card.-light input[type=number]:hover {
  border-color: rgb(193.4, 197.25, 201.1);
}
.vs-card.-light input[type=text]:focus, .vs-card.-light input[type=password]:focus, .vs-card.-light input[type=number]:focus {
  border-color: #C8102E;
}
.vs-card.-lighter {
  background-color: #F2F4F5;
}
@media only screen and (max-width: 767px) {
  .vs-card.-light-on-mobile {
    background-color: #fafafa;
  }
}
.vs-card > h1:first-child, .vs-card > .h1:first-child {
  margin-top: 0.5em;
  color: #C8102E;
}

.message .inner, .message .datepicker-wrapper {
  width: 100%;
  display: table;
  border: 1px solid #EBECED;
  border-radius: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
}
.message .inner p:last-child, .message .datepicker-wrapper p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width:768px) {
  .message .inner, .message .datepicker-wrapper {
    width: auto;
  }
}
.message .inner > div, .message .datepicker-wrapper > div {
  display: table-row;
}
.message .inner > div > div, .message .datepicker-wrapper > div > div {
  display: table-cell;
  padding: 0.5rem;
}
.message.-success {
  color: #67CF15;
}
.message.-success .inner, .message.-success .datepicker-wrapper {
  border-color: rgba(103, 207, 21, 0.5);
  background-color: rgba(103, 207, 21, 0.05);
}
.message.-inprogress, .message.-warning {
  color: #CF9B15;
}
.message.-inprogress .inner, .message.-inprogress .datepicker-wrapper, .message.-warning .inner, .message.-warning .datepicker-wrapper {
  border-color: rgba(207, 155, 21, 0.5);
  background-color: rgba(207, 155, 21, 0.05);
}
.message.-invalid, .message.-error, .message.-danger {
  color: #C8102E;
}
.message.-invalid .inner, .message.-invalid .datepicker-wrapper, .message.-error .inner, .message.-error .datepicker-wrapper, .message.-danger .inner, .message.-danger .datepicker-wrapper {
  border-color: rgba(200, 16, 46, 0.5);
  background-color: rgba(200, 16, 46, 0.05);
}

.-faux, .gallery-hd .owl-nav > *.disabled {
  cursor: not-allowed !important;
}

.error-block {
  text-align: center;
}
.error-block .title {
  color: #C8102E !important;
  font-size: 8rem !important;
  line-height: 1em;
  margin: 0 !important;
}
.error-block .subtitle {
  color: #8C9398;
  font-size: 1.4rem;
  margin: 0 0 2rem 0;
}
.separator {
  background: #CFD2D5;
  border-radius: 2px;
}
.separator:not(.-vertical) {
  height: 2px;
  width: 100%;
}
.separator .-vertical {
  width: 2px;
  height: 100%;
}

.pointer-events-none {
  pointer-events: none;
}

/* A kapcsolódóknál keskenyebb a gap az oszlopok között, ezért kell egy ilyen */
.vs-grid {
  display: grid;
  gap: 1rem;
}
.vs-grid.grid-4 {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width:576px) {
  .vs-grid.grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width:992px) {
  .vs-grid.grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.vs-grid.grid-3 {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width:576px) {
  .vs-grid.grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width:768px) {
  .vs-grid.grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.vs-grid.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width:768px) {
  .vs-grid.grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width:992px) {
  .vs-grid.grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width:576px) {
  .vs-sticky-sm {
    position: sticky;
    top: var(--stickyHeight);
  }
  .vs-sticky-sm.-top {
    top: var(--stickyHeight);
  }
  .vs-sticky-sm.-top.-unit-1 {
    top: calc(var(--stickyHeight) + 0.25rem);
  }
  .vs-sticky-sm.-top.-unit-2 {
    top: calc(var(--stickyHeight) + 0.5rem);
  }
}
@media only screen and (min-width:768px) {
  .vs-sticky-md {
    position: sticky;
    top: var(--stickyHeight);
  }
  .vs-sticky-md.-top {
    top: var(--stickyHeight);
  }
  .vs-sticky-md.-top.-unit-1 {
    top: calc(var(--stickyHeight) + 0.25rem);
  }
  .vs-sticky-md.-top.-unit-2 {
    top: calc(var(--stickyHeight) + 0.5rem);
  }
}
@media only screen and (min-width:992px) {
  .vs-sticky-lg {
    position: sticky;
    top: var(--stickyHeight);
  }
  .vs-sticky-lg.-top {
    top: var(--stickyHeight);
  }
  .vs-sticky-lg.-top.-unit-1 {
    top: calc(var(--stickyHeight) + 0.25rem);
  }
  .vs-sticky-lg.-top.-unit-2 {
    top: calc(var(--stickyHeight) + 0.5rem);
  }
}

.image-background {
  background-position: center;
  background-size: cover;
  border-radius: 1.5rem;
}

.image-objectfit {
  flex-grow: 1;
}
.image-objectfit > img {
  object-fit: cover;
  object-position: center;
  width: 100% !important;
  height: 100% !important;
}

.make-showmore .showmore-content {
  max-height: 128px;
  overflow: hidden;
  transition: 0.2s ease-in-out;
}
.make-showmore .showmore-control {
  margin-top: 0.5rem;
}
.make-showmore .showmore-control > * {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.make-showmore .showmore-control .open {
  display: flex;
}
.make-showmore .showmore-control .open:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  bottom: 100%;
  height: 50px;
  background: linear-gradient(0deg, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
  background-size: 100% 100%;
}
.make-showmore .showmore-control .close {
  display: none;
}
.make-showmore.-open .showmore-content {
  max-height: 100%;
}
.make-showmore.-open .showmore-control .open {
  display: none;
}
.make-showmore.-open .showmore-control .close {
  display: flex;
}

/* Kiskeres infokártya a főoldali slider alatt */
.info-cards {
  row-gap: 2rem;
}
.info-cards .owl-item > * {
  padding: 0;
}
.info-cards:not(.owl-carousel) > * {
  display: flex;
}

.info-card {
  background: #EBECED;
  border-radius: 1.5rem;
  transition: 0.2s ease-in-out;
  padding: 2rem 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
@media only screen and (min-width:768px) {
  .info-card:hover {
    background: #FFFFFF;
    box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  }
}
.info-card img {
  width: 64px !important;
  height: 64px !important;
}
.info-card div {
  font-weight: 600;
  text-align: center;
  flex-grow: 1;
}

.footer-info-card {
  border-radius: 1.5rem;
  transition: 0.2s ease-in-out;
  padding: 1rem;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  align-self: flex-start;
}
.footer-info-card:hover {
  background: #FFFFFF;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
}
.footer-info-card img {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}
.footer-info-card div {
  flex-grow: 1;
  align-self: center;
}
.footer-info-card div > *:nth-child(1) {
  display: block;
  font-weight: 700;
  font-size: 16px;
  color: #C8102E;
  width: 100%;
}
.footer-info-card div > *:nth-child(2) {
  display: block;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #333F48;
  width: 100%;
}

.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.25rem;
}
.gap-3 {
  gap: 0.25rem;
}
.gap-4 {
  gap: 0.25rem;
}
.gap-5 {
  gap: 0.25rem;
}
.gap-6 {
  gap: 0.25rem;
}

.z-index-2 {
  z-index: 2;
}

.form-block {
  margin-bottom: 0;
}
.form-block input + label + div {
  font-weight: 400;
  font-size: 14px;
  margin-left: 1.875rem;
  margin-top: 2px;
  margin-bottom: 2px;
}
.form-block label {
  margin-bottom: 0.5rem;
  display: inline-block;
}

.address-wrapper, .bank-wrapper, .phoneNumber {
  position: relative;
}

.bank-wrapper {
  margin: 0 -0.3125rem;
}
.bank-wrapper > * {
  margin: 0 0.3125rem;
}
.bank-wrapper > span {
  margin: 0;
}
.bank-wrapper input {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
@media only screen and (max-width: 991px) {
  .bank-wrapper input {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
.bank-wrapper input.bank-prefix {
  flex-basis: 65px;
  flex-shrink: 0;
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-align: center;
}
.bank-wrapper input.bank-first, .bank-wrapper input.bank-second, .bank-wrapper input.bank-third {
  flex-basis: 25%;
  flex-grow: 1;
}
.bank-wrapper input.bank-third:after {
  display: none;
}

.address-wrapper {
  flex-wrap: wrap;
  width: calc(100% + var(--gutter));
  margin: calc(var(--gutter) * -0.5);
}
.address-wrapper > * {
  margin: 0;
  padding: calc(var(--gutter) * 0.5);
}
.address-wrapper > *.address__country {
  width: 100%;
}
.address-wrapper > *.address__zipcode {
  flex-shrink: 0;
  width: 85px !important;
}
.address-wrapper > *.address__city {
  width: calc((100% - 85px) * 0.4);
}
@media only screen and (max-width: 767px) {
  .address-wrapper > *.address__city {
    width: calc(100% - 85px - var(--gutter));
  }
}
.address-wrapper > *.address__street {
  width: calc((100% - 85px) * 0.6);
}
@media only screen and (max-width: 767px) {
  .address-wrapper > *.address__street {
    width: 100%;
  }
}

/* regWarning helyett, talán beszédesebb és általánosabb név */
.tooltip-error, .error-invalid, .error-mobile {
  position: absolute;
  font-size: 14px;
  bottom: 0;
  right: 0;
  padding-bottom: 0 !important;
  color: #C8102E !important;
  transform: translateY(100%);
  margin-bottom: 0 !important;
  z-index: 1;
}

.error-invalid, .error-mobile {
  z-index: 2;
}

.error-mobile {
  color: #8C9398 !important;
}

.img {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 1.5rem;
  overflow: hidden;
}

.img > img, .img > .inner > img, .img > .datepicker-wrapper > img, .largeImageContainer > img, .smallThumbnails .item > img, .gallery-hd .gallery-thumbs .item > img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

img, iframe {
  border: 0;
  max-width: 100%;
}

/* Az új sass compilerbern már nem lehet használni pl az @extend input[type=text] -et (tehát így selectorral), ezért ezeknek a tartalmát külön kiemeltem ide */
.searchable-select-wrapper .currently-selected-wrapper .currently-selected, .select-wrapper > select, .selector .input > select, .select-wrapper > .select, .selector .input > .select, .input-wrapper.-browse .browse-label, .form-block > div.-browse .browse-label, textarea, input[type=text], input[type=password], input[type=number], input[type=email], input.-qty, .input[type=text], .input[type=password], .input[type=number], .input[type=email], .input.-qty {
  display: flex;
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 2px solid #EBECED;
  border-radius: 0;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  padding: 0 1rem;
  transition: 0.2s ease-in-out;
  white-space: nowrap;
  width: 100%;
  height: 2.5rem;
  line-height: normal;
  min-width: 0;
  -webkit-appearance: none;
  appearance: none;
}
.searchable-select-wrapper .currently-selected-wrapper .currently-selected::-ms-clear, .select-wrapper > select::-ms-clear, .selector .input > select::-ms-clear, .select-wrapper > .select::-ms-clear, .selector .input > .select::-ms-clear, .input-wrapper.-browse .browse-label::-ms-clear, .form-block > div.-browse .browse-label::-ms-clear, textarea::-ms-clear, input[type=text]::-ms-clear, input[type=password]::-ms-clear, input[type=number]::-ms-clear, input[type=email]::-ms-clear, input.-qty::-ms-clear, .input[type=text]::-ms-clear, .input[type=password]::-ms-clear, .input[type=number]::-ms-clear, .input[type=email]::-ms-clear, .input.-qty::-ms-clear {
  display: none;
}
.searchable-select-wrapper .currently-selected-wrapper .currently-selected::-webkit-input-placeholder, .select-wrapper > select::-webkit-input-placeholder, .selector .input > select::-webkit-input-placeholder, .select-wrapper > .select::-webkit-input-placeholder, .selector .input > .select::-webkit-input-placeholder, .input-wrapper.-browse .browse-label::-webkit-input-placeholder, .form-block > div.-browse .browse-label::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input.-qty::-webkit-input-placeholder, .input[type=text]::-webkit-input-placeholder, .input[type=password]::-webkit-input-placeholder, .input[type=number]::-webkit-input-placeholder, .input[type=email]::-webkit-input-placeholder, .input.-qty::-webkit-input-placeholder {
  color: rgba(51, 63, 72, 0.5);
}
.searchable-select-wrapper .currently-selected-wrapper .currently-selected:hover, .select-wrapper > select:hover, .selector .input > select:hover, .select-wrapper > .select:hover, .selector .input > .select:hover, .input-wrapper.-browse .browse-label:hover, .form-block > div.-browse .browse-label:hover, textarea:hover, input[type=text]:hover, input[type=password]:hover, input[type=number]:hover, input[type=email]:hover, input.-qty:hover, .input[type=text]:hover, .input[type=password]:hover, .input[type=number]:hover, .input[type=email]:hover, .input.-qty:hover {
  border-color: rgba(200, 16, 46, 0.25);
}
.searchable-select-wrapper .currently-selected-wrapper .currently-selected:focus, .select-wrapper > select:focus, .selector .input > select:focus, .select-wrapper > .select:focus, .selector .input > .select:focus, .input-wrapper.-browse .browse-label:focus, .form-block > div.-browse .browse-label:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, input.-qty:focus, .input[type=text]:focus, .input[type=password]:focus, .input[type=number]:focus, .input[type=email]:focus, .input.-qty:focus {
  border-color: #C8102E;
  background: transparent;
  outline: none;
  color: #333F48;
}
.searchable-select-wrapper .currently-selected-wrapper .currently-selected:focus ~ label, .select-wrapper > select:focus ~ label, .selector .input > select:focus ~ label, .select-wrapper > .select:focus ~ label, .selector .input > .select:focus ~ label, .input-wrapper.-browse .browse-label:focus ~ label, .form-block > div.-browse .browse-label:focus ~ label, textarea:focus ~ label, input[type=text]:focus ~ label, input[type=password]:focus ~ label, input[type=number]:focus ~ label, input[type=email]:focus ~ label, input.-qty:focus ~ label, .input[type=text]:focus ~ label, .input[type=password]:focus ~ label, .input[type=number]:focus ~ label, .input[type=email]:focus ~ label, .input.-qty:focus ~ label {
  color: #C8102E;
}
.searchable-select-wrapper .currently-selected-wrapper .currently-selected:disabled, .select-wrapper > select:disabled, .selector .input > select:disabled, .select-wrapper > .select:disabled, .selector .input > .select:disabled, .input-wrapper.-browse .browse-label:disabled, .form-block > div.-browse .browse-label:disabled, textarea:disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=email]:disabled, input.-qty:disabled, .input[type=text]:disabled, .input[type=password]:disabled, .input[type=number]:disabled, .input[type=email]:disabled, .input.-qty:disabled {
  opacity: 0.5;
  color: rgba(51, 63, 72, 0.5);
  -webkit-text-fill-color: rgba(51, 63, 72, 0.5);
  cursor: not-allowed;
  background: #EBECED;
}
.searchable-select-wrapper .currently-selected-wrapper .-sm.currently-selected, .select-wrapper > select.-sm, .selector .input > select.-sm, .select-wrapper > .-sm.select, .selector .input > .-sm.select, .input-wrapper.-browse .-sm.browse-label, .form-block > div.-browse .-sm.browse-label, textarea.-sm, input.-sm[type=text], input.-sm[type=password], input.-sm[type=number], input.-sm[type=email], input.-sm.-qty, .-sm.input[type=text], .-sm.input[type=password], .-sm.input[type=number], .-sm.input[type=email], .-sm.input.-qty {
  height: 1.5rem;
  font-size: 14px;
}

input[type=number], .input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, .input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button, .input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=checkbox], input[type=radio], .input[type=checkbox], .input[type=radio] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
}
input[type=checkbox]:disabled, input[type=radio]:disabled, .input[type=checkbox]:disabled, .input[type=radio]:disabled {
  cursor: not-allowed;
}
input[type=checkbox]:disabled + label, input[type=radio]:disabled + label, .input[type=checkbox]:disabled + label, .input[type=radio]:disabled + label {
  cursor: not-allowed;
}
input[type=checkbox]:focus ~ label:before, input[type=radio]:focus ~ label:before, .input[type=checkbox]:focus ~ label:before, .input[type=radio]:focus ~ label:before {
  box-shadow: 0 0 2px 0px #c8102e;
}
input[type=checkbox]:not(:disabled):not(:checked):not(.faux-radio.selected) + label:hover:before, input[type=radio]:not(:disabled):not(:checked):not(.faux-radio.selected) + label:hover:before, .input[type=checkbox]:not(:disabled):not(:checked):not(.faux-radio.selected) + label:hover:before, .input[type=radio]:not(:disabled):not(:checked):not(.faux-radio.selected) + label:hover:before {
  background: #EBECED;
}
input[type=checkbox] + label, input[type=radio] + label, .input[type=checkbox] + label, .input[type=radio] + label {
  cursor: pointer;
  margin-bottom: 5px;
  position: relative;
}
input[type=checkbox] + label:before, input[type=radio] + label:before, .input[type=checkbox] + label:before, .input[type=radio] + label:before {
  border-radius: 100%;
  content: "";
  display: block;
  margin-right: 0.375rem;
  transition: 0.2s ease-in-out;
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
input[type=checkbox] + label + .note, input[type=radio] + label + .note, .input[type=checkbox] + label + .note, .input[type=radio] + label + .note {
  margin: 0 0 0 1.875rem;
}

input[type=checkbox] + label:after, .input[type=checkbox] + label:after {
  content: "radio";
  color: #333F48;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  transition: 0.2s ease-in-out;
}
input[type=checkbox]:checked + label:after, input[type=checkbox].faux-radio.selected + label:after, .input[type=checkbox]:checked + label:after, .input[type=checkbox].faux-radio.selected + label:after {
  content: "checkfull";
}

.faux-radio + label:before, input[type=radio] + label:before, .input[type=radio] + label:before {
  border-radius: 50%;
  border: 2px solid #333F48;
}
.faux-radio + label:after, input[type=radio] + label:after, .input[type=radio] + label:after {
  content: "";
  display: block;
  background: #333F48;
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0.375rem;
  position: absolute;
  transform: scale(0);
  transition: 0.2s ease-in-out;
}
.faux-radio:checked + label:after, .faux-radio.selected + label:after, input[type=radio]:checked + label:after, .input[type=radio]:checked + label:after {
  transform: scale(1);
}

input, .input {
  font-family: inherit;
}
input:-webkit-autofill, .input:-webkit-autofill {
  background-color: rgba(255, 192, 203, 0.5) !important;
  color: black;
}
input.faux, .input.faux {
  border: 1px solid #EBECED;
  border-radius: 1.5rem;
  cursor: not-allowed;
  color: #8C9398;
  padding: 0 1rem;
  background-color: #EBECED;
}
input.faux.small, .input.faux.small {
  border-width: 1px;
  font-size: 14px;
}
input.-qty, .input.-qty {
  padding: 0 5px;
  text-align: center;
  width: 40px;
}

textarea {
  -webkit-appearance: none;
  height: auto;
  white-space: normal;
  line-height: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

.input-wrapper, .form-block > div {
  position: relative;
  margin-bottom: 1rem;
}
.input-wrapper.-checkbox .note, .form-block > div.-checkbox .note {
  margin-left: 1.875rem;
  margin-top: 0;
}
.input-wrapper.-radiobutton-list .item, .form-block > div.-radiobutton-list .item {
  padding: 0.5rem 0;
  border-radius: 1rem;
}
.input-wrapper.-radiobutton-list .item.-selected, .form-block > div.-radiobutton-list .item.-selected {
  background: rgba(51, 63, 72, 0.1);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.input-wrapper.-inline, .form-block > div.-inline {
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}
.input-wrapper.-inline .input-wrapper__item, .form-block > div.-inline .input-wrapper__item {
  margin-left: 5px;
  margin-right: 5px;
}
.input-wrapper.-datehour > .inner > *:last-child:not(:first-child), .form-block > div.-datehour > .inner > *:last-child:not(:first-child), .input-wrapper.-datehour > .datepicker-wrapper > *:last-child:not(:first-child), .form-block > div.-datehour > .datepicker-wrapper > *:last-child:not(:first-child) {
  width: 50%;
}
.input-wrapper.-browse .browse-label, .form-block > div.-browse .browse-label {
  background: #EBECED;
  border-bottom: 0;
  border-radius: 1rem;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 575px) {
  .input-wrapper.-browse .browse-label, .form-block > div.-browse .browse-label {
    white-space: pre-wrap !important;
    flex: 1;
  }
}
.input-wrapper.-browse input[type=file], .form-block > div.-browse input[type=file] {
  position: absolute;
  opacity: 0;
  z-index: -1;
  width: 0;
}
.input-wrapper.-quickorder .qty, .form-block > div.-quickorder .qty {
  width: 60px !important;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.input-wrapper > .inner, .form-block > div > .inner, .input-wrapper > .datepicker-wrapper, .form-block > div > .datepicker-wrapper {
  position: relative;
  margin-left: -5px;
  margin-right: -5px;
}
.input-wrapper > .inner > *, .form-block > div > .inner > *, .input-wrapper > .datepicker-wrapper > *, .form-block > div > .datepicker-wrapper > * {
  margin-left: 5px;
  margin-right: 5px;
}
.input-wrapper label, .form-block > div label {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
.input-wrapper input[type=text], .form-block > div input[type=text], .input-wrapper input[type=password], .form-block > div input[type=password] {
  width: 100%;
  min-width: 0;
}
.input-wrapper .note, .form-block > div .note {
  margin-top: 0.5em;
}
.input-wrapper .error, .form-block > div .error, .input-wrapper .color-danger, .form-block > div .color-danger, .input-wrapper .input-invalid, .form-block > div .input-invalid {
  font-size: 14px;
}

/* customDDL script helyett vs.js-ben apró script hozza ezt létre, és így tetszőlegesen formázható */
.select-wrapper, .selector .input {
  width: 100%;
  position: relative;
  display: inline-block;
}
.select-wrapper:after, .selector .input:after {
  content: "arrow_drop_down";
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  font-size: 1.25rem !important;
  right: 0.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.select-wrapper.multiple:after, .selector .multiple.input:after {
  display: none;
}
.select-wrapper.multiple select, .selector .multiple.input select {
  padding-right: 10px;
  padding-left: 10px;
}
@media only screen and (min-width:768px) {
  .select-wrapper.multiple select, .selector .multiple.input select {
    min-height: 94px;
  }
}
.select-wrapper.multiple option, .selector .multiple.input option {
  padding: 5px 10px;
}
.select-wrapper > select, .selector .input > select, .select-wrapper > .select, .selector .input > .select {
  background: #FFFFFF;
  border-bottom: 0;
  border-radius: 1rem;
  padding-right: calc(1.25rem + 0.75rem);
  cursor: pointer;
}
.select-wrapper > select:focus, .selector .input > select:focus, .select-wrapper > .select:focus, .selector .input > .select:focus {
  background: rgb(247.35, 247.35, 247.35);
}
.select-wrapper > select.-unselected, .selector .input > select.-unselected, .select-wrapper > .select.-unselected, .selector .input > .select.-unselected {
  color: rgba(51, 63, 72, 0.5);
}
.select-wrapper > select.-unselected option, .selector .input > select.-unselected option, .select-wrapper > .select.-unselected option, .selector .input > .select.-unselected option {
  color: #333F48;
  background: #FFFFFF;
}
.select-wrapper > select::-ms-expand, .selector .input > select::-ms-expand, .select-wrapper > .select::-ms-expand, .selector .input > .select::-ms-expand {
  display: none;
}
.select-wrapper + .note, .selector .input + .note {
  margin-top: 0.5rem;
}

.searchable-select-wrapper input[type=radio] + label {
  margin-bottom: 0;
  border-radius: 1rem;
}
.searchable-select-wrapper input[type=radio] + label:before {
  content: none;
}
.searchable-select-wrapper input[type=radio] + label:after {
  content: none;
}
.searchable-select-wrapper .currently-selected-wrapper {
  position: relative;
  display: block;
}
.searchable-select-wrapper .currently-selected-wrapper .currently-selected {
  background: #FFFFFF;
  border-bottom: 0;
  border-radius: 1rem;
  cursor: pointer;
}
.searchable-select-wrapper .currently-selected-wrapper .currently-selected > span {
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.searchable-select-wrapper .currently-selected-wrapper.-open {
  z-index: 2;
}
.searchable-select-wrapper .currently-selected-wrapper.-open .searchable-select-toggle {
  transform: rotate(180deg);
}
.searchable-select-wrapper .currently-selected-wrapper .searchable-select-toggle {
  position: absolute;
  right: 0.25rem;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.searchable-select-wrapper .currently-selected-wrapper.disabled {
  opacity: 0.5;
  color: rgba(51, 63, 72, 0.5);
  -webkit-text-fill-color: rgba(51, 63, 72, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.searchable-select-wrapper .searchable-select-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
}
.searchable-select-wrapper .searchable-select-panel {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  display: block;
  opacity: 0;
  border: 1px solid #EBECED;
  border-radius: 1.5rem;
  padding: 1rem;
  background: #FFFFFF;
  z-index: 4;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  pointer-events: none;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-calc(-1.25rem));
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}
.searchable-select-wrapper .searchable-select-panel.-open {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.searchable-select-wrapper .searchable-select-panel .searchable-select-input-wrapper {
  padding: 0.25rem;
}
.searchable-select-wrapper .searchable-select-panel .searchable-select-input-wrapper input[type=text] {
  height: 2.25rem;
  font-size: 14px;
}
.searchable-select-wrapper .searchable-select-panel .results-list {
  display: flex;
  flex-direction: column;
  max-height: 300px;
  overflow-x: hidden;
  scrollbar-color: #333F48 #CFD2D5;
  scrollbar-width: thin;
}
.searchable-select-wrapper .searchable-select-panel .results-list::-webkit-scrollbar {
  width: 0.25rem;
}
.searchable-select-wrapper .searchable-select-panel .results-list::-webkit-scrollbar-track {
  background: #CFD2D5;
  border-radius: 0.25rem;
}
.searchable-select-wrapper .searchable-select-panel .results-list::-webkit-scrollbar-thumb {
  background: #333F48;
  border-radius: 0.25rem;
}
.searchable-select-wrapper .searchable-select-panel .results-list::-webkit-scrollbar-thumb:hover {
  background: rgb(29.8536585366, 36.8780487805, 42.1463414634);
}
.searchable-select-wrapper .searchable-select-panel .results-list > .list-item.-hide-null {
  display: none;
}
.searchable-select-wrapper .searchable-select-panel .results-list > .list-item input[type=radio].active + label {
  color: #C8102E;
}
.searchable-select-wrapper .searchable-select-panel .results-list > .list-item > label {
  padding: 0.5rem;
  font-size: 14px;
  white-space: nowrap;
  transition: 0.2s ease-in-out;
}
.searchable-select-wrapper .searchable-select-panel .results-list > .list-item > label:hover {
  background: #EBECED !important;
}
.searchable-select-wrapper .searchable-select-panel .results-list > .list-item.-selected > label {
  background: #EBECED;
}

.row-select {
  position: relative;
}
.row-select input + label {
  margin-bottom: 0;
}
.row-select input + label:before {
  margin-right: 0;
}

.darker-input .select-wrapper > select, .darker-input .selector .input > select, .selector .darker-input .input > select, .darker-input .select-wrapper > .select, .darker-input .selector .input > .select, .selector .darker-input .input > .select {
  background: #EBECED;
}
.darker-input .select-wrapper > select:focus, .darker-input .selector .input > select:focus, .selector .darker-input .input > select:focus, .darker-input .select-wrapper > .select:focus, .darker-input .selector .input > .select:focus, .selector .darker-input .input > .select:focus {
  background: rgb(221.5789473684, 223.25, 224.9210526316);
}
.darker-input .select-wrapper > select:not([multiple]) option, .darker-input .selector .input > select:not([multiple]) option, .selector .darker-input .input > select:not([multiple]) option, .darker-input .select-wrapper > .select:not([multiple]) option, .darker-input .selector .input > .select:not([multiple]) option, .selector .darker-input .input > .select:not([multiple]) option {
  background: #FFFFFF;
}

@media only screen and (max-width: 991px) {
  .darker-input-on-mobile .select-wrapper > select, .darker-input-on-mobile .selector .input > select, .selector .darker-input-on-mobile .input > select, .darker-input-on-mobile .select-wrapper > .select, .darker-input-on-mobile .selector .input > .select, .selector .darker-input-on-mobile .input > .select {
    background: #EBECED;
  }
  .darker-input-on-mobile .select-wrapper > select:focus, .darker-input-on-mobile .selector .input > select:focus, .selector .darker-input-on-mobile .input > select:focus, .darker-input-on-mobile .select-wrapper > .select:focus, .darker-input-on-mobile .selector .input > .select:focus, .selector .darker-input-on-mobile .input > .select:focus {
    background: rgb(221.5789473684, 223.25, 224.9210526316);
  }
  .darker-input-on-mobile .select-wrapper > select:not([multiple]) option, .darker-input-on-mobile .selector .input > select:not([multiple]) option, .selector .darker-input-on-mobile .input > select:not([multiple]) option, .darker-input-on-mobile .select-wrapper > .select:not([multiple]) option, .darker-input-on-mobile .selector .input > .select:not([multiple]) option, .selector .darker-input-on-mobile .input > .select:not([multiple]) option {
    background: #FFFFFF;
  }
}

.darker-input-borders input[type=text], .darker-input-borders input[type=password], .darker-input-borders input[type=number], .darker-input-borders input[type=email], .darker-input-borders input.-qty, .darker-input-borders .input[type=text], .darker-input-borders .input[type=password], .darker-input-borders .input[type=number], .darker-input-borders .input[type=email], .darker-input-borders .input.-qty {
  border-color: #CFD2D5;
}
.darker-input-borders input[type=text]:hover, .darker-input-borders input[type=password]:hover, .darker-input-borders input[type=number]:hover, .darker-input-borders input[type=email]:hover, .darker-input-borders input.-qty:hover, .darker-input-borders .input[type=text]:hover, .darker-input-borders .input[type=password]:hover, .darker-input-borders .input[type=number]:hover, .darker-input-borders .input[type=email]:hover, .darker-input-borders .input.-qty:hover {
  border-color: rgba(200, 16, 46, 0.25);
}
.darker-input-borders input[type=text]:focus, .darker-input-borders input[type=password]:focus, .darker-input-borders input[type=number]:focus, .darker-input-borders input[type=email]:focus, .darker-input-borders input.-qty:focus, .darker-input-borders .input[type=text]:focus, .darker-input-borders .input[type=password]:focus, .darker-input-borders .input[type=number]:focus, .darker-input-borders .input[type=email]:focus, .darker-input-borders .input.-qty:focus {
  border-color: #C8102E;
}

.icons-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.icons-wrapper .icon-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #EBECED;
  padding: 0.5rem;
  border-radius: 1rem;
  width: initial;
  height: initial;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.icons-wrapper .icon-item:hover {
  background: rgb(208.1578947368, 210.5, 212.8421052632);
}
.icons-wrapper .icon-item.-with-label {
  padding: 0.5rem 1rem;
}
.icons-wrapper .icon-item.-with-label:before {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.icons-wrapper .icon-item.-active {
  background: #67CF15;
  color: #FFFFFF;
}
.icons-wrapper .icon-item.-active-secondary {
  background: #C8102E;
  color: #FFFFFF;
}
.icons-wrapper .icon-item.-faux, .icons-wrapper .gallery-hd .owl-nav > .icon-item.disabled, .gallery-hd .icons-wrapper .owl-nav > .icon-item.disabled {
  background: #EBECED !important;
  opacity: 0.6;
  border: none;
}
.icons-wrapper .icon-item.-faux:hover, .icons-wrapper .gallery-hd .owl-nav > .icon-item.disabled:hover, .gallery-hd .icons-wrapper .owl-nav > .icon-item.disabled:hover {
  background: #EBECED !important;
}
.icons-wrapper .icon-item.-faux > *, .icons-wrapper .gallery-hd .owl-nav > .icon-item.disabled > *, .gallery-hd .icons-wrapper .owl-nav > .icon-item.disabled > * {
  cursor: not-allowed !important;
}
.icons-wrapper .icon, .icons-wrapper .accordion-header .toggler, .accordion-header .icons-wrapper .toggler, .icons-wrapper .accordion-header.-clickable:after {
  cursor: pointer !important;
}
.calendar-root > .select-wrapper:before, .selector .calendar-root > .input:before, .download-item > .inner .img-wrapper .ext:after, .download-item > .datepicker-wrapper .img-wrapper .ext:after, .cart-navs .cart-nav.-download:after, .selector.-multi > .values > .value:after, .selector.-single > .values > .value:after, .szuropanel .filters-more:after, .stars > .star:before, .package-wrapper > .item .p-item:not(:last-child):after, .video-thumb:after, .pl-views .view:before, .color-and-size-picker .size-picker-pd > div:before, .color-and-size-picker .color-picker-pd > a:after, .p-item .into-cart .submit:before, .p-item.-cod .img:after, .p-item.-shipping .img:after, .personal-icons .tultip.-NOGLS:before, .personal-icons .tultip.-nogls:before, .labels-wrapper > .label:before, .stock-wrapper > *:before, .search-form .clear, .search-form .action, .menu-icon > a:before, .webmenu.-mobile > li.-more > a:before, .webmenu > li.expandable:after, .products__menu-icon:before, .pager .arrows-and-pages .arrow:before, .button:before, .owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before, .owl-custom .owl-custom-nav button.owl-prev:before, .owl-custom .owl-custom-nav button.owl-next:before, .button:after, .owl-carousel .owl-nav button.owl-prev:after, .owl-carousel .owl-nav button.owl-next:after, .owl-custom .owl-custom-nav button.owl-prev:after, .owl-custom .owl-custom-nav button.owl-next:after, .icon:before, .accordion-header .toggler:before, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-custom .owl-custom-nav button.owl-prev, .owl-custom .owl-custom-nav button.owl-next, .ui-datepicker-trigger, #toTop:before, .GalleryPreview .owl-carousel .owl-nav > .owl-prev, .GalleryPreview .owl-carousel .owl-nav .owl-next, .main-video-item:after, .gallery-hd .owl-nav > *, .popper .popped-close:after, .popper .popper__close:after, .popper .popper-close:after, .rendered .table-row .innerHead > *:first-child:before, .no-result:before, input[type=checkbox] + label:after, .input[type=checkbox] + label:after, .select-wrapper:after, .selector .input:after {
  font-family: "Festek96_Icons" !important;
  font-size: 1.5rem;
  line-height: 1 !important;
  font-weight: normal !important;
  font-style: normal !important;
  border: none;
}

.icon, .accordion-header .toggler, .accordion-header.-clickable:after {
  font-family: "Festek96_Icons" !important;
  font-size: 1.5rem;
  font-weight: normal !important;
  font-style: normal !important;
  line-height: 1 !important;
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  padding: 0;
  flex-shrink: 0;
  flex-grow: 0;
  text-align: center;
  text-decoration: none !important;
}
.icon:before, .accordion-header .toggler:before {
  display: block;
}
.icon.-huge, .accordion-header .-huge.toggler, .-huge.accordion-header.-clickable:after {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 2.5rem;
}
.icon.-huge:before, .accordion-header .-huge.toggler:before {
  font-size: 2.5rem;
}
.icon.-lg, .accordion-header .-lg.toggler, .-lg.accordion-header.-clickable:after {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.-lg:before, .accordion-header .-lg.toggler:before {
  font-size: 2rem;
}
.icon.-sm, .accordion-header .-sm.toggler, .-sm.accordion-header.-clickable:after {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.-sm:before, .accordion-header .-sm.toggler:before {
  font-size: 1.25rem;
}
.icon.-xs, .accordion-header .-xs.toggler, .-xs.accordion-header.-clickable:after {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.-xs:before, .accordion-header .-xs.toggler:before {
  font-size: 1.125rem;
}
.icon.-svg, .accordion-header .-svg.toggler, .-svg.accordion-header.-clickable:after {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.5rem 1.5rem;
  background-color: transparent;
}
.icon.-svg.-facebook, .accordion-header .-svg.-facebook.toggler, .-svg.-facebook.accordion-header.-clickable:after {
  background-image: url(../images/facebook-logo-60px.svg);
}
.icon.-svg.-google, .accordion-header .-svg.-google.toggler, .-svg.-google.accordion-header.-clickable:after {
  background-image: url(../images/google-logo-60px.svg);
}
.icon.-faux, .accordion-header .-faux.toggler, .-faux.accordion-header.-clickable:after, .gallery-hd .owl-nav > .icon.disabled, .gallery-hd .accordion-header .owl-nav > .disabled.toggler, .accordion-header .gallery-hd .owl-nav > .disabled.toggler, .gallery-hd .owl-nav > .disabled.accordion-header.-clickable:after {
  color: rgba(51, 63, 72, 0.5) !important;
}
.icon.-faux:before, .accordion-header .-faux.toggler:before, .gallery-hd .owl-nav > .icon.disabled:before, .gallery-hd .accordion-header .owl-nav > .disabled.toggler:before, .accordion-header .gallery-hd .owl-nav > .disabled.toggler:before {
  color: rgba(51, 63, 72, 0.5) !important;
}
.icon.-rotate-90, .accordion-header .-rotate-90.toggler, .-rotate-90.accordion-header.-clickable:after {
  transform: rotate(90deg);
}
.icon.-rotate-180, .accordion-header .-rotate-180.toggler, .-rotate-180.accordion-header.-clickable:after {
  transform: rotate(180deg);
}
.icon.-rotate-270, .accordion-header .-rotate-270.toggler, .-rotate-270.accordion-header.-clickable:after {
  transform: rotate(270deg);
}
.icon.-clear:before, .accordion-header .-clear.toggler:before, .icon.-remove:before, .accordion-header .-remove.toggler:before {
  content: "delete";
  color: #C8102E;
}
.icon.-close:before, .accordion-header .-close.toggler:before {
  content: "close";
}
.icon.-compare:before, .accordion-header .-compare.toggler:before {
  content: "view_column";
}
.icon.-compare.-active:before, .accordion-header .-compare.-active.toggler:before {
  color: #67CF15;
}
.icon.-favorite:before, .accordion-header .-favorite.toggler:before {
  content: "heart";
}
.icon.-favorite.-active:before, .accordion-header .-favorite.-active.toggler:before {
  content: "heart";
}
.icon.-help, .accordion-header .-help.toggler, .-help.accordion-header.-clickable:after {
  cursor: pointer;
}
.icon.-help:before, .accordion-header .-help.toggler:before {
  content: "help";
}
.icon.-info:before, .accordion-header .-info.toggler:before {
  content: "info";
}
.icon.-minus:before, .accordion-header .-minus.toggler:before {
  content: "remove";
}
.icon.-plus:before, .accordion-header .-plus.toggler:before, .icon.-add:before, .accordion-header .-add.toggler:before {
  content: "add";
}
.icon.-pricenotify:before, .accordion-header .-pricenotify.toggler:before {
  content: "notification_important";
}
.icon.-stocknotify:before, .accordion-header .-stocknotify.toggler:before {
  content: "notifications_paused";
}
.icon.-delete:before, .accordion-header .-delete.toggler:before {
  content: "delete";
  color: #C8102E;
}
.icon.-share:before, .accordion-header .-share.toggler:before {
  content: "share";
}
.icon.-list:before, .accordion-header .-list.toggler:before {
  content: "listadd";
}
.icon.-list.-active:before, .accordion-header .-list.-active.toggler:before {
  content: "listok";
  color: #FFFFFF;
}
.icon.-pdf:before, .accordion-header .-pdf.toggler:before {
  content: "text_snippet";
}
.icon.-issue:before, .accordion-header .-issue.toggler:before {
  content: "report";
}
.icon.-print:before, .accordion-header .-print.toggler:before {
  content: "print";
}
.icon.-admins:before, .accordion-header .-admins.toggler:before {
  content: "person";
}
.icon.-addresses:before, .accordion-header .-addresses.toggler:before {
  content: "place";
}
.icon.-see:before, .accordion-header .-see.toggler:before {
  content: "visibility";
}
.icon.-edit:before, .accordion-header .-edit.toggler:before {
  content: "edit";
}
.icon.-search:before, .accordion-header .-search.toggler:before {
  content: "search";
}

.clear-icon {
  background-image: url(../images/baseline-close-24px.svg);
}

.delete-icon {
  background-image: url(../images/ic_del_black_24.svg);
}

.add-icon {
  background-image: url(../images/ic_plus_dark_24px.svg);
}

button.icon, .accordion-header button.toggler, button.accordion-header.-clickable:after {
  background-color: transparent;
}

.button, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-custom .owl-custom-nav button.owl-prev, .owl-custom .owl-custom-nav button.owl-next {
  background: #333F48;
  border-radius: 1rem;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  padding: 0 1rem;
  position: relative;
  height: 2.5rem;
  text-align: center;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  white-space: nowrap;
  line-height: 1;
}
.button:hover, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover, .owl-custom .owl-custom-nav button.owl-prev:hover, .owl-custom .owl-custom-nav button.owl-next:hover, .button.loader-active, .owl-carousel .owl-nav button.loader-active.owl-prev, .owl-carousel .owl-nav button.loader-active.owl-next, .owl-custom .owl-custom-nav button.loader-active.owl-prev, .owl-custom .owl-custom-nav button.loader-active.owl-next {
  background: rgb(72.1463414634, 89.1219512195, 101.8536585366);
  color: #FFFFFF;
  text-decoration: none;
}
.button:focus, .owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel .owl-nav button.owl-next:focus, .owl-custom .owl-custom-nav button.owl-prev:focus, .owl-custom .owl-custom-nav button.owl-next:focus {
  outline: none;
}
.button.-left-icon:after, .button.-back:after, .owl-carousel .owl-nav button.-left-icon.owl-prev:after, .owl-carousel .owl-nav button.owl-prev.-back:after, .owl-carousel .owl-nav button.-left-icon.owl-next:after, .owl-carousel .owl-nav button.owl-next.-back:after, .owl-custom .owl-custom-nav button.-left-icon.owl-prev:after, .owl-custom .owl-custom-nav button.owl-prev.-back:after, .owl-custom .owl-custom-nav button.-left-icon.owl-next:after, .owl-custom .owl-custom-nav button.owl-next.-back:after, .button.-left-icon:before, .button.-back:before, .owl-carousel .owl-nav button.-left-icon.owl-prev:before, .owl-carousel .owl-nav button.owl-prev.-back:before, .owl-carousel .owl-nav button.-left-icon.owl-next:before, .owl-carousel .owl-nav button.owl-next.-back:before, .owl-custom .owl-custom-nav button.-left-icon.owl-prev:before, .owl-custom .owl-custom-nav button.owl-prev.-back:before, .owl-custom .owl-custom-nav button.-left-icon.owl-next:before, .owl-custom .owl-custom-nav button.owl-next.-back:before {
  margin: 0 5px 0 -5px;
}
.button.-right-icon:after, .button.-forward:after, .owl-carousel .owl-nav button.-right-icon.owl-prev:after, .owl-carousel .owl-nav button.owl-prev.-forward:after, .owl-carousel .owl-nav button.-right-icon.owl-next:after, .owl-carousel .owl-nav button.owl-next.-forward:after, .owl-custom .owl-custom-nav button.-right-icon.owl-prev:after, .owl-custom .owl-custom-nav button.owl-prev.-forward:after, .owl-custom .owl-custom-nav button.-right-icon.owl-next:after, .owl-custom .owl-custom-nav button.owl-next.-forward:after, .button.-right-icon:before, .button.-forward:before, .owl-carousel .owl-nav button.-right-icon.owl-prev:before, .owl-carousel .owl-nav button.owl-prev.-forward:before, .owl-carousel .owl-nav button.-right-icon.owl-next:before, .owl-carousel .owl-nav button.owl-next.-forward:before, .owl-custom .owl-custom-nav button.-right-icon.owl-prev:before, .owl-custom .owl-custom-nav button.owl-prev.-forward:before, .owl-custom .owl-custom-nav button.-right-icon.owl-next:before, .owl-custom .owl-custom-nav button.owl-next.-forward:before {
  margin: 0 -5px 0 5px;
}
.button.-border, .owl-carousel .owl-nav button.-border.owl-prev, .owl-carousel .owl-nav button.-border.owl-next, .owl-custom .owl-custom-nav button.-border.owl-prev, .owl-custom .owl-custom-nav button.-border.owl-next {
  background: transparent;
  border: 1px solid #333F48;
  color: #333F48;
}
.button.-border:hover, .owl-carousel .owl-nav button.-border.owl-prev:hover, .owl-carousel .owl-nav button.-border.owl-next:hover, .owl-custom .owl-custom-nav button.-border.owl-prev:hover, .owl-custom .owl-custom-nav button.-border.owl-next:hover, .button.-border.loader-active, .owl-carousel .owl-nav button.-border.loader-active.owl-prev, .owl-carousel .owl-nav button.-border.loader-active.owl-next, .owl-custom .owl-custom-nav button.-border.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-border.loader-active.owl-next {
  background: #333F48;
  color: #FFFFFF;
}
.button.-border:hover > *, .owl-carousel .owl-nav button.-border.owl-prev:hover > *, .owl-carousel .owl-nav button.-border.owl-next:hover > *, .owl-custom .owl-custom-nav button.-border.owl-prev:hover > *, .owl-custom .owl-custom-nav button.-border.owl-next:hover > *, .button.-border.loader-active > *, .owl-carousel .owl-nav button.-border.loader-active.owl-prev > *, .owl-carousel .owl-nav button.-border.loader-active.owl-next > *, .owl-custom .owl-custom-nav button.-border.loader-active.owl-prev > *, .owl-custom .owl-custom-nav button.-border.loader-active.owl-next > * {
  color: #FFFFFF;
}
.button.-square, .owl-carousel .owl-nav button.-square.owl-prev, .owl-carousel .owl-nav button.-square.owl-next, .owl-custom .owl-custom-nav button.-square.owl-prev, .owl-custom .owl-custom-nav button.-square.owl-next {
  width: 2.5rem;
}
.button.-square.loading .loader, .owl-carousel .owl-nav button.-square.loading.owl-prev .loader, .owl-carousel .owl-nav button.-square.loading.owl-next .loader, .owl-custom .owl-custom-nav button.-square.loading.owl-prev .loader, .owl-custom .owl-custom-nav button.-square.loading.owl-next .loader {
  width: 20px;
}
.button.-primary, .owl-carousel .owl-nav button.-primary.owl-prev, .owl-carousel .owl-nav button.-primary.owl-next, .owl-custom .owl-custom-nav button.-primary.owl-prev, .owl-custom .owl-custom-nav button.-primary.owl-next {
  background: #333F48;
  color: #FFFFFF;
}
.button.-primary:hover, .owl-carousel .owl-nav button.-primary.owl-prev:hover, .owl-carousel .owl-nav button.-primary.owl-next:hover, .owl-custom .owl-custom-nav button.-primary.owl-prev:hover, .owl-custom .owl-custom-nav button.-primary.owl-next:hover, .button.-primary.loader-active, .owl-carousel .owl-nav button.-primary.loader-active.owl-prev, .owl-carousel .owl-nav button.-primary.loader-active.owl-next, .owl-custom .owl-custom-nav button.-primary.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-primary.loader-active.owl-next {
  background: rgb(72.1463414634, 89.1219512195, 101.8536585366);
  color: #FFFFFF;
}
.button.-primary.-border, .owl-carousel .owl-nav button.-primary.-border.owl-prev, .owl-carousel .owl-nav button.-primary.-border.owl-next, .owl-custom .owl-custom-nav button.-primary.-border.owl-prev, .owl-custom .owl-custom-nav button.-primary.-border.owl-next {
  background: transparent;
  border: 1px solid #333F48;
  color: #333F48;
}
.button.-primary.-border:hover, .owl-carousel .owl-nav button.-primary.-border.owl-prev:hover, .owl-carousel .owl-nav button.-primary.-border.owl-next:hover, .owl-custom .owl-custom-nav button.-primary.-border.owl-prev:hover, .owl-custom .owl-custom-nav button.-primary.-border.owl-next:hover, .button.-primary.-border.loader-active, .owl-carousel .owl-nav button.-primary.-border.loader-active.owl-prev, .owl-carousel .owl-nav button.-primary.-border.loader-active.owl-next, .owl-custom .owl-custom-nav button.-primary.-border.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-primary.-border.loader-active.owl-next {
  background: #333F48;
  color: #FFFFFF;
}
.button.-primary-forced, .owl-carousel .owl-nav button.-primary-forced.owl-prev, .owl-carousel .owl-nav button.-primary-forced.owl-next, .owl-custom .owl-custom-nav button.-primary-forced.owl-prev, .owl-custom .owl-custom-nav button.-primary-forced.owl-next {
  background: #333F48 !important;
  color: #FFFFFF !important;
}
.button.-primary-forced:hover, .owl-carousel .owl-nav button.-primary-forced.owl-prev:hover, .owl-carousel .owl-nav button.-primary-forced.owl-next:hover, .owl-custom .owl-custom-nav button.-primary-forced.owl-prev:hover, .owl-custom .owl-custom-nav button.-primary-forced.owl-next:hover, .button.-primary-forced.loader-active, .owl-carousel .owl-nav button.-primary-forced.loader-active.owl-prev, .owl-carousel .owl-nav button.-primary-forced.loader-active.owl-next, .owl-custom .owl-custom-nav button.-primary-forced.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-primary-forced.loader-active.owl-next {
  background: rgb(72.1463414634, 89.1219512195, 101.8536585366) !important;
  color: #FFFFFF !important;
}
.button.-primary-forced.-border, .owl-carousel .owl-nav button.-primary-forced.-border.owl-prev, .owl-carousel .owl-nav button.-primary-forced.-border.owl-next, .owl-custom .owl-custom-nav button.-primary-forced.-border.owl-prev, .owl-custom .owl-custom-nav button.-primary-forced.-border.owl-next {
  background: transparent !important;
  border: 1px solid #333F48 !important;
  color: #333F48 !important;
}
.button.-primary-forced.-border:hover, .owl-carousel .owl-nav button.-primary-forced.-border.owl-prev:hover, .owl-carousel .owl-nav button.-primary-forced.-border.owl-next:hover, .owl-custom .owl-custom-nav button.-primary-forced.-border.owl-prev:hover, .owl-custom .owl-custom-nav button.-primary-forced.-border.owl-next:hover, .button.-primary-forced.-border.loader-active, .owl-carousel .owl-nav button.-primary-forced.-border.loader-active.owl-prev, .owl-carousel .owl-nav button.-primary-forced.-border.loader-active.owl-next, .owl-custom .owl-custom-nav button.-primary-forced.-border.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-primary-forced.-border.loader-active.owl-next {
  background: #333F48 !important;
  color: #FFFFFF !important;
}
.button.-secondary, .owl-carousel .owl-nav button.-secondary.owl-prev, .owl-carousel .owl-nav button.-secondary.owl-next, .owl-custom .owl-custom-nav button.-secondary.owl-prev, .owl-custom .owl-custom-nav button.-secondary.owl-next {
  background: #C8102E;
}
.button.-secondary:hover, .owl-carousel .owl-nav button.-secondary.owl-prev:hover, .owl-carousel .owl-nav button.-secondary.owl-next:hover, .owl-custom .owl-custom-nav button.-secondary.owl-prev:hover, .owl-custom .owl-custom-nav button.-secondary.owl-next:hover, .button.-secondary.loader-active, .owl-carousel .owl-nav button.-secondary.loader-active.owl-prev, .owl-carousel .owl-nav button.-secondary.loader-active.owl-next, .owl-custom .owl-custom-nav button.-secondary.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-secondary.loader-active.owl-next {
  background: rgb(237, 30, 63.75);
}
.button.-secondary.-border, .owl-carousel .owl-nav button.-secondary.-border.owl-prev, .owl-carousel .owl-nav button.-secondary.-border.owl-next, .owl-custom .owl-custom-nav button.-secondary.-border.owl-prev, .owl-custom .owl-custom-nav button.-secondary.-border.owl-next {
  background: transparent;
  border: 1px solid #C8102E;
  color: #C8102E;
}
.button.-secondary.-border:hover, .owl-carousel .owl-nav button.-secondary.-border.owl-prev:hover, .owl-carousel .owl-nav button.-secondary.-border.owl-next:hover, .owl-custom .owl-custom-nav button.-secondary.-border.owl-prev:hover, .owl-custom .owl-custom-nav button.-secondary.-border.owl-next:hover, .button.-secondary.-border.loader-active, .owl-carousel .owl-nav button.-secondary.-border.loader-active.owl-prev, .owl-carousel .owl-nav button.-secondary.-border.loader-active.owl-next, .owl-custom .owl-custom-nav button.-secondary.-border.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-secondary.-border.loader-active.owl-next {
  background: #C8102E;
  color: #FFFFFF;
}
.button.-primary-alt, .owl-carousel .owl-nav button.-primary-alt.owl-prev, .owl-carousel .owl-nav button.-primary-alt.owl-next, .owl-custom .owl-custom-nav button.-primary-alt.owl-prev, .owl-custom .owl-custom-nav button.-primary-alt.owl-next {
  background: #8C9398;
}
.button.-primary-alt:hover, .owl-carousel .owl-nav button.-primary-alt.owl-prev:hover, .owl-carousel .owl-nav button.-primary-alt.owl-next:hover, .owl-custom .owl-custom-nav button.-primary-alt.owl-prev:hover, .owl-custom .owl-custom-nav button.-primary-alt.owl-next:hover, .button.-primary-alt.loader-active, .owl-carousel .owl-nav button.-primary-alt.loader-active.owl-prev, .owl-carousel .owl-nav button.-primary-alt.loader-active.owl-next, .owl-custom .owl-custom-nav button.-primary-alt.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-primary-alt.loader-active.owl-next {
  background: rgb(166.9036697248, 172.2660550459, 176.0963302752);
}
.button.-primary-alt.-border, .owl-carousel .owl-nav button.-primary-alt.-border.owl-prev, .owl-carousel .owl-nav button.-primary-alt.-border.owl-next, .owl-custom .owl-custom-nav button.-primary-alt.-border.owl-prev, .owl-custom .owl-custom-nav button.-primary-alt.-border.owl-next {
  background: transparent;
  border: 1px solid #8C9398;
  color: #8C9398;
}
.button.-primary-alt.-border:hover, .owl-carousel .owl-nav button.-primary-alt.-border.owl-prev:hover, .owl-carousel .owl-nav button.-primary-alt.-border.owl-next:hover, .owl-custom .owl-custom-nav button.-primary-alt.-border.owl-prev:hover, .owl-custom .owl-custom-nav button.-primary-alt.-border.owl-next:hover, .button.-primary-alt.-border.loader-active, .owl-carousel .owl-nav button.-primary-alt.-border.loader-active.owl-prev, .owl-carousel .owl-nav button.-primary-alt.-border.loader-active.owl-next, .owl-custom .owl-custom-nav button.-primary-alt.-border.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-primary-alt.-border.loader-active.owl-next {
  background: #8C9398;
  color: #FFFFFF;
}
.button.-success, .owl-carousel .owl-nav button.-success.owl-prev, .owl-carousel .owl-nav button.-success.owl-next, .owl-custom .owl-custom-nav button.-success.owl-prev, .owl-custom .owl-custom-nav button.-success.owl-next {
  background: #67CF15;
}
.button.-success:hover, .owl-carousel .owl-nav button.-success.owl-prev:hover, .owl-carousel .owl-nav button.-success.owl-next:hover, .owl-custom .owl-custom-nav button.-success.owl-prev:hover, .owl-custom .owl-custom-nav button.-success.owl-next:hover, .button.-success.loader-active, .owl-carousel .owl-nav button.-success.loader-active.owl-prev, .owl-carousel .owl-nav button.-success.loader-active.owl-next, .owl-custom .owl-custom-nav button.-success.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-success.loader-active.owl-next {
  background: rgb(128.3552631579, 233.7236842105, 45.2763157895);
}
.button.-success.-border, .owl-carousel .owl-nav button.-success.-border.owl-prev, .owl-carousel .owl-nav button.-success.-border.owl-next, .owl-custom .owl-custom-nav button.-success.-border.owl-prev, .owl-custom .owl-custom-nav button.-success.-border.owl-next {
  background: transparent;
  border: 1px solid #67CF15;
  color: #67CF15;
}
.button.-success.-border:hover, .owl-carousel .owl-nav button.-success.-border.owl-prev:hover, .owl-carousel .owl-nav button.-success.-border.owl-next:hover, .owl-custom .owl-custom-nav button.-success.-border.owl-prev:hover, .owl-custom .owl-custom-nav button.-success.-border.owl-next:hover, .button.-success.-border.loader-active, .owl-carousel .owl-nav button.-success.-border.loader-active.owl-prev, .owl-carousel .owl-nav button.-success.-border.loader-active.owl-next, .owl-custom .owl-custom-nav button.-success.-border.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-success.-border.loader-active.owl-next {
  background: #67CF15;
  color: #FFFFFF;
}
.button.-danger, .owl-carousel .owl-nav button.-danger.owl-prev, .owl-carousel .owl-nav button.-danger.owl-next, .owl-custom .owl-custom-nav button.-danger.owl-prev, .owl-custom .owl-custom-nav button.-danger.owl-next {
  background: #C8102E;
}
.button.-danger:hover, .owl-carousel .owl-nav button.-danger.owl-prev:hover, .owl-carousel .owl-nav button.-danger.owl-next:hover, .owl-custom .owl-custom-nav button.-danger.owl-prev:hover, .owl-custom .owl-custom-nav button.-danger.owl-next:hover, .button.-danger.loader-active, .owl-carousel .owl-nav button.-danger.loader-active.owl-prev, .owl-carousel .owl-nav button.-danger.loader-active.owl-next, .owl-custom .owl-custom-nav button.-danger.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-danger.loader-active.owl-next {
  background: rgb(237, 30, 63.75);
}
.button.-danger.-border, .owl-carousel .owl-nav button.-danger.-border.owl-prev, .owl-carousel .owl-nav button.-danger.-border.owl-next, .owl-custom .owl-custom-nav button.-danger.-border.owl-prev, .owl-custom .owl-custom-nav button.-danger.-border.owl-next {
  background: transparent;
  border: 1px solid #C8102E;
  color: #C8102E;
}
.button.-danger.-border:hover, .owl-carousel .owl-nav button.-danger.-border.owl-prev:hover, .owl-carousel .owl-nav button.-danger.-border.owl-next:hover, .owl-custom .owl-custom-nav button.-danger.-border.owl-prev:hover, .owl-custom .owl-custom-nav button.-danger.-border.owl-next:hover, .button.-danger.-border.loader-active, .owl-carousel .owl-nav button.-danger.-border.loader-active.owl-prev, .owl-carousel .owl-nav button.-danger.-border.loader-active.owl-next, .owl-custom .owl-custom-nav button.-danger.-border.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-danger.-border.loader-active.owl-next {
  background: #C8102E;
  color: #FFFFFF;
}
.button.-light, .owl-carousel .owl-nav button.-light.owl-prev, .owl-carousel .owl-nav button.-light.owl-next, .owl-custom .owl-custom-nav button.-light.owl-prev, .owl-custom .owl-custom-nav button.-light.owl-next {
  background: #EBECED;
  color: #333F48;
}
.button.-light:hover, .owl-carousel .owl-nav button.-light.owl-prev:hover, .owl-carousel .owl-nav button.-light.owl-next:hover, .owl-custom .owl-custom-nav button.-light.owl-prev:hover, .owl-custom .owl-custom-nav button.-light.owl-next:hover, .button.-light.loader-active, .owl-carousel .owl-nav button.-light.loader-active.owl-prev, .owl-carousel .owl-nav button.-light.loader-active.owl-next, .owl-custom .owl-custom-nav button.-light.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-light.loader-active.owl-next {
  background: rgb(240.3684210526, 241.1, 241.8315789474);
}
.button.-light.-border, .owl-carousel .owl-nav button.-light.-border.owl-prev, .owl-carousel .owl-nav button.-light.-border.owl-next, .owl-custom .owl-custom-nav button.-light.-border.owl-prev, .owl-custom .owl-custom-nav button.-light.-border.owl-next {
  background: transparent;
  border: 1px solid #EBECED;
  color: #EBECED;
}
.button.-light.-border:hover, .owl-carousel .owl-nav button.-light.-border.owl-prev:hover, .owl-carousel .owl-nav button.-light.-border.owl-next:hover, .owl-custom .owl-custom-nav button.-light.-border.owl-prev:hover, .owl-custom .owl-custom-nav button.-light.-border.owl-next:hover, .button.-light.-border.loader-active, .owl-carousel .owl-nav button.-light.-border.loader-active.owl-prev, .owl-carousel .owl-nav button.-light.-border.loader-active.owl-next, .owl-custom .owl-custom-nav button.-light.-border.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-light.-border.loader-active.owl-next {
  background: #EBECED;
  color: #FFFFFF;
}
.button.-grey, .owl-carousel .owl-nav button.-grey.owl-prev, .owl-carousel .owl-nav button.-grey.owl-next, .owl-custom .owl-custom-nav button.-grey.owl-prev, .owl-custom .owl-custom-nav button.-grey.owl-next {
  background: #8C9398;
}
.button.-grey:hover, .owl-carousel .owl-nav button.-grey.owl-prev:hover, .owl-carousel .owl-nav button.-grey.owl-next:hover, .owl-custom .owl-custom-nav button.-grey.owl-prev:hover, .owl-custom .owl-custom-nav button.-grey.owl-next:hover, .button.-grey.loader-active, .owl-carousel .owl-nav button.-grey.loader-active.owl-prev, .owl-carousel .owl-nav button.-grey.loader-active.owl-next, .owl-custom .owl-custom-nav button.-grey.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-grey.loader-active.owl-next {
  background: rgb(166.9036697248, 172.2660550459, 176.0963302752);
}
.button.-grey.-border, .owl-carousel .owl-nav button.-grey.-border.owl-prev, .owl-carousel .owl-nav button.-grey.-border.owl-next, .owl-custom .owl-custom-nav button.-grey.-border.owl-prev, .owl-custom .owl-custom-nav button.-grey.-border.owl-next {
  background: transparent;
  border: 1px solid #8C9398;
  color: #8C9398;
}
.button.-grey.-border:hover, .owl-carousel .owl-nav button.-grey.-border.owl-prev:hover, .owl-carousel .owl-nav button.-grey.-border.owl-next:hover, .owl-custom .owl-custom-nav button.-grey.-border.owl-prev:hover, .owl-custom .owl-custom-nav button.-grey.-border.owl-next:hover, .button.-grey.-border.loader-active, .owl-carousel .owl-nav button.-grey.-border.loader-active.owl-prev, .owl-carousel .owl-nav button.-grey.-border.loader-active.owl-next, .owl-custom .owl-custom-nav button.-grey.-border.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-grey.-border.loader-active.owl-next {
  background: #8C9398;
  color: #FFFFFF;
}
.button.-white, .owl-carousel .owl-nav button.-white.owl-prev, .owl-carousel .owl-nav button.-white.owl-next, .owl-custom .owl-custom-nav button.-white.owl-prev, .owl-custom .owl-custom-nav button.-white.owl-next {
  background: #FFFFFF;
  color: #333F48;
}
.button.-white:hover, .owl-carousel .owl-nav button.-white.owl-prev:hover, .owl-carousel .owl-nav button.-white.owl-next:hover, .owl-custom .owl-custom-nav button.-white.owl-prev:hover, .owl-custom .owl-custom-nav button.-white.owl-next:hover, .button.-white.loader-active, .owl-carousel .owl-nav button.-white.loader-active.owl-prev, .owl-carousel .owl-nav button.-white.loader-active.owl-next, .owl-custom .owl-custom-nav button.-white.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-white.loader-active.owl-next {
  background: #FFFFFF;
  color: rgb(29.8536585366, 36.8780487805, 42.1463414634);
}
.button.-white.-border, .owl-carousel .owl-nav button.-white.-border.owl-prev, .owl-carousel .owl-nav button.-white.-border.owl-next, .owl-custom .owl-custom-nav button.-white.-border.owl-prev, .owl-custom .owl-custom-nav button.-white.-border.owl-next {
  background: transparent;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.button.-white.-border:hover, .owl-carousel .owl-nav button.-white.-border.owl-prev:hover, .owl-carousel .owl-nav button.-white.-border.owl-next:hover, .owl-custom .owl-custom-nav button.-white.-border.owl-prev:hover, .owl-custom .owl-custom-nav button.-white.-border.owl-next:hover, .button.-white.-border.loader-active, .owl-carousel .owl-nav button.-white.-border.loader-active.owl-prev, .owl-carousel .owl-nav button.-white.-border.loader-active.owl-next, .owl-custom .owl-custom-nav button.-white.-border.loader-active.owl-prev, .owl-custom .owl-custom-nav button.-white.-border.loader-active.owl-next {
  background: #FFFFFF;
  color: #333F48;
}
.button.-small, .owl-carousel .owl-nav button.-small.owl-prev, .owl-carousel .owl-nav button.-small.owl-next, .owl-custom .owl-custom-nav button.-small.owl-prev, .owl-custom .owl-custom-nav button.-small.owl-next {
  font-size: 14px;
  height: 1.875rem !important;
  padding: 0 15px;
}
.button.-small.-square, .owl-carousel .owl-nav button.-small.-square.owl-prev, .owl-carousel .owl-nav button.-small.-square.owl-next, .owl-custom .owl-custom-nav button.-small.-square.owl-prev, .owl-custom .owl-custom-nav button.-small.-square.owl-next {
  width: 1.875rem !important;
}
.button.-larger, .owl-carousel .owl-nav button.-larger.owl-prev, .owl-carousel .owl-nav button.-larger.owl-next, .owl-custom .owl-custom-nav button.-larger.owl-prev, .owl-custom .owl-custom-nav button.-larger.owl-next {
  font-size: 16px;
  height: 2.5rem !important;
  padding: 0 15px;
}
.button.-larger.-square, .owl-carousel .owl-nav button.-larger.-square.owl-prev, .owl-carousel .owl-nav button.-larger.-square.owl-next, .owl-custom .owl-custom-nav button.-larger.-square.owl-prev, .owl-custom .owl-custom-nav button.-larger.-square.owl-next {
  width: 2.5rem !important;
}
.button.-large, .owl-carousel .owl-nav button.-large.owl-prev, .owl-carousel .owl-nav button.-large.owl-next, .owl-custom .owl-custom-nav button.-large.owl-prev, .owl-custom .owl-custom-nav button.-large.owl-next {
  font-size: 16px;
  height: 3rem !important;
  padding: 0 15px;
}
.button.-large.-square, .owl-carousel .owl-nav button.-large.-square.owl-prev, .owl-carousel .owl-nav button.-large.-square.owl-next, .owl-custom .owl-custom-nav button.-large.-square.owl-prev, .owl-custom .owl-custom-nav button.-large.-square.owl-next {
  width: 3rem !important;
}
.button.-large.loading .loader, .owl-carousel .owl-nav button.-large.loading.owl-prev .loader, .owl-carousel .owl-nav button.-large.loading.owl-next .loader, .owl-custom .owl-custom-nav button.-large.loading.owl-prev .loader, .owl-custom .owl-custom-nav button.-large.loading.owl-next .loader {
  width: 40px;
}
.button.-largest, .owl-carousel .owl-nav button.-largest.owl-prev, .owl-carousel .owl-nav button.-largest.owl-next, .owl-custom .owl-custom-nav button.-largest.owl-prev, .owl-custom .owl-custom-nav button.-largest.owl-next {
  font-size: 20px;
  height: 4.5rem !important;
  border-radius: 1.5rem;
  padding: 0 15px;
}
.button.-largest.-square, .owl-carousel .owl-nav button.-largest.-square.owl-prev, .owl-carousel .owl-nav button.-largest.-square.owl-next, .owl-custom .owl-custom-nav button.-largest.-square.owl-prev, .owl-custom .owl-custom-nav button.-largest.-square.owl-next {
  width: 4.5rem !important;
}
.button.-largest.loading .loader, .owl-carousel .owl-nav button.-largest.loading.owl-prev .loader, .owl-carousel .owl-nav button.-largest.loading.owl-next .loader, .owl-custom .owl-custom-nav button.-largest.loading.owl-prev .loader, .owl-custom .owl-custom-nav button.-largest.loading.owl-next .loader {
  width: 50px;
}
.button.loading, .owl-carousel .owl-nav button.loading.owl-prev, .owl-carousel .owl-nav button.loading.owl-next, .owl-custom .owl-custom-nav button.loading.owl-prev, .owl-custom .owl-custom-nav button.loading.owl-next {
  color: transparent !important;
  pointer-events: none;
  position: relative;
  z-index: 1;
}
.button.loading .loader, .owl-carousel .owl-nav button.loading.owl-prev .loader, .owl-carousel .owl-nav button.loading.owl-next .loader, .owl-custom .owl-custom-nav button.loading.owl-prev .loader, .owl-custom .owl-custom-nav button.loading.owl-next .loader {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.button.-faux, .owl-carousel .owl-nav button.-faux.owl-prev, .owl-carousel .owl-nav button.-faux.owl-next, .owl-custom .owl-custom-nav button.-faux.owl-prev, .owl-custom .owl-custom-nav button.-faux.owl-next, .gallery-hd .owl-nav > .button.disabled, .owl-carousel .gallery-hd .owl-nav > button.owl-prev.disabled, .gallery-hd .owl-carousel .owl-nav > button.owl-prev.disabled, .owl-carousel .gallery-hd .owl-nav > button.owl-next.disabled, .gallery-hd .owl-carousel .owl-nav > button.owl-next.disabled, .owl-custom .owl-custom-nav .gallery-hd .owl-nav > button.owl-prev.disabled, .gallery-hd .owl-custom .owl-custom-nav .owl-nav > button.owl-prev.disabled, .owl-custom .owl-custom-nav .gallery-hd .owl-nav > button.owl-next.disabled, .gallery-hd .owl-custom .owl-custom-nav .owl-nav > button.owl-next.disabled, .button[disabled], .owl-carousel .owl-nav button[disabled].owl-prev, .owl-carousel .owl-nav button[disabled].owl-next, .owl-custom .owl-custom-nav button[disabled].owl-prev, .owl-custom .owl-custom-nav button[disabled].owl-next, .button.loading, .owl-carousel .owl-nav button.loading.owl-prev, .owl-carousel .owl-nav button.loading.owl-next, .owl-custom .owl-custom-nav button.loading.owl-prev, .owl-custom .owl-custom-nav button.loading.owl-next {
  background: rgba(140, 147, 152, 0.6) !important;
  border: none;
}
.button.-faux:hover, .owl-carousel .owl-nav button.-faux.owl-prev:hover, .owl-carousel .owl-nav button.-faux.owl-next:hover, .owl-custom .owl-custom-nav button.-faux.owl-prev:hover, .owl-custom .owl-custom-nav button.-faux.owl-next:hover, .gallery-hd .owl-nav > .button.disabled:hover, .owl-carousel .gallery-hd .owl-nav > button.owl-prev.disabled:hover, .gallery-hd .owl-carousel .owl-nav > button.owl-prev.disabled:hover, .owl-carousel .gallery-hd .owl-nav > button.owl-next.disabled:hover, .gallery-hd .owl-carousel .owl-nav > button.owl-next.disabled:hover, .owl-custom .owl-custom-nav .gallery-hd .owl-nav > button.owl-prev.disabled:hover, .gallery-hd .owl-custom .owl-custom-nav .owl-nav > button.owl-prev.disabled:hover, .owl-custom .owl-custom-nav .gallery-hd .owl-nav > button.owl-next.disabled:hover, .gallery-hd .owl-custom .owl-custom-nav .owl-nav > button.owl-next.disabled:hover, .button[disabled]:hover, .owl-carousel .owl-nav button[disabled].owl-prev:hover, .owl-carousel .owl-nav button[disabled].owl-next:hover, .owl-custom .owl-custom-nav button[disabled].owl-prev:hover, .owl-custom .owl-custom-nav button[disabled].owl-next:hover, .button.loading:hover, .owl-carousel .owl-nav button.loading.owl-prev:hover, .owl-carousel .owl-nav button.loading.owl-next:hover, .owl-custom .owl-custom-nav button.loading.owl-prev:hover, .owl-custom .owl-custom-nav button.loading.owl-next:hover {
  background: rgba(140, 147, 152, 0.6) !important;
}
.button.-faux > *, .owl-carousel .owl-nav button.-faux.owl-prev > *, .owl-carousel .owl-nav button.-faux.owl-next > *, .owl-custom .owl-custom-nav button.-faux.owl-prev > *, .owl-custom .owl-custom-nav button.-faux.owl-next > *, .gallery-hd .owl-nav > .button.disabled > *, .owl-carousel .gallery-hd .owl-nav > button.owl-prev.disabled > *, .gallery-hd .owl-carousel .owl-nav > button.owl-prev.disabled > *, .owl-carousel .gallery-hd .owl-nav > button.owl-next.disabled > *, .gallery-hd .owl-carousel .owl-nav > button.owl-next.disabled > *, .owl-custom .owl-custom-nav .gallery-hd .owl-nav > button.owl-prev.disabled > *, .gallery-hd .owl-custom .owl-custom-nav .owl-nav > button.owl-prev.disabled > *, .owl-custom .owl-custom-nav .gallery-hd .owl-nav > button.owl-next.disabled > *, .gallery-hd .owl-custom .owl-custom-nav .owl-nav > button.owl-next.disabled > *, .button[disabled] > *, .owl-carousel .owl-nav button[disabled].owl-prev > *, .owl-carousel .owl-nav button[disabled].owl-next > *, .owl-custom .owl-custom-nav button[disabled].owl-prev > *, .owl-custom .owl-custom-nav button[disabled].owl-next > *, .button.loading > *, .owl-carousel .owl-nav button.loading.owl-prev > *, .owl-carousel .owl-nav button.loading.owl-next > *, .owl-custom .owl-custom-nav button.loading.owl-prev > *, .owl-custom .owl-custom-nav button.loading.owl-next > * {
  cursor: not-allowed !important;
}
.button.-liked, .owl-carousel .owl-nav button.-liked.owl-prev, .owl-carousel .owl-nav button.-liked.owl-next, .owl-custom .owl-custom-nav button.-liked.owl-prev, .owl-custom .owl-custom-nav button.-liked.owl-next {
  cursor: default;
  background: #67CF15;
}
.button.-liked:hover, .owl-carousel .owl-nav button.-liked.owl-prev:hover, .owl-carousel .owl-nav button.-liked.owl-next:hover, .owl-custom .owl-custom-nav button.-liked.owl-prev:hover, .owl-custom .owl-custom-nav button.-liked.owl-next:hover {
  background: #67CF15;
}
.button.-delete, .owl-carousel .owl-nav button.-delete.owl-prev, .owl-carousel .owl-nav button.-delete.owl-next, .owl-custom .owl-custom-nav button.-delete.owl-prev, .owl-custom .owl-custom-nav button.-delete.owl-next {
  background: #C8102E;
}
.button.-delete:before, .owl-carousel .owl-nav button.-delete.owl-prev:before, .owl-carousel .owl-nav button.-delete.owl-next:before, .owl-custom .owl-custom-nav button.-delete.owl-prev:before, .owl-custom .owl-custom-nav button.-delete.owl-next:before {
  content: "delete";
  color: #fff;
}
.button.-pdf:before, .owl-carousel .owl-nav button.-pdf.owl-prev:before, .owl-carousel .owl-nav button.-pdf.owl-next:before, .owl-custom .owl-custom-nav button.-pdf.owl-prev:before, .owl-custom .owl-custom-nav button.-pdf.owl-next:before {
  content: "edit";
}
.button.-add:after, .owl-carousel .owl-nav button.-add.owl-prev:after, .owl-carousel .owl-nav button.-add.owl-next:after, .owl-custom .owl-custom-nav button.-add.owl-prev:after, .owl-custom .owl-custom-nav button.-add.owl-next:after {
  content: "add";
}
.button.-download:after, .owl-carousel .owl-nav button.-download.owl-prev:after, .owl-carousel .owl-nav button.-download.owl-next:after, .owl-custom .owl-custom-nav button.-download.owl-prev:after, .owl-custom .owl-custom-nav button.-download.owl-next:after {
  content: "file_download";
}
.button.-upload:after, .owl-carousel .owl-nav button.-upload.owl-prev:after, .owl-carousel .owl-nav button.-upload.owl-next:after, .owl-custom .owl-custom-nav button.-upload.owl-prev:after, .owl-custom .owl-custom-nav button.-upload.owl-next:after {
  content: "file_upload";
}
.button.-new:before, .owl-carousel .owl-nav button.-new.owl-prev:before, .owl-carousel .owl-nav button.-new.owl-next:before, .owl-custom .owl-custom-nav button.-new.owl-prev:before, .owl-custom .owl-custom-nav button.-new.owl-next:before {
  content: "add";
}
.button.-back:before, .owl-carousel .owl-nav button.-back.owl-prev:before, .owl-carousel .owl-nav button.-back.owl-next:before, .owl-custom .owl-custom-nav button.-back.owl-prev:before, .owl-custom .owl-custom-nav button.-back.owl-next:before {
  content: "arrow_back";
}
.button.-forward:after, .owl-carousel .owl-nav button.-forward.owl-prev:after, .owl-carousel .owl-nav button.-forward.owl-next:after, .owl-custom .owl-custom-nav button.-forward.owl-prev:after, .owl-custom .owl-custom-nav button.-forward.owl-next:after {
  content: "arrow_forward";
}
.button.-cart:before, .button.p-item.-cod:before, .button.p-item.-shipping:before, .owl-carousel .owl-nav button.-cart.owl-prev:before, .owl-carousel .owl-nav button.owl-prev.p-item.-cod:before, .owl-carousel .owl-nav button.owl-prev.p-item.-shipping:before, .owl-carousel .owl-nav button.-cart.owl-next:before, .owl-carousel .owl-nav button.owl-next.p-item.-cod:before, .owl-carousel .owl-nav button.owl-next.p-item.-shipping:before, .owl-custom .owl-custom-nav button.-cart.owl-prev:before, .owl-custom .owl-custom-nav button.owl-prev.p-item.-cod:before, .owl-custom .owl-custom-nav button.owl-prev.p-item.-shipping:before, .owl-custom .owl-custom-nav button.-cart.owl-next:before, .owl-custom .owl-custom-nav button.owl-next.p-item.-cod:before, .owl-custom .owl-custom-nav button.owl-next.p-item.-shipping:before {
  content: "shopping_cart";
}
.button.-favorite:before, .owl-carousel .owl-nav button.-favorite.owl-prev:before, .owl-carousel .owl-nav button.-favorite.owl-next:before, .owl-custom .owl-custom-nav button.-favorite.owl-prev:before, .owl-custom .owl-custom-nav button.-favorite.owl-next:before {
  content: "favorite_border";
}
.button.-clear, .owl-carousel .owl-nav button.-clear.owl-prev, .owl-carousel .owl-nav button.-clear.owl-next, .owl-custom .owl-custom-nav button.-clear.owl-prev, .owl-custom .owl-custom-nav button.-clear.owl-next, .button.-remove, .owl-carousel .owl-nav button.-remove.owl-prev, .owl-carousel .owl-nav button.-remove.owl-next, .owl-custom .owl-custom-nav button.-remove.owl-prev, .owl-custom .owl-custom-nav button.-remove.owl-next {
  background: #C8102E;
}
.button.-clear:before, .owl-carousel .owl-nav button.-clear.owl-prev:before, .owl-carousel .owl-nav button.-clear.owl-next:before, .owl-custom .owl-custom-nav button.-clear.owl-prev:before, .owl-custom .owl-custom-nav button.-clear.owl-next:before, .button.-remove:before, .owl-carousel .owl-nav button.-remove.owl-prev:before, .owl-carousel .owl-nav button.-remove.owl-next:before, .owl-custom .owl-custom-nav button.-remove.owl-prev:before, .owl-custom .owl-custom-nav button.-remove.owl-next:before {
  content: "close";
  color: #fff;
}
.button.-print:after, .owl-carousel .owl-nav button.-print.owl-prev:after, .owl-carousel .owl-nav button.-print.owl-next:after, .owl-custom .owl-custom-nav button.-print.owl-prev:after, .owl-custom .owl-custom-nav button.-print.owl-next:after {
  content: "print";
}
.button.-ok, .owl-carousel .owl-nav button.-ok.owl-prev, .owl-carousel .owl-nav button.-ok.owl-next, .owl-custom .owl-custom-nav button.-ok.owl-prev, .owl-custom .owl-custom-nav button.-ok.owl-next {
  padding: 0 1.5rem;
}

.buttons-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
}
@media only screen and (max-width: 991px) {
  .buttons-wrapper > .button, .owl-carousel .owl-nav .buttons-wrapper > button.owl-prev, .owl-carousel .owl-nav .buttons-wrapper > button.owl-next, .owl-custom .owl-custom-nav .buttons-wrapper > button.owl-prev, .owl-custom .owl-custom-nav .buttons-wrapper > button.owl-next {
    flex: 1;
  }
}

.filter {
  background: rgb(240.3684210526, 241.1, 241.8315789474);
  border-radius: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem 0.75rem;
  flex-wrap: wrap;
  align-items: flex-end;
}
.filter .group {
  flex-grow: 1;
  flex-basis: 0;
}
.filter .group.group-fw {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
}
.filter .item {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.75rem;
  max-width: 100%;
  position: relative;
  /*

  #### Checkbox függőleges igazítása a select-ekhez képest ####

  &.item-checkbox {
      transform: translateY(8px);

      @media only screen and (max-width: 767px) {
          transform: none;
      }
  }

  */
}
@media only screen and (max-width: 767px) {
  .filter .item {
    min-width: 240px;
  }
}
.filter .separator--y {
  width: 1px;
  position: relative;
  align-self: stretch;
  background: #EBECED;
  margin-left: 1rem;
  margin-right: 1rem;
}
.filter .input-wrapper, .filter .form-block > div {
  margin-bottom: 0;
}

/* special filters */
/* ALERT MESSAGES */
.messages-wrapper {
  list-style: none;
  margin: 1.25rem 0;
  padding: 0;
}
.messages-wrapper > li {
  margin: 1.25rem 0;
}

.message--to-cart ul > li > span.nostock {
  color: #C8102E;
}
.message--to-cart ul > li > span.onstock {
  color: #67CF15;
}
.message--to-cart ul > li > span.tostock {
  color: #CF9B15;
}

@media only screen and (min-width:576px) {
  .alert-popper {
    max-width: 546px;
  }
}
.alert-popper a {
  color: #fff;
}
.alert-popper a:hover, .alert-popper a:active {
  color: #fff;
}
.alert-popper p:first-child {
  margin-top: 0;
}
.alert-popper p:last-child {
  margin-bottom: 0;
}

/*** COOKIE ALERT ***/
.cookie-alert-wrapper {
  background: #333F48;
  color: #fff;
  display: none;
  padding: 1rem;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
}
@media only screen and (max-width: 767px) {
  .cookie-alert-wrapper .container > div {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .cookie-alert-wrapper .cookie-alert-buttons {
    margin-top: 1rem;
    width: 100%;
  }
}
.cookie-alert-wrapper .cookie-alert-buttons .button, .cookie-alert-wrapper .cookie-alert-buttons .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav .cookie-alert-wrapper .cookie-alert-buttons button.owl-prev, .cookie-alert-wrapper .cookie-alert-buttons .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav .cookie-alert-wrapper .cookie-alert-buttons button.owl-next, .cookie-alert-wrapper .cookie-alert-buttons .owl-custom .owl-custom-nav button.owl-prev, .owl-custom .owl-custom-nav .cookie-alert-wrapper .cookie-alert-buttons button.owl-prev, .cookie-alert-wrapper .cookie-alert-buttons .owl-custom .owl-custom-nav button.owl-next, .owl-custom .owl-custom-nav .cookie-alert-wrapper .cookie-alert-buttons button.owl-next {
  margin-right: 1rem;
}

/* INFOGROUP MODULE - számláim tetején pénzügyi információk, időarányos növekedés teteje és hasonlók */
.infogroup {
  margin-top: 1rem;
  margin-bottom: 1rem;
  background: #FFFFFF;
  border-radius: 1.5rem;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
}
.infogroup > div {
  border-right: 1px solid #EBECED;
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
  padding: 1rem;
}
.infogroup > div:last-child {
  border-right: 0 !important;
}
.infogroup > div > span {
  display: block;
}
.infogroup > div > span:first-child {
  font-size: 14px;
  font-weight: 600;
}
@media only screen and (max-width: 991px) {
  .infogroup {
    flex-wrap: wrap;
  }
  .infogroup > div {
    flex-basis: 33%;
  }
  .infogroup > div:nth-child(3n) {
    border-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .infogroup {
    background: #fafafa;
  }
  .infogroup > div {
    flex-basis: 50%;
  }
  .infogroup > div:nth-child(2n) {
    border-right: 0;
  }
  .infogroup > div:nth-child(3n) {
    border-right: 1px solid #EBECED;
  }
}

/* GRAPH MODULE */
.graph {
  margin: 0 0 1rem 0;
  padding: 1rem 0;
}
.graph > .item > .y {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.graph > .item > .x {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 10px;
  padding-top: 0.75rem;
  border-top: 1px solid #EBECED;
}
.graph > .item > .x > * {
  position: relative;
  min-height: 22.4px;
  flex-basis: 0;
  flex-grow: 1;
  line-height: 1.6;
  white-space: nowrap;
}
.graph > .item > .x > *:first-child {
  flex-grow: 0;
}
.graph > .item > .x > *:first-child > * {
  transform: translateX(100%);
}
.graph > .item > .x > *:first-child > *:last-child:not(:first-child) {
  transform: translate(100%, 100%);
}
.graph > .item > .x > *:last-child > * {
  transform: translateX(0);
}
.graph > .item > .x > *:last-child > *:last-child:not(:first-child) {
  transform: translate(0, 100%);
}
.graph > .item > .x > * > * {
  position: absolute;
  right: 0;
  transform: translateX(50%);
}
.graph > .item > .x > * > *:last-child:not(:first-child) {
  transform: translate(50%, 100%);
}
.graph > .item > .x > *:after {
  content: "";
  width: 1px;
  height: 12px;
  background: #EBECED;
  top: -10px;
  right: 0;
  position: absolute;
}
.graph > .item > .x.-double > * {
  min-height: 44.8px;
}
.graph > .item > .bar {
  border-radius: 10px;
  width: 100%;
  height: 20px;
  position: relative;
  margin: 0.6666666667rem 0;
  background: #EBECED;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.graph > .item > .bar > * {
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  top: 0px;
  left: 0px;
  position: absolute;
}
.graph > .item > .bar > * > * {
  border-radius: 10px;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #333F48;
  animation: WidthBar 2.5s;
  transform-origin: left;
  animation-fill-mode: forwards;
}
.graph > .item > .bar > * > *:first-child {
  background: #EBECED;
}
.graph > .item > .bar > * > *:last-child {
  background: #333F48;
}

@keyframes ScaleBar {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(100%);
  }
}
@keyframes WidthBar {
  0% {
    width: 0px;
  }
}
.data-value-group {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
}
.data-value-group.-no-wrap .data-value-item {
  flex-wrap: nowrap;
}
.data-value-group.-no-wrap .data-value-item > *:last-child {
  text-align: right;
}
@media only screen and (max-width: 575px) {
  .data-value-group.-wrap-max-xs .data-value-item > * {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .data-value-group.-wrap-max-sm .data-value-item > * {
    width: 100%;
  }
}

.data-value-item {
  gap: 0.5rem 1rem;
  flex-wrap: wrap;
}
.data-value-item > *:first-child {
  font-weight: 400;
}
.data-value-item > *:last-child {
  font-weight: 600;
}

.pager {
  flex-grow: 1;
}
.pager .arrows-and-pages {
  margin: 1rem 0;
}
.pager .arrows-and-pages .arrow {
  text-decoration: none;
}
.pager .arrows-and-pages .arrow.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.pager .arrows-and-pages .arrow.-first:before {
  content: "first_page";
}
.pager .arrows-and-pages .arrow.-prev:before {
  content: "chevron_left";
}
.pager .arrows-and-pages .arrow.-next:before {
  content: "chevron_right";
}
.pager .arrows-and-pages .arrow.-last:before {
  content: "last_page";
}
.pager .arrows-and-pages .pages .page, .pager .arrows-and-pages .pages .page.-last, .pager .arrows-and-pages .pages .page.-first {
  padding: 2px 3px;
  display: inline-block;
}
.pager .arrows-and-pages .pages .page.-selected {
  font-weight: 600;
  color: #333F48;
}
.pager .arrows-and-pages .pages .page.-first {
  margin-right: 5px;
}
.pager .arrows-and-pages .pages .page.-last {
  margin-left: 5px;
}
.pager .arrows-and-pages .goto-page .field {
  width: 60px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}
.pager .arrows-and-pages .goto-page .pages__gotopage_separator {
  margin-left: 5px;
  margin-right: 5px;
}

#pagerSize .select-wrapper, #pagerSize .selector .input, .selector #pagerSize .input {
  width: auto;
}

nav[aria-label=breadcrumb], .yahoobar {
  margin: 0 0 1.5rem 0;
}
nav[aria-label=breadcrumb] > div, .yahoobar > div {
  flex-wrap: wrap;
  align-items: center;
}
nav[aria-label=breadcrumb] > div > a, .yahoobar > div > a {
  color: #8C9398;
  font-size: 14px;
  line-height: 1;
}
nav[aria-label=breadcrumb] > div > a:hover, .yahoobar > div > a:hover {
  color: #333F48;
}
nav[aria-label=breadcrumb] > div > span, .yahoobar > div > span {
  color: #8C9398;
  font-size: 14px;
  display: inline-flex;
}
nav[aria-label=breadcrumb] > div > span:not([itemprop=itemListElement]), .yahoobar > div > span:not([itemprop=itemListElement]) {
  margin: 0 5px;
}
@media only screen and (max-width: 767px) {
  nav[aria-label=breadcrumb].pd__breadcrumb > div > span:last-child, nav[aria-label=breadcrumb] .yahoobar.pd__breadcrumb > div > span:last-child, nav[aria-label=breadcrumb].pl__breadcrumb > div > span:nth-last-child(3), nav[aria-label=breadcrumb] .yahoobar.pl__breadcrumb > div > span:nth-last-child(3), .yahoobar.pd__breadcrumb > div > span:last-child, .yahoobar.pl__breadcrumb > div > span:nth-last-child(3) {
    display: block;
  }
  nav[aria-label=breadcrumb].pd__breadcrumb > div > span:last-child > a, nav[aria-label=breadcrumb].pl__breadcrumb > div > span:nth-last-child(3) > a, .yahoobar.pd__breadcrumb > div > span:last-child > a, .yahoobar.pl__breadcrumb > div > span:nth-last-child(3) > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
  nav[aria-label=breadcrumb].pd__breadcrumb > div > span:last-child > a:before, nav[aria-label=breadcrumb].pl__breadcrumb > div > span:nth-last-child(3) > a:before, .yahoobar.pd__breadcrumb > div > span:last-child > a:before, .yahoobar.pl__breadcrumb > div > span:nth-last-child(3) > a:before {
    content: "right_small";
    transform: rotate(180deg);
    font-family: "Festek96_Icons";
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 20px;
    text-decoration: none;
    margin-right: 5px;
  }
  nav[aria-label=breadcrumb].pl__breadcrumb > div > span, .yahoobar.pl__breadcrumb > div > span {
    display: none;
  }
  nav[aria-label=breadcrumb].pd__breadcrumb > div > span, .yahoobar.pd__breadcrumb > div > span {
    display: none;
  }
}

main {
  padding-top: calc(var(--stickyHeight) + 1.5 * var(--gutter));
  padding-bottom: var(--gutter);
}
@media only screen and (max-width: 991px) {
  main {
    padding-top: calc(var(--gutter) + 4rem);
  }
}
main.-cart, main.p-item.-cod, main.p-item.-shipping {
  padding-top: var(--stickyHeight);
}
@media only screen and (max-width: 991px) {
  main.-cart, main.p-item.-cod, main.p-item.-shipping {
    padding-top: var(--stickyHeight);
  }
}

.container__sticky-bottom {
  position: relative;
  min-height: calc(100vh - 30px);
  padding-bottom: 50px;
}

.products__menu-icon:before {
  content: "menu";
  margin-right: 0.25rem;
}

@media only screen and (max-width: 991px) {
  .products__menu {
    display: none;
    top: 100%;
    left: 0;
    overflow: visible;
  }
}
@media only screen and (min-width:992px) {
  .products__menu {
    flex-grow: 1;
  }
}

header.header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 15;
}
@media only screen and (min-width:992px) {
  header.header.fixed {
    box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  }
  header.header.fixed:not(:hover) .header-bottom {
    opacity: 0;
    height: 0;
    overflow: hidden;
  }
  header.header .header-bottom-outer {
    background: #EBECED;
  }
  header.header .header-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.2s ease-in-out;
    position: relative;
    height: 3.5rem;
    opacity: 1;
    /* jobboldali menü is legyen popperben */
  }
  header.header .header-bottom .webmenu {
    gap: 1.5rem;
  }
  header.header .header-bottom .header-bottom-right {
    padding-left: 1.5rem;
    position: relative;
    margin-left: 2px;
  }
  header.header .header-bottom .header-bottom-right-popper {
    right: 0;
    overflow: visible;
  }
  header.header .header-bottom .header-bottom-right-popper > .webmenu {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  header.header .header-bottom .header-bottom-right-popper > .webmenu > li {
    width: 100%;
  }
  header.header .header-bottom .header-bottom-right-popper > .webmenu > li .subnav.popper {
    min-width: initial;
  }
  header.header .header-bottom .menu-more {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
  }
  header.header .header-bottom .menu-more:hover {
    color: #333F48;
  }
}
@media only screen and (max-width: 991px) {
  header.header .header-bottom-outer {
    display: none;
  }
}
header.header.-cart, header.header.p-item.-cod, header.header.p-item.-shipping {
  padding: 1rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  z-index: 17;
}
header.header.-cart .header-logo, header.header.p-item.-cod .header-logo, header.header.p-item.-shipping .header-logo {
  margin-right: initial;
}
@media only screen and (max-width: 991px) {
  header.header:not(.-cart):not(.p-item.-cod):not(.p-item.-shipping) {
    top: initial;
    bottom: 0;
    box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  }
}
@media only screen and (max-width: 991px) {
  header.header:not(.-cart):not(.p-item.-cod):not(.p-item.-shipping) .header-logo {
    display: none;
  }
}

.header-mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4rem;
  background: #FFFFFF;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  z-index: 15;
}
@media only screen and (min-width:992px) {
  .header-mobile {
    display: none;
  }
}
.header-mobile .logo {
  height: 3rem;
}
.header-mobile .logo img {
  width: initial;
  height: 100%;
}

.header-top {
  margin: 1rem 0;
}
@media only screen and (min-width:992px) {
  .header-top {
    position: relative;
    margin: 0.75rem 0;
  }
}

.header-logo {
  margin-right: 2rem;
  width: 234px;
}

@media only screen and (max-width: 991px) {
  .header-menu {
    display: none;
    overflow: visible;
    top: 100%;
    right: 0;
  }
}
@media only screen and (min-width:992px) {
  .header-menu {
    flex-grow: 1;
  }
}

.header-middle {
  flex-wrap: wrap;
  margin: 1rem 0;
}
@media only screen and (min-width:768px) {
  .header-middle {
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .header-middle .search-form .action {
    right: 3.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .header-icons {
    width: 100%;
    justify-content: center;
    gap: 1.5rem;
  }
}
@media only screen and (min-width:992px) {
  .header-icons {
    position: relative;
  }
}
.header-icons .cart-button {
  margin-left: 1.5rem;
}
@media only screen and (max-width: 575px) {
  .header-icons .cart-button {
    width: 100%;
    margin-top: 1rem;
  }
}

.login-popper {
  top: calc(100% + 0.5rem);
  width: 380px;
  max-height: calc(100vh - var(--stickyHeight));
  right: 0;
}
@media only screen and (max-width: 991px) {
  .login-popper {
    width: 420px;
    min-width: 420px;
    max-width: 420px;
    bottom: calc(100% + 1.5rem);
    left: 50%;
    transform: translateX(-50%);
    top: initial;
  }
}
@media only screen and (max-width: 767px) {
  .login-popper {
    bottom: 100%;
    min-width: 100%;
    max-width: 100%;
    border-radius: 0;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05);
  }
}
.login-popper .login-buttons .button, .login-popper .login-buttons .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav .login-popper .login-buttons button.owl-prev, .login-popper .login-buttons .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav .login-popper .login-buttons button.owl-next, .login-popper .login-buttons .owl-custom .owl-custom-nav button.owl-prev, .owl-custom .owl-custom-nav .login-popper .login-buttons button.owl-prev, .login-popper .login-buttons .owl-custom .owl-custom-nav button.owl-next, .owl-custom .owl-custom-nav .login-popper .login-buttons button.owl-next {
  width: 50%;
}
.login-popper .user-info {
  margin-bottom: 0.5rem;
  padding: 1rem;
  border-radius: 1rem;
  background: #EBECED;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
}
.login-popper .user-info .name {
  font-size: 20px;
}
.login-popper .user-info .company {
  color: #8C9398;
  font-size: 12px;
}

.login-button {
  margin: 0 1rem;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .login-button {
    margin: 0;
  }
}
.login-button.-logged:after {
  content: "";
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  background: #67CF15;
  border-radius: 100%;
}
@media only screen and (max-width: 991px) {
  .login-button.-logged:after {
    position: absolute;
    left: calc(100% - 0.65rem);
  }
}

/* általános keresés -> module/kereses.scss */
@media only screen and (max-width: 991px) {
  .header-search {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 16;
    opacity: 0;
    transition: 0.2s ease-in-out;
    transform: translateY(-100%);
    pointer-events: none;
  }
  .header-search input[type=text].field {
    height: 4rem;
    background: #FFFFFF;
  }
  .header-search:before {
    content: "";
    transition: 0.2s ease-in-out;
  }
  .header-search.focused {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
  }
  .header-search.focused:before {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: -1;
  }
  .header-search.focused .submit {
    order: 2;
  }
}

/*login*/
.login-social {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid #EBECED;
}

.personal-nav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.personal-nav > li {
  display: block;
}
.personal-nav > li a {
  display: block;
  padding: 0.25rem 0;
}

.mobile-menu-popper {
  top: initial;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
}
.mobile-menu-popper .mobile-menu-left, .mobile-menu-popper .mobile-menu-right {
  max-height: calc(100vh - 240px);
  overflow: auto;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  scrollbar-color: #333F48 #CFD2D5;
  scrollbar-width: thin;
}
.mobile-menu-popper .mobile-menu-left::-webkit-scrollbar, .mobile-menu-popper .mobile-menu-right::-webkit-scrollbar {
  width: 0.25rem;
}
.mobile-menu-popper .mobile-menu-left::-webkit-scrollbar-track, .mobile-menu-popper .mobile-menu-right::-webkit-scrollbar-track {
  background: #CFD2D5;
  border-radius: 0.25rem;
}
.mobile-menu-popper .mobile-menu-left::-webkit-scrollbar-thumb, .mobile-menu-popper .mobile-menu-right::-webkit-scrollbar-thumb {
  background: #333F48;
  border-radius: 0.25rem;
}
.mobile-menu-popper .mobile-menu-left::-webkit-scrollbar-thumb:hover, .mobile-menu-popper .mobile-menu-right::-webkit-scrollbar-thumb:hover {
  background: rgb(29.8536585366, 36.8780487805, 42.1463414634);
}
.mobile-menu-popper .mobile-menu-left::-webkit-scrollbar-track, .mobile-menu-popper .mobile-menu-right::-webkit-scrollbar-track {
  background: #FFFFFF;
}
.mobile-menu-popper .mobile-menu-left::-webkit-scrollbar-thumb, .mobile-menu-popper .mobile-menu-right::-webkit-scrollbar-thumb {
  background: #8C9398;
}
.mobile-menu-popper .mobile-menu-left.-overflow, .mobile-menu-popper .mobile-menu-right.-overflow {
  padding-right: 1rem;
}
@media only screen and (max-width: 767px) {
  .mobile-menu-popper {
    max-width: initial;
    max-height: calc(100vh - 150px);
    width: 100vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05);
  }
}
@media only screen and (min-width:768px) and (max-width: 991px) {
  .mobile-menu-popper {
    width: 420px;
    max-width: 420px;
    max-height: calc(100vh - 150px);
    bottom: calc(100% + 1.5rem);
  }
}

footer {
  background: #EBECED;
  margin-top: 2rem;
  font-size: 14px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  footer {
    position: static;
  }
}

@media only screen and (max-width: 991px) {
  main:not(.-cart):not(.p-item.-cod):not(.p-item.-shipping) ~ footer .footer-menu {
    padding-top: 0;
  }
}

.footer-menu {
  padding: 2rem 0;
  display: flex;
  gap: 1.5rem;
}
@media only screen and (max-width: 991px) {
  .footer-menu {
    flex-direction: column;
  }
}
.footer-menu .left-col {
  flex-grow: 1;
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer-menu .right-col {
  width: 296px;
  flex-shrink: 0;
  order: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .footer-menu .right-col {
    width: 100%;
    margin-top: 1rem;
  }
}
.footer-menu .simplemenu > li {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  display: flex;
}
.footer-menu .simplemenu > li > a {
  font-size: 14px;
  line-height: 1.25;
  font-weight: 500;
  color: #333F48;
  margin-bottom: 12px;
}
.footer-menu .simplemenu > li > ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.footer-menu .simplemenu > li > ul li {
  display: flex;
}
.footer-menu .simplemenu > li > ul li a {
  font-size: 14px;
  line-height: 1rem;
  font-weight: 500;
  padding: 0.25rem 0;
}
.footer-menu .simplemenu.-horizontal {
  text-align: center;
}
@media only screen and (min-width:768px) {
  .footer-menu .simplemenu.-horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: flex-end;
  }
}
.footer-menu .bank-logo img {
  width: initial;
  height: initial;
}
@media only screen and (max-width: 991px) {
  .footer-menu .info-cards {
    row-gap: 0;
  }
}

.footer-info {
  background-color: #F2F4F5;
  border-radius: 1.5rem;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  text-align: center;
}
.footer-info .footer-info-inner {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: center;
}
.footer-info .footer-info-inner .footer-socials {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  width: 100%;
}
.footer-info .footer-info-inner div {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.footer-info.-cart, .footer-info.p-item.-cod, .footer-info.p-item.-shipping {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 2rem 4rem;
  flex-direction: column;
}
@media only screen and (min-width:768px) {
  .footer-info.-cart, .footer-info.p-item.-cod, .footer-info.p-item.-shipping {
    flex-direction: row;
  }
}
.footer-info.-cart .footer-logo, .footer-info.p-item.-cod .footer-logo, .footer-info.p-item.-shipping .footer-logo {
  flex-shrink: 0;
}
.footer-info.-cart .footer-info-inner, .footer-info.p-item.-cod .footer-info-inner, .footer-info.p-item.-shipping .footer-info-inner {
  flex-wrap: wrap;
  text-align: start;
}
@media only screen and (min-width:768px) {
  .footer-info.-cart .footer-info-inner, .footer-info.p-item.-cod .footer-info-inner, .footer-info.p-item.-shipping .footer-info-inner {
    flex-direction: row;
  }
}

.footer-bottom {
  background: #CFD2D5;
  padding: 1.5rem 0;
}
@media only screen and (max-width: 991px) {
  .footer-bottom {
    padding-bottom: 6rem;
  }
}
.footer-bottom .footer-credits {
  text-align: center;
  font-size: 14px;
}
.footer-bottom .footer-vs {
  text-align: center;
  font-size: 12px;
}

.sticky-footer {
  position: absolute;
  bottom: 0;
}

.webmenu > li {
  position: relative;
}
.webmenu > li.expandable:after {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  color: #333F48;
  content: "arrow_drop_down";
  display: block;
  transition: 0.2s ease-in-out;
}
.webmenu > li.expandable.popped:after {
  transform: rotate(180deg);
}
.webmenu > li.expandable .subnav > li > a {
  display: block;
  padding: 0.25rem 0;
}
.webmenu > li > ul {
  padding: 1.5rem;
  left: 0;
  top: 100%;
}
.webmenu.products-menu:not(.-mobile) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  max-width: var(--menuW);
  min-width: var(--menuW);
  max-height: calc(var(--menuH) * 1px);
  min-height: calc(var(--menuH) * 1px);
  list-style: none;
  display: block;
  position: unset;
  overflow-y: scroll;
  scrollbar-color: #333F48 #CFD2D5;
  scrollbar-width: thin;
}
.webmenu.products-menu:not(.-mobile)::-webkit-scrollbar {
  width: 0.25rem;
}
.webmenu.products-menu:not(.-mobile)::-webkit-scrollbar-track {
  background: #CFD2D5;
  border-radius: 0.25rem;
}
.webmenu.products-menu:not(.-mobile)::-webkit-scrollbar-thumb {
  background: #333F48;
  border-radius: 0.25rem;
}
.webmenu.products-menu:not(.-mobile)::-webkit-scrollbar-thumb:hover {
  background: rgb(29.8536585366, 36.8780487805, 42.1463414634);
}
.webmenu.products-menu:not(.-mobile)::-webkit-scrollbar {
  width: 0.125rem;
}
.webmenu.products-menu:not(.-mobile)::-webkit-scrollbar-track {
  background: #EBECED;
}
.webmenu.products-menu:not(.-mobile)::-webkit-scrollbar-thumb {
  background: #8C9398;
}
.webmenu.products-menu:not(.-mobile) > li {
  position: unset;
}
.webmenu.products-menu:not(.-mobile) > li:not(:last-child) {
  margin-bottom: 5px;
}
.webmenu.products-menu:not(.-mobile) > li.-active.-more > a:after {
  transform: scale(1);
}
.webmenu.products-menu:not(.-mobile) > li.-active > a {
  color: #C8102E !important;
}
.webmenu.products-menu:not(.-mobile) > li.-active .ulbox {
  display: block;
}
.webmenu.products-menu:not(.-mobile) > li.-more > a {
  padding: 0 1rem 0 0 !important;
}
.webmenu.products-menu:not(.-mobile) > li.-more > a:after {
  content: "";
  width: 0.5rem;
  height: 1rem;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #C8102E;
  border-radius: 0.5rem 0 0 0.5rem;
  transform: scale(0);
  transform-origin: right center;
  transition: 0.2s ease-in-out;
  pointer-events: none;
}
.webmenu.products-menu:not(.-mobile) > li > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  min-height: 2rem !important;
  text-align: left;
  position: relative;
  word-break: break-word;
}
.webmenu.products-menu:not(.-mobile) > li > a:not(:hover) {
  color: #333F48;
}
.webmenu.products-menu:not(.-mobile) > li > ul {
  display: none;
}
@media only screen and (pointer: coarse) {
  .webmenu.products-menu:not(.-mobile) > li > a {
    pointer-events: none;
  }
}
@media only screen and (max-width: 991px) {
  .webmenu.products-menu:not(.-mobile) {
    display: none;
  }
}
.webmenu.-mobile {
  width: 100%;
  flex-direction: column;
  gap: 0.25rem;
}
.webmenu.-mobile > li {
  width: 100%;
}
.webmenu.-mobile > li > a {
  display: inline-block;
  padding: 0.375rem 0;
  font-weight: 600;
}
.webmenu.-mobile > li.-more > a {
  display: block;
  position: relative;
  pointer-events: none;
}
.webmenu.-mobile > li.-more > a:before {
  content: "down";
  position: absolute;
  right: 0;
  top: 0.25rem;
}
.webmenu.-mobile > li.-more > a:after {
  content: "";
  width: 1rem;
  height: 0.5rem;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 1rem;
  background: #C8102E;
  border-radius: 0.5rem 0.5rem 0 0;
  transform: scale(0);
  transform-origin: bottom center;
  transition: 0.2s ease-in-out;
  pointer-events: none;
}
.webmenu.-mobile > li.-active > a {
  color: #C8102E;
}
.webmenu.-mobile > li.-active.-more > a {
  padding-bottom: 0.875rem;
}
.webmenu.-mobile > li.-active.-more > a:before {
  content: "up";
}
.webmenu.-mobile > li.-active.-more > a:after {
  transform: scale(1);
}
.webmenu.-mobile > li.-active .ulbox {
  padding: 1rem;
  grid-template-rows: 1fr;
}
.webmenu.-mobile > li.-active .ulbox > ul {
  overflow: auto;
}
.webmenu.-mobile > li:not(.-active):hover.more > a:after {
  content: none;
}
.webmenu.-mobile .ulbox {
  padding: 0 1rem;
  background: #EBECED;
  border-radius: 1.5rem;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s;
}
.webmenu.-mobile .ulbox > ul {
  max-height: 214px;
  overflow: hidden;
  column-gap: 0.5rem;
  scrollbar-color: #333F48 #CFD2D5;
  scrollbar-width: thin;
}
.webmenu.-mobile .ulbox > ul::-webkit-scrollbar {
  width: 0.25rem;
}
.webmenu.-mobile .ulbox > ul::-webkit-scrollbar-track {
  background: #CFD2D5;
  border-radius: 0.25rem;
}
.webmenu.-mobile .ulbox > ul::-webkit-scrollbar-thumb {
  background: #333F48;
  border-radius: 0.25rem;
}
.webmenu.-mobile .ulbox > ul::-webkit-scrollbar-thumb:hover {
  background: rgb(29.8536585366, 36.8780487805, 42.1463414634);
}
.webmenu.-mobile .ulbox > ul::-webkit-scrollbar-track {
  background: #FFFFFF;
}
.webmenu.-mobile .ulbox > ul::-webkit-scrollbar-thumb {
  background: #8C9398;
}
.webmenu.-mobile .ulbox > ul > li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.webmenu.-mobile .ulbox > ul > li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  min-height: 1.5rem;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.webmenu.-mobile .ulbox > ul > li > ul a {
  color: #8C9398;
}
.webmenu.-mobile .subnav-popper {
  position: relative;
  min-width: initial;
  max-width: initial;
  min-height: initial;
  width: initial;
}
.webmenu.-mobile .subnav-popper .clipboard {
  min-height: initial;
  scrollbar-color: #8C9398 #FFFFFF;
  scrollbar-width: thin;
}
.webmenu.-mobile .subnav-popper .clipboard::-webkit-scrollbar {
  width: 0.25rem;
}
.webmenu.-mobile .subnav-popper .clipboard::-webkit-scrollbar-track {
  background: #FFFFFF;
  border-radius: 0.25rem;
}
.webmenu.-mobile .subnav-popper .clipboard::-webkit-scrollbar-thumb {
  background: #8C9398;
  border-radius: 0.25rem;
}
.webmenu.-mobile .subnav-popper .clipboard::-webkit-scrollbar-thumb:hover {
  background: rgb(113.8669724771, 121.6055045872, 127.1330275229);
}
.webmenu.-mobile .subnav-popper .clipboard > ul > li:not(:first-child) {
  margin-top: 0.5rem;
}
.webmenu.-mobile .subnav-popper .clipboard > ul > li > a {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  min-height: 1.5rem;
}
.products-nav {
  max-width: 100%;
  min-width: 100%;
  max-height: calc(var(--menuH) * 1px);
  min-height: calc(var(--menuH) * 1px);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
}
.products-nav .ulbox, .products-nav .clipboard {
  width: calc(100% - var(--menuW) - var(--menuM));
  min-height: calc(var(--menuH) * 1px);
  max-height: calc(var(--menuH) * 1px);
  display: block;
  margin: 0 0 0 var(--menuM);
  flex-shrink: 0;
  position: relative;
  /*scrollbar-color: $color-light $color-grey;
  scrollbar-width: thin;*/
  overflow: auto;
  scrollbar-color: #333F48 #CFD2D5;
  scrollbar-width: thin;
}
.products-nav .ulbox::-webkit-scrollbar, .products-nav .clipboard::-webkit-scrollbar {
  width: 0.25rem;
}
.products-nav .ulbox::-webkit-scrollbar-track, .products-nav .clipboard::-webkit-scrollbar-track {
  background: #CFD2D5;
  border-radius: 0.25rem;
}
.products-nav .ulbox::-webkit-scrollbar-thumb, .products-nav .clipboard::-webkit-scrollbar-thumb {
  background: #333F48;
  border-radius: 0.25rem;
}
.products-nav .ulbox::-webkit-scrollbar-thumb:hover, .products-nav .clipboard::-webkit-scrollbar-thumb:hover {
  background: rgb(29.8536585366, 36.8780487805, 42.1463414634);
}
.products-nav .ulbox::-webkit-scrollbar-track, .products-nav .clipboard::-webkit-scrollbar-track {
  background: #EBECED;
}
.products-nav .ulbox {
  width: calc(100% - var(--menuW) - var(--menuM));
  position: absolute;
  top: 0;
  left: calc(var(--menuW) + var(--menuM) - var(--menuP));
  display: none;
  z-index: 2;
}
.products-nav .ulbox > ul, .products-nav .clipboard > ul {
  width: var(--menuPercent);
  height: auto;
  column-count: var(--menuCC);
  column-gap: var(--menuGap);
  z-index: 1;
}
.products-nav .clipboard > ul {
  pointer-events: none;
  opacity: 0;
}
.products-nav .ulbox > ul > li:not(:last-child), .products-nav .clipboard > ul > li:not(:last-child) {
  margin: 0 0 1rem 0;
}
.products-nav .ulbox > ul > li > a, .products-nav .clipboard > ul > li > a {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5rem;
  display: block;
}
.products-nav .ulbox > ul > li > ul, .products-nav .clipboard > ul > li > ul {
  margin: 0.25rem 0 0;
}
.products-nav .ulbox > ul > li > ul > li, .products-nav .clipboard > ul > li > ul > li {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  min-height: 1.5rem;
}
.products-nav .ulbox > ul > li > ul > li > a, .products-nav .clipboard > ul > li > ul > li > a {
  width: 100%;
  color: #8C9398;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.products-nav .clipboard {
  opacity: 0;
  pointer-events: none;
}
.products-nav > span {
  width: calc((100% - var(--menuW) - var(--menuM)) / 100 * var(--menuImgW) - var(--menuGap));
  min-height: calc(var(--menuH) * 1px);
  max-height: calc(var(--menuH) * 1px);
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 100% center;
  background-position: center;
  background-size: auto 100%;
  background-size: cover, 100%;
  border-radius: 1rem;
  overflow: hidden;
  /*background-color: $color-grey;*/
  z-index: -1;
  display: none;
}
.products-nav > span.-full {
  width: calc(100% - var(--menuW) - var(--menuM));
}

.header .button.-products-menu, .header .owl-carousel .owl-nav button.-products-menu.owl-prev, .owl-carousel .owl-nav .header button.-products-menu.owl-prev, .header .owl-carousel .owl-nav button.-products-menu.owl-next, .owl-carousel .owl-nav .header button.-products-menu.owl-next, .header .owl-custom .owl-custom-nav button.-products-menu.owl-prev, .owl-custom .owl-custom-nav .header button.-products-menu.owl-prev, .header .owl-custom .owl-custom-nav button.-products-menu.owl-next, .owl-custom .owl-custom-nav .header button.-products-menu.owl-next {
  justify-content: space-between;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.header .button.-products-menu > span, .header .owl-carousel .owl-nav button.-products-menu.owl-prev > span, .owl-carousel .owl-nav .header button.-products-menu.owl-prev > span, .header .owl-carousel .owl-nav button.-products-menu.owl-next > span, .owl-carousel .owl-nav .header button.-products-menu.owl-next > span, .header .owl-custom .owl-custom-nav button.-products-menu.owl-prev > span, .owl-custom .owl-custom-nav .header button.-products-menu.owl-prev > span, .header .owl-custom .owl-custom-nav button.-products-menu.owl-next > span, .owl-custom .owl-custom-nav .header button.-products-menu.owl-next > span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.header .button.-products-menu > span:nth-child(2), .header .owl-carousel .owl-nav button.-products-menu.owl-prev > span:nth-child(2), .owl-carousel .owl-nav .header button.-products-menu.owl-prev > span:nth-child(2), .header .owl-carousel .owl-nav button.-products-menu.owl-next > span:nth-child(2), .owl-carousel .owl-nav .header button.-products-menu.owl-next > span:nth-child(2), .header .owl-custom .owl-custom-nav button.-products-menu.owl-prev > span:nth-child(2), .owl-custom .owl-custom-nav .header button.-products-menu.owl-prev > span:nth-child(2), .header .owl-custom .owl-custom-nav button.-products-menu.owl-next > span:nth-child(2), .owl-custom .owl-custom-nav .header button.-products-menu.owl-next > span:nth-child(2) {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.header .button.-products-menu > span:nth-child(2) .icon, .header .button.-products-menu > span:nth-child(2) .accordion-header .toggler, .accordion-header .header .button.-products-menu > span:nth-child(2) .toggler, .header .button.-products-menu > span:nth-child(2) .accordion-header.-clickable:after, .header .owl-carousel .owl-nav button.-products-menu.owl-prev > span:nth-child(2) .icon, .header .owl-carousel .owl-nav button.-products-menu.owl-prev > span:nth-child(2) .accordion-header .toggler, .accordion-header .header .owl-carousel .owl-nav button.-products-menu.owl-prev > span:nth-child(2) .toggler, .header .owl-carousel .owl-nav button.-products-menu.owl-prev > span:nth-child(2) .accordion-header.-clickable:after, .owl-carousel .owl-nav .header button.-products-menu.owl-prev > span:nth-child(2) .icon, .owl-carousel .owl-nav .header button.-products-menu.owl-prev > span:nth-child(2) .accordion-header .toggler, .accordion-header .owl-carousel .owl-nav .header button.-products-menu.owl-prev > span:nth-child(2) .toggler, .owl-carousel .owl-nav .header button.-products-menu.owl-prev > span:nth-child(2) .accordion-header.-clickable:after, .header .owl-carousel .owl-nav button.-products-menu.owl-next > span:nth-child(2) .icon, .header .owl-carousel .owl-nav button.-products-menu.owl-next > span:nth-child(2) .accordion-header .toggler, .accordion-header .header .owl-carousel .owl-nav button.-products-menu.owl-next > span:nth-child(2) .toggler, .header .owl-carousel .owl-nav button.-products-menu.owl-next > span:nth-child(2) .accordion-header.-clickable:after, .owl-carousel .owl-nav .header button.-products-menu.owl-next > span:nth-child(2) .icon, .owl-carousel .owl-nav .header button.-products-menu.owl-next > span:nth-child(2) .accordion-header .toggler, .accordion-header .owl-carousel .owl-nav .header button.-products-menu.owl-next > span:nth-child(2) .toggler, .owl-carousel .owl-nav .header button.-products-menu.owl-next > span:nth-child(2) .accordion-header.-clickable:after, .header .owl-custom .owl-custom-nav button.-products-menu.owl-prev > span:nth-child(2) .icon, .header .owl-custom .owl-custom-nav button.-products-menu.owl-prev > span:nth-child(2) .accordion-header .toggler, .accordion-header .header .owl-custom .owl-custom-nav button.-products-menu.owl-prev > span:nth-child(2) .toggler, .header .owl-custom .owl-custom-nav button.-products-menu.owl-prev > span:nth-child(2) .accordion-header.-clickable:after, .owl-custom .owl-custom-nav .header button.-products-menu.owl-prev > span:nth-child(2) .icon, .owl-custom .owl-custom-nav .header button.-products-menu.owl-prev > span:nth-child(2) .accordion-header .toggler, .accordion-header .owl-custom .owl-custom-nav .header button.-products-menu.owl-prev > span:nth-child(2) .toggler, .owl-custom .owl-custom-nav .header button.-products-menu.owl-prev > span:nth-child(2) .accordion-header.-clickable:after, .header .owl-custom .owl-custom-nav button.-products-menu.owl-next > span:nth-child(2) .icon, .header .owl-custom .owl-custom-nav button.-products-menu.owl-next > span:nth-child(2) .accordion-header .toggler, .accordion-header .header .owl-custom .owl-custom-nav button.-products-menu.owl-next > span:nth-child(2) .toggler, .header .owl-custom .owl-custom-nav button.-products-menu.owl-next > span:nth-child(2) .accordion-header.-clickable:after, .owl-custom .owl-custom-nav .header button.-products-menu.owl-next > span:nth-child(2) .icon, .owl-custom .owl-custom-nav .header button.-products-menu.owl-next > span:nth-child(2) .accordion-header .toggler, .accordion-header .owl-custom .owl-custom-nav .header button.-products-menu.owl-next > span:nth-child(2) .toggler, .owl-custom .owl-custom-nav .header button.-products-menu.owl-next > span:nth-child(2) .accordion-header.-clickable:after {
  margin-right: -0.25rem;
}
.header .button.-products-menu:hover, .header .owl-carousel .owl-nav button.-products-menu.owl-prev:hover, .owl-carousel .owl-nav .header button.-products-menu.owl-prev:hover, .header .owl-carousel .owl-nav button.-products-menu.owl-next:hover, .owl-carousel .owl-nav .header button.-products-menu.owl-next:hover, .header .owl-custom .owl-custom-nav button.-products-menu.owl-prev:hover, .owl-custom .owl-custom-nav .header button.-products-menu.owl-prev:hover, .header .owl-custom .owl-custom-nav button.-products-menu.owl-next:hover, .owl-custom .owl-custom-nav .header button.-products-menu.owl-next:hover, .header .button.-products-menu.popped, .header .owl-carousel .owl-nav button.-products-menu.popped.owl-prev, .owl-carousel .owl-nav .header button.-products-menu.popped.owl-prev, .header .owl-carousel .owl-nav button.-products-menu.popped.owl-next, .owl-carousel .owl-nav .header button.-products-menu.popped.owl-next, .header .owl-custom .owl-custom-nav button.-products-menu.popped.owl-prev, .owl-custom .owl-custom-nav .header button.-products-menu.popped.owl-prev, .header .owl-custom .owl-custom-nav button.-products-menu.popped.owl-next, .owl-custom .owl-custom-nav .header button.-products-menu.popped.owl-next {
  width: calc(var(--menuW) + var(--menuP));
}
.header .button.-products-menu.popped > span:nth-child(2), .header .owl-carousel .owl-nav button.-products-menu.popped.owl-prev > span:nth-child(2), .owl-carousel .owl-nav .header button.-products-menu.popped.owl-prev > span:nth-child(2), .header .owl-carousel .owl-nav button.-products-menu.popped.owl-next > span:nth-child(2), .owl-carousel .owl-nav .header button.-products-menu.popped.owl-next > span:nth-child(2), .header .owl-custom .owl-custom-nav button.-products-menu.popped.owl-prev > span:nth-child(2), .owl-custom .owl-custom-nav .header button.-products-menu.popped.owl-prev > span:nth-child(2), .header .owl-custom .owl-custom-nav button.-products-menu.popped.owl-next > span:nth-child(2), .owl-custom .owl-custom-nav .header button.-products-menu.popped.owl-next > span:nth-child(2) {
  transform: rotate(180deg);
}
.header:not(.-fixedpanel) .button.-products-menu:not(:hover):not(.popped), .header:not(.-fixedpanel) .owl-carousel .owl-nav button.-products-menu.owl-prev:not(:hover):not(.popped), .owl-carousel .owl-nav .header:not(.-fixedpanel) button.-products-menu.owl-prev:not(:hover):not(.popped), .header:not(.-fixedpanel) .owl-carousel .owl-nav button.-products-menu.owl-next:not(:hover):not(.popped), .owl-carousel .owl-nav .header:not(.-fixedpanel) button.-products-menu.owl-next:not(:hover):not(.popped), .header:not(.-fixedpanel) .owl-custom .owl-custom-nav button.-products-menu.owl-prev:not(:hover):not(.popped), .owl-custom .owl-custom-nav .header:not(.-fixedpanel) button.-products-menu.owl-prev:not(:hover):not(.popped), .header:not(.-fixedpanel) .owl-custom .owl-custom-nav button.-products-menu.owl-next:not(:hover):not(.popped), .owl-custom .owl-custom-nav .header:not(.-fixedpanel) button.-products-menu.owl-next:not(:hover):not(.popped) {
  width: 172px;
}
.header:not(.-fixedpanel) .button.-products-menu:not(:hover):not(.popped) > span, .header:not(.-fixedpanel) .owl-carousel .owl-nav button.-products-menu.owl-prev:not(:hover):not(.popped) > span, .owl-carousel .owl-nav .header:not(.-fixedpanel) button.-products-menu.owl-prev:not(:hover):not(.popped) > span, .header:not(.-fixedpanel) .owl-carousel .owl-nav button.-products-menu.owl-next:not(:hover):not(.popped) > span, .owl-carousel .owl-nav .header:not(.-fixedpanel) button.-products-menu.owl-next:not(:hover):not(.popped) > span, .header:not(.-fixedpanel) .owl-custom .owl-custom-nav button.-products-menu.owl-prev:not(:hover):not(.popped) > span, .owl-custom .owl-custom-nav .header:not(.-fixedpanel) button.-products-menu.owl-prev:not(:hover):not(.popped) > span, .header:not(.-fixedpanel) .owl-custom .owl-custom-nav button.-products-menu.owl-next:not(:hover):not(.popped) > span, .owl-custom .owl-custom-nav .header:not(.-fixedpanel) button.-products-menu.owl-next:not(:hover):not(.popped) > span {
  overflow: hidden;
}
.header:not(.-fixedpanel) .button.-products-menu:not(:hover):not(.popped) > span:nth-child(2), .header:not(.-fixedpanel) .owl-carousel .owl-nav button.-products-menu.owl-prev:not(:hover):not(.popped) > span:nth-child(2), .owl-carousel .owl-nav .header:not(.-fixedpanel) button.-products-menu.owl-prev:not(:hover):not(.popped) > span:nth-child(2), .header:not(.-fixedpanel) .owl-carousel .owl-nav button.-products-menu.owl-next:not(:hover):not(.popped) > span:nth-child(2), .owl-carousel .owl-nav .header:not(.-fixedpanel) button.-products-menu.owl-next:not(:hover):not(.popped) > span:nth-child(2), .header:not(.-fixedpanel) .owl-custom .owl-custom-nav button.-products-menu.owl-prev:not(:hover):not(.popped) > span:nth-child(2), .owl-custom .owl-custom-nav .header:not(.-fixedpanel) button.-products-menu.owl-prev:not(:hover):not(.popped) > span:nth-child(2), .header:not(.-fixedpanel) .owl-custom .owl-custom-nav button.-products-menu.owl-next:not(:hover):not(.popped) > span:nth-child(2), .owl-custom .owl-custom-nav .header:not(.-fixedpanel) button.-products-menu.owl-next:not(:hover):not(.popped) > span:nth-child(2) {
  width: 0;
  opacity: 0;
}
.header.-fixedpanel:not(.fixed) .products-nav-popper, .header.-fixedpanel.unfixed .products-nav-popper {
  opacity: 0 !important;
  transform: translateY(-2rem);
  pointer-events: none !important;
}
.header.-fixedpanel:not(.fixed) .button.-products-menu, .header.-fixedpanel:not(.fixed) .owl-carousel .owl-nav button.-products-menu.owl-prev, .owl-carousel .owl-nav .header.-fixedpanel:not(.fixed) button.-products-menu.owl-prev, .header.-fixedpanel:not(.fixed) .owl-carousel .owl-nav button.-products-menu.owl-next, .owl-carousel .owl-nav .header.-fixedpanel:not(.fixed) button.-products-menu.owl-next, .header.-fixedpanel:not(.fixed) .owl-custom .owl-custom-nav button.-products-menu.owl-prev, .owl-custom .owl-custom-nav .header.-fixedpanel:not(.fixed) button.-products-menu.owl-prev, .header.-fixedpanel:not(.fixed) .owl-custom .owl-custom-nav button.-products-menu.owl-next, .owl-custom .owl-custom-nav .header.-fixedpanel:not(.fixed) button.-products-menu.owl-next, .header.-fixedpanel.unfixed .button.-products-menu, .header.-fixedpanel.unfixed .owl-carousel .owl-nav button.-products-menu.owl-prev, .owl-carousel .owl-nav .header.-fixedpanel.unfixed button.-products-menu.owl-prev, .header.-fixedpanel.unfixed .owl-carousel .owl-nav button.-products-menu.owl-next, .owl-carousel .owl-nav .header.-fixedpanel.unfixed button.-products-menu.owl-next, .header.-fixedpanel.unfixed .owl-custom .owl-custom-nav button.-products-menu.owl-prev, .owl-custom .owl-custom-nav .header.-fixedpanel.unfixed button.-products-menu.owl-prev, .header.-fixedpanel.unfixed .owl-custom .owl-custom-nav button.-products-menu.owl-next, .owl-custom .owl-custom-nav .header.-fixedpanel.unfixed button.-products-menu.owl-next {
  width: calc(var(--menuW) + var(--menuP) * 2);
  pointer-events: none;
}
.header.-fixedpanel:not(.fixed) .button.-products-menu > span:nth-child(2), .header.-fixedpanel:not(.fixed) .owl-carousel .owl-nav button.-products-menu.owl-prev > span:nth-child(2), .owl-carousel .owl-nav .header.-fixedpanel:not(.fixed) button.-products-menu.owl-prev > span:nth-child(2), .header.-fixedpanel:not(.fixed) .owl-carousel .owl-nav button.-products-menu.owl-next > span:nth-child(2), .owl-carousel .owl-nav .header.-fixedpanel:not(.fixed) button.-products-menu.owl-next > span:nth-child(2), .header.-fixedpanel:not(.fixed) .owl-custom .owl-custom-nav button.-products-menu.owl-prev > span:nth-child(2), .owl-custom .owl-custom-nav .header.-fixedpanel:not(.fixed) button.-products-menu.owl-prev > span:nth-child(2), .header.-fixedpanel:not(.fixed) .owl-custom .owl-custom-nav button.-products-menu.owl-next > span:nth-child(2), .owl-custom .owl-custom-nav .header.-fixedpanel:not(.fixed) button.-products-menu.owl-next > span:nth-child(2), .header.-fixedpanel.unfixed .button.-products-menu > span:nth-child(2), .header.-fixedpanel.unfixed .owl-carousel .owl-nav button.-products-menu.owl-prev > span:nth-child(2), .owl-carousel .owl-nav .header.-fixedpanel.unfixed button.-products-menu.owl-prev > span:nth-child(2), .header.-fixedpanel.unfixed .owl-carousel .owl-nav button.-products-menu.owl-next > span:nth-child(2), .owl-carousel .owl-nav .header.-fixedpanel.unfixed button.-products-menu.owl-next > span:nth-child(2), .header.-fixedpanel.unfixed .owl-custom .owl-custom-nav button.-products-menu.owl-prev > span:nth-child(2), .owl-custom .owl-custom-nav .header.-fixedpanel.unfixed button.-products-menu.owl-prev > span:nth-child(2), .header.-fixedpanel.unfixed .owl-custom .owl-custom-nav button.-products-menu.owl-next > span:nth-child(2), .owl-custom .owl-custom-nav .header.-fixedpanel.unfixed button.-products-menu.owl-next > span:nth-child(2) {
  transform: rotate(180deg);
}
.header.-fixedpanel.fixed .button.-products-menu:not(:hover):not(.popped), .header.-fixedpanel.fixed .owl-carousel .owl-nav button.-products-menu.owl-prev:not(:hover):not(.popped), .owl-carousel .owl-nav .header.-fixedpanel.fixed button.-products-menu.owl-prev:not(:hover):not(.popped), .header.-fixedpanel.fixed .owl-carousel .owl-nav button.-products-menu.owl-next:not(:hover):not(.popped), .owl-carousel .owl-nav .header.-fixedpanel.fixed button.-products-menu.owl-next:not(:hover):not(.popped), .header.-fixedpanel.fixed .owl-custom .owl-custom-nav button.-products-menu.owl-prev:not(:hover):not(.popped), .owl-custom .owl-custom-nav .header.-fixedpanel.fixed button.-products-menu.owl-prev:not(:hover):not(.popped), .header.-fixedpanel.fixed .owl-custom .owl-custom-nav button.-products-menu.owl-next:not(:hover):not(.popped), .owl-custom .owl-custom-nav .header.-fixedpanel.fixed button.-products-menu.owl-next:not(:hover):not(.popped) {
  width: 172px;
}
.header.-fixedpanel.fixed .button.-products-menu:not(:hover):not(.popped) > span, .header.-fixedpanel.fixed .owl-carousel .owl-nav button.-products-menu.owl-prev:not(:hover):not(.popped) > span, .owl-carousel .owl-nav .header.-fixedpanel.fixed button.-products-menu.owl-prev:not(:hover):not(.popped) > span, .header.-fixedpanel.fixed .owl-carousel .owl-nav button.-products-menu.owl-next:not(:hover):not(.popped) > span, .owl-carousel .owl-nav .header.-fixedpanel.fixed button.-products-menu.owl-next:not(:hover):not(.popped) > span, .header.-fixedpanel.fixed .owl-custom .owl-custom-nav button.-products-menu.owl-prev:not(:hover):not(.popped) > span, .owl-custom .owl-custom-nav .header.-fixedpanel.fixed button.-products-menu.owl-prev:not(:hover):not(.popped) > span, .header.-fixedpanel.fixed .owl-custom .owl-custom-nav button.-products-menu.owl-next:not(:hover):not(.popped) > span, .owl-custom .owl-custom-nav .header.-fixedpanel.fixed button.-products-menu.owl-next:not(:hover):not(.popped) > span {
  overflow: hidden;
}
.header.-fixedpanel.fixed .button.-products-menu:not(:hover):not(.popped) > span:nth-child(2), .header.-fixedpanel.fixed .owl-carousel .owl-nav button.-products-menu.owl-prev:not(:hover):not(.popped) > span:nth-child(2), .owl-carousel .owl-nav .header.-fixedpanel.fixed button.-products-menu.owl-prev:not(:hover):not(.popped) > span:nth-child(2), .header.-fixedpanel.fixed .owl-carousel .owl-nav button.-products-menu.owl-next:not(:hover):not(.popped) > span:nth-child(2), .owl-carousel .owl-nav .header.-fixedpanel.fixed button.-products-menu.owl-next:not(:hover):not(.popped) > span:nth-child(2), .header.-fixedpanel.fixed .owl-custom .owl-custom-nav button.-products-menu.owl-prev:not(:hover):not(.popped) > span:nth-child(2), .owl-custom .owl-custom-nav .header.-fixedpanel.fixed button.-products-menu.owl-prev:not(:hover):not(.popped) > span:nth-child(2), .header.-fixedpanel.fixed .owl-custom .owl-custom-nav button.-products-menu.owl-next:not(:hover):not(.popped) > span:nth-child(2), .owl-custom .owl-custom-nav .header.-fixedpanel.fixed button.-products-menu.owl-next:not(:hover):not(.popped) > span:nth-child(2) {
  width: 0;
  opacity: 0;
}
.header.-fixedpanel.fixed .button.-products-menu.popped > span:nth-child(2), .header.-fixedpanel.fixed .owl-carousel .owl-nav button.-products-menu.popped.owl-prev > span:nth-child(2), .owl-carousel .owl-nav .header.-fixedpanel.fixed button.-products-menu.popped.owl-prev > span:nth-child(2), .header.-fixedpanel.fixed .owl-carousel .owl-nav button.-products-menu.popped.owl-next > span:nth-child(2), .owl-carousel .owl-nav .header.-fixedpanel.fixed button.-products-menu.popped.owl-next > span:nth-child(2), .header.-fixedpanel.fixed .owl-custom .owl-custom-nav button.-products-menu.popped.owl-prev > span:nth-child(2), .owl-custom .owl-custom-nav .header.-fixedpanel.fixed button.-products-menu.popped.owl-prev > span:nth-child(2), .header.-fixedpanel.fixed .owl-custom .owl-custom-nav button.-products-menu.popped.owl-next > span:nth-child(2), .owl-custom .owl-custom-nav .header.-fixedpanel.fixed button.-products-menu.popped.owl-next > span:nth-child(2) {
  transform: rotate(180deg);
}

.products-nav-popper {
  min-width: 100%;
  max-width: 100%;
  padding: var(--menuP);
  max-height: calc(var(--menuH) * 1px + var(--menuP) * 2);
  min-height: calc(var(--menuH) * 1px + var(--menuP) * 2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  overflow: visible;
  transform-origin: top left;
  top: calc(100% + 0.5rem);
  overflow: hidden;
  left: 0;
  animation: none;
  display: none;
  filter: unset;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.products-nav-popper.popped {
  display: flex;
  overflow: visible;
}
.products-nav-popper.popped:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: -1rem;
  overflow: visible;
}
@media only screen and (max-width: 767px) {
  .products-nav-popper {
    height: calc(100vh - 169px);
    padding: 1rem;
    overflow: auto;
  }
  .products-nav-popper .clipboard {
    display: none;
  }
  .products-nav-popper > ul {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .products-nav-popper > ul > li > a {
    margin-bottom: 5px;
    padding: 0;
  }
  .products-nav-popper > ul > li > a:hover {
    color: #333F48;
  }
  .products-nav-popper > ul > li > a:after {
    transform: rotate(0deg) !important;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  .products-nav-popper > ul > li.popped {
    color: #333F48;
  }
  .products-nav-popper > ul > li.popped a:after {
    transform: rotate(180deg) !important;
  }
  .products-nav-popper > ul > li > ul {
    width: 100%;
    max-width: 100%;
    height: 0;
    min-height: 0;
    max-height: 155px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0 1rem;
    position: relative;
    filter: unset;
    box-shadow: inset 0 0 0 1px #EBECED;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  .products-nav-popper > ul > li > ul.popped {
    height: auto;
    margin: 1rem 0;
    padding: 0.5rem 1rem;
  }
  .products-nav-popper > ul > li > ul > li > a {
    width: 100%;
    padding: 0.5rem 0;
    color: #8C9398;
    text-align: left;
    display: block;
  }
  .products-nav-popper > ul > li > ul > li .subnav {
    display: none;
  }
}
@media only screen and (min-width:992px) {
  .products-nav-popper.-fixedpanel {
    top: 0;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  .products-nav-popper.-fixedpanel.popped, .products-nav-popper.-fixedpanel.-active {
    animation: none;
  }
  .products-nav-popper.-fixedpanel.-active {
    display: flex;
    overflow: visible;
  }
  .products-nav-popper.-fixedpanel.-active:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -1rem;
    overflow: visible;
  }
  .products-nav-popper.-fixedpanel:not(.popped):not(.-active) {
    min-width: calc(var(--menuW) + var(--menuP) * 2);
    max-width: calc(var(--menuW) + var(--menuP) * 2);
    display: flex;
    overflow: hidden;
  }
  .products-nav-popper.-fixedpanel:not(.popped):not(.-active) .webmenu.products-menu::-webkit-scrollbar-track {
    background: transparent;
  }
  .products-nav-popper.-fixedpanel:not(.popped):not(.-active) .webmenu.products-menu::-webkit-scrollbar-thumb {
    background: transparent;
  }
}

.fixed-products-menu-block {
  position: relative;
  z-index: 2;
}

.menu-icon > a {
  width: 100%;
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.menu-icon > a:before {
  color: #333F48;
  transition: 0.2s ease-in-out;
}
.menu-icon > a:hover:before {
  opacity: 1;
  color: #C8102E;
}
.menu-icon.-list > a:before {
  content: "\e911";
}
.menu-icon.-heart > a:before {
  content: "\e921";
}
.menu-icon.-price > a:before {
  content: "\e91b";
}
.menu-icon.-points > a:before {
  content: "\e91e";
}
.menu-icon.-ticket > a:before {
  content: "\e91f";
}
.menu-icon.-delivery > a:before {
  content: "\e923";
}
.menu-icon.-settings > a:before {
  content: "\e933";
}
.menu-icon.-receipt > a:before {
  content: "\e934";
}
.menu-icon.-history > a:before {
  content: "\e935";
}
.menu-icon.-applist-details > a:before {
  content: "\e936";
}
.menu-icon.-trending-lines > a:before {
  content: "\e937";
}
.menu-icon.-percent > a:before {
  content: "\e93a";
}

.search-form {
  flex-grow: 1;
  position: relative;
}
.search-form input[type=text] {
  padding-right: 40px;
}
.search-form.-with-clear input[type=text] {
  padding-right: calc(40px + 1.5rem);
}
.search-form .action {
  position: absolute;
  right: 0.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: none;
  cursor: pointer;
  color: #C8102E;
  height: 1.5rem;
  text-decoration: none;
}
.search-form .action:before {
  content: "search";
}
.search-form .action:focus {
  outline: none;
}
.search-form .clear {
  cursor: pointer;
  color: #C8102E;
  position: absolute;
  right: 2.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1.5rem;
}
.search-form .clear:before {
  content: "delete";
}
.search-form .loader-wrapper {
  position: absolute;
  right: 40px;
  height: 100%;
  display: inline-flex;
  align-items: center;
}
.search-form .loader-wrapper .loader {
  position: relative;
}
.search-form.-noresult .search-backdrop {
  z-index: 0;
}
.search-form.-noresult input[type=text] {
  z-index: 1;
}

.search-panel {
  position: absolute;
  z-index: 15;
  background: #FFFFFF;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15), -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  width: 100%;
  top: 100%;
}
.search-panel.unpopped {
  display: none;
}

.search-suggestions {
  scrollbar-color: #333F48 #CFD2D5;
  scrollbar-width: thin;
  padding: 1rem;
  max-height: calc(100vh - 40px);
  overflow: auto;
}
.search-suggestions::-webkit-scrollbar {
  width: 0.25rem;
}
.search-suggestions::-webkit-scrollbar-track {
  background: #CFD2D5;
  border-radius: 0.25rem;
}
.search-suggestions::-webkit-scrollbar-thumb {
  background: #333F48;
  border-radius: 0.25rem;
}
.search-suggestions::-webkit-scrollbar-thumb:hover {
  background: rgb(29.8536585366, 36.8780487805, 42.1463414634);
}
@media only screen and (max-width: 1199px) {
  .search-suggestions {
    max-height: calc(60vh - 40px);
  }
}
.search-suggestions .content .title {
  font-weight: 600;
}
.search-suggestions .item > a, .search-suggestions .more > a {
  display: block;
  color: #333F48;
}
.search-suggestions .item.selected > a, .search-suggestions .item:hover > a, .search-suggestions .more.selected > a, .search-suggestions .more:hover > a {
  color: #C8102E;
}
.search-history {
  padding: 1rem;
}
.search-history .content {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.search-history .item {
  background: #EBECED;
  color: #333F48;
  border-radius: 1rem;
  padding: 0.25rem 0.5rem;
}
.search-history .item:hover {
  background: rgb(208.1578947368, 210.5, 212.8421052632);
}

.search-backdrop {
  position: fixed;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0);
}

.sale-wrapper .sale-item {
  margin-bottom: 2rem;
}
.sale-wrapper .sale-item:hover .sale-item-inner {
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  background: #fafafa;
}
@media only screen and (min-width:768px) {
  .sale-wrapper .sale-item:hover .sale-item-inner {
    background: #FFFFFF;
  }
}
.sale-wrapper .sale-item .sale-item-inner {
  border-radius: 1.5rem;
  overflow: hidden;
  transition: 0.2s ease-in-out;
  padding: 1rem;
}
.sale-wrapper .sale-item .img {
  padding-bottom: 50%;
}
.sale-wrapper .sale-item .details {
  padding-top: 1rem;
}
.sale-wrapper .sale-item .title {
  font-size: 18px;
  font-weight: 600;
}
.sale-wrapper .sale-item .desc {
  font-size: 16px;
}
.sale-head {
  position: relative;
}
.sale-head.-points .dates-wrapper {
  flex-wrap: wrap;
}
.sale-head.-points .dates-wrapper .date {
  width: 100%;
}
.sale-head img {
  border-radius: 1.5rem;
}
.sale-head .tab {
  padding: 1rem;
}

.sale-counter {
  color: #C8102E;
}

.sale.-volume .sale-head {
  margin-bottom: 1rem;
}
.sale.-volume .sale-head nav[aria-label=breadcrumb] {
  margin: 0 0 1rem 0;
}
.sale.-volume .sale-head .dates-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1.25rem 0;
}
.sale.-volume .sale-head .dates-wrapper .date {
  width: 100%;
}
.sale.-volume .sale-head .dates-wrapper .date:not(:first-child) {
  margin-top: 5px;
}
.sale.-volume .sale-head .dates-wrapper .date > span:first-child {
  font-weight: 600;
}
.sale.-volume > div > .data > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin: 0 0 5px 0;
}
.sale.-volume > div > .data > div:last-child {
  margin: 0;
}
.sale.-volume > div > .data > div span {
  width: calc(50% - 1rem);
}
.sale.-volume > div > .data > div span:first-child {
  font-weight: 600;
}
.sale.-volume > div > .data > div span:last-child {
  margin: 0 0 0 2rem;
}
.sale.-volume > div > .categories {
  margin-top: 2rem;
}
.sale.-volume > div > .categories .item > .inner, .sale.-volume > div > .categories .item > .datepicker-wrapper {
  height: 100%;
  padding: 1rem;
  border: 1px solid #EBECED;
}
.sale.-volume > div > .categories .item > .inner.-active, .sale.-volume > div > .categories .item > .-active.datepicker-wrapper {
  border-color: #67CF15;
}
.sale.-volume > div > .categories .item .active-marker {
  background: #67CF15;
  border-radius: 1.5rem;
  color: #fff;
  display: inline-flex;
  margin: 0 0 1rem;
  padding: 10px;
}
.sale.-volume > div > .categories .item .title {
  margin: 0 0 1rem 0;
}
.stat-content .custom-landing img, .gdpr-statement .content .custom-landing img {
  border-radius: 1.5rem;
}
.stat-content .custom-landing .grey-card, .gdpr-statement .content .custom-landing .grey-card {
  background: #EBECED;
  border-radius: 1.5rem;
  padding: 1.5rem;
}
.stat-content .custom-landing .grey-rounded-row, .gdpr-statement .content .custom-landing .grey-rounded-row {
  position: relative;
  padding: 1.5rem;
}
.stat-content .custom-landing .grey-rounded-row:before, .gdpr-statement .content .custom-landing .grey-rounded-row:before {
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: 0;
  bottom: 0;
  display: block;
  content: "";
  background-color: #EBECED;
  border-radius: 1.5rem;
}

.hoszigeteles img {
  border-radius: 1.5rem;
}

/***** GDPR KÉRELEM OLDAL *****/
/***** GDPR KÉRELEM OLDAL vége*****/
/***** GDPR NYILATKOZAT ELFOGADAS OLDAL ******/
.gdpr-accept .inner .item .link, .gdpr-accept .datepicker-wrapper .item .link {
  padding-left: calc(1.5rem + 0.375rem);
}

/***** GDPR NYILATKOZAT ELFOGADAS OLDAL vége******/
/**** GDPR NYILATKOZAT SZÖVEGE OLDAL ****/
/**** GDPR NYILATKOZAT SZÖVEGE OLDAL vége****/
.lab-zarunk {
  background: #C8102E;
  border-radius: 1.5rem;
  color: #fff;
  padding: 0.5rem 1rem;
  text-align: center;
  margin-bottom: 0.5rem;
}

.price-wrapper > .price {
  font-size: 24px;
  font-weight: 600;
  white-space: nowrap;
}
.price-wrapper > .price .brutto-netto {
  font-size: 16px;
}
.price-wrapper > .price.-original {
  font-size: 16px;
  text-decoration: line-through;
  color: rgba(51, 63, 72, 0.5);
  text-decoration-color: inherit;
}
.price-wrapper > .price.-onsale {
  display: inline-block;
  color: #FFFFFF;
  position: relative;
  z-index: 0;
}
.price-wrapper > .price.-onsale:before {
  content: "";
  position: absolute;
  right: -30%;
  top: 75%;
  transform: translateY(-50%) translateX(0);
  width: calc(100% + 124px);
  min-width: 200px;
  min-height: 72px;
  z-index: -1;
  background: url(../images/festek96-kolorfull-onsale-brush-stroke.svg) no-repeat center center;
  background-size: 100% 100%;
}
.price-wrapper > .price.-unit {
  font-size: 14px;
  font-weight: 600;
  color: #333F48;
  opacity: 0.5;
}
@media only screen and (max-width: 767px) {
  .price-wrapper:not(.-keep-size) > .price {
    font-size: 16px;
  }
  .price-wrapper:not(.-keep-size) > .price .brutto-netto {
    font-size: 12px;
  }
  .price-wrapper:not(.-keep-size) > .price.-original {
    font-size: 12px;
  }
  .price-wrapper:not(.-keep-size) > .price.-onsale:before {
    width: calc(100% + 80px);
    min-width: 150px;
    min-height: 50px;
  }
}

.stock-wrapper > * {
  position: relative;
  font-weight: 600;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  gap: 0.25rem;
}
.stock-wrapper > *:before {
  content: "radio";
  color: inherit;
}
.stock-wrapper > *.onstock {
  color: #67CF15;
}
.stock-wrapper > *.onstock:before {
  content: "checkfull";
}
.stock-wrapper > *.nostock {
  color: #8C9398;
}
.stock-wrapper > *.nostock:before {
  content: "radio";
}
.stock-wrapper > *.tostock {
  color: #CF9B15;
}
.stock-wrapper > *.tostock:before {
  content: "radiofull";
}
.stock-wrapper.-large > * {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}

.labels-wrapper {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  gap: 0.5rem;
}
.labels-wrapper > .label {
  position: relative;
  padding: 0.25rem 0.25rem;
  min-height: 2rem;
  min-width: 2rem;
  border-radius: 1.5rem;
  background-color: #CFD2D5;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.labels-wrapper > .label a {
  color: inherit;
}
.labels-wrapper > .label:before {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  content: none;
}
.labels-wrapper > .label.-with-label {
  padding: 0.25rem 12px 0.25rem 10px;
  gap: 0.25rem;
}
.labels-wrapper > .label.-with-label a {
  display: inline-flex;
  align-items: center;
}
.labels-wrapper > .label.-with-label:before {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.labels-wrapper > .label.-new {
  background-color: #67CF15;
}
.labels-wrapper > .label.-new:before {
  content: "new";
}
.labels-wrapper > .label.-sale {
  background-color: #C8102E;
}
.labels-wrapper > .label.-sale:before {
  content: "price";
}
.labels-wrapper > .label.-sale.-gift {
  position: relative;
  background-color: #C8102E;
}
.labels-wrapper > .label.-sale.-gift:before {
  content: "gift";
}
.labels-wrapper > .label.-sale.-gift:hover .gift-img {
  display: flex;
}
.labels-wrapper > .label.-sale.-gift .gift-img {
  position: relative;
  width: auto;
  height: auto;
  display: none;
  padding: 0.5rem;
  border: 1px solid #EBECED;
  background: white;
  border-radius: 1.5rem;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .labels-wrapper > .label.-sale.-gift .gift-img {
    display: none !important;
  }
}
.labels-wrapper > .label.-sale.-gift .gift-img img {
  max-width: 100px;
  max-height: 100px;
  pointer-events: none;
}
.labels-wrapper > .label.-sale.-qty {
  background-color: #C8102E;
}
.labels-wrapper > .label.-sale.-qty:before {
  content: "qty";
}
.labels-wrapper > .label.-sale.-qty .tooltip {
  text-align: right;
}
.labels-wrapper > .label.-sale .desc {
  color: #333F48;
}
.labels-wrapper > .label.-runout {
  background-color: #8C9398;
}
.labels-wrapper > .label.-runout:before {
  content: "runout";
}
.labels-wrapper > .label.-pack {
  background-color: #E97F32;
}
.labels-wrapper > .label.-pack:before {
  content: "pack";
}
.labels-wrapper > .label.-point {
  background-color: #35BB9B;
}
.labels-wrapper > .label.-point:before {
  content: "points";
}
.personal-icons .tultip.-NOGLS, .personal-icons .tultip.-nogls {
  min-height: 2rem;
  min-width: 2rem;
  background: #FFFFFF;
  border-radius: 50%;
  position: relative;
}
.personal-icons .tultip.-NOGLS:before, .personal-icons .tultip.-nogls:before {
  content: "delivery";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.personal-icons .tultip.-NOGLS:after, .personal-icons .tultip.-nogls:after {
  content: "";
  display: block;
  width: 110%;
  height: 3px;
  transform: translate(-50%, -50%) rotate(-45deg);
  background: #C8102E;
  position: absolute;
  top: 50%;
  left: 50%;
}

.p-item > * {
  display: flex;
  min-height: 100%;
}
.p-item .p-item-inner {
  position: relative;
  min-height: 100%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-item .p-item-inner {
    flex-wrap: wrap;
  }
}
.p-item.-box {
  width: 100%;
}
.p-item.-box > * {
  min-height: 100%;
}
.p-item.-box .p-item-inner {
  flex-direction: column;
  padding: 1rem;
  border-radius: 1.5rem;
  transition: 0.2s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .p-item.-box .p-item-inner {
    padding: 0.25rem;
  }
}
.p-item.-box .p-item-inner .title {
  text-align: center;
  margin-top: 1rem;
}
.p-item.-box .p-item-inner.-banner {
  align-self: stretch;
}
.p-item.-box .p-item-inner.-banner > div {
  height: 100%;
}
.p-item.-box .p-item-inner.-banner > div .img {
  height: 100%;
}
.p-item.-box .p-item-inner.-banner > div .img > .inner img, .p-item.-box .p-item-inner.-banner > div .img > .datepicker-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-item.-box .p-item-inner > * {
  min-width: 100%;
}
.p-item.-box .p-item-inner > .clone {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  z-index: 100;
  overflow: hidden;
  padding: 1rem;
}
.p-item.-box .p-item-inner > .shop {
  flex-grow: 1;
  margin-top: 0.5rem;
  width: 100%;
  display: flex;
  justify-content: center;
}
.p-item.-box .p-item-inner:hover {
  background-color: #FFFFFF;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
}
.p-item.-box .p-item-inner .labels-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 1rem;
  width: 100%;
  justify-content: center;
}
.p-item.-box .p-item-inner .price-wrapper {
  width: 100%;
  text-align: center;
}
.p-item.-list .p-item-inner {
  padding: 1rem;
  column-gap: 1rem;
  border-radius: 1.5rem;
  transition: 0.2s ease-in-out;
}
.p-item.-list .p-item-inner:hover {
  background-color: #FFFFFF;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
}
.p-item.-list .p-item-inner .left {
  position: relative;
  width: 175px;
}
@media only screen and (max-width: 767px) {
  .p-item.-list .p-item-inner .left {
    width: 100%;
  }
}
.p-item.-list .p-item-inner .left .img {
  width: 100%;
  padding-bottom: 100%;
}
@media only screen and (max-width: 767px) {
  .p-item.-list .p-item-inner .left .img {
    width: 175px;
    padding-bottom: 175px;
    margin: auto;
  }
}
.p-item.-list .p-item-inner .left .labels-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  flex-direction: column;
  max-height: 100%;
}
.p-item.-list .p-item-inner .right {
  width: 75%;
  flex-grow: 1;
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .p-item.-list .p-item-inner .right {
    width: 75%;
  }
}
.p-item.-list .p-item-inner .right .details-row {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  align-items: flex-end;
}
.p-item.-list .p-item-inner .right .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}
.p-item.-list .p-item-inner .right .title a {
  color: #333F48;
}
.p-item.-list .p-item-inner .right .informations {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.p-item.-list .p-item-inner .right .price-wrapper {
  text-align: right;
}
.p-item.-list .p-item-inner .right .price-wrapper .price.-original {
  margin-bottom: 0.25rem;
}
.p-item.-list .p-item-inner .right .price-wrapper .price.-onsale:before {
  right: -10%;
}
.p-item.-list:not(:last-child):after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #EBECED;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 2px;
}
.p-item.-details {
  display: block;
  min-height: 100%;
}
@media only screen and (max-width: 991px) {
  .p-item.-details > * {
    flex-wrap: wrap;
  }
}
.p-item.-details .title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
.p-item.-details .shop {
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .p-item.-details .shop {
    flex-basis: 100%;
  }
}
.p-item.-details .price-wrapper {
  text-align: right;
}
.p-item.-details .price-wrapper .price.-original {
  margin-bottom: 0.25rem;
}
.p-item.-details .price-wrapper .price.-onsale {
  right: 10%;
}
.p-item.-details .labels-wrapper {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width:992px) {
  .p-item.-details .no-subitem {
    min-height: 206px;
  }
}
.p-item.-details .icons-and-stock-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: space-between;
}
.p-item.-details .votes {
  justify-content: flex-start;
}
.p-item.-cart, .p-item.-cod, .p-item.-shipping {
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}
.p-item.-cart:first-child, .p-item.-cod:first-child, .p-item.-shipping:first-child {
  padding-top: 0;
}
.p-item.-cart:last-child, .p-item.-cod:last-child, .p-item.-shipping:last-child {
  padding-bottom: 0;
}
.p-item.-cart:last-child:after, .p-item.-cod:last-child:after, .p-item.-shipping:last-child:after {
  content: none;
}
.p-item.-cart:after, .p-item.-cod:after, .p-item.-shipping:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #EBECED;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}
.p-item.-cart .p-item-inner, .p-item.-cod .p-item-inner, .p-item.-shipping .p-item-inner {
  padding: 1rem;
  column-gap: 1rem;
  border-radius: 1.5rem;
  transition: 0.2s ease-in-out;
}
.p-item.-cart .p-item-inner:hover, .p-item.-cod .p-item-inner:hover, .p-item.-shipping .p-item-inner:hover {
  background-color: #FFFFFF;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
}
.p-item.-cart .p-item-inner .left, .p-item.-cod .p-item-inner .left, .p-item.-shipping .p-item-inner .left {
  position: relative;
  width: 150px;
}
@media only screen and (max-width: 991px) {
  .p-item.-cart .p-item-inner .left, .p-item.-cod .p-item-inner .left, .p-item.-shipping .p-item-inner .left {
    margin: auto;
  }
}
.p-item.-cart .p-item-inner .left .img, .p-item.-cod .p-item-inner .left .img, .p-item.-shipping .p-item-inner .left .img {
  width: 100%;
  padding-bottom: 100%;
}
.p-item.-cart .p-item-inner .right, .p-item.-cod .p-item-inner .right, .p-item.-shipping .p-item-inner .right {
  width: 75%;
  flex-grow: 1;
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .p-item.-cart .p-item-inner .right, .p-item.-cod .p-item-inner .right, .p-item.-shipping .p-item-inner .right {
    width: 75%;
  }
}
.p-item.-cart .p-item-inner .right .details-row, .p-item.-cod .p-item-inner .right .details-row, .p-item.-shipping .p-item-inner .right .details-row {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  align-items: flex-end;
  flex-wrap: wrap;
}
.p-item.-cart .p-item-inner .right .title, .p-item.-cod .p-item-inner .right .title, .p-item.-shipping .p-item-inner .right .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}
.p-item.-cart .p-item-inner .right .title a, .p-item.-cod .p-item-inner .right .title a, .p-item.-shipping .p-item-inner .right .title a {
  color: #333F48;
}
.p-item.-cart .p-item-inner .right .informations, .p-item.-cod .p-item-inner .right .informations, .p-item.-shipping .p-item-inner .right .informations {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.p-item.-cart .p-item-inner .right .shop, .p-item.-cod .p-item-inner .right .shop, .p-item.-shipping .p-item-inner .right .shop {
  margin-left: auto;
}
.p-item.-cart .p-item-inner .right .stock-wrapper, .p-item.-cod .p-item-inner .right .stock-wrapper, .p-item.-shipping .p-item-inner .right .stock-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
.p-item.-cart .p-item-inner .right .price-wrapper, .p-item.-cod .p-item-inner .right .price-wrapper, .p-item.-shipping .p-item-inner .right .price-wrapper {
  text-align: right;
  margin-left: auto;
}
.p-item.-cart .p-item-inner .right .price-wrapper .price.-original, .p-item.-cod .p-item-inner .right .price-wrapper .price.-original, .p-item.-shipping .p-item-inner .right .price-wrapper .price.-original {
  margin-bottom: 0.25rem;
}
.p-item.-cart .p-item-inner .right .price-wrapper .price.-onsale:before, .p-item.-cod .p-item-inner .right .price-wrapper .price.-onsale:before, .p-item.-shipping .p-item-inner .right .price-wrapper .price.-onsale:before {
  right: -10%;
}
.p-item.-cart.-mini .p-item-inner, .p-item.-mini.-cod .p-item-inner, .p-item.-mini.-shipping .p-item-inner {
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: none !important;
}
.p-item.-cart.-mini .p-item-inner .right, .p-item.-mini.-cod .p-item-inner .right, .p-item.-mini.-shipping .p-item-inner .right {
  gap: 0.5rem;
}
.p-item.-cart.-mini .p-item-inner .right .title-wrapper, .p-item.-mini.-cod .p-item-inner .right .title-wrapper, .p-item.-mini.-shipping .p-item-inner .right .title-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-grow: 1;
  gap: 0.5rem;
}
.p-item.-cart.-mini .p-item-inner .right .title-wrapper .img, .p-item.-mini.-cod .p-item-inner .right .title-wrapper .img, .p-item.-mini.-shipping .p-item-inner .right .title-wrapper .img {
  width: 100px;
  padding-bottom: 100px;
  flex-shrink: 0;
}
.p-item.-cart.-mini .p-item-inner .right .title, .p-item.-mini.-cod .p-item-inner .right .title, .p-item.-mini.-shipping .p-item-inner .right .title {
  font-size: 14px;
}
.p-item.-cart.-mini .p-item-inner .right .price-wrapper > .price, .p-item.-mini.-cod .p-item-inner .right .price-wrapper > .price, .p-item.-mini.-shipping .p-item-inner .right .price-wrapper > .price {
  font-size: 18px;
}
.p-item.-cart.-mini .p-item-inner .right .price-wrapper > .price.-unit, .p-item.-mini.-cod .p-item-inner .right .price-wrapper > .price.-unit, .p-item.-mini.-shipping .p-item-inner .right .price-wrapper > .price.-unit {
  font-size: 12px;
}
.p-item.-cart.-mini .p-item-inner .right .stock-wrapper, .p-item.-mini.-cod .p-item-inner .right .stock-wrapper, .p-item.-mini.-shipping .p-item-inner .right .stock-wrapper {
  min-width: 280px;
}
.p-item.-cart.-mini .p-item-inner .right .stock-wrapper > *, .p-item.-mini.-cod .p-item-inner .right .stock-wrapper > *, .p-item.-mini.-shipping .p-item-inner .right .stock-wrapper > * {
  font-size: 12px;
}
.p-item.-cart.-mini .p-item-inner .right .stock-wrapper > *:before, .p-item.-mini.-cod .p-item-inner .right .stock-wrapper > *:before, .p-item.-mini.-shipping .p-item-inner .right .stock-wrapper > *:before {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .p-item.-shipping .p-item-inner {
    flex-wrap: nowrap;
  }
}
.p-item.-shipping .p-item-inner .left {
  width: 75px;
}
.p-item.-shipping .img {
  background: #EBECED;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-item.-shipping .img:after {
  content: "delivery";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .p-item.-cod .p-item-inner {
    flex-wrap: nowrap;
  }
}
.p-item.-cod .p-item-inner .left {
  width: 75px;
}
.p-item.-cod .img {
  background: #EBECED;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-item.-cod .img:after {
  content: "money";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.p-item.-pdf .calc {
  width: 25%;
  padding-left: 1rem;
}
@media only screen and (max-width: 991px) {
  .p-item.-pdf .calc {
    width: 100%;
    padding-left: 0;
  }
}
.p-item.-pdf .calc .input-wrapper, .p-item.-pdf .calc .form-block > div {
  margin-bottom: 0.5rem;
}
.p-item.-pdf .calc .input-wrapper label, .p-item.-pdf .calc .form-block > div label {
  text-align: right;
}
.p-item.-pdf .calc .input-wrapper .spinner-input, .p-item.-pdf .calc .form-block > div .spinner-input {
  flex-grow: 1;
  justify-content: flex-end;
}
.p-item.-pdf .calc .input-wrapper .spinner-input .field, .p-item.-pdf .calc .form-block > div .spinner-input .field {
  text-align: center;
}
.p-item.-pdf .calc .input-wrapper .spinner-input + span, .p-item.-pdf .calc .form-block > div .spinner-input + span {
  flex-shrink: 0;
}
.p-item.-pdf .calc input {
  text-align: right;
}
.p-item.-pdf .calc input + span {
  flex-shrink: 0;
}
.p-item .package-qty {
  min-width: initial !important;
  position: absolute;
  bottom: 0;
  right: 0.5rem;
  pointer-events: none;
  z-index: 1;
  background: #67CF15;
  color: #FFFFFF;
  display: inline-flex;
  border-radius: 1rem;
  padding: 0.25rem 0.5rem;
  font-size: 12px;
}
.p-item .img {
  border-radius: 1.5rem;
  overflow: hidden;
}
.p-item .img > .inner, .p-item .img > .datepicker-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.p-item .title {
  width: 100%;
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin: 0;
  position: relative;
  color: #333F48;
}
@media only screen and (max-width: 767px) {
  .p-item .title:not(.-keep-size) {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
  }
}
.p-item .title > a {
  font-size: inherit;
}
.p-item .shop {
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}
.p-item .informations {
  font-size: 14px;
  font-weight: 500;
  color: #8C9398;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.p-item .into-cart {
  position: relative;
}
.p-item .into-cart .me {
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 14px;
  font-weight: 500;
}
.p-item .into-cart .submit:before {
  content: "shopping_cart";
}
.p-item .into-cart .qty {
  background: #C8102E;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  padding: 0.125rem 0.25rem;
  min-width: 20px;
  height: 20px;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
}
.p-item .into-cart.-hide-spinner .icon, .p-item .into-cart.-hide-spinner .accordion-header .toggler, .accordion-header .p-item .into-cart.-hide-spinner .toggler, .p-item .into-cart.-hide-spinner .accordion-header.-clickable:after {
  display: none;
}
.p-item .free-shipping {
  font-size: 14px;
  color: #67CF15;
}
.p-item .condition {
  padding: 1rem;
  border-radius: 1rem;
  background: #EBECED;
}
.p-item .condition > div {
  gap: 0.5rem;
}
.p-item .condition > div > span:last-child {
  font-weight: 600;
}
.p-item .price-qty {
  font-size: 14px;
  background: #EBECED;
  padding: 1rem;
  border-radius: 1.5rem;
}

.spinner-input {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.spinner-input > .icon, .accordion-header .spinner-input > .toggler, .spinner-input > .accordion-header.-clickable:after {
  background: none;
  color: #333F48;
  cursor: pointer;
  flex-shrink: 0;
}
.spinner-input > .icon:not(.inactive):active, .accordion-header .spinner-input > .toggler:not(.inactive):active, .spinner-input > .accordion-header.-clickable:not(.inactive):active:after {
  background-color: #333F48;
}
.spinner-input > .icon:not(.inactive):active:before, .accordion-header .spinner-input > .toggler:not(.inactive):active:before {
  color: #fff;
}
.spinner-input > .icon.inactive, .accordion-header .spinner-input > .inactive.toggler, .spinner-input > .inactive.accordion-header.-clickable:after {
  cursor: not-allowed;
  opacity: 0.5;
}
.spinner-input > .icon.-minus, .accordion-header .spinner-input > .-minus.toggler, .spinner-input > .-minus.accordion-header.-clickable:after {
  margin-right: 5px;
}
.spinner-input > .icon.-plus, .accordion-header .spinner-input > .-plus.toggler, .spinner-input > .-plus.accordion-header.-clickable:after {
  margin-left: 5px;
}
.spinner-input > .field {
  width: 60px;
  text-align: center;
}

/* cikkrészletesen szín-méret választó */
.color-and-size-picker {
  border-radius: 1rem;
  background: #EBECED;
  padding: 1rem;
  position: relative;
  width: 100%;
}
.color-and-size-picker .content {
  display: flex;
  flex-direction: column;
}
.color-and-size-picker .title-bar {
  margin-bottom: 0.75rem;
  flex-wrap: wrap-reverse;
}
.color-and-size-picker .title-bar .picker-label {
  font-size: 16px;
  font-weight: 500;
}
.color-and-size-picker .title-bar .selected-color, .color-and-size-picker .title-bar .selected-size {
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
}
.color-and-size-picker .title-bar .selected-color > span:last-child, .color-and-size-picker .title-bar .selected-size > span:last-child {
  font-weight: 600;
  color: #C8102E;
}
.color-and-size-picker .title-bar .sizechart .sizechart-popup {
  max-width: 800px;
}
.color-and-size-picker .color-picker-pd {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
}
@media only screen and (max-width: 1599px) {
  .color-and-size-picker .color-picker-pd {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media only screen and (max-width: 1199px) {
  .color-and-size-picker .color-picker-pd {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .color-and-size-picker .color-picker-pd {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media only screen and (max-width: 575px) {
  .color-and-size-picker .color-picker-pd {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media only screen and (max-width: 339px) {
  .color-and-size-picker .color-picker-pd {
    grid-template-columns: repeat(6, 1fr);
  }
}
.color-and-size-picker .color-picker-pd > a {
  width: 100%;
  padding-bottom: calc(100% - 8px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  border: 4px solid #FFFFFF;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.color-and-size-picker .color-picker-pd > a:after {
  color: #FFFFFF;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-and-size-picker .color-picker-pd > a.-selected {
  box-shadow: inset 0px 0px 0px 4px #FFFFFF;
  border-color: #C8102E;
}
.color-and-size-picker .color-picker-pd > a.-disabled:after {
  content: "";
  background: #FFFFFF;
  left: -1px;
  right: -1px;
  height: 4px;
  top: calc(50% - 2px);
  transform: rotate(-45deg);
}
.color-and-size-picker .color-picker-pd > a.-unavailable:after {
  content: "";
  background: #FFFFFF;
  left: -1px;
  right: -1px;
  height: 4px;
  top: calc(50% - 2px);
  transform: rotate(-45deg);
}
.color-and-size-picker .size-picker-pd {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.color-and-size-picker .size-picker-pd > div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  min-width: 74px;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  box-sizing: border-box;
  border-radius: 1.5rem;
  overflow: hidden;
  /* default lejjebb: 'csak rendelésre' szín */
  color: #FFFFFF;
  background-color: rgba(140, 147, 152, 0.5);
  border: 1px solid rgba(140, 147, 152, 0.5);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
.color-and-size-picker .size-picker-pd > div:before {
  content: "radio";
  color: #FFFFFF;
  margin-right: 0.5rem;
}
.color-and-size-picker .size-picker-pd > div.-selected:before {
  content: "radiofull";
}
.color-and-size-picker .size-picker-pd > div.-available {
  background-color: #333f48;
  border: 1px solid #333f48;
  color: #FFFFFF;
}
.color-and-size-picker .size-picker-pd > div.-available.-selected {
  background-color: #c8102e;
  border: 1px solid #c8102e;
  color: #FFFFFF;
}
.color-and-size-picker .size-picker-pd > div.-unavailable {
  background-color: #8c9398;
  border: 1px solid #8c9398;
  color: #FFFFFF;
}
.color-and-size-picker .size-picker-pd > div.-disabled {
  background-color: rgba(140, 147, 152, 0.5);
  border: 1px solid rgba(140, 147, 152, 0.5);
  color: #FFFFFF;
  cursor: not-allowed;
}
.color-and-size-picker .variant-picker-pd {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  text-align: left;
}
.color-and-size-picker .variant-picker-pd .variant-item {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
  border-top: 1px solid #EBECED;
  position: relative;
  cursor: pointer;
}
.color-and-size-picker .variant-picker-pd .variant-item > div {
  position: relative;
}
.color-and-size-picker .variant-picker-pd .variant-item:before {
  content: "";
  display: block;
  position: absolute;
  left: -1rem;
  top: 0;
  bottom: 0;
  right: -1rem;
  background: transparent;
  border-radius: 1rem;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.color-and-size-picker .variant-picker-pd .variant-item:hover:before {
  background: #fafafa;
}
.color-and-size-picker .variant-picker-pd .variant-item:after {
  content: "";
  display: block;
  border: 2px solid rgba(51, 63, 72, 0);
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: -2px;
  bottom: -2px;
  border-radius: 1rem;
  z-index: 1;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.color-and-size-picker .variant-picker-pd .variant-item.-selected:after {
  border: 2px solid #333F48;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-name {
  font-size: 14px;
  font-weight: 500;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-stock {
  display: inline-flex;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-stock .stock-wrapper {
  display: inline-flex;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-price .price-wrapper > .price {
  font-size: 14px !important;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-price .price-wrapper > .price.-onsale {
  font-size: 14px !important;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-price .price-wrapper > .price.-normal {
  font-size: 14px !important;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-price .price-wrapper > .price.-total {
  font-size: 14px !important;
}
.color-and-size-picker .variant-picker-pd .variant-item > div:last-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.products-wrapper {
  position: relative;
}

.products {
  position: relative;
  align-items: flex-start;
}
.pl .panel-loader {
  z-index: 2;
}
.pl h1 {
  margin: 0 0 1rem 0;
}
.pl .gift-img {
  bottom: calc(100% + 5px);
  left: 0;
}

.pager-top {
  margin-bottom: 1rem;
}
.pager-top .size {
  margin-left: auto;
}

.pager-bottom .arrows-and-pages {
  width: 100%;
  gap: 0.5rem;
}
.pager-bottom .loadmore-page {
  margin-right: auto;
}

.pl-views {
  justify-content: flex-end;
}
.pl-views .toggler {
  background: #EBECED;
  border: 1px solid #EBECED;
  border-radius: 1.5rem;
}
.pl-views .toggler > div {
  justify-content: center;
  border-right: 1px solid #EBECED;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  width: 0.5rem;
  height: 0.5rem;
}
.pl-views .toggler > div:hover {
  color: #333F48;
}
.pl-views .toggler > div:first-child {
  border-radius: 1.5rem 0 0 1.5rem;
}
.pl-views .toggler > div:last-child {
  border: none;
  border-radius: 0 1.5rem 1.5rem 0;
}
.pl-views .toggler .active {
  background: #fff;
}
.pl-views .view {
  height: 1.5rem;
}
.pl-views .view:before {
  cursor: pointer;
  color: #C8102E;
}
.pl-views .view.-list:before {
  content: "view_list";
}
.pl-views .view.-grid:before {
  content: "view_module";
}

.pl-sorter {
  flex-wrap: wrap;
  flex: 0 0 auto;
}

/* listák kezelése -> scripts/vs.list.scss */
.pl-lists .pl-lists-inner {
  background: #F2F4F5;
  border-radius: 1.5rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.pl-lists .input-wrapper, .pl-lists .form-block > div {
  margin-bottom: 0;
}
.pl-lists .options {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

/*választott készülék - cikk lista*/
.pl-device .device {
  display: flex;
  align-items: center;
}
.pl-device .device img {
  width: 25%; /*ugyanannyi legyen, mint a cikk listában a kép*/
}
.pl-device .device > div {
  width: 75%;
  padding-left: 1rem;
}
.qty-wrapper {
  position: relative;
}
.qty-wrapper:hover .qty-tooltip {
  opacity: 1;
  pointer-events: all;
}

.qty-link {
  color: #333F48;
  cursor: help;
  font-size: 14px;
}

.qty-tooltip {
  z-index: 1;
  position: absolute;
  background: white;
  border-radius: 1rem;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  bottom: 100%;
  right: 0;
  font-size: 14px;
  padding: 1rem;
  min-width: 200px;
  text-align: right;
  pointer-events: none;
  opacity: 0;
  transition: 0.2s ease-in-out;
}

.pd .img {
  order: -1;
}
@media only screen and (min-width:768px) {
  .pd .img {
    order: 0;
  }
}
.pd .pd-upper {
  width: 100%;
  background: #FFFFFF;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  padding: 2rem;
  border-radius: 1.5rem;
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  /* A kapcsolódóknál keskenyebb a gap az oszlopok között, ezért kell egy ilyen */
}
@media only screen and (min-width:768px) {
  .pd .pd-upper {
    flex-wrap: nowrap;
  }
}
.pd .pd-upper > div:first-child {
  width: 100%;
}
@media only screen and (min-width:768px) {
  .pd .pd-upper > div:first-child {
    min-width: 260px;
    max-width: 260px;
  }
}
@media only screen and (min-width:992px) {
  .pd .pd-upper > div:first-child {
    min-width: 348px;
    max-width: 348px;
  }
}
.pd .pd-upper > div:last-child {
  flex-grow: 1;
}
.pd .p-item.-details {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.pd .p-item.-details > .points > .point {
  position: relative;
}
.pd .p-item.-details .shipping-types {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 1rem;
  background: #EBECED;
  border-radius: 1rem;
  gap: 1rem;
}
@media only screen and (max-width: 991px) {
  .pd .p-item.-details .shipping-types {
    flex-wrap: wrap;
  }
}
.pd .p-item.-details .shipping-types .shipping-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-shrink: 0;
}
.pd .p-item.-details .shipping-types .info {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: row;
  flex-direction: column;
  flex-grow: 1;
  /*> .item:not(:last-child) {*/
}
.pd .p-item.-details .shipping-types .info > .item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  gap: 0.25rem;
}
@media only screen and (max-width: 1199px) {
  .pd .p-item.-details .shipping-types .info > .item {
    display: block;
    font-size: 14px;
  }
}
.pd .p-item.-details .shipping-types .info > .item span:first-child {
  margin-left: 1rem;
  text-align: end;
}
@media only screen and (max-width: 1199px) {
  .pd .p-item.-details .shipping-types .info > .item span:first-child {
    margin-left: initial;
  }
}
.pd .p-item.-details .shipping-types .info > .item span:last-child {
  position: relative;
  display: inline-flex;
  align-items: center;
  /*
  &:after {
      margin-left: $unit-3;
      display: inline-block;
      content: '';
      height: 20px;
      width: 2px;
      background: $color-light-alt;
      border-radius: 2px;

      @media only screen and (max-width: 1199px) {
          content: none;
      }
  }
  */
  font-weight: 600;
}
.video-container {
  background: #000;
  cursor: pointer;
  position: relative;
}
.video-container img {
  width: 100%;
}

.video-thumb:after {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #333f48;
  border-radius: 50%;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  color: #fff;
  content: "play";
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px !important;
  margin: -50px 0 0 -50px;
  transition: 0.2s ease-in-out;
  width: 100px;
  height: 100px;
}
.video-thumb:hover:after {
  transform: scale(1.1, 1.1);
}

.video-iframed {
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-iframed iframe, .video-iframed object, .video-iframed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.offer-popper, .info-popper, .issue-popper {
  width: 480px;
}

.site-stocks {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}
.site-stocks .item .name {
  font-weight: bold;
}
.site-stocks .item .details > * {
  display: block;
}

.tech-data {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width:992px) {
  .tech-data {
    column-count: 1;
  }
}
.tech-data h3 {
  margin-top: 0 !important;
  margin-bottom: 0.5rem;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: #C8102E;
}
.tech-data .key {
  font-weight: 500;
  font-size: 14px;
}
.tech-data .value {
  font-weight: 600;
  font-size: 14px;
  color: #333F48;
  margin-left: 0.5rem;
  text-align: right;
}

.spec-wrapper {
  break-inside: avoid;
  padding: 1rem;
  background: #EBECED;
  border-radius: 1.5rem;
}
.spec-wrapper > li > ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.spec-wrapper .tipsy {
  display: inline-flex;
  top: 3px;
  position: relative;
}
.spec-wrapper .key > .tipsy {
  top: 0px;
}
.spec-wrapper .icon:before, .spec-wrapper .accordion-header .toggler:before, .accordion-header .spec-wrapper .toggler:before {
  color: #8C9398;
}

/* KAPCSOLÓDÓ TULAJDONSÁGOK */
.spec-wrapper .item .value {
  font-weight: 600;
}

/* KAPCSOLÓDÓ IKONOK */
/* KAPCSOLÓDÓ LEÍRÁSOK */
.descriptions-wrapper .item {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* KAPCSOLÓDÓ TARTOZÉKOK */
.group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0.5rem 1rem;
  background-color: #EBECED;
  border-radius: 1.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.group-header .title span {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #333F48;
}

.group-footer {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-top: 2rem;
}
.group-footer * {
  opacity: 0.75;
  transition: 0.2s ease-in-out;
}
.group-footer *:hover {
  opacity: 1;
}
.group-footer a {
  display: inline-flex;
  align-items: center;
}

/* KAPCSOLÓDÓ HASONLÓK */
.accessories-wrapper .title span {
  color: #333F48;
}
.accessories-wrapper > .col-12:not(:first-child) {
  margin-top: 1rem;
}
.accessories-wrapper .accordion {
  overflow: visible;
}

#helyettesito-tab .group-header {
  flex-wrap: wrap;
  justify-content: space-between;
}

.package-outer .package-wrapper:first-child {
  margin-top: 0;
}

/* KAPCSOLÓDÓ CSOMAGOK */
.package-wrapper {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.package-wrapper > .package-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 1rem;
  background-color: #EBECED;
  border-radius: 1.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
@media only screen and (min-width:768px) {
  .package-wrapper > .package-header {
    padding: 0.5rem 1rem;
  }
}
.package-wrapper > .package-header .title span {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #333F48;
}
.package-wrapper > .item .p-item {
  position: relative;
}
.package-wrapper > .item .p-item:first-child .p-item-inner {
  background-color: #EBECED;
}
.package-wrapper > .item .p-item:not(:last-child):after {
  background-color: #8C9398;
  border-radius: 100%;
  content: "add";
  color: #FFFFFF;
  width: 2.75rem;
  height: 2.75rem;
  font-size: 2rem;
  position: absolute;
  left: calc(100% + 0.5rem);
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  box-shadow: 0.25rem 0.25rem 0.5rem rgba(51, 63, 72, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  /* 
  // Ez csak akkor kell, ha az item alján kell látszódnia a + jelnek
  @media only screen and (max-width: 575px) {
      top: auto;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 50%);
  }
  */
}
@media only screen and (max-width: 767px) {
  .package-wrapper > .item .p-item:not(:last-child):after {
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.5rem;
    left: 100%;
  }
}
.package-wrapper .sum-and-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: 2.5rem;
  margin-left: auto;
}
.package-wrapper .sum.price-wrapper {
  text-align: right;
  position: relative;
  z-index: 0;
}
.package-wrapper .sum.price-wrapper > .price.-original {
  position: relative;
  z-index: 1;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: -4px;
}
.package-wrapper .sum.price-wrapper > .price.-onsale:before {
  top: 30%;
  min-height: 100px;
  width: calc(100% + 100px);
  background: url(../images/festek96-kolorfull-package-brush-stroke.svg) no-repeat center center;
  background-size: 100% 100%;
}
@media only screen and (max-width: 767px) {
  .package-wrapper .sum.price-wrapper:not(.keep-size) > .price.-onsale:before {
    width: calc(100% + 75px);
  }
}
.package-wrapper .sum.price-wrapper .cart-button {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
/* KAPCSOLÓDÓ LINKEK */
.links-wrapper .item {
  padding-top: 0.3333333333rem;
  padding-bottom: 0.3333333333rem;
}

/* KAPCSOLÓDÓ KÉRDÉSEK */
.faq-wrapper .item {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
/* ÉRTÉKELÉSEK */
.product-votes {
  justify-content: flex-start;
}
.product-votes .stars > li {
  cursor: default;
}
.product-votes .rating {
  font-size: 14px;
  margin-left: 0.25rem;
}
.product-votes .link {
  margin-left: 0.25rem;
  font-size: 14px;
}

.stars {
  justify-content: flex-start;
}
.stars > .star:before {
  content: "star_border";
  display: block;
  color: #CF9B15;
}
.stars > .star.active:before {
  content: "star";
}
.stars > .star.active-half:before {
  content: "star_half";
}

.votes .rating {
  padding-left: 1rem;
}
.votes .rating .title {
  font-weight: 600;
  font-size: 18px;
}
.votes .rating .desc {
  font-size: 14px;
}
.votes > .head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin: 0 0 1rem 0;
  background-color: #EBECED;
  border-radius: 1.5rem;
  padding: 1rem;
}
.votes .review-popper {
  max-width: 420px;
}
.votes .review-popper > .inner .star, .votes .review-popper > .datepicker-wrapper .star {
  cursor: pointer;
}
.votes .vote-item {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.votes .vote-item.-reply {
  padding-top: 0;
}
.votes .vote-item.-reply .comment {
  margin-bottom: 0;
}
.votes .vote-item.-reply-head {
  margin-bottom: 0;
  margin-top: 0;
}
.votes .vote-item .inner, .votes .vote-item .datepicker-wrapper {
  padding: 1rem;
  background-color: #EBECED;
  border-radius: 1.5rem;
}
.votes .vote-item .inner > .head, .votes .vote-item .datepicker-wrapper > .head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.votes .vote-item .inner > .head > .stars, .votes .vote-item .datepicker-wrapper > .head > .stars {
  margin: 0 5px 0 0;
}
.votes .vote-item .inner > .head > .stars > li, .votes .vote-item .datepicker-wrapper > .head > .stars > li {
  cursor: default;
}
.votes .vote-item .inner > .head > .name, .votes .vote-item .datepicker-wrapper > .head > .name {
  margin: 0 5px 0 0;
  font-weight: 600;
}
.votes .vote-item .inner > .head > .date, .votes .vote-item .datepicker-wrapper > .head > .date {
  font-size: 14px;
}
.votes .vote-item .inner > .content > div, .votes .vote-item .datepicker-wrapper > .content > div {
  margin: 1rem 0 0 0;
}
.votes .vote-item .inner > .content > div > span:first-child, .votes .vote-item .datepicker-wrapper > .content > div > span:first-child {
  font-weight: 600;
  margin: 0 5px 0 0;
}
.votes .vote-item .inner > .content > .comment, .votes .vote-item .datepicker-wrapper > .content > .comment {
  font-size: 18px;
}
.votes .vote-item .inner .usefulness, .votes .vote-item .datepicker-wrapper .usefulness {
  margin: 1rem 0;
}
.votes .vote-item .comment {
  width: 50%;
  margin: 1rem 0;
}
.votes .vote-item .vote-replies {
  margin-left: 1rem;
}
@media only screen and (min-width:768px) {
  .votes .vote-item .vote-replies {
    margin-left: 2rem;
    margin-right: 1rem;
  }
}
@media only screen and (min-width:1200px) {
  .votes .vote-item .vote-replies {
    margin-right: 2rem;
  }
}
.votes .chart > div {
  padding-top: 5px;
  padding-bottom: 5px;
}
.votes .chart .rating-value {
  height: 16px;
  color: #333F48;
  margin-right: 0.5em;
}
.votes .chart .rating-bar {
  height: 16px;
  background-color: #EBECED;
  flex-grow: 1;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.votes .chart .rating-bar > span {
  height: 100%;
  width: 0px;
  background-color: #333F48;
  display: block;
}
.votes .chart .rating-bar .rating-count {
  font-size: 14px;
  text-align: right;
  width: 2em;
}

/*kompatibilitás*/
/* GYIK */
.pd .faq > div > *:first-child {
  margin-top: 0;
}
.pd .faq > div .block .item .accordion-header {
  font-size: 20px;
}
.pd .faq > div .block .item .accordion-header.-open > span:not(.toggler) {
  color: #C8102E;
}

.szuropanel-wrapper {
  order: -1;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.szuropanel-wrapper.-mobile .popped-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.szuropanel {
  background-color: #EBECED;
  padding: 1rem;
  border-radius: 1.5rem;
}
.szuropanel input[type=text] {
  border-bottom: 2px solid #CFD2D5;
}
.szuropanel input[type=text]:hover {
  border-color: rgb(193.4, 197.25, 201.1);
}
.szuropanel input[type=text]:focus {
  border-color: #C8102E;
}
.szuropanel .section-inner {
  margin-bottom: 1rem;
}
.szuropanel .section-inner > .section-header {
  border-top: 1px solid #EBECED;
  padding: 1rem 0;
  margin: 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
}
.szuropanel .section:last-child {
  margin-bottom: 0;
}
.szuropanel .section:first-child .section-header {
  border: none;
  padding-top: 0;
}
.szuropanel .filter-item {
  position: relative;
  margin-bottom: 1rem;
}
.szuropanel .filter-item:last-child {
  margin-bottom: 0;
}
.szuropanel .filter-item.-checkbox {
  display: flex;
  align-items: center;
}
.szuropanel .filter-item.-search .clear {
  right: 2rem;
}
.szuropanel .filter-item.item-color .selector .values {
  padding: 0.25rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.szuropanel .filter-item.item-color .selector .values > .value {
  padding: 0.25rem !important;
  justify-content: center;
  margin-bottom: 0;
}
.szuropanel .filter-item.item-color .selector .values > .value img {
  border-radius: 100%;
}
.szuropanel .filter-item.item-color .selector .values > .value .icon, .szuropanel .filter-item.item-color .selector .values > .value .accordion-header .toggler, .accordion-header .szuropanel .filter-item.item-color .selector .values > .value .toggler, .szuropanel .filter-item.item-color .selector .values > .value .accordion-header.-clickable:after {
  position: relative;
}
.szuropanel .filter-item.item-color .selector .values > .value .icon:after, .szuropanel .filter-item.item-color .selector .values > .value .accordion-header .toggler:after, .accordion-header .szuropanel .filter-item.item-color .selector .values > .value .toggler:after, .szuropanel .filter-item.item-color .selector .values > .value .accordion-header.-clickable:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 100%;
  box-shadow: 0px 0px 0px 2px #FFFFFF, inset 0px 0px 0px 2px transparent;
  transition: 0.2s ease-in-out;
}
.szuropanel .filter-item.item-color .selector .values > .value .label {
  display: none;
}
.szuropanel .filter-item.item-color .selector .values > .value.selected .icon:after, .szuropanel .filter-item.item-color .selector .values > .value.selected .accordion-header .toggler:after, .accordion-header .szuropanel .filter-item.item-color .selector .values > .value.selected .toggler:after, .szuropanel .filter-item.item-color .selector .values > .value.selected .accordion-header.-clickable:after {
  box-shadow: 0px 0px 0px 2px #C8102E, inset 0px 0px 0px 2px #FFFFFF;
}
.szuropanel .filter-item.item-color .selector .values > .value:before, .szuropanel .filter-item.item-color .selector .values > .value:after {
  display: none;
}
.szuropanel .filter-item > .label {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  color: #333F48;
}
.szuropanel .filter-item > .label .popper {
  top: 1.5rem;
  max-width: initial;
  min-width: initial;
  width: 100%;
}
.szuropanel .filter-item .clear {
  position: absolute;
  right: 0;
  cursor: pointer;
}
.szuropanel .filter-item .selector.-closed input[type=text] {
  padding-right: 30px;
}
.szuropanel .filters-more {
  width: 100%;
}
.szuropanel .filters-more:after {
  margin-left: 0.5rem;
  content: "down";
  font-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  transition: 0.2s ease-in-out;
}
.szuropanel .filters-more.-open {
  margin-bottom: 0.5rem;
}
.szuropanel .filters-more.-open:after {
  transform: rotate(180deg);
}
.szuropanel .filters-clear {
  color: #C8102E;
  font-weight: 600;
  margin-bottom: 18px;
  cursor: pointer;
}
.szuropanel .search-form .action {
  padding: 0;
}

.szuropanel-toggler {
  margin-bottom: 1rem;
}
.szuropanel-toggler > .button, .owl-carousel .owl-nav .szuropanel-toggler > button.owl-prev, .owl-carousel .owl-nav .szuropanel-toggler > button.owl-next, .owl-custom .owl-custom-nav .szuropanel-toggler > button.owl-prev, .owl-custom .owl-custom-nav .szuropanel-toggler > button.owl-next {
  width: 100%;
  position: relative;
}
.szuropanel-toggler > .button > .qty, .owl-carousel .owl-nav .szuropanel-toggler > button.owl-prev > .qty, .owl-carousel .owl-nav .szuropanel-toggler > button.owl-next > .qty, .owl-custom .owl-custom-nav .szuropanel-toggler > button.owl-prev > .qty, .owl-custom .owl-custom-nav .szuropanel-toggler > button.owl-next > .qty {
  min-width: 1.5rem;
  height: 1.5rem;
  background: #FFFFFF;
  color: #C8102E;
  border-radius: 1rem;
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  line-height: 20px;
}

.selector {
  position: relative;
  padding: 0.5rem;
  background: #FFFFFF;
  border-radius: 1rem;
  margin-top: 0.5rem;
}
.selector.-single > .values > .value:before {
  border-radius: 50%;
}
.selector.-single > .values > .value:after {
  content: "check";
  color: #333F48;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transition: 0.2s ease-in-out;
}
.selector.-single > .values > .value.selected:after {
  content: "checkfull";
}
.selector.-multi > .values > .value:after {
  content: "check";
  color: #333F48;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transition: 0.2s ease-in-out;
}
.selector.-multi > .values > .value.selected:after {
  content: "checkfull";
}
.selector.-closed > .values {
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15), -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  position: absolute;
  z-index: 3;
}
.selector.-closed > .values > .value {
  padding: 0.75rem 1rem;
}
.selector .input input {
  cursor: pointer;
}
.selector > .values {
  scrollbar-color: #333F48 #CFD2D5;
  scrollbar-width: thin;
  display: block;
  width: 100%;
  padding: 0;
  max-height: 8em;
  overflow: auto;
}
.selector > .values::-webkit-scrollbar {
  width: 0.25rem;
}
.selector > .values::-webkit-scrollbar-track {
  background: #CFD2D5;
  border-radius: 0.25rem;
}
.selector > .values::-webkit-scrollbar-thumb {
  background: #333F48;
  border-radius: 0.25rem;
}
.selector > .values::-webkit-scrollbar-thumb:hover {
  background: rgb(29.8536585366, 36.8780487805, 42.1463414634);
}
.selector > .values > .value {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 0.5rem;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.selector > .values > .value:last-child {
  margin-bottom: 0;
}
.selector > .values > .value:hover:before {
  background-color: #EBECED;
}
.selector > .values > .value:before {
  content: "";
  display: block;
  margin-right: 0.375rem;
  transition: 0.2s ease-in-out;
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}

.group-item {
  margin-bottom: 1rem;
}
.group-item:hover {
  text-decoration: none;
}
.group-item:hover .group-item-inner {
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  background: #fafafa;
}
@media only screen and (min-width:768px) {
  .group-item:hover .group-item-inner {
    background: #FFFFFF;
  }
}
.group-item .group-item-inner {
  border-radius: 1.5rem;
  overflow: hidden;
  transition: 0.2s ease-in-out;
}
.group-item .group-item-inner > .title {
  color: #333F48;
  font-size: 18px;
  transition: 0.2s ease-in-out;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem;
}
.group-item .img {
  padding-bottom: 100%;
}

.offer-popper textarea {
  min-height: 150px;
}

.video-popper {
  max-width: 1024px;
  width: 90vw;
}
.video-popper .popper-close {
  background: #FFFFFF;
  border-radius: 50%;
}

.last-view {
  margin: 2rem 0;
}

.most-viewed {
  margin: 2rem 0;
}
@media only screen and (max-width: 767px) {
  .most-viewed .row {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: clip;
    padding: 2rem 0px;
    margin: -2rem 0px;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .most-viewed .row .p-item {
    width: initial;
    flex: 0 0 40vw;
    padding: 0 0.25rem;
  }
}

.my-sl {
  margin: 2rem 0;
}
@media only screen and (max-width: 767px) {
  .my-sl {
    flex-wrap: wrap;
  }
}
.my-sl .select-wrapper, .my-sl .selector .input, .selector .my-sl .input {
  position: relative;
}
.my-sl .select-wrapper .input, .my-sl .selector .input .input, .selector .my-sl .input .input {
  cursor: pointer;
}
.my-sl .select-wrapper ul, .my-sl .selector .input ul, .selector .my-sl .input ul {
  scrollbar-color: #333F48 #CFD2D5;
  scrollbar-width: thin;
  display: none;
  min-width: 100%;
  position: absolute;
  z-index: 3;
  background: white;
  border-radius: 1.5rem;
  border: 1px solid #EBECED;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  max-height: 13.5rem;
}
.my-sl .select-wrapper ul::-webkit-scrollbar, .my-sl .selector .input ul::-webkit-scrollbar, .selector .my-sl .input ul::-webkit-scrollbar {
  width: 0.25rem;
}
.my-sl .select-wrapper ul::-webkit-scrollbar-track, .my-sl .selector .input ul::-webkit-scrollbar-track, .selector .my-sl .input ul::-webkit-scrollbar-track {
  background: #CFD2D5;
  border-radius: 0.25rem;
}
.my-sl .select-wrapper ul::-webkit-scrollbar-thumb, .my-sl .selector .input ul::-webkit-scrollbar-thumb, .selector .my-sl .input ul::-webkit-scrollbar-thumb {
  background: #333F48;
  border-radius: 0.25rem;
}
.my-sl .select-wrapper ul::-webkit-scrollbar-thumb:hover, .my-sl .selector .input ul::-webkit-scrollbar-thumb:hover, .selector .my-sl .input ul::-webkit-scrollbar-thumb:hover {
  background: rgb(29.8536585366, 36.8780487805, 42.1463414634);
}
.my-sl .select-wrapper ul > li > a, .my-sl .selector .input ul > li > a, .selector .my-sl .input ul > li > a {
  display: block;
  padding: 0.3333333333rem 1rem;
  flex-grow: 1;
  color: #333F48;
  font-weight: 400;
  line-height: 1.5rem;
}
.my-sl .select-wrapper ul > li > a:hover, .my-sl .selector .input ul > li > a:hover, .selector .my-sl .input ul > li > a:hover {
  text-decoration: none;
  background: #EBECED;
}
.my-sl .select-wrapper ul > li .remove-icon, .my-sl .selector .input ul > li .remove-icon, .selector .my-sl .input ul > li .remove-icon {
  margin-right: 0.3125rem;
}

@media only screen and (max-width: 767px) {
  .my-sl__search {
    width: 100%;
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .my-sl__saved {
    width: 100%;
  }
}
@media only screen and (min-width:768px) {
  .my-sl__saved {
    margin-left: 1rem;
  }
}

.kit-item {
  border-bottom: 1px solid #EBECED;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.kit-item:first-child {
  border-top: 1px solid #EBECED;
}
.kit-item > .inner, .kit-item > .datepicker-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: 1rem;
}
.kit-item .qty {
  width: 2rem;
  flex-shrink: 0;
}
.kit-item .img-wrapper {
  width: 4rem;
  height: 4rem;
  flex-shrink: 0;
}
.kit-item .details {
  flex-grow: 1;
}
.kit-item .title {
  font-weight: 600;
}
.kit-item .meta {
  font-size: 14px;
}

.mainpage-slider {
  position: relative;
}
.mainpage-slider .owl-dots {
  margin-top: initial;
  margin-bottom: 1rem;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
.mainpage-slider.-desktop {
  display: none !important;
}
@media only screen and (min-width:768px) {
  .mainpage-slider.-desktop {
    display: block !important;
  }
}
.mainpage-slider.-desktop .owl-stage-outer {
  border-radius: 1.5rem;
  height: calc(var(--menuH) * 1px + var(--menuP) * 2) !important;
}
.mainpage-slider.-desktop .owl-stage-outer .owl-stage {
  height: 100%;
}
.mainpage-slider.-desktop .owl-stage-outer .owl-item {
  height: 100%;
  background: #333F48;
}
.mainpage-slider.-mobile .owl-stage-outer {
  border-radius: 1.5rem;
  height: calc(100vw - 2rem) !important;
}
@media only screen and (min-width:576px) {
  .mainpage-slider.-mobile .owl-stage-outer {
    height: 508px !important;
  }
}
@media only screen and (min-width:768px) {
  .mainpage-slider.-mobile {
    display: none !important;
  }
}
@media only screen and (min-width:992px) {
  .mainpage-slider {
    width: calc(100% - var(--menuW) - var(--menuP) * 2 - 1rem);
    height: calc(var(--menuH) * 1px + var(--menuP) * 2);
    margin-left: auto;
  }
}

.mainpage-slider-loggedin {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  /* régi működéshez */
}
.mainpage-slider-loggedin .image-background, .mainpage-slider-loggedin .image-objectfit {
  flex-grow: 1;
  border-radius: 1.5rem;
  overflow: hidden;
}
@media only screen and (min-width:768px) {
  .mainpage-slider-loggedin .image-background, .mainpage-slider-loggedin .image-objectfit {
    height: auto;
  }
}
.mainpage-slider-loggedin .image-wrapper {
  flex-grow: 1;
  padding-bottom: 90%;
  border-radius: 1.5rem;
  background-position: center;
  background-size: cover;
}
@media only screen and (min-width:768px) {
  .mainpage-slider-loggedin .image-wrapper {
    height: auto;
  }
}
.mainpage-slider-loggedin .owl-item .make-showmore .showmore-control .open:before {
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (min-width:768px) {
  .mainpage-slider-loggedin .owl-item .make-showmore .showmore-content {
    max-height: 100% !important;
  }
  .mainpage-slider-loggedin .owl-item .make-showmore .showmore-control {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .mainpage-slider-loggedin h2 {
    margin-bottom: 0;
  }
}
.mainpage-slider-loggedin p:last-child {
  margin-bottom: 0;
}

.mainpage-block {
  padding: 2rem 0;
}
@media only screen and (max-width: 767px) {
  .mainpage-block {
    padding: 1rem 0;
  }
}
.mainpage-block h2 {
  margin-top: 0;
  text-align: center;
}

.mainpage-box-row {
  align-items: flex-start;
}

.products-02-slider:not(.owl-loaded),
.popular-products-slider:not(.owl-loaded) {
  display: flex;
  gap: 0.25rem;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  padding: 1.5rem 1rem;
  margin: -1.5rem 0;
  overflow-x: auto;
  overflow-y: clip;
}
.products-02-slider:not(.owl-loaded) .p-item,
.popular-products-slider:not(.owl-loaded) .p-item {
  width: initial;
  flex: 0 0 40vw;
}
/*akció sablon*/
.sale-item.-box .img {
  padding-bottom: 50%;
}

.brands-slider-kisker .brands-slide-kisker {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  column-gap: 2rem;
  row-gap: 0.5rem;
}
@media only screen and (max-width: 991px) {
  .brands-slider-kisker .brands-slide-kisker {
    gap: 1rem;
  }
}
.brands-slider-kisker .brands-slide-kisker .brand-item {
  position: relative;
  padding: 1.5rem 0.5rem;
  border-radius: 1.5rem;
  transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.brands-slider-kisker .brands-slide-kisker .brand-item:hover {
  background-color: #FFFFFF;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
}
.brands-slider-kisker:not(.owl-loaded) {
  display: flex;
  gap: 2rem;
  overflow-x: auto;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5rem 1rem;
}
.brands-slider-kisker:not(.owl-loaded) .brands-slide-kisker {
  grid-template-columns: repeat(14, 1fr);
}
.brands-slider-kisker:not(.owl-loaded) .brands-slide-kisker > * {
  width: 27vw;
}

.crm__table-wrapper {
  width: 100%;
}
.crm__table-wrapper .input-wrapper, .crm__table-wrapper .form-block > div {
  margin: 0.5rem 0;
}
@media only screen and (max-width: 767px) {
  .crm__table-wrapper > tbody > tr > th, .crm__table-wrapper > tbody > tr > td {
    display: block;
    padding: 0 1rem;
  }
}
@media only screen and (min-width:768px) {
  .crm__table-wrapper > tbody > tr > th {
    padding-left: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .crm__table-wrapper > tbody > tr > th {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .crm__table-wrapper > tbody > tr > td:last-child {
    padding-bottom: 1rem;
  }
}
.crm__table-wrapper > tbody > tr > td:nth-child(3) {
  font-size: 14px;
}
.crm__table-wrapper > tbody > tr input[type=text]:disabled + button {
  color: #8C9398;
  pointer-events: none;
}

.crm-groupname > th {
  text-align: center;
  padding: 5px 1rem !important;
}

.crm-groupstart > * {
  padding-top: 1rem;
}
@media only screen and (min-width:768px) {
  .crm-groupstart > * {
    background: #F2F4F5;
  }
}
@media only screen and (max-width: 767px) {
  .crm-groupstart > th {
    padding-top: 1rem !important;
  }
}
@media only screen and (min-width:768px) {
  .crm-groupstart > th {
    border-top-left-radius: 1.5rem;
  }
}
@media only screen and (min-width:768px) {
  .crm-groupstart > td:last-child {
    border-top-right-radius: 1.5rem;
  }
}

@media only screen and (min-width:768px) {
  .crm-groupcenter > * {
    background: #F2F4F5;
  }
}

.crm-groupend > * {
  padding-bottom: 1rem;
}
@media only screen and (min-width:768px) {
  .crm-groupend > * {
    background: #F2F4F5;
  }
}
@media only screen and (min-width:768px) {
  .crm-groupend > th {
    border-bottom-left-radius: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .crm-groupend > td:last-child {
    padding-bottom: 1rem;
  }
}
@media only screen and (min-width:768px) {
  .crm-groupend > td:last-child {
    border-bottom-right-radius: 1.5rem;
  }
}

.brands-wrapper .brand-item {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.brands-wrapper .brand-item:hover .brand-item-inner {
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  background: #fafafa;
}
@media only screen and (min-width:768px) {
  .brands-wrapper .brand-item:hover .brand-item-inner {
    background: #FFFFFF;
  }
}
.brands-wrapper .brand-item .brand-item-inner {
  display: flex;
  flex-direction: column;
  border-radius: 1.5rem;
  overflow: hidden;
  transition: 0.2s ease-in-out;
  padding: 1rem;
}
.brands-wrapper .brand-item .img > .inner > img, .brands-wrapper .brand-item .img > .datepicker-wrapper > img {
  margin: 0 auto;
}
.brands-wrapper .brand-item .details {
  flex-grow: 1;
  text-align: center;
}
.brands-wrapper .brand-item .buttons-wrapper {
  margin-top: 1rem;
  justify-content: center;
}
.brands-wrapper .brand-item .title {
  font-size: 18px;
  font-weight: 600;
}
.brands-wrapper .brand-item .desc {
  font-size: 14px;
  position: relative;
}
.brands-wrapper .brand-item .img {
  padding-bottom: 39%;
  border-radius: 0;
}
.brands-wrapper .brand-item .more {
  display: block;
  font-size: 14px;
}

/* gyártói oldal, ha az nincs, törölhető */
.bd .brand-head {
  margin-top: 1rem;
}
.bd .brand-head .logo-n-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.bd .brand-head .logo-n-title > .logo {
  width: 100%;
}
@media only screen and (min-width:768px) {
  .bd .brand-head .logo-n-title > .logo {
    width: 336px;
  }
}
.bd .brand-head .logo-n-title > .logo > .img {
  padding-bottom: 39%;
}
.bd .brand-head .logo-n-title > .title {
  padding-left: 1rem;
  margin: 0;
}
.bd .brand-head .details {
  margin-top: 1.5rem;
}
/*főoldali brand sablon*/
.brand-item.-box .img {
  padding-bottom: 39%;
  border-radius: 0;
}
.faq .block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sites-container .site {
  padding-bottom: 1rem;
}
.sites-container .site__details {
  align-self: center;
  width: 100%;
}
.sites-container .site__details > * {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width:992px) {
  .sites-container .site__details > * {
    flex-direction: row;
  }
}
.sites-container .site__details > * > *:first-child {
  min-width: 100%;
}
@media only screen and (min-width:768px) {
  .sites-container .site__details > * > *:first-child {
    padding-right: 5px;
    min-width: 170px;
  }
}
.sites-container .site__details > * > *:last-child {
  font-weight: 600;
}
.sites-container .site__name {
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 20px;
}
.sites-container .site__banknum .item {
  display: block;
}
.sites-container .site__image img {
  vertical-align: initial;
}

.cards-container .group {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #EBECED;
}
.cards-container .group .title {
  display: flex;
  align-items: center;
}
.cards-container .card {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.cards-container .card__img {
  border-radius: 1.5rem;
  overflow: hidden;
}
.cards-container .card__details {
  margin-top: 0.5rem;
}
.cards-container .card__details > * {
  display: block;
}
.cards-container .card__role {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width:992px) {
  .header.unfixed + main .cart .cart-sticky-block {
    bottom: 1.5rem;
  }
}

.cart {
  position: relative;
}
.cart .cart-inputs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.cart .accordion-data {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
}
.cart .accordion-data > .accordion-header {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
}
.cart .accordion-data > .accordion-header .head {
  margin-bottom: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.cart .accordion-data > .accordion-header .head .selected-value {
  max-height: 48px;
  overflow: hidden;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .cart .accordion-data > .accordion-header .head .selected-value {
    max-height: initial;
  }
}
.cart .accordion-data > .accordion-header .icon, .cart .accordion-data > .accordion-header .toggler, .cart .accordion-data > .accordion-header .accordion-header.-clickable:after {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.cart .accordion-data > .accordion-header.-open .icon, .cart .accordion-data > .accordion-header.-open .toggler, .cart .accordion-data > .accordion-header.-open .accordion-header.-clickable:after {
  transform: rotate(180deg);
}
.cart .accordion-data > .accordion-header.-open .head {
  z-index: 1;
}
.cart .accordion-data > .accordion-header.-open .head .label {
  color: #333F48;
}
.cart .accordion-data > .accordion-header.-open .icon, .cart .accordion-data > .accordion-header.-open .toggler, .cart .accordion-data > .accordion-header.-open .accordion-header.-clickable:after {
  color: #333F48;
}
.cart .accordion-data > .accordion-content-cart {
  max-height: 0;
  overflow: hidden;
  position: relative;
  background: #FFFFFF;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner {
  scrollbar-color: #333F48 #CFD2D5;
  scrollbar-width: thin;
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1rem;
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner::-webkit-scrollbar {
  width: 0.25rem;
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner::-webkit-scrollbar-track {
  background: #CFD2D5;
  border-radius: 0.25rem;
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner::-webkit-scrollbar-thumb {
  background: #333F48;
  border-radius: 0.25rem;
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner::-webkit-scrollbar-thumb:hover {
  background: rgb(29.8536585366, 36.8780487805, 42.1463414634);
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner > .input-wrapper, .cart .accordion-data > .accordion-content-cart > .accordion-content-inner.form-block > div {
  margin-bottom: 0;
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner > .input-wrapper > label, .cart .accordion-data > .accordion-content-cart > .accordion-content-inner.form-block > div > label {
  display: none;
}
.cart .accordion-data > .accordion-content-cart.-show {
  max-height: 350px;
}
.cart .cart-sticky-block {
  position: sticky;
  bottom: 1rem;
  transition: 0.2s ease-in-out;
}
@media only screen and (min-width:992px) {
  .cart .cart-sticky-block {
    bottom: 4.5rem;
  }
}
.cart .cart-sticky-block > .inner, .cart .cart-sticky-block > .datepicker-wrapper {
  display: flex;
  justify-content: center;
}
.cart .cart-icons .cart-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media only screen and (min-width:576px) {
  .cart .cart-icons .cart-icon {
    padding: 1rem 0;
  }
}
.cart .cart-icons .cart-icon span {
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
}
.cart .cart-icons .cart-icon.-faux .icon, .cart .cart-icons .cart-icon.-faux .accordion-header .toggler, .accordion-header .cart .cart-icons .cart-icon.-faux .toggler, .cart .cart-icons .cart-icon.-faux .accordion-header.-clickable:after, .cart .cart-icons .gallery-hd .owl-nav > .cart-icon.disabled .icon, .cart .cart-icons .gallery-hd .owl-nav > .cart-icon.disabled .accordion-header .toggler, .accordion-header .cart .cart-icons .gallery-hd .owl-nav > .cart-icon.disabled .toggler, .cart .cart-icons .gallery-hd .owl-nav > .cart-icon.disabled .accordion-header.-clickable:after, .gallery-hd .cart .cart-icons .owl-nav > .cart-icon.disabled .icon, .gallery-hd .cart .cart-icons .owl-nav > .cart-icon.disabled .accordion-header .toggler, .accordion-header .gallery-hd .cart .cart-icons .owl-nav > .cart-icon.disabled .toggler, .gallery-hd .cart .cart-icons .owl-nav > .cart-icon.disabled .accordion-header.-clickable:after {
  color: #8C9398;
}
.cart .steps {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: -0.5rem;
  margin-bottom: 2rem;
  gap: 2rem;
}
@media only screen and (max-width: 767px) {
  .cart .steps {
    margin-bottom: 3rem;
  }
}
.cart .step {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5rem;
}
.cart .step:before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background: #8C9398;
}
.cart .step .step-num {
  display: none;
  margin-right: 0.25rem;
}
.cart .step .step-name {
  text-align: center;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .cart .step .step-name {
    display: none;
  }
}
.cart .step.-active {
  color: #C8102E;
}
@media only screen and (max-width: 767px) {
  .cart .step.-active .step-name {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 1.5rem;
    width: 100%;
  }
}
.cart .step.-active:before {
  background: #C8102E;
}
.cart .step.-completed {
  font-weight: 600;
}
.cart .data {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 16px;
}
.cart .data > * {
  align-items: center;
  margin-bottom: 1rem;
}
.cart .data > * > *:first-child {
  font-weight: 400;
}
@media only screen and (max-width: 575px) {
  .cart .data > * > *:first-child {
    margin-bottom: 5px;
  }
}
.cart .data > * > *:last-child {
  font-weight: 600;
}
.cart .data > * > *:last-child.input-wrapper, .cart .data > .form-block > div:last-child {
  margin-bottom: 0;
}
.cart .data > * > *:last-child.input-wrapper .note, .cart .data > .form-block > div:last-child .note {
  font-weight: 400;
  font-size: 14px;
  margin-left: 8.5rem;
  margin-top: 2px;
  margin-bottom: 2px;
}
.cart .data .new-billing #bc--selected,
.cart .data .new-billing .select-wrapper,
.cart .data .new-billing .selector .input,
.selector .cart .data .new-billing .input {
  margin-left: 0;
}
.cart .data .new-delivery #dc--selected,
.cart .data .new-delivery .select-wrapper,
.cart .data .new-delivery .selector .input,
.selector .cart .data .new-delivery .input {
  margin-left: 0;
}
.cart .imports-wrapper {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
}
@media only screen and (max-width: 767px) {
  .cart .imports-wrapper {
    flex-direction: column;
  }
}
.cart .imports-wrapper > * {
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .cart .imports-wrapper > * {
    width: 100%;
  }
}
.cart .imports-wrapper .input-wrapper, .cart .imports-wrapper .form-block > div {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.cart .imports-wrapper h3 {
  font-weight: 600;
  font-size: 18px;
  display: inline-flex;
  gap: 0.25rem;
  margin-top: 0;
  flex-grow: 1;
}
.cart .imports-wrapper .-help {
  color: #8C9398;
}
.cart .tax.-eunum {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .cart .tax.-eunum.message .inner, .cart .tax.-eunum.message .datepicker-wrapper {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 575px) {
  .cart .tax.-eunum.message .inner > div, .cart .tax.-eunum.message .datepicker-wrapper > div {
    width: 100%;
  }
}
.cart .tax.-eunum div.nav {
  margin: 0 !important;
}
@media only screen and (max-width: 575px) {
  .cart .tax.-eunum div.nav {
    justify-content: center !important;
    margin: 1rem 0 0 0 !important;
  }
}
.cart .tax.-eunum div.nav input[type=submit]:first-child {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 575px) {
  .cart .tax.-eunum div.nav input[type=submit]:first-child {
    width: auto;
  }
}
.cart .tax.message .inner, .cart .tax.message .datepicker-wrapper {
  padding: 1rem;
  margin: 0 auto;
  color: #333F48;
}
@media only screen and (min-width:768px) {
  .cart .tax.message .inner, .cart .tax.message .datepicker-wrapper {
    line-height: 2.5rem;
  }
}
.cart .tax.message .inner > div > div, .cart .tax.message .datepicker-wrapper > div > div {
  padding: 0;
}
.cart .tax.message .inner > div > div:first-child, .cart .tax.message .datepicker-wrapper > div > div:first-child {
  margin-right: 1rem;
}
@media only screen and (max-width: 339px) {
  .cart .tax.message .inner > div > div:first-child, .cart .tax.message .datepicker-wrapper > div > div:first-child {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 339px) {
  .cart .tax.message .inner > div > div, .cart .tax.message .datepicker-wrapper > div > div {
    width: 100%;
  }
}
@media only screen and (max-width: 339px) {
  .cart .tax.message .inner > div, .cart .tax.message .datepicker-wrapper > div {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 339px) {
  .cart .tax.message .inner .field, .cart .tax.message .datepicker-wrapper .field {
    width: 100%;
  }
}
.cart .order-notice {
  color: #CF9B15;
  padding: 0.5rem 1rem;
  border-radius: 1.5rem;
  background-color: #EBECED;
}
@media only screen and (max-width: 767px) {
  .cart .order-notice {
    text-align: center;
    order: 1;
    font-size: 14px;
  }
}
.cart .atvet-wrapper.scroll-wrapper {
  max-height: 400px;
  margin-top: 2rem;
}
.cart .lab-zarunk {
  margin-bottom: 1.5rem;
}

.cart-navs {
  display: flex;
  gap: 1rem;
}
.cart-navs .cart-nav {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  gap: 0.5rem;
  font-size: 16px;
  color: #333F48;
  background: #EBECED;
  border: none;
  border-radius: 1.5rem;
  cursor: pointer;
  flex-grow: 1;
  width: 33.3333%;
  transition: 0.2s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .cart-navs .cart-nav:not(.-no-shrink) {
    font-size: 0;
    gap: 0;
  }
}
.cart-navs .cart-nav:hover {
  background: #CFD2D5;
}
.cart-navs .cart-nav.-download:after {
  content: "download";
}
.cart-navs .cart-nav.-empty {
  color: #C8102E;
}
.cart-navs .cart-nav.loading {
  opacity: 0.5;
}

.cart-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.cart-info.-paid > div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cart-info.-paid span {
  color: #C8102E;
}
.cart-info.-paid span b {
  font-size: 24px;
  font-weight: 600;
}
.offer-wrapper:hover .offer-content, .offer-wrapper:hover .pack-content, .pack-wrapper:hover .offer-content, .pack-wrapper:hover .pack-content {
  background-color: #FFFFFF;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
}

.offer-head, .pack-head {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.offer-head h3, .pack-head h3 {
  margin: 0;
}
.offer-head .price, .pack-head .price {
  margin-left: auto;
  padding-right: 1rem;
  font-size: 18px;
  font-weight: 600;
}

.offer-content, .pack-content {
  border: 1px solid #EBECED;
  border-radius: 1.5rem;
  padding: 1rem;
  transition: 0.2s ease-in-out;
}

@media only screen and (min-width:768px) {
  .cart__creditcard .message .inner, .cart__creditcard .message .datepicker-wrapper {
    min-width: 360px;
  }
}

.shipping-methods .method {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.upload-popper {
  right: 0;
}

.cart-popper {
  max-height: calc(100vh - var(--stickyHeight));
}
@media only screen and (min-width:992px) {
  .cart-popper {
    right: 0;
    top: 100%;
    max-height: calc(100vh - var(--stickyHeight) + 72px);
  }
}
@media only screen and (max-width: 991px) {
  .cart-popper {
    width: 420px;
    min-width: 420px;
    max-width: 420px;
    bottom: calc(100% + 1.5rem);
    left: 50%;
    transform: translateX(-50%);
    top: initial;
  }
}
@media only screen and (max-width: 767px) {
  .cart-popper {
    bottom: 100%;
    min-width: 100%;
    max-width: 100%;
    border-radius: 0;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05);
  }
}
.cart-popper .products.-cart, .cart-popper .products.p-item.-shipping, .cart-popper .products.p-item.-cod {
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: #333F48 #CFD2D5;
  scrollbar-width: thin;
}
.cart-popper .products.-cart::-webkit-scrollbar, .cart-popper .products.p-item.-shipping::-webkit-scrollbar, .cart-popper .products.p-item.-cod::-webkit-scrollbar {
  width: 0.25rem;
}
.cart-popper .products.-cart::-webkit-scrollbar-track, .cart-popper .products.p-item.-shipping::-webkit-scrollbar-track, .cart-popper .products.p-item.-cod::-webkit-scrollbar-track {
  background: #CFD2D5;
  border-radius: 0.25rem;
}
.cart-popper .products.-cart::-webkit-scrollbar-thumb, .cart-popper .products.p-item.-shipping::-webkit-scrollbar-thumb, .cart-popper .products.p-item.-cod::-webkit-scrollbar-thumb {
  background: #333F48;
  border-radius: 0.25rem;
}
.cart-popper .products.-cart::-webkit-scrollbar-thumb:hover, .cart-popper .products.p-item.-shipping::-webkit-scrollbar-thumb:hover, .cart-popper .products.p-item.-cod::-webkit-scrollbar-thumb:hover {
  background: rgb(29.8536585366, 36.8780487805, 42.1463414634);
}
@media only screen and (min-width:768px) {
  .cart-popper .products.-cart, .cart-popper .products.p-item.-shipping, .cart-popper .products.p-item.-cod {
    max-height: 40vh;
  }
}
@media only screen and (min-width:992px) {
  .cart-popper .products.-cart, .cart-popper .products.p-item.-shipping, .cart-popper .products.p-item.-cod {
    max-height: 35vh;
  }
}

.credit-card-aszf > a {
  display: block;
  margin-bottom: 1em;
}

.cart-coupon {
  position: relative;
}

.cart-mini .trigger {
  display: inline-flex;
  align-items: center;
}
.cart-mini .number-bubble {
  animation: numberBubbleSlideIn 0.2s ease-in-out;
}
@-webkit-keyframes numberBubbleSlideIn {
  0% {
    margin-right: -1rem;
    opacity: 0;
  }
  100% {
    margin-right: 0;
    opacity: 1;
  }
}
@keyframes numberBubbleSlideIn {
  0% {
    margin-right: -1rem;
    opacity: 0;
  }
  100% {
    margin-right: 0;
    opacity: 1;
  }
}
@media only screen and (max-width: 991px) {
  .cart-mini .number-bubble {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% - 0.5rem);
  }
}
.cart-mini .products.-cart, .cart-mini .products.p-item.-shipping, .cart-mini .products.p-item.-cod {
  margin-left: -1rem;
  margin-right: -1rem;
}
.cart-mini .sum-wrapper .inner, .cart-mini .sum-wrapper .datepicker-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.downloads .h3, .downloads .gallery-popper .popped__title, .gallery-popper .downloads .popped__title {
  margin-bottom: 0.5rem;
}
.downloads h2, .downloads .h2 {
  margin-top: 0;
}
.downloads .search-form .inner, .downloads .search-form .datepicker-wrapper {
  width: 100%;
}
.downloads .downloads-wrapper .category {
  background: #EBECED;
  border-radius: 1rem;
  padding: 1.5rem;
}
.downloads .downloads-wrapper .category .title {
  font-weight: 600;
  margin-bottom: 3px;
}
.downloads .downloads-wrapper .category .list > li > a {
  display: block;
  padding: 3px 0;
}
.downloads .pricelist-wrapper {
  background: #EBECED;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-top: 0.5rem;
}
.downloads .filter {
  margin-top: 0;
}

.related-downloads {
  row-gap: 1rem;
}

.download-items-list {
  row-gap: 1.5rem;
}

.download-item > .inner, .download-item > .datepicker-wrapper {
  gap: 1rem;
  position: relative;
  background: #EBECED;
  padding: 1rem;
  border-radius: 1.5rem;
  transition: 0.2s ease-in-out;
}
.download-item > .inner .img-wrapper, .download-item > .datepicker-wrapper .img-wrapper {
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 1rem;
  overflow: hidden;
}
.download-item > .inner .img-wrapper .ext, .download-item > .datepicker-wrapper .img-wrapper .ext {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
  width: 64px;
  height: 64px;
  overflow: hidden;
  font-size: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 1rem;
  background: #333F48;
}
.download-item > .inner .img-wrapper .ext:after, .download-item > .datepicker-wrapper .img-wrapper .ext:after {
  content: "download";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  color: #FFFFFF;
  background: #333F48;
  font-size: inherit;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  border-radius: 1rem;
  overflow: hidden;
  transition: 0.2s ease-in-out;
}
.download-item > .inner .details, .download-item > .datepicker-wrapper .details {
  flex-grow: 1;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #333F48;
}
.download-item > .inner .details .additional-data, .download-item > .datepicker-wrapper .details .additional-data {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: #8C9398;
}
.download-item > .inner .details .data, .download-item > .datepicker-wrapper .details .data {
  margin-top: 0.5rem;
  color: #8C9398;
}
.download-item:hover > .inner, .download-item:hover > .datepicker-wrapper {
  background: #FFFFFF;
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
}
.download-item:hover > .inner .img-wrapper .ext:after, .download-item:hover > .datepicker-wrapper .img-wrapper .ext:after {
  opacity: 1;
}

.reg {
  /*sikeres regisztráció*/
}
.reg .data-wrapper .uploaded-wrapper .item {
  padding: 5px 0;
  border-bottom: 1px solid #EBECED;
}
.reg .data-wrapper .uploaded-wrapper .item:last-child {
  border-bottom: none;
}
.reg .data-wrapper .form .delivery {
  margin-top: 0.625rem;
}
.reg .data-wrapper .form .hear-about > .item {
  margin-bottom: 1rem;
}
.reg .data-wrapper .form .hear-about > .item label {
  margin-bottom: 0;
}
.reg .data-wrapper .form .hear-about > .item .field {
  margin-top: 0.25rem;
}
@media only screen and (max-width: 767px) {
  .reg .data-wrapper .input-wrapper.-browse .inner, .reg .data-wrapper .form-block > div.-browse .inner, .reg .data-wrapper .input-wrapper.-browse .datepicker-wrapper, .reg .data-wrapper .form-block > div.-browse .datepicker-wrapper {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .reg .data-wrapper .input-wrapper.-browse .browse-label, .reg .data-wrapper .form-block > div.-browse .browse-label, .reg .data-wrapper .input-wrapper.-browse .browse-comment, .reg .data-wrapper .form-block > div.-browse .browse-comment {
    width: 100%;
    margin-bottom: 0.625rem;
  }
}
.type-wrapper {
  margin: 2rem 0 0 0;
}
.type-wrapper > .section {
  margin-bottom: 2rem;
}
.type-wrapper > .section > div {
  position: relative;
}
.type-wrapper > .section > div > .note {
  margin: 0 0 5px 1.875rem;
}
.type-wrapper > .section > div > .input-wrapper, .type-wrapper > .section > div.form-block > div {
  margin-bottom: 0;
}

.forgot-password {
  font-size: 14px;
  font-weight: 400;
}

.orders-wrapper .o-item {
  margin: 2rem 0;
}
.orders-wrapper .o-item:first-child {
  margin-top: 0;
}
.orders-wrapper .o-item .accordion {
  transition: 0.2s ease-in-out;
}
.orders-wrapper .o-item .accordion.-open {
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
}
.orders-wrapper .o-item .accordion .accordion-content {
  background: #fafafa;
  background: #FFFFFF;
  border: none;
}
.orders-wrapper .o-item .head-title {
  margin-top: 0;
}
.orders-wrapper .o-item .head {
  margin: 1rem 0 0 0;
}
.orders-wrapper .o-item .head > div {
  break-inside: avoid;
  margin: 1rem 0 0 0;
}
@media only screen and (max-width: 991px) {
  .orders-wrapper .o-item .head > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.orders-wrapper .o-item .head > div > * {
  width: 50%;
}
@media only screen and (max-width: 991px) {
  .orders-wrapper .o-item .head > div > * {
    width: 100%;
  }
}
.orders-wrapper .o-item .head > div > *:first-child {
  font-weight: 600;
}
.orders-wrapper .o-item .atvet-wrapper {
  margin-top: 0;
}
.orders-wrapper .o-item .atvet-wrapper.-selected .item {
  margin-top: 0;
  margin-bottom: 1rem;
  position: relative;
}
.orders-wrapper .o-item .atvet-wrapper.-selected .item .more-popper {
  position: absolute;
}

.financial {
  background: #F2F4F5;
  border: 1px solid #EBECED;
  border-radius: 1.5rem;
}
.financial > div {
  border-right: 1px solid #EBECED;
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
  padding: 1rem;
}
.financial > div:last-child {
  border-right: 0 !important;
}
.financial > div > span {
  display: block;
}
.financial > div > span:first-child {
  font-size: 14px;
}
.financial > div > span:last-child {
  font-size: 18px;
  font-weight: 600;
}
@media only screen and (max-width: 991px) {
  .financial {
    flex-wrap: wrap;
  }
  .financial > div {
    flex-basis: 33%;
  }
  .financial > div:nth-child(3n) {
    border-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .financial > div {
    flex-basis: 50%;
  }
  .financial > div:nth-child(2n) {
    border-right: 0;
  }
  .financial > div:nth-child(3n) {
    border-right: 1px solid #EBECED;
  }
}

.invoices.-list .downloads-wrapper {
  flex-wrap: wrap;
}
@media only screen and (max-width: 575px) {
  .invoices.-list .downloads-wrapper .button, .invoices.-list .downloads-wrapper .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav .invoices.-list .downloads-wrapper button.owl-prev, .invoices.-list .downloads-wrapper .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav .invoices.-list .downloads-wrapper button.owl-next, .invoices.-list .downloads-wrapper .owl-custom .owl-custom-nav button.owl-prev, .owl-custom .owl-custom-nav .invoices.-list .downloads-wrapper button.owl-prev, .invoices.-list .downloads-wrapper .owl-custom .owl-custom-nav button.owl-next, .owl-custom .owl-custom-nav .invoices.-list .downloads-wrapper button.owl-next {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .invoices.-list .downloads-wrapper .button, .invoices.-list .downloads-wrapper .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav .invoices.-list .downloads-wrapper button.owl-prev, .invoices.-list .downloads-wrapper .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav .invoices.-list .downloads-wrapper button.owl-next, .invoices.-list .downloads-wrapper .owl-custom .owl-custom-nav button.owl-prev, .owl-custom .owl-custom-nav .invoices.-list .downloads-wrapper button.owl-prev, .invoices.-list .downloads-wrapper .owl-custom .owl-custom-nav button.owl-next, .owl-custom .owl-custom-nav .invoices.-list .downloads-wrapper button.owl-next {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width:576px) {
  .invoices.-list .downloads-wrapper .button, .invoices.-list .downloads-wrapper .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav .invoices.-list .downloads-wrapper button.owl-prev, .invoices.-list .downloads-wrapper .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav .invoices.-list .downloads-wrapper button.owl-next, .invoices.-list .downloads-wrapper .owl-custom .owl-custom-nav button.owl-prev, .owl-custom .owl-custom-nav .invoices.-list .downloads-wrapper button.owl-prev, .invoices.-list .downloads-wrapper .owl-custom .owl-custom-nav button.owl-next, .owl-custom .owl-custom-nav .invoices.-list .downloads-wrapper button.owl-next {
    margin-right: 0.5rem;
  }
}
.invoices.-details .downloads-wrapper {
  justify-content: flex-end;
}
.invoices .invoice-state {
  font-size: 14px;
}
.invoices .invoice-state.-downloaded {
  color: #67CF15;
}
.invoices .invoice-state.-undownloaded {
  color: #8C9398;
}
.invoices .invoices-table .buttons-wrapper {
  justify-content: flex-end;
}
.invoices .invoices-table a:not(.button) {
  color: #333F48;
}
.invoices .invoices-table a:not(.button):hover, .invoices .invoices-table a:not(.button):active {
  color: #C8102E;
}
.invoices .downloads-wrapper {
  display: flex;
  align-items: center;
}
.invoices .sum-wrapper {
  margin-top: 0;
}
.invoices .pager-bottom .arrows-and-pages {
  width: initial;
  margin-left: auto;
}

.device-item {
  margin: 2rem 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.device-item > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.device-item .title {
  font-size: 18px;
}
.device-item .link {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .device-item {
    flex-wrap: wrap;
  }
  .device-item > * {
    width: 100%;
  }
  .device-item .link {
    margin: 2rem 0 0;
    justify-content: flex-end;
  }
}

.timeout > .social .button, .timeout > .social .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav .timeout > .social button.owl-prev, .timeout > .social .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav .timeout > .social button.owl-next, .timeout > .social .owl-custom .owl-custom-nav button.owl-prev, .owl-custom .owl-custom-nav .timeout > .social button.owl-prev, .timeout > .social .owl-custom .owl-custom-nav button.owl-next, .owl-custom .owl-custom-nav .timeout > .social button.owl-next {
  width: 100%;
}
.address-type-wrapper .address {
  position: relative;
}
.address-card .address-card-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fafafa;
  transition: 0.2s ease-in-out;
  padding: 1rem;
  border-radius: 1.5rem;
}
@media only screen and (min-width:768px) {
  .address-card .address-card-inner {
    background: #FFFFFF;
  }
}
.address-card .address-card-inner:hover {
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
}
.address-card .address-card-inner .top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
.address-card .address-card-inner .top .name {
  font-size: 18px;
  font-weight: 600;
}
.address-card .address-card-inner .data {
  flex-grow: 1;
  font-size: 14px;
  margin-top: 0.5rem;
}
.address-card .address-card-inner .address-card-icons {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row;
  gap: 1rem;
  margin-left: 1rem;
}
.address-card .address-card-inner .address-card-icons > .icon, .address-card .address-card-inner .accordion-header .address-card-icons > .toggler, .accordion-header .address-card .address-card-inner .address-card-icons > .toggler, .address-card .address-card-inner .address-card-icons > .accordion-header.-clickable:after {
  color: #EBECED;
}
.address-card .address-card-inner .buttons-wrapper {
  margin-top: 1.5rem;
  justify-content: space-between;
}

.newsletter-wrapper .item {
  position: relative;
  margin-bottom: 0.625rem;
}
.newsletter-wrapper .item:last-child {
  margin-bottom: 0;
}
.newsletter-wrapper .item:last-child .input-wrapper, .newsletter-wrapper .item:last-child .form-block > div {
  margin-bottom: 0;
}

.newsletter-subscribe-block {
  background: #EBECED;
  padding: 2rem;
  border-radius: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .newsletter-subscribe-block {
    padding: 1.5rem;
  }
}
.newsletter-subscribe-block .nsb-icon {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .newsletter-subscribe-block .nsb-icon {
    flex-direction: row;
    margin-bottom: 1rem;
    gap: 0.5rem;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-subscribe-block .nsb-icon img {
    width: 3rem;
    height: 3rem;
  }
}
.newsletter-subscribe-block .nsb-icon span {
  font-size: 24px;
  font-weight: 600;
}
.newsletter-subscribe-block .nsb-content {
  height: 100%;
  align-items: center;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .newsletter-subscribe-block .nsb-content {
    font-size: 14px;
  }
}
.newsletter-subscribe-block .nsb-settings {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.volume-item {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.volume-item .title {
  margin-bottom: 1rem;
}
.volume-item .desc {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.volume-item .valid-and-rank {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 575px) {
  .volume-item .valid-and-rank {
    flex-wrap: wrap;
  }
  .volume-item .valid-and-rank > * {
    padding-top: 0.3333333333rem;
    padding-bottom: 0.3333333333rem;
  }
}
.volume-item .partners-wrapper {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.volume-item .partner-item:after {
  content: ", ";
}
.volume-item .partner-item:last-child:after {
  content: "";
}
.volume-item .volume-bonus > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.permanent-discount-head {
  background-color: #EBECED;
  border-radius: 1.5rem;
  padding: 1.5rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 250px;
}

.permanent-discount-label {
  text-align: center;
  font-size: 14px;
}

.permanent-discount-value {
  color: #C8102E;
  font-weight: 600;
  font-size: 64px;
  display: flex;
  align-items: center;
  line-height: 1.2;
  margin: 0.5rem 0;
}
.permanent-discount-value > span {
  margin-left: 0.25rem;
  font-size: 32px;
}

.permanent-discount-note {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.permanent-discount-img {
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
}
.permanent-discount-img > .bg-img {
  background: #EBECED url(../images/festek96-kolorfull-allando-kedvezmeny.webp) no-repeat center center;
  background-size: cover;
  width: 100%;
  padding-bottom: 46.4684%;
  border-radius: 1.5rem;
}

/*személyes oldalak*/
.infogroup.-growth .color-success, .infogroup.-growth .color-danger {
  background-color: #fff;
  border-radius: 1.5rem;
}

.calendar-root {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.calendar-root > .select-wrapper .select, .selector .calendar-root > .input .select {
  padding-left: 2.25rem;
}
.calendar-root > .select-wrapper:before, .selector .calendar-root > .input:before {
  content: "calendar";
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  font-size: 1.25rem !important;
  left: 0.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.calendar-root .icon.-clear, .calendar-root .accordion-header .-clear.toggler, .accordion-header .calendar-root .-clear.toggler, .calendar-root .-clear.accordion-header.-clickable:after {
  cursor: pointer;
  margin-left: 0.25em;
  color: #C8102E;
}

.calendar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 1em 1.25em;
  width: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15), -1rem -1rem 1.5rem rgba(48, 62, 71, 0.05), 1rem 1rem 1.5rem rgba(48, 62, 71, 0.15);
  border-radius: 1.5rem;
  background: white;
  position: fixed;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .calendar {
    z-index: 15;
  }
}
.calendar.-mobile {
  width: 260px;
  z-index: 1;
  box-shadow: none;
}
@media only screen and (min-width:576px) {
  .calendar.-single {
    width: 410px;
  }
  .calendar.-single .calendar-wrap {
    flex-basis: 67%;
    max-width: 67%;
  }
  .calendar.-single .calendar-range {
    flex-basis: 33%;
    max-width: 33%;
  }
}
@media only screen and (min-width:576px) {
  .calendar.-double {
    width: 700px;
  }
  .calendar.-double .calendar-wrap {
    flex-basis: 75%;
    max-width: 75%;
  }
  .calendar.-double .calendar-range {
    flex-basis: 25%;
    max-width: 25%;
  }
  .calendar.-double .month {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .calendar {
    padding-top: 3em;
    overflow: auto;
    max-height: 100vh;
    max-height: calc(var(--vh) * 100);
  }
}
@media only screen and (min-width:576px) {
  .calendar {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.calendar ul {
  list-style-type: none;
}
.calendar .calendar-head {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.calendar .calendar-head > input {
  text-align: center;
}
.calendar .calendar-head > h2 {
  display: none;
  margin-bottom: 0;
}
.calendar .calendar-head .icon.-clear, .calendar .calendar-head .accordion-header .-clear.toggler, .accordion-header .calendar .calendar-head .-clear.toggler, .calendar .calendar-head .-clear.accordion-header.-clickable:after {
  font-style: normal;
}
@media only screen and (max-width: 767px) {
  .calendar .calendar-head .icon.-clear, .calendar .calendar-head .accordion-header .-clear.toggler, .accordion-header .calendar .calendar-head .-clear.toggler, .calendar .calendar-head .-clear.accordion-header.-clickable:after {
    top: 0.25em;
    right: 0.25em;
  }
}
.calendar .calendar-wrap {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width:576px) {
  .calendar .calendar-wrap {
    flex-wrap: nowrap;
  }
}
.calendar .calendar-wrap .month {
  padding: 0.5em;
  flex-basis: 100%;
  max-width: 100%;
}
.calendar .calendar-wrap .month.-full {
  width: 100% !important;
}
.calendar .calendar-wrap .month .title {
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5em;
}
.calendar .calendar-wrap .month .title .icon.-left, .calendar .calendar-wrap .month .title .accordion-header .-left.toggler, .accordion-header .calendar .calendar-wrap .month .title .-left.toggler, .calendar .calendar-wrap .month .title .-left.accordion-header.-clickable:after {
  margin-right: 0.75em;
}
.calendar .calendar-wrap .month .title .icon.-left:before, .calendar .calendar-wrap .month .title .accordion-header .-left.toggler:before, .accordion-header .calendar .calendar-wrap .month .title .-left.toggler:before {
  content: "chevron_left";
}
.calendar .calendar-wrap .month .title .icon.-right, .calendar .calendar-wrap .month .title .accordion-header .-right.toggler, .accordion-header .calendar .calendar-wrap .month .title .-right.toggler, .calendar .calendar-wrap .month .title .-right.accordion-header.-clickable:after {
  margin-left: 0.75em;
}
.calendar .calendar-wrap .month .title .icon.-right:before, .calendar .calendar-wrap .month .title .accordion-header .-right.toggler:before, .accordion-header .calendar .calendar-wrap .month .title .-right.toggler:before {
  content: "chevron_right";
}
.calendar .calendar-wrap .daynames {
  margin: 0;
  padding: 0.5em 0;
  display: flex;
  justify-content: space-between;
}
.calendar .calendar-wrap .daynames > li {
  width: 13.6%;
  color: #8C9398;
  font-size: 14px;
  text-align: center;
}
.calendar .calendar-wrap .days {
  margin: 0;
  padding: 0.5px 0;
  display: flex;
  justify-content: space-between;
}
.calendar .calendar-wrap .days > .day {
  width: 13.6%;
  color: #333F48;
  text-align: center;
  cursor: pointer;
  line-height: 2em;
  border-radius: 1.5rem;
  flex-grow: 1;
}
.calendar .calendar-wrap .days > .day:hover {
  color: #C8102E;
}
.calendar .calendar-wrap .days > .day.-disabled {
  pointer-events: none;
}
.calendar .calendar-wrap .days > .day.-selected {
  background: #C8102E;
  color: #fff;
}
.calendar .calendar-wrap .days > .day.-selected.-start {
  border-radius: 1em 0 0 1em;
}
.calendar .calendar-wrap .days > .day.-selected.-end {
  border-radius: 0 1em 1em 0;
}
.calendar .calendar-wrap .days > .day.-selected.-single {
  border-radius: 1em !important;
}
.calendar .calendar-wrap .days > .day.-selected:hover {
  color: white;
}
.calendar .calendar-wrap .days > .day.-inrange {
  background: #C8102E;
  color: #fff;
  border-radius: 0;
}
.calendar .calendar-wrap .days > .day.-inrange:hover {
  color: white;
}
@media only screen and (min-width:576px) {
  .calendar .calendar-range {
    border-left: 1px solid #EBECED;
  }
}
.calendar .calendar-range.-full {
  width: 90%;
  padding: 2px;
  border-left: none;
  margin: -20px 0;
}
.calendar .calendar-presets {
  margin: 0;
  padding: 0;
  align-self: flex-end;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media only screen and (min-width:576px) {
  .calendar .calendar-presets {
    flex-direction: column;
    padding: 0 0.5em 0 1.5em;
  }
  .calendar .calendar-presets > .preset {
    line-height: 40px;
    width: auto;
    display: block;
  }
}
.calendar .calendar-presets > .preset {
  cursor: pointer;
  font-size: var(--fs-small);
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .calendar .calendar-presets > .preset {
    padding-left: 0.25em;
    padding-right: 0.25em;
    display: none;
  }
}
@media only screen and (min-width:576px) {
  .calendar .calendar-presets > .preset {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
}
.calendar .calendar-presets > .preset:hover {
  color: #333F48;
}
.calendar .calendar-presets > .preset.-active {
  color: #333F48;
}

.accordion {
  border-radius: 1.5rem;
  overflow: hidden;
}

.accordion-header {
  gap: 1rem;
  background: #EBECED;
  border: 1px solid #EBECED;
  cursor: pointer;
  padding: 1rem;
  margin: 0;
  font-weight: 600;
}
.accordion-header .-larger {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.accordion-header > span {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}
.accordion-header.-open .toggler:before {
  transform: rotate(180deg);
}
.accordion-header.-clickable {
  cursor: pointer;
}
.accordion-header.-clickable.-open:after {
  transform: rotate(180deg);
}
.accordion-header.-clickable:after {
  content: "arrow_drop_down";
  cursor: pointer;
  margin-left: auto;
  color: #C8102E;
}
.accordion-header .toggler {
  cursor: pointer;
  margin-left: auto;
}
.accordion-header .toggler:before {
  content: "arrow_drop_down";
}

.accordion-content {
  border: 1px solid #EBECED;
  border-top: none;
  background: #EBECED;
  padding: 1rem;
}
.accordion-content.-animate-opening {
  padding: 0 1rem;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 0.2s ease-in-out;
  transition-timing-function: linear;
}
.accordion-content.-animate-opening.-open {
  max-height: 500px;
}

.accordion-group {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}

.attachments-wrapper {
  align-items: stretch;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.attachments .attachment-item {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  border-bottom: 1px solid #EBECED;
}
.attachments .attachment-item:first-child {
  padding-top: 0;
}
.attachments .attachment-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.attachments .attachment-item .img-wrapper, .attachments .attachment-item .symbol {
  width: 4rem;
  flex-shrink: 0;
  border: 1px solid #EBECED;
  border-radius: 1.5rem;
}
.attachments .attachment-item .symbol {
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.attachments .attachment-item .details {
  margin-left: 1rem;
  margin-right: 1rem;
  flex-grow: 1;
}
.attachments .attachment-item .details .meta {
  font-size: 14px;
}

.upload-area > .inner, .upload-area > .datepicker-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: white;
  border-radius: 0.5rem;
  border: 2px dashed #EBECED;
  padding: 1rem;
  position: relative;
}
.upload-area > .inner.dragged, .upload-area > .dragged.datepicker-wrapper {
  border-color: #333F48;
  background-color: rgba(51, 63, 72, 0.2);
}
.upload-area > .inner.active, .upload-area > .active.datepicker-wrapper {
  border-color: #0dd248;
  background-color: rgba(13, 210, 72, 0.1);
}