/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
 .owl-next span, .owl-prev span{
  display: none;
 }


 .owl-carousel,
 .owl-carousel .owl-item {
   -webkit-tap-highlight-color: transparent;
   position: relative;
 }
 .owl-carousel {
   display: none;
   width: 100%;
   z-index: 1;
 }
 .owl-carousel .owl-stage {
   position: relative;
   -ms-touch-action: pan-Y;
   touch-action: manipulation;
   -moz-backface-visibility: hidden;
 }
 .owl-carousel .owl-stage:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
 }
 .owl-carousel .owl-stage-outer {
   position: relative;
   overflow: hidden;
   -webkit-transform: translate3d(0, 0, 0);
 }
 .owl-carousel .owl-item,
 .owl-carousel .owl-wrapper {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
 }
 .owl-carousel .owl-item {
   min-height: 1px;
   float: left;
   -webkit-backface-visibility: hidden;
   -webkit-touch-callout: none;
 }
 .owl-carousel .owl-item img {
   display: block;
   width: 100%;
 }
 .owl-carousel .owl-dots.disabled,
 .owl-carousel .owl-nav.disabled {
   display: none;
 }
 .no-js .owl-carousel,
 .owl-carousel.owl-loaded {
   display: block;
 }
 .owl-carousel .owl-dot,
 .owl-carousel .owl-nav .owl-next,
 .owl-carousel .owl-nav .owl-prev {
   cursor: pointer;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev,
 .owl-carousel button.owl-dot {
   background: 0 0;
   color: inherit;
   border: none;
   padding: 0 !important;
   font: inherit;
 }
 .owl-carousel.owl-loading {
   opacity: 0;
   display: block;
 }
 .owl-carousel.owl-hidden {
   opacity: 0;
 }
 .owl-carousel.owl-refresh .owl-item {
   visibility: hidden;
 }
 .owl-carousel.owl-drag .owl-item {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .owl-carousel.owl-grab {
   cursor: move;
   cursor: grab;
 }
 .owl-carousel.owl-rtl {
   direction: rtl;
 }
 .owl-carousel.owl-rtl .owl-item {
   float: right;
 }
 .owl-carousel .animated {
   animation-duration: 1s;
   animation-fill-mode: both;
 }
 .owl-carousel .owl-animated-in {
   z-index: 0;
 }
 .owl-carousel .owl-animated-out {
   z-index: 1;
 }
 .owl-carousel .fadeOut {
   animation-name: fadeOut;
 }
 @keyframes fadeOut {
   0% {
     opacity: 1;
   }
   100% {
     opacity: 0;
   }
 }
 .owl-height {
   transition: height 0.5s ease-in-out;
 }
 .owl-carousel .owl-item .owl-lazy {
   opacity: 0;
   transition: opacity 0.4s ease;
 }
 .owl-carousel .owl-item .owl-lazy:not([src]),
 .owl-carousel .owl-item .owl-lazy[src^=""] {
   max-height: 0;
 }
 .owl-carousel .owl-item img.owl-lazy {
   transform-style: preserve-3d;
 }
 .owl-carousel .owl-video-wrapper {
   position: relative;
   height: 100%;
   background: #000;
 }
 .owl-carousel .owl-video-play-icon {
   position: absolute;
   height: 80px;
   width: 80px;
   left: 50%;
   top: 50%;
   margin-left: -40px;
   margin-top: -40px;
   background: url(owl.video.play.png) no-repeat;
   cursor: pointer;
   z-index: 1;
   -webkit-backface-visibility: hidden;
   transition: transform 0.1s ease;
 }
 .owl-carousel .owl-video-play-icon:hover {
   -ms-transform: scale(1.3, 1.3);
   transform: scale(1.3, 1.3);
 }
 .owl-carousel .owl-video-playing .owl-video-play-icon,
 .owl-carousel .owl-video-playing .owl-video-tn {
   display: none;
 }
 .owl-carousel .owl-video-tn {
   opacity: 0;
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
   transition: opacity 0.4s ease;
 }
 .owl-carousel .owl-video-frame {
   position: relative;
   z-index: 1;
   height: 100%;
   width: 100%;
 }
 

 .owl-carousel .thumbs{
    overflow-x: scroll!important;
   
     padding: 0;
     width: 100%;
         align-items: center;
         float: left;
   }
   
   .owl-carousel .thumbs img{
     width: 150px;
     height: auto;
   }
   
   
   .owl-carousel  .thumbs .button{
     padding: 0;
     margin-right: 20px;
   /*  display: inline-block;
     float: left;*/
     border:  2px solid #fff;
   }
   
   #demos .inner{
     width: 100%;
       white-space: nowrap;
       padding: 0px 0px;
       -webkit-overflow-scrolling: touch;
   /*    display: -webkit-box;
       display: -ms-flexbox;
       display: flex;*/
       list-style-type: none;
       overflow-x: scroll!important;
       overflow-y: hidden;
       align-items: center;
       align-items: flex-start;
       flex-wrap: nowrap;
   }
   
   #demos .activee{
       border:  2px solid red;
   }
   #demos button, #demos .button {
     margin: 0;
     /* padding: 20px!important; */
     background-color: #fff;
     }
     #demos .owl-carousel {
       margin: 0;
       position: relative;
   }
   .owl-theme .owl-nav {
       margin-top: 10px;
       position: absolute;
       top: 50%;
       margin-top: -30px;
       /* background: #fff; */
       width: 100%;
       display: flex;
       justify-content: space-between;
   }
   #demos button.owl-next, #demos button.owl-prev{
     padding: 25px!important;
     border-radius: 0;
       font-size: 20px;
   }
   #demos button.owl-next:hover, #demos button.owl-prev:hover{
     color: red;
   }


   #demos  .thumbs{
 /* overflow-x: scroll!important; */
margin-bottom: 20px;
  padding: 0;
  width: 100%;
      align-items: center;
      float: left;
}

#demos  .thumbs img{
  width: 150px;
  height: auto;
}


#demos .thumbs .button{
  padding: 0;
  margin-right: 0px;
/*  display: inline-block;
  float: left;*/
  border:  2px solid #fff;
}

#demos .inner{
  width: 100%;
    white-space: nowrap;
    padding: 0px 0px;
    -webkit-overflow-scrolling: touch;
/*    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    list-style-type: none;
    overflow-x: scroll!important;
    overflow-y: hidden;
    align-items: center;
    align-items: flex-start;
    flex-wrap: nowrap;
}

#demos .activee{
    border:  2px solid red;
}
#demos button, #demos .button {
  margin: 0;
  /* padding: 20px!important; */
  background-color: #000;
  border:1px solid #000
  }
  #demos .owl-carousel {
    margin: 0;
    position: relative;
}
.owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    /* background: #fff; */
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#demos button.owl-next, #demos button.owl-prev{
  border-radius: 0;
    font-size: 20px;
}
#demos button.owl-next:hover, #demos button.owl-prev:hover{
  border:1px solid #fff
}
#demos button.owl-prev{
  background-image: url(../img/arrow-left.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
#demos button.owl-next{
  background-image: url(../img/arrow-right.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

#demos button.owl-next:hover, #demos button.owl-prev:hover{
  color: red;
}
#demos .bubble-inner.svelte-18vhu7m.svelte-18vhu7m {
  display: none!important;
}
#demos .thumb video, #demos .thumb img, #demos .thumb iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
#demos .thumb {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  background-color: #F0F3F7;
  background-color: #1A1919;
}
#demos .galerie-widget figure .thumb img {
  -o-object-fit: contain;
  object-fit: contain;
}
#demos figure {
margin: 25px 0 25px -25px;
width: 100vw;
}
@media all and (min-width: 640px) {
  #demos figure {
  margin: 30px 0 30px -50px;
}
}
@media all and (min-width: 1030px) {
  #demos figure {
  width: 100%;
  margin-left: 0;
}
}
#demos figcaption {
font-size: 12px;
border-bottom: 1px solid #DDD;
padding: 5px 25px 3px;
}
@media all and (min-width: 640px) {
  #demos figcaption {
  padding: 9px 50px 7px;
}
}
@media all and (min-width: 1030px) {
#demos figcaption {
  padding-left: 0;
  padding-right: 0;
}
}

#demos .galerie-widget {
display: flex;
flex-direction: column;
margin: 25px 0;
}
@media all and (min-width: 640px) {
#demos  .galerie-widget {
  margin: 30px 0;
}
}

#demos .galerie-widget figure {
margin-top: 0;
margin-bottom: 10px;
display: flex;
flex-direction: column;
align-items: center;
}
#demos .galerie-widget figure .thumb {
padding-bottom: 75%;
width: 100%;
overflow: clip;
background-size: cover;
background-position: center;
}
#demos .galerie-widget figure .thumb img {
-o-object-fit: contain;
   object-fit: contain;
}
#demos .galerie-widget figcaption {
width: 100%;
}
@media all and (min-width: 640px) {
#demos .galerie-widget figcaption {
  margin-bottom: 5px;
}
}

#demos .galerie-widget__thumbs {
display: flex;
overflow-x: auto;
overflow-y: clip;
gap: 10px;
margin-left: -25px;
width: 100vw;
}
@media all and (min-width: 640px) {
  #demos .galerie-widget__thumbs {
    margin-left: -50px;
  }
}
@media all and (min-width: 1030px) {
#demos .galerie-widget__thumbs {
  margin-left: 0;
  width: 100%;
}
}

#demos .galerie-widget__item {
  display: block;
  width: 100px;
  flex-shrink: 0;
  aspect-ratio: 16/10;
  position: relative;
  /* opacity: 0.5; */
}
@media all and (min-width: 640px) {
  #demos  .galerie-widget__item {
    width: 160px;
  }
}
@media all and (min-width: 900px) {
  #demos .galerie-widget__item {
    width: 180px;
  }
}
#demos .galerie-widget__item img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
    object-fit: cover;
  -o-object-position: center;
    object-position: center;
}
@media (hover: hover) {
  #demos  .galerie-widget__item:hover {
    opacity: 0.9;
  }
}
#demos .galerie-widget__item--active {
  opacity: 1;
  }

#demos .galerie-arrows {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 100%;
  pointer-events: none;
}

#demos .galerie-arrows__left,
#demos .galerie-arrows__right {
  display: block;
  pointer-events: auto;
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.75);
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.75);
}
@media all and (min-width: 640px) {
  #demos  .galerie-arrows__left,
  #demos  .galerie-arrows__right {
    width: 48px;
    height: 48px;
  }
}
@media (hover: hover) {
  #demos  .galerie-arrows__left:hover,
  #demos .galerie-arrows__right:hover {
    border-color: rgba(255, 255, 255, 0.75);
  }
}

#demos .galerie-arrows__left {
  background-image: url(../images/arrow-left.svg);
  border-left: none;
}

#demos .galerie-arrows__right {
  background-image: url(../images/arrow-right.svg);
  margin-left: auto;
  border-right: none;
}
.large-12.columns{
  width: 100%;
  max-width: 840px;
}