/**
 * Swiper 5.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 20, 2020
 */

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline;
      list-style: none;
      padding: 0; }
    .select2-container .select2-selection--multiple .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0; }
    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
      background-color: #f1f1f1;
      color: #333;
      outline: none; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555;
      outline: none; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/*!
 * Ladda including the default theme.
 */


/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
 */

.ladda-button {
	position: relative
}

.ladda-button .ladda-spinner {
	position: absolute;
	z-index: 2;
	display: inline-block;
	width: 32px;
	height: 32px;
	top: 50%;
	margin-top: 0;
	opacity: 0;
	pointer-events: none
}

.ladda-button .ladda-label {
	position: relative;
	z-index: 3
}

.ladda-button .ladda-progress {
	position: absolute;
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.2);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.1s linear all !important;
	-moz-transition: 0.1s linear all !important;
	-ms-transition: 0.1s linear all !important;
	-o-transition: 0.1s linear all !important;
	transition: 0.1s linear all !important
}

.ladda-button[data-loading] .ladda-progress {
	opacity: 1;
	visibility: visible
}

.ladda-button,
.ladda-button .ladda-spinner,
.ladda-button .ladda-label {
	-webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
	-moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
	-ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
	-o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
	transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important
}

.ladda-button[data-style=zoom-in],
.ladda-button[data-style=zoom-in] .ladda-spinner,
.ladda-button[data-style=zoom-in] .ladda-label,
.ladda-button[data-style=zoom-out],
.ladda-button[data-style=zoom-out] .ladda-spinner,
.ladda-button[data-style=zoom-out] .ladda-label {
	-webkit-transition: 0.3s ease all !important;
	-moz-transition: 0.3s ease all !important;
	-ms-transition: 0.3s ease all !important;
	-o-transition: 0.3s ease all !important;
	transition: 0.3s ease all !important
}

.ladda-button[data-style=expand-right] .ladda-spinner {
	right: -6px
}

.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,
.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
	right: -12px
}

.ladda-button[data-style=expand-right][data-loading] {
	padding-right: 56px
}

.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
	opacity: 1
}

.ladda-button[data-style=expand-right][data-loading][data-size="s"],
.ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
	padding-right: 40px
}

.ladda-button[data-style=expand-left] .ladda-spinner {
	left: 26px
}

.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,
.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
	left: 4px
}

.ladda-button[data-style=expand-left][data-loading] {
	padding-left: 56px
}

.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
	opacity: 1
}

.ladda-button[data-style=expand-left][data-loading][data-size="s"],
.ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
	padding-left: 40px
}

.ladda-button[data-style=expand-up] {
	overflow: hidden
}

.ladda-button[data-style=expand-up] .ladda-spinner {
	top: -32px;
	left: 50%;
	margin-left: 0
}

.ladda-button[data-style=expand-up][data-loading] {
	padding-top: 54px
}

.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
	opacity: 1;
	top: 26px;
	margin-top: 0
}

.ladda-button[data-style=expand-up][data-loading][data-size="s"],
.ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
	padding-top: 32px
}

.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,
.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
	top: 4px
}

.ladda-button[data-style=expand-down] {
	overflow: hidden
}

.ladda-button[data-style=expand-down] .ladda-spinner {
	top: 62px;
	left: 50%;
	margin-left: 0
}

.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,
.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
	top: 40px
}

.ladda-button[data-style=expand-down][data-loading] {
	padding-bottom: 54px
}

.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
	opacity: 1
}

.ladda-button[data-style=expand-down][data-loading][data-size="s"],
.ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
	padding-bottom: 32px
}

.ladda-button[data-style=slide-left] {
	overflow: hidden
}

.ladda-button[data-style=slide-left] .ladda-label {
	position: relative
}

.ladda-button[data-style=slide-left] .ladda-spinner {
	left: 100%;
	margin-left: 0
}

.ladda-button[data-style=slide-left][data-loading] .ladda-label {
	opacity: 0;
	left: -100%
}

.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
	opacity: 1;
	left: 50%
}

.ladda-button[data-style=slide-right] {
	overflow: hidden
}

.ladda-button[data-style=slide-right] .ladda-label {
	position: relative
}

.ladda-button[data-style=slide-right] .ladda-spinner {
	right: 100%;
	margin-left: 0;
	left: 16px
}

.ladda-button[data-style=slide-right][data-loading] .ladda-label {
	opacity: 0;
	left: 100%
}

.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
	opacity: 1;
	left: 50%
}

.ladda-button[data-style=slide-up] {
	overflow: hidden
}

.ladda-button[data-style=slide-up] .ladda-label {
	position: relative
}

.ladda-button[data-style=slide-up] .ladda-spinner {
	left: 50%;
	margin-left: 0;
	margin-top: 1em
}

.ladda-button[data-style=slide-up][data-loading] .ladda-label {
	opacity: 0;
	top: -1em
}

.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
	opacity: 1;
	margin-top: 0
}

.ladda-button[data-style=slide-down] {
	overflow: hidden
}

.ladda-button[data-style=slide-down] .ladda-label {
	position: relative
}

.ladda-button[data-style=slide-down] .ladda-spinner {
	left: 50%;
	margin-left: 0;
	margin-top: -2em
}

.ladda-button[data-style=slide-down][data-loading] .ladda-label {
	opacity: 0;
	top: 1em
}

.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
	opacity: 1;
	margin-top: 0
}

.ladda-button[data-style=zoom-out] {
	overflow: hidden
}

.ladda-button[data-style=zoom-out] .ladda-spinner {
	left: 50%;
	margin-left: 32px;
	-webkit-transform: scale(2.5);
	-moz-transform: scale(2.5);
	-ms-transform: scale(2.5);
	-o-transform: scale(2.5);
	transform: scale(2.5)
}

.ladda-button[data-style=zoom-out] .ladda-label {
	position: relative;
	display: inline-block
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5)
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
	opacity: 1;
	margin-left: 0;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}

.ladda-button[data-style=zoom-in] {
	overflow: hidden
}

.ladda-button[data-style=zoom-in] .ladda-spinner {
	left: 50%;
	margin-left: -16px;
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-ms-transform: scale(0.2);
	-o-transform: scale(0.2);
	transform: scale(0.2)
}

.ladda-button[data-style=zoom-in] .ladda-label {
	position: relative;
	display: inline-block
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
	opacity: 0;
	-webkit-transform: scale(2.2);
	-moz-transform: scale(2.2);
	-ms-transform: scale(2.2);
	-o-transform: scale(2.2);
	transform: scale(2.2)
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
	opacity: 1;
	margin-left: 0;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}

.ladda-button[data-style=contract] {
	overflow: hidden;
	width: 100px
}

.ladda-button[data-style=contract] .ladda-spinner {
	left: 50%;
	margin-left: 0
}

.ladda-button[data-style=contract][data-loading] {
	border-radius: 50%;
	width: 52px
}

.ladda-button[data-style=contract][data-loading] .ladda-label {
	opacity: 0
}

.ladda-button[data-style=contract][data-loading] .ladda-spinner {
	opacity: 1
}

.ladda-button[data-style=contract-overlay] {
	overflow: hidden;
	width: 100px;
	box-shadow: 0px 0px 0px 2000px transparent
}

.ladda-button[data-style=contract-overlay] .ladda-spinner {
	left: 50%;
	margin-left: 0
}

.ladda-button[data-style=contract-overlay][data-loading] {
	border-radius: 50%;
	width: 52px;
	box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8)
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
	opacity: 0
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
	opacity: 1
}

.ladda-button {
	background: #666;
	border: 0;
	padding: 14px 18px;
	font-size: 18px;
	cursor: pointer;
	color: #fff;
	border-radius: 2px;
	border: 1px solid transparent;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent
}

.ladda-button:hover {
	border-color: rgba(0, 0, 0, 0.07);
	background-color: #888
}

.ladda-button[data-color=green] {
	background: #2aca76
}

.ladda-button[data-color=green]:hover {
	background-color: #38d683
}

.ladda-button[data-color=blue] {
	background: #53b5e6
}

.ladda-button[data-color=blue]:hover {
	background-color: #69bfe9
}

.ladda-button[data-color=red] {
	background: #ea8557
}

.ladda-button[data-color=red]:hover {
	background-color: #ed956e
}

.ladda-button[data-color=purple] {
	background: #9973C2
}

.ladda-button[data-color=purple]:hover {
	background-color: #a685ca
}

.ladda-button[data-color=mint] {
	background: #16a085
}

.ladda-button[data-color=mint]:hover {
	background-color: #19b698
}

.ladda-button[disabled],
.ladda-button[data-loading] {
	border-color: rgba(0, 0, 0, 0.07)
}

.ladda-button[disabled],
.ladda-button[disabled]:hover,
.ladda-button[data-loading],
.ladda-button[data-loading]:hover {
	cursor: default;
	background-color: #999
}

.ladda-button[data-size=xs] {
	padding: 4px 8px
}

.ladda-button[data-size=xs] .ladda-label {
	font-size: 0.7em
}

.ladda-button[data-size=s] {
	padding: 6px 10px
}

.ladda-button[data-size=s] .ladda-label {
	font-size: 0.9em
}

.ladda-button[data-size=l] .ladda-label {
	font-size: 1.2em
}

.ladda-button[data-size=xl] .ladda-label {
	font-size: 1.5em
}
@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot?13883446');
    src: url('../font/fontello.eot?13883446#iefix') format('embedded-opentype'),
    url('../font/fontello.woff2?13883446') format('woff2'),
    url('../font/fontello.woff?13883446') format('woff'),
    url('../font/fontello.ttf?13883446') format('truetype'),
    url('../font/fontello.svg?13883446#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?13883446#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before,
[class*=" icon-"]:before,
ul li:before,
.select2-selection__arrow:before,
.format_checkbox .checkmark:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-arrow-back:before { content: '\e800'; } /* '' */
.icon-arrow-down:before { content: '\e801'; } /* '' */
.icon-arrow-left:before { content: '\e802'; } /* '' */
.icon-arrow-right:before { content: '\e803'; } /* '' */
.icon-basket-1:before { content: '\e804'; } /* '' */
.icon-basket-2:before { content: '\e805'; } /* '' */
.icon-checked:before { content: '\e806'; } /* '' */
.icon-close-1:before { content: '\e807'; } /* '' */
.icon-close-2:before { content: '\e808'; } /* '' */
.icon-close-3:before { content: '\e809'; } /* '' */
.icon-facebook:before { content: '\e80a'; } /* '' */
.icon-hands:before { content: '\e80b'; } /* '' */
.icon-instagram:before { content: '\e80c'; } /* '' */
.icon-lang-de:before { content: '\e80d'; } /* '' */
.icon-lang-en:before { content: '\e80e'; } /* '' */
.icon-lang-hu:before { content: '\e80f'; } /* '' */
.icon-logo-part-1:before { content: '\e810'; } /* '' */
.icon-logo-part-2:before { content: '\e811'; } /* '' */
.icon-logo-vertical:before { content: '\e812'; } /* '' */
.icon-menu:before { content: '\e813'; } /* '' */
.icon-search:before { content: '\e816'; } /* '' */
.icon-ship:before { content: '\e817'; } /* '' */
.icon-slide-right-1:before { content: '\e818'; } /* '' */
.icon-slide-right-2:before { content: '\e819'; } /* '' */
.icon-zoom:before { content: '\e81a'; } /* '' */
.icon-since_arc:before { content: '\e81b'; } /* '' */
.icon-since_text:before { content: '\e81c'; } /* '' */
.icon-new:before { content: '\e81d'; } /* '' */
.icon-sale:before { content: '\e81e'; } /* '' */

ul li:before {
    width: auto;
    margin: 0 5px 0 0;
    content: '\e818';
    color: #717170;
    font-size: 14px;
}
.select2-selection__arrow:before {
    content: '\e801';
    color: #7b7b7a;
    font-size: 9px;
}
.format_checkbox .checkmark:after {
    content: '\e806';
    color: #1d1d1b;
    font-size: 18px;
}
@font-face {
    font-family: 'Halvar Mittel Md';
    src: url('../font/subset-HalvarMittel-Md.eot');
    src: url('../font/subset-HalvarMittel-Md.eot?#iefix') format('embedded-opentype'),
    url('../font/subset-HalvarMittel-Md.woff2') format('woff2'),
    url('../font/subset-HalvarMittel-Md.woff') format('woff'),
    url('../font/subset-HalvarMittel-Md.ttf') format('truetype'),
    url('../font/subset-HalvarMittel-Md.svg#HalvarMittel-Md') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Halvar Mittel Rg';
    src: url('../font/subset-HalvarMittel-Rg.eot');
    src: url('../font/subset-HalvarMittel-Rg.eot?#iefix') format('embedded-opentype'),
    url('../font/subset-HalvarMittel-Rg.woff2') format('woff2'),
    url('../font/subset-HalvarMittel-Rg.woff') format('woff'),
    url('../font/subset-HalvarMittel-Rg.ttf') format('truetype'),
    url('../font/subset-HalvarMittel-Rg.svg#HalvarMittel-Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Halvar Mittel Lt';
    src: url('../font/subset-HalvarMittel-Lt.eot');
    src: url('../font/subset-HalvarMittel-Lt.eot?#iefix') format('embedded-opentype'),
    url('../font/subset-HalvarMittel-Lt.woff2') format('woff2'),
    url('../font/subset-HalvarMittel-Lt.woff') format('woff'),
    url('../font/subset-HalvarMittel-Lt.ttf') format('truetype'),
    url('../font/subset-HalvarMittel-Lt.svg#HalvarMittel-Lt') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Halvar Mittel Bd';
    src: url('../font/subset-HalvarMittel-Bd.eot');
    src: url('../font/subset-HalvarMittel-Bd.eot?#iefix') format('embedded-opentype'),
    url('../font/subset-HalvarMittel-Bd.woff2') format('woff2'),
    url('../font/subset-HalvarMittel-Bd.woff') format('woff'),
    url('../font/subset-HalvarMittel-Bd.ttf') format('truetype'),
    url('../font/subset-HalvarMittel-Bd.svg#HalvarMittel-Bd') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Halvar Mittel Rg SuSlanted';
    src: url('../font/subset-HalvarMittel-RgSuSlanted.eot');
    src: url('../font/subset-HalvarMittel-RgSuSlanted.eot?#iefix') format('embedded-opentype'),
    url('../font/subset-HalvarMittel-RgSuSlanted.woff2') format('woff2'),
    url('../font/subset-HalvarMittel-RgSuSlanted.woff') format('woff'),
    url('../font/subset-HalvarMittel-RgSuSlanted.ttf') format('truetype'),
    url('../font/subset-HalvarMittel-RgSuSlanted.svg#HalvarMittel-RgSuSlanted') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TT Tsars B Black';
    src: url('../font/subset-TTTsarsB-Black.eot');
    src: url('../font/subset-TTTsarsB-Black.eot?#iefix') format('embedded-opentype'),
    url('../font/subset-TTTsarsB-Black.woff2') format('woff2'),
    url('../font/subset-TTTsarsB-Black.woff') format('woff'),
    url('../font/subset-TTTsarsB-Black.ttf') format('truetype'),
    url('../font/subset-TTTsarsB-Black.svg#TTTsarsB-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TT Tsars B Light';
    src: url('../font/subset-TTTsarsB-Light.eot');
    src: url('../font/subset-TTTsarsB-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/subset-TTTsarsB-Light.woff2') format('woff2'),
    url('../font/subset-TTTsarsB-Light.woff') format('woff'),
    url('../font/subset-TTTsarsB-Light.ttf') format('truetype'),
    url('../font/subset-TTTsarsB-Light.svg#TTTsarsB-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}



html, body, form, fieldset,
h1, h2, h3, h4, h5, h6, p, pre, samp, span,
blockquote, ul, li, ol, dl, dd, dt, address, div, abbr, dfn, acronym,
input, select, textarea {
    margin: 0;
    padding: 0;
    color: #706f6f;
    font: 17px "Halvar Mittel Lt", "Helvetica Neue", "Helvetica", "Sans-serif";
    text-align: left;
}

.main p, .main span, .main div {
    color: #575756;
    font: 17px "Halvar Mittel Rg", "Helvetica Neue", "Helvetica", "Sans-serif";
}

h1, h2, h3, h4, h5, h6, p, pre, samp, span,
blockquote, ul, li, ol, dl, dd, dt, address, abbr, dfn, acronym {
    cursor: text;
}
*:active, object:focus, embed:focus, a { outline: none }
input::-moz-focus-inner { border: 0 }
*.pointer, label { cursor: pointer }
fieldset { border: none }
input, select, option, textarea {
    font-size: 100%;
    outline-style: none;
}
textarea { resize: none; }
img { border: 0 !important }


body, html {
    background-color: #efefef;
    margin: 0;
    padding: 0;
}
h1 {
    margin-bottom: 40px;
    color: #1f7a9a;
    font-size: 32px;
    font-family: "TT Tsars B Black";
    text-transform: uppercase;
}
h1.centered_underline {
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 2px solid #e3e3e3;
}
h2 {
    margin-bottom: 25px;
    color: #1d1d1b;
    font-size: 27px;
    font-family: 'Halvar Mittel Md';
}
h3, h4 {
    margin-bottom: 5px;
    color: #575756;
    font-size: 19px;
    font-family: "Halvar Mittel Md";
}
h4 {
    font-size: 15px;
}

/*
** lists
 */
ol {
    margin: 0 0 20px 30px;
}
ul {
    margin: 0 0 20px 20px;
}
#footer .cols .col2 ul {
    margin: 0;
}
#footer .cols .col2 ul ul {
    margin-left: 20px;
}
.categories ul {
    margin-left: 0;
}
.categories ul ul {
    margin-left: 15px;
}
ul li {
    line-height: 24px;
    margin: 0;
    list-style: none;
}
.categories ul li {
    line-height: 30px;
}

/*
** custom
 */
a,
a:hover {
    color: #1f7a9a;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
p {
    line-height: 24px;
    margin-bottom: 20px;
}
div.html,
div.html p {
    line-height: 24px;
}
div.html {
    margin-bottom: 40px;
}
.iblock {display: inline-block !important}
.dblock {display: block !important}
.dflex {display: flex !important}
.fdcolumn {flex-direction: column !important}
.flex1 {flex: 1 0 auto !important}
.flexs0 {flex-shrink: 0 !important;}
.aiflexstart {align-items: flex-start !important}
.aicenter {align-items: center !important}
.aiflexend {align-items: flex-end !important}
.jcflexstart {justify-content: flex-start !important}
.jccenter {justify-content: center !important}
.jcflexend {justify-content: flex-end !important}
.jcspacebetween {justify-content: space-between !important}
.fwrap {flex-wrap: wrap !important}
.fnowrap {flex-wrap: nowrap !important }
.wauto {width: auto !important}
.tleft {text-align: left !important}
.tcenter {text-align: center !important}
.tright {text-align: right !important}
.mt0 {margin-top: 0 !important}
.mt5 {margin-top: 5px !important}
.mt10 {margin-top: 10px !important}
.mt15 {margin-top: 15px !important}
.mt20 {margin-top: 20px !important}
.mt60 {margin-top: 60px !important}
.mb0 {margin-bottom: 0 !important}
.mb5 {margin-bottom: 5px !important}
.mb10 {margin-bottom: 10px !important}
.mb15 {margin-bottom: 15px !important}
.ml0 {margin-left: 0 !important}
.ml10 {margin-left: 10px !important}
.ml15 {margin-left: 15px !important}
.mr0 {margin-right: 0 !important}
.mr20 {margin-right: 20px !important}
#container .p0 {padding: 0 !important}
.pl0 {padding-left: 0 !important}
.pl5 {padding-left: 5px !important}
.pl10 {padding-left: 10px !important}
.pr0 {padding-right: 0 !important}
.pr5 {padding-right: 5px !important}
.pr10 {padding-right: 10px !important}
.pt0 {padding-top: 0 !important}
.pt5 {padding-top: 5px !important}
.pt10 {padding-top: 10px !important}
.pt15 {padding-top: 15px !important}
.pt20 {padding-top: 20px !important}
.pt220 {padding-top: 220px !important}
.pb0 {padding-bottom: 0 !important}
.pb5 {padding-bottom: 5px !important}
.pb10 {padding-bottom: 10px !important}
.pb20 {padding-bottom: 20px !important}
.pb15 {padding-bottom: 15px !important}
.pb370 {padding-bottom: 370px !important}
.fs12 {font-size: 12px !important}
.fs13 {font-size: 13px !important}
.fs14 {font-size: 14px !important}
.fs15 {font-size: 15px !important}
.fs16 {font-size: 16px !important}
.fs20 {font-size: 20px !important}
.lh24 {line-height: 24px !important}
.fullwidth {width: 100% !important}
.uppercase {text-transform: uppercase !important}
.pointer {cursor: pointer !important}
.ohidden {overflow: hidden !important}
.nowrap {white-space: nowrap !important}
.hidden {display: none !important}
strong, .strong {font-family: 'Halvar Mittel Md' !important}
.regular {font-family: 'Halvar Mittel Rg' !important}

/*
** logo_rotating
 */
.logo_part_2 {
    -webkit-animation:spin 5s ease-in-out infinite;
    -moz-animation:spin 5s ease-in-out infinite;
    animation:spin 5s ease-in-out infinite;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}
.logo_rotating_arc:before {
    display: inline-block;
    -webkit-animation:spin 9s linear infinite;
    -moz-animation:spin 9s linear infinite;
    animation:spin 9s linear infinite;
    -moz-transform-origin:center center;
    -webkit-transform-origin:center center;
    transform-origin:center center;
}
.logo_rotating_text {
    -webkit-animation:spin 10s linear infinite;
    -moz-animation:spin 10s linear infinite;
    animation:spin 10s linear infinite;
    -moz-transform-origin:center center;
    -webkit-transform-origin:center center;
    transform-origin:center center;
}
.logo_part_2:hover {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running;
}
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}

:root {
    --transition-speed-100: .1s;
    --transition-speed-200: .2s;
    --transition-speed-300: .3s;
    --transition-speed-500: .5s;
    --transition-all: all var(--transition-speed-500) ease;
    --transition-bg: background var(--transition-speed-200) ease;
}

html body.noscroll {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
}

.show_mobile {
    display: none;
}

#container {
    position: relative;
    z-index: 1;
}
html #content {
    display: flex;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    box-sizing: border-box;
}
html.main #content {
    flex-direction: column;
    max-width: 100%;
    padding-top: 0;
}

.content_inner {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.max-width-1100 {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
#header {
    background-color: #efefef;
    box-shadow: 0 8px 6px -8px rgba(0, 0, 0, 0.3);
}
#header .header_top .content_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1980px;
    padding: 0 33px 0 20px;
    position: relative;
}
/*
#header .header_top.open {
    background-color: #efefef;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}
*/
.header_left {
    padding: 12px 0 15px 0;
}
.header_left .logo {
    display: flex;
    align-items: center;
}
.header_left .logo * {
    cursor: pointer;
}
.header_left .icon_logo_part_1 {
    width: 120px;
    height: 100px;
    -webkit-mask: url(../gfx/svg/logo_part_1.svg) no-repeat;
    mask: url(../gfx/svg/logo_part_1.svg) no-repeat;
    -webkit-mask-size: contain;
    mask-size: cover;
    background-color: #1f7a9a;
}
.header_left .logo_part_2 {
    display: inline-block;
    margin-left: -15px;
    position: relative;
    z-index: 1;
}
.header_left .icon-since_arc:before {
    width: auto;
    margin: 0;
    color: #1f7a9a;
    font-size: 100px;
}
.header_left .logo_rotating_text {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-mask: url(../gfx/svg/since_text.svg);
    mask: url(../gfx/svg/since_text.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #1f7a9a;
}
.header_center {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
}
.header_right {
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.header_right .basket {
    width: 32px;
    height: 32px;
    margin: -3px 35px 0 20px;
    cursor: pointer;
    position: relative;
}
.header_right .basket:before {
    color: #a3a3a3;
    font-size: 30px;
}
.basket .menu_sub {
    width: 0 !important;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    display: block;
    padding-top: 20px;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
    z-index: 99;
}
.basket:hover .menu_sub {
    min-width: 250px;
    width: auto !important;
    visibility: visible;
    opacity: 1;
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}
.basket .menu_sub_inner {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 15px 10px;
    box-sizing: border-box;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05), -3px 2px 4px rgba(0, 0, 0, 0.05), 3px 2px 4px rgba(0, 0, 0, 0.05);
    position: relative;
}
.basket .menu_sub_inner:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.basket .title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 14px;
    padding-bottom: 3px;
    border-bottom: 2px solid #cecece;
}
.basket .title span {
    color: #1f7a9a;
    font-size: 16px;
    font-family: "Halvar Mittel Md";
}
.basket .title a.clear,
.basket .title a.clear:hover {
    color: #9d9d9c;
    font-size: 12px;
    font-family: "Halvar Mittel Md";
    cursor: pointer;
}
.basket .text {
    margin-bottom: 10px;
    color: #9d9d9c;
    font-size: 12px;
    text-align: center;
}
.header_right .basket span.num {
    background-color: #d32027;
    margin: -7px 0 0 -9px;
    padding: 2px 5px;
    color: #fff;
    font-size: 12px;
    font-family: "Halvar Mittel Bd";
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 100%;
}
.basket .btn,
.basket .btn:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1f7a9a;
    height: 30px;
    color: #fff;
    font-family: "Halvar Mittel Rg";
    border-radius: 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.basket .btn span {
    color: #fff;
    font-family: "Halvar Mittel Rg";
}
.basket .btn:hover {
    background-color: #176B80;
}
.basket .edit {
    display: inline-block;
    margin-bottom: 8px;
    color: #575756;
    font-size: 12px;
    font-family: "Halvar Mittel Md";
    text-decoration: underline;
}
.basket .edit:hover {
    text-decoration: none;
}
.basket .item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.basket .item .img {
    flex-shrink: 0;
    background-color: #dddddd;
    width: 55px;
    height: 55px;
    margin-right: 15px;
}
.basket .item .right {
    width: 100%;
}
.basket .item .top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 3px;
}
.basket .item .top .name,
.basket .item .top .name:hover {
    color: #000;
    font-size: 14px;
    font-family: "Halvar Mittel Md";
}
.basket .item .top .del,
.basket .item .top .del:hover {
    flex-shrink: 0;
    display: inline-flex;
    margin-left: 10px;
    cursor: pointer;
    text-decoration: none;
}
.basket .item .top .del:before {
    width: auto;
    margin: 2px 0 0 0;
    color: #9d9d9c;
    font-size: 10px;
}
.basket .item .middle {
    margin-bottom: 2px;
    color: #706f6f;
    font-size: 12px;
}
.basket .item .bottom {
    color: #1d1d1b;
    font-size: 16px;
    text-align: right;
}
#cookie {
    display: none;
    background-color: #176b80;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
}
#cookie .content_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}
.cookie_text {
    color: #fff !important;
    font-size: 15px !important;
    font-family: 'Halvar Mittel Rg';
}
.cookie_text a,
.cookie_text a:hover {
    color: #fff;
    font-size: 15px;
    font-family: 'Halvar Mittel Md';
}
.cookie_button,
.cookie_button:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    height: 30px;
    padding: 0 40px;
    color: #176b80;
    font-size: 17px;
    font-family: 'Halvar Mittel Rg';
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 15px;
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}
.cookie_button:hover {
    background-color: #EFEFEF;
}
#noty {
    background-color: #ddd;
}

/*
** menu
 */
.menu_mobile {
    display: none;
    width: 41px;
    height: 30px;
    margin-left: 5px;
    cursor: pointer;
    text-align: center;
    position: relative;
}
.menu_mobile .icon-close-1 {
    display: none;
}
.menu_mobile .icon-menu,
.menu_mobile .icon-close-1 {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.menu_mobile .icon-menu:before,
.menu_mobile .icon-close-1:before {
    width: auto;
    margin: 0;
    color: #1f7a9a;
    font-size: 30px;
}
.menu_inner {
    display: flex;
    align-items: center;
}
.menu .item,
.menu .item:hover {
    margin: 0 12px;
    padding: 10px 0;
    text-decoration: none;
    position: relative;
}
.menu .item:hover:after,
.menu .item.selected:after {
    content: '';
    background: transparent url(../gfx/menu_hullam.png) repeat-x left bottom / auto 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
}
.menu .item .title {
    display: flex;
    align-items: center;
    position: relative;
}
.menu .item .title:before {
    order: 1;
    margin-left: 5px;
    color: #4a4a49;
    font-size: 7px;
}
.menu .item .title1 {
    color: #575756;
    font-size: 17px;
    font-family: 'Halvar Mittel Lt';
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}
.menu .item.selected .title1 {
    font-family: 'Halvar Mittel Md';
}
.menu .menu_sub {
    visibility: hidden;
    opacity: 0;
    display: block;
    padding-top: 12px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
    z-index: 99;
}
.menu .item:hover .menu_sub {
    visibility: visible;
    opacity: 1;
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}
.menu .menu_sub_inner {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05), -3px 2px 4px rgba(0, 0, 0, 0.05), 3px 2px 4px rgba(0, 0, 0, 0.05);
    position: relative;
}
.menu .menu_sub_inner:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.menu .menu_sub .item_sub,
.menu .menu_sub .item_sub:hover {
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;
}
.menu .menu_sub .item_sub1 {
    display: block;
    padding: 10px;
    font-size: 17px;
    font-family: 'Halvar Mittel Lt';
    cursor: pointer;
    -webkit-transition: var(--transition-bg);
    -moz-transition: var(--transition-bg);
    -o-transition: var(--transition-bg);
    transition: var(--transition-bg);
}
/*
.menu .menu_sub .item_sub:hover .item_sub1 {
    opacity: 0;
    color: #fff;
}
*/
.menu .menu_sub .item_sub:hover .item_sub1 {
    opacity: 1;
    background-color: #1f7a9a;
    color: #fff;
}

/*
** langs
 */
.langs {
    display: flex;
    align-items: center;
}
.langs .langs_others_inner {
    display: flex;
}
.langs .item,
.langs .item:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0 7px;
    text-decoration: none;
    border-radius: 50%;
    border: 1px solid #9d9d9c;
}
.langs .title {
    color: #9d9d9c;
    font-size: 15px;
    font-family: 'Halvar Mittel Bd';
    cursor: pointer;
}
.langs .item.selected .title {
    display: none;
}
.langs .item.selected {
    background: no-repeat center center / cover;
    width: 30px;
    height: 30px;
    border: none;
}
.langs .item.selected.lang_en {
    background-image: url(../gfx/icons/lang_en.png);
}
.langs .item.selected.lang_de {
    background-image: url(../gfx/icons/lang_de.png);
}
.langs .item.selected.lang_hu {
    background-image: url(../gfx/icons/lang_hu.png);
}

/*
** swiper_noty
 */
.swiper_noty_container {
    position: relative;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.swiper_noty {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}
.swiper_noty .swiper-wrapper {
    align-items: center;
}
.swiper_noty .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 22px;
    padding: 10px 0;
}
.swiper_noty .swiper-slide .title {
    color: #000;
    font-size: 16px;
}
.swiper_noty .swiper-slide p {
    font-size: 14px;
    line-height: 17px;
    margin:0;
}
.swiper_noty .swiper-slide p a,
.swiper_noty .swiper-slide p a:hover {
    color: #1d1d1b;
    font-family: 'Halvar Mittel Md';
    text-decoration: underline;
}
.swiper_noty .swiper-slide p a:hover {
    text-decoration: none;
}
.swiper-button-next:focus,
.swiper-button-prev:focus {
    outline: none !important;
}
.swiper_noty_container .swiper-button-prev:after,
.swiper_noty_container .swiper-button-next:after {
    content: '';
}
.swiper_noty_container .swiper-button-prev:before,
.swiper_noty_container .swiper-button-next:before {
    color: #606060;
    font-size: 16px;
}
.swiper_noty_container .swiper-button-prev:before {
    transform: rotate(180deg);
}

/*
** swiper_offers
 */
.swiper_offers {
    width: 100%;
    padding-bottom: 50px;
    box-sizing: border-box;
}
.swiper_offers .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    max-width: 350px;
}
/*
.swiper_offers .swiper-slide:last-child {
    margin-right: 0;
    padding-right: 20px;
}
*/
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-horizontal > .swiper-scrollbar {
    background-color: #fff;
    max-width: 50%;
    width: 100%;
    height: 4px;
    margin: 0 auto;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
    box-sizing: border-box;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.swiper-scrollbar-drag {
    background: #1f7a9a;
    border-radius: 2px;
}

/*
** swiper_services
 */
.swiper_services {
    width: 100%;
}
.swiper_services .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 130px 0 85px 0;
    background: transparent no-repeat center center / cover;
}
.swiper_services .slide_inner {
    max-width: 720px;
    min-height: 350px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.swiper_services .slide_inner * {
    text-align: center;
}

/*
** bullet
 */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 30px;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 1;
    border: 3px solid #fff;
}
.swiper-pagination-bullet-active {
     background: #1f7a9a;
}

/*
** cats
 */
#cats {
    background: transparent url(../gfx/bg_cats.jpg) no-repeat center center / cover;
}
#cats .content_inner {
    max-width: 768px;
    width: 100%;
    padding: 70px 0;
}
#cats .title {
    margin-bottom: 30px;
    color: #1f7a9a;
    font-size: 32px;
    font-family: 'TT Tsars B Black';
    text-align: center;
    text-transform: uppercase;
}
#cats .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 24px;
    margin-bottom: 50px;
    text-align: center;
}
#cats .items .item,
#cats .items .item:hover {
    display: flex;
    align-items: center;
    height: 14px;
    margin: 6px -1px 6px 0;
    padding: 0 10px;
    color: #fff;
    font-size: 18px;
    font-family: 'Halvar Mittel Lt';
    text-decoration: none;
    border-left: 1px solid #1f7999;
    border-right: 1px solid #1f7999;
}
/*
#cats .items .item:before {
    content: '';
    height: 12px;
    margin-right: 10px;
    color: #1f7a9a;
    font-size: 18px;
    border-left: 1px solid #1f7999;
}
#cats .items .item:after {
    content: '';
    margin-left: 10px;
    color: #1f7a9a;
    font-size: 18px;
    border-right: 1px solid #1f7999;
}
*/
#cats .items .item:hover {
    color: #1f7a9a;
    font-family: 'Halvar Mittel Md';
    text-decoration: underline;
}
#cats .items .sep {
    padding: 0 10px;
    color: #1f7a9a;
    font-size: 18px;
 }

/*
** form_search
 */
.form_search label {
    display: flex;
    background-color: #fff;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    border-radius: 18px;
    overflow: hidden;
}
.form_search label input {
    background: none;
    width: 100%;
    height: 36px;
    padding: 0 10px 0 5px;
    color: #000;
    font-size: 15px;
    border: none;
}
.form_search label .icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
}
.form_search label .icon:before {
    width: auto;
    margin: 0 0 0 5px;
    color: #575756;
    font-size: 21px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #9d9d9c;
    font-size: 17px;
    font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #9d9d9c;
    font-size: 17px;
    font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #9d9d9c;
    font-size: 17px;
    font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
    color: #9d9d9c;
    font-size: 17px;
    font-style: italic;
}

/*
** .form
 */
.form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #575756;
    font-style: normal;
}
.form ::-moz-placeholder { /* Firefox 19+ */
    color: #575756;
    font-style: normal;
}
.form :-ms-input-placeholder { /* IE 10+ */
    color: #575756;
    font-style: normal;
}
.form :-moz-placeholder { /* Firefox 18- */
    color: #575756;
    font-style: normal;
}

/*
** webshop
 */
#webshop .content_inner {
    padding: 80px 0;
}
#webshop .box {
    display: flex;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    border: 2px solid #c6c6c6;
    box-sizing: border-box;
}
#webshop .box_right {
    margin: -18px 0 0 -50px;
}
#webshop .title {
    display: inline-block;
    background-color: #efefef;
    margin-bottom: 10px;
    padding: 0 8px;
    color: #1f7a9a;
    font-size: 32px;
    font-family: 'TT Tsars B Black';
    text-transform: uppercase;
}
#webshop .title span {
    color: #1f7a9a;
    font-size: 32px;
    font-family: 'TT Tsars B Black';
    text-transform: uppercase;
}
#webshop .img {
    background: transparent url(../gfx/webshop@2x.png) no-repeat center center / contain;
    width: 280px;
    height: 280px;
    margin: -40px 0 -70px 60px;
}
#webshop .webshop_img {
    display: none;
}
#webshop .img img {
    display: block;
    max-width: 280px;
}
#webshop .text {
    line-height: 30px;
    color: #9d9d9c;
    font-size: 20px;
    font-family: 'Halvar Mittel Md';
    text-align: center;
}
#webshop .text span {
    display: inline-block;
    margin-bottom: -5px;
    vertical-align: bottom;
    color: #9d9d9c;
    font-size: 44px;
    font-family: 'TT Tsars B Light';
}
#webshop .btn,
#webshop .btn:hover {
    display: flex;
    background-color: #c29568;
    margin-top: 20px;
    text-decoration: none;
    border-radius: 15px;
    overflow: hidden;
}
#webshop .btn:hover {
    background-color: #B17F4A;
}
#webshop .btn * {
    cursor: pointer;
}
#webshop .btn .btn_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b17f4a;
    width: 58px;
    position: relative;
}
/*
#webshop .btn:hover .btn_icon {
    background-color: #7d5a34;
}
*/
#webshop .btn .btn_icon:before {
    width: auto;
    margin: -1px 0 0 10px;
    color: #fff;
    font-size: 17px;
}
#webshop .btn .btn_icon:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid #b17f4a;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}
/*
#webshop .btn:hover .btn_icon:after {
    border-left-color: #7d5a34;
}
*/
#webshop .btn .btn_text {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 22px;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
}

/*
** prods
 */
.prods .item .img {
    margin-bottom: 20px;
    position: relative;
}
.prods .item .img .lazy {
    position: absolute;
    top: 0;
    left: 0;
}
.prods .item .img a.icon_logo_vertical {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.prods .item .img a.icon_logo_vertical:before {
    content: '';
    width: 90px;
    height: 130px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask: url(../gfx/svg/logo_vertical.svg) no-repeat center center;
    mask: url(../gfx/svg/logo_vertical.svg) no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #1f7a9a;
}
.prods .item .img:after {
    opacity: 0;
    content: '';
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}
.prods .item .img:hover:after {
    opacity: 1;
}
.prods .item .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.prods .item .text {
    line-height: 24px;
    color: #9d9d9c;
}
.prods .item .text span {
    font-size: 13px;
    font-family: 'Halvar Mittel Lt';
}
.prods .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}
.prod_price,
.prod_price_old {
    color: #1d1d1b;
    font-family: "Halvar Mittel Lt";
}
.table_basket .prod_price {
    font-size: 18px;
    font-family: "Halvar Mittel rg";
}
.prod_price_old {
    margin-bottom: 3px;
    font-size: 16px;
    text-decoration: line-through;
}
.item_sale .prod_price {
    color: #d32027;
    font-family: "Halvar Mittel Md";
}
.image .label,
.image .label_zoom,
.image_left .label,
.image_left .label_zoom,
.prods .item .label,
.prod .img .label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    cursor: pointer;
}
.img .label *,
.image .label *,
.image_left .label * {
    cursor: pointer;
}
.img .label span,
.image .label span,
.image_left .label span {
    color: #1f7a9a;
    font-family: 'Halvar Mittel Rg';
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.img .label:before,
.image .label:before,
.image_left .label:before {
    width: auto;
    margin: 0;
    color: #fff;
    font-size: 62px;
    position: absolute;
    top: 0;
    left: 0;
}
.prod .img .label {
    width: 40px;
    height: 40px;
    top: 5px;
    right: 5px;
}
.prod .img .label:before {
    font-size: 39px;
}
.prod .img .label span {
    font-size: 11px;
}
.image .label_zoom,
.image_left .label_zoom {
    right: auto;
    left: 10px;
    cursor: pointer;
}
.image .label_zoom:before,
.image_left .label_zoom:before {
    width: auto;
    margin: 0;
    color: #fff;
    font-size: 24px;
}
.image .label_sale span,
.image_left .label_sale span,
.prods .item .label_sale span,
.prod .img .label_sale span {
    color: #fff;
}
.img .label_sale:before,
.image .label_sale:before,
.image_left .label_sale:before {
    color: #d32027;
}
.img .label_sold:before,
.image .label_sold:before,
.image_left .label_sold:before {
    color: #1f7a9a;
}
.image .label_sold span,
.image_left .label_sold span,
.prods .item .label_sold span,
.prod .img .label_sold span {
    color: #fff;
    font-size: 14px;
}

/*
** offers
 */
#offers {
    padding-bottom: 75px;
}

/*
** services
 */
#services .title {
    line-height: 60px;
    margin-bottom: 45px;
    color: #efefef;
    font-size: 48px;
    font-family: 'TT Tsars B Black';
    text-transform: uppercase;
}
#services .text {
    line-height: 42px;
    margin-bottom: 70px;
    color: #c29568;
    font-size: 36px;
    text-transform: uppercase;
    text-decoration: underline;
}
#services .button {
    display: flex;
    justify-content: center;
}
#services .button .btn,
#services .button .btn:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    height: 30px;
    padding: 0 30px;
    color: #176b80;
    border-radius: 15px;
    text-decoration: none;
    text-transform: uppercase;
}
#services .button .btn span {
    color: #176b80;
}
#services .button .btn:hover {
    background-color: #EFEFEF;
}

/*
** about-us
 */
#about-us .content_inner {
    padding: 80px 0;
}
#about-us .title {
    margin-bottom: 40px;
    color: #1f7a9a;
    font-size: 27px;
    font-family: 'TT Tsars B Black';
    text-align: center;
    text-transform: uppercase;
}
#about-us .text {
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
    padding: 0 50px;
    font-family: 'Halvar Mittel Lt';
    text-align: center;
    box-sizing: border-box;
}
#about-us .text * {
    line-height: 24px !important;
    text-align: center;
    font-family: "Halvar Mittel Lt" !important;
}
#about-us .button {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
#about-us .button .btn,
#about-us .button .btn:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1f7a9a;
    height: 30px;
    padding: 0 30px;
    color: #ffffff;
    border-radius: 15px;
    text-decoration: none;
    text-transform: uppercase;
}
#about-us .button .btn:hover {
    background-color: #176B80;
}

/*
** contact
 */
.form_contact {
    background: transparent url(../gfx/bg_contact.png) no-repeat center center / cover;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 40px 0;
    box-sizing: border-box;
}
.form_contact .title {
    margin-bottom: 20px;
    color: #fff;
    font-size: 32px;
    font-family: 'TT Tsars B Black';
    text-align: center;
}
.btn {
    max-width: 250px;
    width: 100% !important;
    box-sizing: border-box;
    font-family: "Halvar Mittel Rg";
    white-space: nowrap;
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
 }
.btn span {
    cursor: pointer;
}
.btn_basket,
.btn_basket:hover {
    display: flex;
    align-items: center;
    background-color: #1f7a9a;
    height: 30px;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
    border-radius: 15px;
    overflow: hidden;
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}
.btn_basket .ladda-label {
    border-radius: 15px;
    overflow: hidden;
}
.btn_basket:hover {
    background-color: #176B80;
}
.btn_basket .btn_title {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 25px 0 20px;
    color: #fff;
    font-size: 17px;
}
.btn_basket .btn_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #176b80;
    width: 38px;
    height: 30px;
    position: relative;
}
.btn_basket .btn_icon:before {
    width: auto;
    margin: 0 0 0 2px;
    color: #fff;
}
/*
.btn_basket:hover .btn_icon {
    background-color: #104a59;
}
*/
.btn_basket .btn_icon:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid #176b80;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}
/*
.btn_basket:hover .btn_icon:after {
    border-left-color: #104a59;
}
*/
.btn_basket span {
    cursor: pointer;
}
.btn_back,
.btn_back:hover {
    display: flex;
    align-items: center;
    background-color: #fff;
    height: 30px;
    margin-left: 20px;
    padding: 0 20px;
    color: #176b80;
    font-size: 18px;
    font-family: "Halvar Mittel Rg";
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 15px;
    overflow: hidden;
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}
.btn_back:hover {
    background-color: transparent;
}
.btn_back:before {
    width: auto;
    margin: 0 10px 0 0;
    font-size: 15px;
}
.btn_simple,
.btn_simple:hover {
    display: flex;
    align-items: center;
    background-color: #1f7a9a;
    height: 30px;
    padding: 0 20px;
    color: #ffffff;
    font-size: 18px;
    font-family: "Halvar Mittel Rg";
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 15px;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}
.btn_simple span {
    color: #ffffff;
    font-size: 18px;
    font-family: "Halvar Mittel Rg";
}
.btn_simple:hover {
    background-color: #176B80;
}
.btn_swal {
    font-weight: normal !important;
    font-size: 16px !important;
}
.btn_swal:hover {
    background-color: #176B80 !important;
}
.form_row {
    display: flex;
    justify-content: center;
}
.form_item {
    display: flex;
    flex-direction: column;
    max-width: 720px;
    width: 100%;
    margin-bottom: 15px;
    box-sizing: border-box;
    position: relative;
}
.form_input {
    display: flex;
    flex-direction: column;
    position: relative;
}
.error_text {
    display: none;
}
.form_item.form_error .error_text {
    display: block;
    background-color: #d32028;
    margin-bottom: -3px;
    padding: 5px 10px;
    color: #fff;
    font-size: 15px;
    font-family: "Halvar Mittel Rg";
}
#contact .form_item.form_error .error_text {
    margin: -4px 0 0 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
}
.contact2 {
    margin-top: 70px;
}
.form .form_item {
    max-width: 100%;
}
.data .form_item {
    margin-right: 20px;
}
.form_item label {
    margin: 0 0 8px 10px;
    color: #c29568;
    font-family: 'Halvar Mittel Md';
}
.form_item input,
.form_item textarea {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    color: #1d1d1b;
    font-size: 15px;
    box-sizing: border-box;
    border: none;
}
.form_item textarea {
    height: 200px;
    padding: 10px;
}
.data .form_item input,
.data .form_item textarea {
    height: 40px;
    border-radius: 5px;
}
.form_row.form_error input,
.form_row.form_error textarea {
    color: #e30613;
}
.form_item .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1f7a9a;
    margin: 30px auto 0 auto;
    height: 30px;
    color: #fff;
    font-family: "Halvar Mittel Rg";
    text-transform: uppercase;
    border-radius: 15px;
    border: none;
    cursor: pointer;
}
#contact .form_item .btn {
    padding: 0;
}
.form_item .btn span {
    color: #fff;
    font-family: "Halvar Mittel Rg";
}
.form_item .btn:hover {
    background-color: #176B80;
}
.data .form_item .btn {
    margin-top: 0;
}
.form_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.form_bottom .back,
.form_bottom .back:hover {
    display: flex;
    align-items: center;
    color: #575756;
    font-size: 17px;
    font-family: "Halvar Mittel Md";
    text-decoration: none;
}
.form_bottom .back:before {
    width: auto;
    margin: 0 10px 0 0;
    color: #575756;
    font-size: 10px;
}
.form .form_item textarea {
    padding: 10px 15px;
    resize: none;
    height: 40px;
    min-height: 40px;
    box-sizing: border-box;
}

/*
** footer
 */
#footer {
    background: transparent url(../gfx/bg_footer.png) no-repeat center top / cover;
    padding: 160px 0 50px 0;
}
.footer_top {
    padding-bottom: 90px;
    font-family: 'Halvar Mittel Lt';
    color: #1f7a9a;
    text-align: center;
    border-bottom: 2px solid #dbdbda;
}
.footer_top .icon-hands:before {
    width: auto;
    margin: 0 0 60px 0;
    color: #1f7a9a;
    font-size: 21px;
}
.footer_logo.icon-logo-vertical:before {
    width: auto;
    margin: 0;
    color: #1f7a9a;
    font-size: 176px;
}
#footer .links {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    text-align: center;
}
#footer .links a,
#footer .links a:hover {
    margin: 3px 0;
    text-decoration: none;
}
#footer .links a span.title {
    color: #1f7a9a;
    font-size: 20px;
    font-style: italic;
    cursor: pointer;
}
#footer .links a:hover span.title {
    text-decoration: underline;
}
#footer .links a.icon {
    display: flex;
    align-items: center;
}
#footer .links a.icon:before {
    width: auto;
    margin: 0 8px 0 0;
    font-size: 21px;
}
#footer .links a.icon.fb:before {
    content: '';
    width: 23px;
    height: 23px;
    background: transparent url(../gfx/icons/fb.png) no-repeat center center / contain;
}
.footer_bottom {
    padding: 60px 0 50px 0;
}
#footer .cols {
    display: flex;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
#footer .cols .col {
    flex-shrink: 0;
    line-height: 24px;
}
#footer .cols .col1 {
    width: 37%;
}
#footer .cols .col2 {
    width: 38%;
}
#footer .cols .col3 {
    width: 25%;
}
#footer .cols .col3 .col_links a {
    line-height: 24px;
}
.col a,
.col a:hover {
    color: #575756;
}
.col a:hover {
    color: #1f7a9a;
}
.col2 a,
.col2 a:hover {
    font-family: 'Halvar Mittel Lt';
}
.col .email,
.col .email:hover {
    color: #1f7a9a;
    text-decoration: underline;
}
.col .email:hover {
    text-decoration: none;
}
#footer .payment {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 70px 0;
    text-align: center;
    box-sizing: border-box;
}
#footer .payment div {
    padding: 0 5px;
}
#footer .payment div.paypal {
    margin-top: 4px;
}
#footer .copyright {
    text-align: center;
}
#footer .copyright,
#footer .copyright * {
    color: #575756 !important;
    font-size: 12px !important;
}
#footer .sep {
    margin: 0 5px;
    color: #b2b2b2;
}

/*
** scroll-up
 */
#scroll-up {
    display: none;
    background: transparent url(../gfx/icons/up.png) no-repeat center center / contain;
    width: 42px;
    height: 42px;
    position: fixed;
    right: 50px;
    bottom: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 999;
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}
#scroll-up:hover {
    bottom: 55px;
}

/*
** categories-container
 */
#categories-container {
    display: none;
    background-color: #fff;
    width: 300px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -300px;
    right: auto;
    z-index: 999;
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}
#categories-container.open {
    left: 0;
}
.categories {
    width: 100%;
    height: 100%;
    padding: 20px 20px 20px 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}
.categories_inner {
    display: flex;
    align-items: center;
    min-height: 100%;
}
.side .categories_inner {
    align-items: flex-start;
}
.categories_inner ul {
    margin-bottom: 0;
}
.categories_inner ul li a,
.categories_inner ul li a:hover {
    color: #575756;
    font-family: "Halvar Mittel Lt";
}
#categories-container .categories_inner ul {
    margin-left: 10px;
}
#categories-container .categories_inner ul li a,
#categories-container .categories_inner ul li a:hover {
    font-size: 16px;
}
.categories_inner ul li a:hover {
    color: #1f7a9a;
}
.categories_tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    width: 300px;
    height: 60px;
    padding: 0 30px;
    color: #9d9d9c;
    font-family: "Halvar Mittel Md";
    transform-origin: 60px 100%;
    transform: rotate(-90deg);
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 100%;
    cursor: pointer;
}
.categories_tab .icon-arrow-right {
    margin: -4px 0 0 0;
}
.categories_tab .icon-arrow-right:before {
    width: auto;
    margin: 0;
    color: #1f7999;
    font-size: 7px;
    transform: rotate(90deg);
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}
#categories-container.open .categories_tab .icon-arrow-right:before {
    transform: rotate(-90deg);
}

/*
** side
 */
.side {
    flex-shrink: 0;
    width: 380px;
    padding: 0 50px 0 10px;
    box-sizing: border-box;
}

/*
** data
 */
.data {
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box;
}
.data_full {
    padding-left: 10px;
}
.col_double {
    display: flex;
    align-items: flex-start;
}
.data .dleft,
.data .dright {
    flex-shrink: 0;
    width: 50%;
    box-sizing: border-box;
}
.data .dleft {
    padding-right: 65px;
}
.data .dright {
    background-color: #fff;
    padding: 35px 30px;
    box-sizing: border-box;
}
.data_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 35px;
}
.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #9d9d9c;
}
.breadcrumbs a,
.breadcrumbs a:hover,
.status span {
    color: #9d9d9c;
    font-size: 14px;
    font-family: "Halvar Mittel Lt";
}
.breadcrumbs .icon-arrow-right:before,
.status .icon-arrow-right:before {
    display: flex;
    align-items: center;
    width: auto;
    margin: 0 10px;
    color: #1f7a9a;
    font-size: 7px;
}
.breadcrumbs .selected,
.breadcrumbs .selected a,
.breadcrumbs .selected a:hover,
.status .selected {
    color: #9d9d9c;
    font-size: 14px;
    font-family: "Halvar Mittel Md";
}

/*
** lead
 */
.lead {
    margin-bottom: 40px;
}
.lead,
.lead p {
    line-height: 24px;
    color: #706f6f;
    font-family: "Halvar Mittel Lt";
}

/*
** filter
 */
.filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filter .right .sep {
    margin: 0 3px;
    color: #9d9d9c;
    font-size: 16px;
}
.filter .right .item {
    font-size: 16px;
    font-family: "Halvar Mittel Lt";
}
.filter .right .item.selected {
    font-family: "Halvar Mittel Md";
}
.filter .label {
    font-size: 16px;
    font-family: "Halvar Mittel Lt";
}

/*
** select2
 */
.select2-container--default .select2-selection--single {
    border: 1px solid #dddddd;
    border-radius: 0;
}
.form .select2-container--default .select2-selection--single {
    border: none;
    border-radius: 5px;
}
.select2-container .select2-selection--single {
    height: 30px;
    outline: none;
}
.form .select2-container .select2-selection--single {
    height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    padding: 0 35px 0 15px;
    color: #575756;
    font-size: 16px;
    font-family: "Halvar Mittel Lt";
    cursor: pointer;
}
.form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 55px;
    padding: 0 35px 0 10px;
    color: #1d1d1b;
    font-size: 16px;
    font-style: normal;
    font-family: "Halvar Mittel Md";
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    top: 0;
    right: 0;
    width: 30px;
    cursor: pointer;
}
.form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}
.select2-dropdown {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #dddddd;
    border-radius: 0;
}
.select2-dropdown.select2-form {
    border: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.select2-results__option {
    padding: 0 15px;
}
.select2-dropdown ul li {
    line-height: 32px;
    color: #575756;
    font-size: 16px;
    font-family: "Halvar Mittel Lt";
    cursor: pointer;
}
.select2-dropdown ul li:hover {
    color: #1d1d1b;
}
.select2-dropdown ul li:before {
    display: none;
}
.select2-dropdown .select2-form ul li {
    line-height: 40px;
}
.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #d1e3e8;
    color: #575756;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #1d1d1b;
    font-size: 16px;
    font-style: normal;
    font-family: "Halvar Mittel Md";
}
.form_item span.label {
    color: #9d9d9c;
    font-size: 16px;
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 1;
    pointer-events: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

/*
** ladda
 */
.ladda-button[disabled],
.ladda-button[disabled]:hover,
.ladda-button[data-loading],
.ladda-button[data-loading]:hover {
    background-color: #1f7a9a;
}
.ladda-label {
    display: flex;
}

/*
** prods
 */
.prods_container {
    overflow: hidden;
}
.prods {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 10px -10px;
}
.prods_main {
    margin: 10px 0;
}
.prods .item_outer {
    width: 33.33%;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
}
.prods.col4 .item_outer {
    width: 25%;
}

/*
** details
 */
.details_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 25px 0;
}
.details_top h1 {
    margin: 0;
}
.details_top .prod_price {
    margin-left: 20px;
    color: #1d1d1b;
    font-size: 28px;
    white-space: nowrap;
}
.details_params {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.details_params .left_container {
    display: flex;
    justify-content: space-between;
    width: 50%;
}
.details_params .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 3px;
}
.details_params .left a,
.details_params .left a:hover {
    color: #706f6f;
    text-decoration: underline;
}
.details_params .left a:hover {
    text-decoration: none;
}
.details_params .center {
    line-height: 24px;
    font-family: "Halvar Mittel Lt";
}
.details_params .right {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

/*
** images_container
 */
.images_container {
    display: flex;
}
.image_left {
    flex: 1;
    position: relative;
}
.open_gallery:after {
    opacity: 0;
    content: '';
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    -webkit-transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -o-transition: var(--transition-all);
    transition: var(--transition-all);
}
.open_gallery:hover:after {
    opacity: 1;
}
.image_right .icon_logo_vertical {
    position: relative;
}
.image_left .icon_logo_vertical:before,
.image_right .icon_logo_vertical:before {
    content: '';
    width: 120px;
    height: 200px;
    margin: 0;
    color: #1f7a9a;
    font-size: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask: url(../gfx/svg/logo_vertical.svg) no-repeat center center;
    mask: url(../gfx/svg/logo_vertical.svg) no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #1f7a9a;
}
.image_right .icon_logo_vertical:before {
    width: 70px;
    height: 90px;
}
.image_left .icon_logo_vertical .lazy,
.image_right .icon_logo_vertical .lazy {
    position: absolute;
    top: 0;
    left: 0;
}
.image_right {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    width: 170px;
    margin-left: 20px;
}
.image_right a {
    margin-bottom: 20px;
}
.images_container img {
    display: block;
}
.webshop_images_container {
    flex-wrap: wrap;
    width: 100%;
}
.webshop_images_container .image_outer {
    width: 50%;
    padding: 0 20px 20px 0;
    box-sizing: border-box;
}
.webshop_images_container .image {
    width: 100%;
    position: relative;
}
.webshop_images_container .image .lazy {
    position: absolute;
    top: 0;
    left: 0;
}
.webshop_images_container .image .icon_logo_vertical:before {
    content: '';
    width: 120px;
    height: 200px;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask: url(../gfx/svg/logo_vertical.svg) no-repeat center center;
    mask: url(../gfx/svg/logo_vertical.svg) no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #1f7a9a;
}
.data_content {
    padding: 0 23px;
}
.max-w-826 {
    margin-left: auto;
    margin-right: auto;
    max-width: 826px;
}
.data_inner {
    display: flex;
    margin-top: 35px;
}
.data_right {
    flex-shrink: 0;
    max-width: 340px;
    width: 100%;
}
.data_right .details_top {
    margin-top: 0;
}
.data_inner .details_params {
    flex-direction: column;
}
.data_inner .details_params .left_container {
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
}
.data_inner .details_params .left .bottom {
    display: flex;
    align-items: center;
    margin: 20px 0;
}
.details_params .left .bottom:before {
    width: auto;
    margin: 0 10px 0 0;
    color: #706f6f;
    font-size: 21px;
}
.basket_details {
    display: flex;
    flex-direction: column;
}
.basket_details .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.basket_details .bottom {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}
.basket_details .bottom .btn_basket .btn_title {
    padding: 0 18px 0 15px;
    font-size: 16px;
}
.prod_sum {
    color: #1d1d1b;
    font-size: 20px;
    font-family: "Halvar Mittel Rg";
}
.basket_details.item_sale .prod_price {
    font-family: "Halvar Mittel Rg";
}

/*
** text_contact
 */
.text_contact * {
    color: #575756;
}
.text_contact strong {
    font-family: "Halvar Mittel Md";
    text-transform: uppercase;
}
.text_contact a,
.text_contact a:hover {
    color: #1f7a9a;
    font-family: "Halvar Mittel Rg";
}
.text_contact span {
    display: inline-block;
    width: 145px;
}

/*
** table
 */
.table {
    margin-bottom: 60px;
    border-collapse: collapse;
}
.table tr {
    border-bottom: 2px solid #dbdbda;
}
.table th {
    padding-bottom: 18px;
    color: #1d1d1b;
    font-size: 18px;
    font-family: "Halvar Mittel Bd";
}
.table td {
    padding: 19px 9px 19px 9px;
}
.table td:first-child {
    padding-left: 0;
}
.table td:last-child {
    padding-right: 0;
}

/*
** prod
 */
.prod {
    display: flex;
}
.prod .img {
    margin-right: 20px;
    position: relative;
}
.prod .detail {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.prod .title,
.prod .title a,
.prod .title a:hover {
    line-height: 24px;
    margin-bottom: 4px;
    color: #1d1d1b;
    font-size: 20px;
    font-family: "Halvar Mittel Md";
}
.prod .params {
    margin: 4px 0;
    font-size: 14px;
    font-family: "Halvar Mittel Md";
}
.prod .ref {
    margin-bottom: 4px;
    color: #9d9d9c;
    font-size: 14px;
    font-family: "Halvar Mittel Md";
}
.prod .save {
    color: #d32027;
    font-size: 14px;
    font-family: "Halvar Mittel Md";
}
.prod .del {
    color: #9d9d9c;
    font-size: 15px;
    text-decoration: underline;
}
.prod .del:hover {
    text-decoration: none;
}
.prod_count {
    display: flex;
    align-items: center;
    justify-content: center;
}
.prod_count .num,
.prod_count .num input {
    background: none;
    width: 45px;
    color: #1d1d1b;
    font-size: 17px;
    font-family: "Halvar Mittel Rg";
    text-align: center;
    border: none;
}
.prod_count .remove,
.prod_count .add {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent url(../gfx/icons/minus.png) no-repeat left top / 100% auto;
    width: 20px;
    height: 20px;
    color: #9d9d9c;
    cursor: pointer;
}
.prod_count .add {
    background-image: url(../gfx/icons/plus.png);
}
.prod_count .remove:hover,
.prod_count .add:hover {
    background-position: left bottom;
}
.prod_count .remove {
    margin-right: 5px;
}
.prod_count .add {
    margin-left: 5px;
}
.basket_sum {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 280px;
    width: 100%;
    margin: 10px auto;
    padding: 0 10px;
    box-sizing: border-box;
}
.basket_sum .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.basket_sum .left,
.basket_sum .right {
    padding: 0 15px;
    color: #1d1d1b;
    font-size: 20px;
    font-family: "Halvar Mittel Md";
    text-transform: uppercase;
}
.basket_sum .text {
    margin: 20px 0;
    color: #9d9d9c;
    font-size: 14px;
    font-family: "Halvar Mittel Md";
    text-align: center;
}
.basket_sum .button {
    display: flex;
    justify-content: center;
}
.basket_sum .btn {
    justify-content: center;
}
.table_basket td .head {
    display: none;
    align-items: center;
    width: 85px;
    color: #1d1d1b;
    font-size: 18px;
    font-family: "Halvar Mittel Bd";
}
.data .dright .table_basket .prod .detail {
    justify-content: center;
    align-items: flex-start;
}
.data .dright .table_basket {
    margin-bottom: 0;
}
.data .dright .table_basket .prod .img img {
    max-width: 100px !important;
}
.data .dright .table_basket .prod .img .label {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.data .dright .table_basket .prod .img .label:before {
    font-size: 20px;
}
.data .dright .table_basket .prod .title {
    line-height: 20px;
    font-size: 17px;
}
.data .dright .table_basket tr {
    border-color: #eeeeee;
}
.box_sum  {
    display: flex;
    flex-direction: column;
}
.box_sum .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 2px solid #eeeeee;
}
.box_sum .item.total {
    border: none;
}
.box_sum .items {
    padding: 15px 0;
    border-bottom: 2px solid #eeeeee;
}
.box_sum .item_sub {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.box_sum .item input {
    width: 100%;
    height: 38px;
    margin-right: 28px;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    border-radius: 5px;
}
.box_sum .item .btn_simple {
    justify-content: center;
    max-width: 150px;
}
.box_sum .item div:first-child,
.box_sum .item_sub div:first-child {
    color: #9d9d9c;
    font-size: 18px;
    font-family: "Halvar Mittel Md";
}
.box_sum .item div:last-child,
.box_sum .item_sub div:last-child {
    color: #1d1d1b;
    font-size: 18px;
    font-family: "Halvar Mittel Rg";
}
.box_sum .item.total div:first-child {
    color: #1d1d1b;
    font-size: 18px;
    font-family: "Halvar Mittel Md";
    text-transform: uppercase;
}
.box_sum .item.total div:last-child {
    color: #1d1d1b;
    font-size: 20px;
    font-family: "Halvar Mittel Rg";
}
.box_sum .tax_label {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.box_sum .tax_label > span:first-child {
    color: #9d9d9c;
    font-size: 18px;
    font-family: "Halvar Mittel Md";
}
.box_sum .vat_badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: .03em;
    white-space: nowrap;
}
.box_sum .vat_badge span {
    color: inherit;
    font-size: inherit;
    font-family: "Halvar Mittel Md";
}
.box_sum .vat_badge .icon-checked:before {
    margin: 0;
    color: inherit;
    font-size: 10px;
}
.box_sum .vat_badge.is-hungary,
.box_sum .vat_badge.is-eu-default,
.box_sum .vat_badge.is-eu-unverified {
    color: #8a6222;
    background: #f7eed9;
}
.box_sum .vat_badge.is-third-country,
.box_sum .vat_badge.is-eu-valid {
    color: #1f6a54;
    background: #e5f3ec;
}

/*
** radio format
 */
.input_radio,
.input_checkbox {
    display: block;
    background-color: #fff;
    border-radius: 5px;
}
/* Customize the label (the container) */
.format_radio,
.format_checkbox {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: 40px;
    margin-bottom: 0 !important;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.format_radio *,
.format_checkbox * {
    cursor: pointer;
}

/* Hide the browser's default radio button */
.format_radio input,
.format_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom radio button */
.checkmark {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #9d9d9c;
}
.format_checkbox .checkmark {
    background-color: transparent;
    width: 18px;
    height: 18px;
    border-radius: 0;
}

/* On mouse-over, add a grey background color */
/*
.format_radio:hover input ~ .checkmark {
    background-color: #ccc;
}
*/

/* When the radio button is checked, add a blue background */
.format_radio input:checked ~ .checkmark,
.format_checkbox input:checked ~ .checkmark {
    border-color: #575756;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    display: none !important;
}

/* Show the indicator (dot/circle) when checked */
.format_radio input:checked ~ .checkmark:after,
.format_checkbox input:checked ~ .checkmark:after {
    display: block !important;
}

/* Style the indicator (dot/circle) */
.format_radio .checkmark:after {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #575756;
}

.format_checkbox .checkmark:after {
    margin: -5px 0 0 -5px;
    /*
    margin: -12px 0 0 2px;
    width: 12px;
    height: 20px;
    border: solid #1d1d1b;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    */
}

.format_radio span.text a,
.format_radio span.text a:hover,
.format_checkbox span.text a,
.format_checkbox span.text a:hover {
    color: #9d9d9c;
}

/*
** box_white
 */
.box_white {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    padding: 20px 15px;
    border-radius: 5px;
    position: relative;
}
.box_white .top {
    line-height: 22px;
    margin-bottom: 20px;
    color: #1d1d1b;
    font-size: 16px;
}
.box_white .bottom {
    color: #9d9d9c;
    font-size: 15px;
    font-family: "Halvar Mittel Md";
}
.box_white .edit {
    color: #1d1d1b;
    font-family: "Halvar Mittel Rg";
    font-size: 18px;
    position: absolute;
    top: 20px;
    right: 15px;
    cursor: pointer;
}

/*
** gallery_outer
 */
.open_gallery,
.open_gallery * {
    cursor: pointer;
}
.gallery_outer {
    display: none;
    background-color: #efefef;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}
.gallery_container {
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.gallery_inner {
    max-width: 900px;
    width: 85%;
    margin: 0 auto;
    padding: 10px 0;
    box-sizing: border-box;
}
.gallery_inner .icon-logo-vertical {
    position: relative;
}
.gallery_inner .icon-logo-vertical:before {
    width: auto;
    margin: 0;
    color: #1f7a9a;
    font-size: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.gallery_inner .icon-logo-vertical img {
    position: relative;
    z-index: 1;
}
.gallery_inner .close {
    position: absolute;
    top: 20px;
    right: 10px;
    cursor: pointer;
    z-index: 10;
}
.gallery_inner .close:before {
    width: auto;
    margin: 0;
    color: #5d5d5c;
    font-size: 22px;
}
.gallery_inner img {
    display: block;
    margin: 0 0 10px 0;
}

/*
** html
 */
.html a,
.html a:hover {
    font-family: "Halvar Mittel Rg";
}
.html ul {
    margin-left: 10px;
}
.html ul li:before {
    display: none;
}


/*
** box_404
 */
.box_404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}
.box_404 .icon_404 {
    background: transparent url(../gfx/svg/404.svg) no-repeat center center / contain;
    max-width: 490px;
    width: 100%;
    height: 170px;
    margin-bottom: 40px;
}
.box_404 .text {
    line-height: 30px;
    text-align: center;
}
.box_404 .text a {
    text-decoration: underline;
}
.box_404 .text a:hover {
    text-decoration: none;
}

.mt-50 {
    margin-top: 50px;
}

.catbadge {
    color: #1f7a9a;
    background-color: #fff;
    border-radius: 12px;
    min-width: 16px;
    font-size: 11px;
    padding: 3px 3px 3px 3px;
    display: inline-block;
    text-align: center;
    line-height: 11px;
    font-weight: bold;
    position: relative;
    top: -2px;
    box-sizing: border-box;
}

select.select {
    height: 40px;
    border: none;
    padding: 6px;
    border-radius: 5px;
}

.mt10{
    margin-top:10px;
}

@media only screen and (max-width: 1460px) {
    .content_inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #noty .content_inner {
        padding: 0 !important;
    }
    #offers .content_inner {
        padding: 0 50px !important;
    }
}
@media only screen and (max-width: 1300px) {
    .menu .item,
    .menu .item:hover {
        margin: 0 8px;
    }

    .menu .item .title,
    .menu .item .title span,
    .menu .item .title span:hover {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1199px) {
    .menu .item,
    .menu .item:hover {
        margin: 0 6px;
    }
    .menu .item .title,
    .menu .item .title span,
    .menu .item .title span:hover {
        font-size: 14px;
    }
    .header_right .basket {
        margin: -3px 10px 0 0;
    }
    .header_left .logo_part_2 {
        margin-left: -10px;
    }
    .header_left .icon-logo-part-1 {
        width: 115px;
        height: 95px;
    }
    .header_left .icon-since_arc:before {
        font-size: 95px;
    }
    .header_left .logo_rotating_text {
        width: 95px;
        height: 95px;
    }
    .form_item.form_error .error_text {
        display: block;
        margin-top: -4px;
        position: static;
    }
    .prods.col4 .item_outer {
        width: 33.33%;
    }
    .data .dleft {
        padding-right: 15px;
    }
}
@media only screen and (max-width: 1260px) and (min-width: 1024px) {
    #header.open {
        position: relative;
        z-index: 1000;
    }
    .header_center {
        display: none;
        justify-content: center;
        align-items: flex-start;
        background-color: #fff;
        margin-top: 0;
        padding: 40px 0 60px 0;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        height: 100vh;
        z-index: 1000;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box;
    }
    .header_right .basket {
        margin: 0 15px 0 20px;
    }
    .menu {
        display: flex;
        justify-content: center;
    }
    .menu_mobile {
        display: block;
    }
    .menu .item .title:before {
        transform: rotate(-90deg);
        margin-left: 10px;
    }
    .menu_inner {
        margin-left: -200px;
        padding-bottom: 150px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .menu .menu_sub {
        opacity: 1 !important;
        visibility: visible !important;
        padding: 5px 0 0 20px;
        position: absolute;
        top: 0;
        left: 100%;
        transform: none;
    }
    .menu .menu_sub_inner {
        box-shadow: none;
    }
    .menu .item .title,
    .menu .item .title span,
    .menu .item .title span:hover {
        font-size: 24px;
    }
    .menu .menu_sub .item_sub1,
    .menu .menu_sub .item_sub2 {
        font-size: 20px;
    }
    .menu .item:hover:after,
    .menu .item.selected:after {
        display: none;
    }
}
@media only screen and (max-width: 1023px) {
    #categories-container {
        display: flex;
    }
    #header.open {
        position: relative;
        z-index: 1000;
    }
    .header_center {
        display: none;
        justify-content: center;
        align-items: flex-start;
        background-color: #fff;
        margin-top: 0;
        padding: 40px 0 60px 0;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        height: 100vh;
        z-index: 1000;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box;
    }
    .header_right .basket {
        margin: 0 15px 0 20px;
    }
    .menu {
        display: flex;
        justify-content: center;
    }
    .menu_mobile {
        display: block;
    }
    .menu .item .title:before {
        transform: rotate(-90deg);
        margin-left: 10px;
    }
    .menu_inner {
        margin-left: -200px;
        padding-bottom: 150px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .menu .menu_sub {
        opacity: 1 !important;
        visibility: visible !important;
        padding: 5px 0 0 20px;
        position: absolute;
        top: 0;
        left: 100%;
        transform: none;
    }
    .menu .menu_sub_inner {
        box-shadow: none;
    }
    .menu .item .title,
    .menu .item .title span,
    .menu .item .title span:hover {
        font-size: 24px;
    }
    .menu .menu_sub .item_sub1,
    .menu .menu_sub .item_sub2 {
        font-size: 20px;
    }
    .menu .item:hover:after,
    .menu .item.selected:after {
        display: none;
    }
    .show_mobile {
        display: block;
    }
    #webshop .title span {
        display: none;
    }
    #webshop .box_right {
        margin-left: 20px;
        text-align: center;
    }
    /*
    .swiper_offers {
        padding-left: 50px;
    }
    */
    .form_contact {
        padding: 50px 80px 40px 80px;
    }
    #footer .cols {
        padding: 0 50px;
    }
    .footer_bottom .col1 {
        display: none;
    }
    #footer .cols .col2 {
        width: 50%;
    }
    #footer .cols .col3 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 50%;
    }
    .side {
        display: none;
    }
    .data {
        padding: 0 75px;
    }
    .form_search label {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .prods.col4 .item_outer {
        width: 50%;
    }
    .details_params {
        flex-direction: column;
    }
    .details_params .left_container {
        width: 100%;
    }
    .left_container .left {
        width: 50%;
    }
    .left_container .center {
        width: 50%;
    }
    .details_params .right {
        margin-top: 25px;
    }
    .details_params .right div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .details_params .right .btn_simple {
        margin-top: 0 !important;
    }
    .data_inner {
        flex-direction: column;
    }
    .webshop_images_container {
        order: 1;
    }
    .webshop_images_container .image_outer {
        padding: 0 10px 20px 10px;
        box-sizing: border-box;
    }
    .data_right {
        max-width: 100%;
    }
    .col_double {
        flex-direction: column;
    }
    .col_double .dleft,
    .col_double .dright {
        width: 100%;
        margin: 0;
    }
    .col_double .dleft {
        margin-bottom: 40px;
        padding: 0;
    }
    .data .form_item:last-child {
        margin-right: 0;
    }
    .main .content_inner {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}
@media only screen and (max-width: 767px) {
    .prods .item_outer {
        width: 50%;
        padding: 10px;
    }
    .prods.col4 .item_outer {
        width: 100%;
    }
    .data {
        padding: 0 50px;
    }
    .data_content {
        padding: 0;
    }
    h2 {
        margin-bottom: 15px;
    }
    #cookie .content_inner {
        flex-direction: column;
    }
    .cookie_text {
        display: flex;
        flex-direction: column;
        align-items: center;
        line-height: 15px;
        margin-bottom: 10px;
        font-size: 13px !important;
        text-align: center;
    }
    .cookie_text a, .cookie_text a:hover {
        line-height: 15px;
        font-size: 10px !important;
        text-decoration: underline;
    }
    .header_left a img {
        width: 100%;
        height: auto;
    }
    .header_center {
        padding: 10px 0 30px 0;
    }
    .langs {
        margin: 0 7px;
        position: relative;
    }
    .langs_others {
        visibility: hidden;
        opacity: 0;
        display: block;
        padding-top: 20px;
        box-sizing: border-box;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transition: var(--transition-all);
        -moz-transition: var(--transition-all);
        -o-transition: var(--transition-all);
        transition: var(--transition-all);
        z-index: 99;
    }
    .langs:hover .langs_others {
        visibility: visible;
        opacity: 1;
        -webkit-transition: var(--transition-all);
        -moz-transition: var(--transition-all);
        -o-transition: var(--transition-all);
        transition: var(--transition-all);
    }
    .langs_others_inner {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding: 10px;
        box-sizing: border-box;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05), -3px 2px 4px rgba(0, 0, 0, 0.05), 3px 2px 4px rgba(0, 0, 0, 0.05);
        position: relative;
    }
    .langs_others_inner:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
    .langs_others_inner .item {
        margin: 10px 0;
    }
    .swiper_noty .swiper-slide * {
        text-align: center;
    }
    .swiper_noty .swiper-slide .title {
        line-height: 14px;
        margin-bottom: 4px;
        font-size: 12px;
    }
    .swiper_noty .swiper-slide .text {
        font-size: 10px;
    }
    .categories_tab {
        width: 200px;
        height: 40px;
        padding: 0 15px;
        font-size: 14px;
        transform-origin: 40px 100%;
    }
    #categories-container ul li {
        line-height: 25px;
    }
    #categories-container ul li a,
    #categories-container ul li a:hover {
        font-size: 12px;
    }
    #cats {
        background: none;
    }
    #cats .content_inner {
        padding: 20px 0;
    }
    #cats .title,
    #cats .items {
        display: none;
    }
    .data_inner {
        margin-top: 15px;
    }
    .back {
        display: none;
    }
    #webshop .content_inner {
        padding: 30px 0 30px 0;
    }
    #webshop .title {
        font-size: 24px;
    }
    #webshop .box {
        flex-direction: column;
        padding: 0 5px 30px 5px;
    }
    #webshop .img {
        display: none;
    }
    #webshop .box_right {
        margin: -15px 0 0 0;
    }
    #webshop .webshop_img {
        display: block;
        margin: 15px 0 -20px 0;
    }
    #offers {
        padding-bottom: 35px;
    }
    .swiper_offers {
        padding-bottom: 25px;
        /*padding-left: 50px;*/
    }
    #services .title {
        line-height: 32px;
        font-size: 24px;
    }
    #services .text {
        line-height: 30px;
        margin-bottom: 55px;
        font-size: 22px;
    }
    .btn,
    .btn:hover {
        font-size: 14px !important;
    }
    .btn .ladda-label,
    .btn .ladda-label:hover {
        font-size: 14px !important;
    }
    #webshop .btn .btn_text {
        font-size: 14px !important;
    }
    .swiper_services .slide_inner {
        padding: 0 20px;
    }
    #about-us .title {
        font-size: 24px;
    }
    #about-us .text {
        padding: 0;
    }
    #about-us .text * {
        line-height: 24px !important;
        font-size: 14px;
    }
    #contact .content_inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .form_contact {
        padding: 50px 30px 40px 30px;
    }
    .form_contact .title {
        line-height: 32px;
        font-size: 24px;
    }
    .col2 a,
    .col2 a:hover {
        line-height: 24px;
        font-size: 14px;
    }
    #footer {
        padding-top: 80px;
    }
    #footer .cols .col3 .col_links a,
    #footer .cols .col3 .col_links a:hover {
        line-height: 20px;
        font-size: 12px !important;
    }
    .footer_top {
        padding-bottom: 45px;
    }
    .footer_bottom {
        padding: 30px 0;
    }
    #footer .copyright, #footer .copyright * {
        line-height: 18px;
        font-size: 10px !important;
    }
    #footer .payment {
        padding: 20px 0;
    }
    /*
    #footer .payment img {
        width: 100%;
    }
    */
    #footer .cols {
        flex-direction: column;
        padding: 0 25px;
    }
    #footer .cols .col2,
    #footer .cols .col3 {
        width: 100%;
    }
    #footer .cols .col3 {
        margin-top: 30px;
    }
    #footer .cols .col3 .show_mobile {
        display: none;
    }
    .menu {
        padding: 30px 0;
    }
    .menu_inner {
        margin-left: -160px;
    }
    .menu .item .title span {
        font-size: 15px !important;
    }
    /*
    .menu .item .title span.title1 {
        opacity: 0;
    }
    .menu .item .title span.title2 {
        opacity: 1;
    }
    */
    .menu .item,
    .menu .item:hover {
        padding: 3px 0;
    }
    .menu .menu_sub {
        margin-top: -2px;
        padding: 0 0 0 5px;
    }
    .basket .menu_sub_inner {
        margin-right: 10px;
    }
    .basket .menu_sub_inner:before {
        margin-left: 5px;
    }
    .menu .menu_sub .item_sub span {
        padding: 3px 5px;
        font-size: 12px;
    }
    .menu .menu_sub .item_sub .item_sub1,
    .menu .menu_sub .item_sub .item_sub2 {
        line-height: 20px;
    }
    .details_params .left_container {
        flex-direction: column;
        width: 100%;
    }
    .left_container .left {
        width: 100%;
    }
    .left_container .left .top {
        order: 1;
    }
    .left_container .left .bottom {
        margin-bottom: 15px;
    }
    .left_container .center {
        width: 100%;
    }
    .details_params .right div {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .details_params .right div .btn_simple {
        margin-top: 10px !important;
        font-size: 14px;
    }
    .images_container {
        flex-direction: column;
    }
    .webshop_images_container {
        flex-direction: row;
    }
    .webshop_images_container .image_outer {
        width: 100%;
        padding: 0 0 20px 0;
    }
    .image_right {
        flex-direction: row;
        width: 100%;
        margin: 10px 0 0 0;
    }
    .image_right a,
    .image_right a:hover {
        margin: 0 10px 0 0;
    }
    .filter {
        justify-content: flex-end;
    }
    .filter .left {
        display: none;
    }
    .prod .img {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    h1 {
        font-size: 24px;
    }
    .main .content_inner {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .main #header .header_top .content_inner {
        padding: 0 33px 0 20px !important;
    }
    .main .form_contact {
        padding: 50px 50px 40px 50px;
    }
    .data {
        padding: 0 50px;
    }
    .prods .item_outer,
    .prods.col4 .item_outer {
        width: 100%;
    }
    .prods .item .img {
        margin-bottom: 10px;
    }
    .details_top {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 5px;
    }
    .details_top .prod_price {
        margin: 10px 0 0 0;
    }
    .btn_basket .btn_icon {
        width: 30px;
    }
    .btn_basket .btn_title {
        padding: 0 11px 0 8px;
        color: #fff;
        font-size: 14px;
    }
    .basket_details .top {
        flex-direction: column;
        align-items: flex-start;
    }
    .basket_details .prod_count {
        margin: 20px 0;
    }
    .basket_details .bottom {
        justify-content: flex-end;
        margin-top: 20px;
    }
    .data_top {
        flex-direction: column;
        align-items: flex-end;
    }
    .data_top .breadcrumbs {
        margin-bottom: 20px;
    }
    .data_top .btn_back {
        margin-left: 0;
    }
    .table_basket tr {
        display: flex;
        flex-direction: column;
        padding-bottom: 30px;
        position: relative;
    }
    .table_basket th {
        display: none;
    }
    .table_basket td {
        display: flex;
        width: 100%;
        padding: 6px 0 10px 0;
        text-align: left;
    }
    .table_basket td .prod_count {
        justify-content: flex-start;
    }
    .table_basket .prod,
    .table_basket .detail {
        width: 100%;
    }
    .table_basket .prod .bottom {
        margin-bottom: 5px;
        text-align: left;
        position: absolute;
        left: 0;
        bottom: 5px;
    }
    .table_basket td .head {
        display: flex;
    }
    .basket_sum .top {
        flex-direction: column;
        align-items: center;
    }
    .swiper_offers .swiper-slide {
        max-width: 250px;
    }
    .prods .item .title {
        flex-direction: column;
        align-items: flex-start;
    }
    .prods .item .title .prod_price {
        margin-top: 3px;
    }
    .swiper-container-horizontal > .swiper-pagination-progressbar,
    .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        max-width: 90%;
        margin: 0;
    }
    .format_radio .jcspacebetween {
        flex-direction: column;
    }
    .format_radio .jcspacebetween .flexs0 {
        margin-top: 5px;
    }
    .format_radio {
        height: auto;
        padding: 10px 0;
    }
    .data .dright {
        padding: 20px 15px;
    }
    .header_right {
        margin-top: 0;
    }
    .form_item.form_error .error_text {
        display: block;
        margin-top: -4px;
        position: static;
    }
    .swiper_noty .swiper-slide {
        padding: 10px 40px;
        box-sizing: border-box;
    }
    .prods .item .text {
        line-height: 18px;
        font-size: 14px;
    }
    .gallery_inner {
        padding: 60px 0;
    }
    .gallery_inner {
        width: 90%;
    }
    .image_right .icon-logo-vertical:before {
        font-size: 50px;
    }
    #categories-container {
        width: 280px;
        left: -280px;
    }
    #categories-container .categories_inner ul {
        margin-left: 0;
    }
    #categories-container .categories_inner ul li a,
    #categories-container .categories_inner ul li a:hover {
        font-size: 14px;
    }
    #footer .payment {
        flex-direction: column;
        align-items: center;
    }
    #footer .payment .paypal {
        max-width: 150px;
        margin-top: 10px;
    }
    #scroll-up {
        right: 25px;
        bottom: 25px;
    }
    .main #footer .content_inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
@media only screen and (max-width: 500px) {
    .box_404 {
        padding: 20px 0;
    }
    .box_404 .icon_404 {
        height: 100px;
    }
}
@media only screen and (max-width: 400px) {
    .data {
        padding: 0 50px;
    }
    .form_row {
        flex-direction: column;
    }
    .header_left .icon_logo_part_1 {
        width: 80px;
        height: 65px;
    }
    .header_left .icon-since_arc:before {
        font-size: 65px;
    }
    .header_left .logo_rotating_text {
        width: 65px;
        height: 65px;
    }
    .header_right .basket {
        margin: 0 15px 0 0;
    }
    #footer .payment .paypal {
        max-width: 100px;
        margin-top: 5px;
    }
}

/*
** Csak asztali böngészőben fut le
 */
@media (any-hover: hover) {
}

/*
** retina
 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #webshop .img {
        background-image: url(../gfx/webshop@3x.png);
    }
    .form_contact {
        background-image: url(../gfx/bg_contact@2x.png);
    }
}

/*
* orientation
 */
@media (orientation: portrait) {
    .header_center {
        display: none;
    }
}
@media (min-device-width: 768px) and (orientation: landscape) {
    .header_center {
        display: flex !important;
    }
}