/***********/
/**PREFFIX*/
/***********/
/***********/
/**MAX-WIDTH*/
/***********/
/***********/
/**FONTS/
/***********/
/***********/
/**COLORS*/
/***********/
/**************/
/**BREKPOINTS**/
/**************/
/**************/
/**CONTAINER HEIGHTS**/
/**************/
/**************/
/**CONTAINER WIDTHS**/
/**************/
/**************/
/**GAPS**/
/**************/
/***********/
/**FONT-SIZES*/
/***********/
/**************/
/**ANIMATION**/
/**************/
/***********/
/**PREFFIX*/
/***********/
/***********/
/**MAX-WIDTH*/
/***********/
/***********/
/**FONTS/
/***********/
/***********/
/**COLORS*/
/***********/
/**************/
/**BREKPOINTS**/
/**************/
/**************/
/**CONTAINER HEIGHTS**/
/**************/
/**************/
/**CONTAINER WIDTHS**/
/**************/
/**************/
/**GAPS**/
/**************/
/***********/
/**FONT-SIZES*/
/***********/
/**************/
/**ANIMATION**/
/**************/
/**
 * fullheight
 */
/**
 * Touch
 */
/**
 * No Touch
 */
/**
 * Touch
 */
/**
 * background-color rgba
 */
/**
 * color rgba
 */
/**
 * breakpoint
 */
.hp-wpb_toggle {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.hp-wpb_toggle .wrapper {
  cursor: none;
}
.hp-wpb_toggle .slider-wrapper {
  overflow: visible !important;
}
.hp-wpb_toggle .toggler {
  position: relative;
  z-index: 1;
  overflow: visible !important;
}
.hp-wpb_toggle .toggle-element {
  position: relative;
  transition: opacity 0.8s ease-out;
  overflow: hidden !important;
  pointer-events: none;
}
.hp-wpb_toggle .toggle-element.swiper-slide-active {
  pointer-events: auto;
}
.hp-wpb_toggle .toggle-element img[loading=lazy] {
  opacity: 1;
  transition: opacity 0.6s ease-out 0.1s;
}
.hp-wpb_toggle .toggle-element img[loading=lazy].wpb-lazy-loaded {
  transition: opacity 0.6s ease-out 0.1s;
  opacity: 1;
}
.hp-wpb_toggle .toggle-element img.swiper-lazy {
  opacity: 0;
}
.hp-wpb_toggle .toggle-element img.swiper-lazy.swiper-lazy-loaded {
  transition: opacity 0.6s ease-out;
  opacity: 1 !important;
}
html:not(.wpb-is-device-touch) .hp-wpb_toggle a {
  cursor: none !important;
}

.hp-wpb_toggle-drag {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: visible;
  z-index: 20;
  pointer-events: none;
}
.hp-wpb_toggle-drag-inner {
  position: absolute;
  top: -7px;
  left: 0;
  width: 90px;
  height: 90px;
  margin-left: -45px;
  transition: opacity 0.3s ease-out;
  opacity: 0;
}
.hp-wpb_toggle-drag-inner::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: url(../assets/img/hand-care-icon-drag1.svg);
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
.hp-wpb_toggle-drag-inner::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: url(../assets/img/hand-care-icon-drag2.svg);
  opacity: 0;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

html:not(.wpb-is-device-touch) .hp-wpb_slider_start .bar a {
  cursor: pointer !important;
}

html.hp-wpb_toggle-drag-is-moving .hp-wpb_toggle-drag-inner {
  opacity: 1;
}
html.hp-wpb_toggle-drag-is-moving .hp-wpb_toggle-drag .bar-inner-element {
  cursor: pointer !important;
}

html.hp-wpb_toggle-drag-is-dragging .hp-wpb_toggle-drag-inner::after {
  opacity: 0;
}
html.hp-wpb_toggle-drag-is-dragging .hp-wpb_toggle-drag-inner::before {
  opacity: 1;
}
html.hp-wpb_toggle-drag-is-dragging .hp-wpb_toggle-drag .bar-inner-element {
  cursor: pointer !important;
}