body
{
   background-color: #111111;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #FFFFFF;
   text-decoration: none;
}
a:hover
{
   color: #FFFFFF;
   text-decoration: underline;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 10vh;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   height: 10vh;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 50px 0 50px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid1 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Heading1
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 43px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#LayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .row > .col-1
{
   float: left;
}
#LayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#LayoutGrid2:before,
#LayoutGrid2:after,
#LayoutGrid2 .row:before,
#LayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid2:after,
#LayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid2 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 10vh;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   height: 10vh;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 50px 0 50px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid3 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid3 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid3 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}
#wb_Text1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Extension2 *
{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#Extension2 {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  position: relative;
  display: grid;
  place-items: center;
}
#Extension2 button {
  border: none;
  background: none;
  cursor: pointer;
}
#Extension2 button:focus {
  outline: none;
  border: none;
}
#Extension2 .slider {
  width: 100%;
    display: flex;
  align-items: center;
  position: relative;
  margin: 100px 0;
}
#Extension2 .slider--btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 0.7;
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 999;
}
#Extension2 .slider--btn svg {
  width: 40px;
  height: 40px;
  stroke: #FFFFFF;
}
#Extension2 .slider--btn:hover {
  opacity: 1;
}
#Extension2 .slides__wrapper,
#Extension2 .slides,
#Extension2 .slides--infos
{
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}
#Extension2 .slides__wrapper > *, 
#Extension2 .slides > *, 
#Extension2 .slides--infos > * {
  grid-area: 1 / -1;
}
#Extension2 .slide
{
   --slide-tx: 0px;
   --slide-ty: 0vh;
   --padding: 0px;
   --offset: 0;
   width: 50%;
   aspect-ratio: 7 / 5;
   user-select: none;
   perspective: 800px;
   transform: perspective(1000px) translate3d(var(--slide-tx), var(--slide-ty), var(--slide-tz, 0)) rotateY(var(--slide-rotY)) scale(var(--slide-scale));
   transition: transform 600ms linear;
}
#Extension2 .slide[data-current] {
  --slide-scale: 1.2;
  --slide-tz: 0px;
  --slide-tx: 0px;
  --slide-rotY: 0;
  pointer-events: auto;
}
#Extension2 .slide[data-next] {
  --slide-tx: calc(1 * 50% * 1.07);
  --slide-rotY: -45deg;
}
#Extension2 .slide[data-previous] {
  --slide-tx: calc(-1 * 50% * 1.07);
  --slide-rotY: 45deg;
}
#Extension2 .slide:not([data-current]) {
  --slide-scale: 1;
  --slide-tz: 0;
  pointer-events: none;
}
#Extension2 .slide[data-current] .slide--image {   filter: brightness(0.8); }
#Extension2 .slide:not([data-current]) .slide--image { filter: brightness(0.5); }
#Extension2 .slide:not([data-current]):not([data-previous]):not([data-next]) { opacity: 0; pointer-events: none; }
#Extension2 .slide__inner
{
   --rotX: 0;
   --rotY: 0;
   --bgPosX: 0%;
   --bgPosY: 0%;
   position: relative;
   left: calc(var(--padding) / 2);
   top: calc(var(--padding) / 2);
   width: calc(100% - var(--padding));
   height: calc(100% - var(--padding));
   transform-style: preserve-3d;
   transform: rotateX(var(--rotX)) rotateY(var(--rotY));
}
#Extension2 .slide--image__wrapper
{
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
}
#Extension2 .slide--image
{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) scale(1.25) translate3d(var(--bgPosX), var(--bgPosY), 0);
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: filter 600ms linear;
}
#Extension2 .slide__bg {
   position: absolute;
   inset: -30%;
   background-image: var(--bg);
   background-size: cover;
   background-position: center;
   z-index: -1;
   pointer-events: none;
   transition: opacity 600ms ease, transform 600ms ease;
}
#Extension2 .slide__bg::before { content: "";
   position: absolute;
   inset: 0;
   background: rgba(0,0,0,0.50);
   -webkit-backdrop-filter: blur(8px);
   backdrop-filter: blur(8px);
}
#Extension2 .slide__bg:not([data-current]) { opacity: 0; }
#Extension2 .slide__bg[data-previous] { transform: translateX(-10%); }
#Extension2 .slide__bg[data-next] { transform: translateX(10%); }
#Extension2 .slide__bg:not([data-current]):not([data-previous]):not([data-next])
{
   opacity: 0;
}
#Extension2 .slide-info
{
   --padding: 0px;
   position: relative;
   width: 50%;
   aspect-ratio: 7 / 5;
   user-select: none;
   perspective: 800px;
   z-index: 100;
}
#Extension2 .slide-info[data-current] .slide-info--text span
{
   opacity: 1;
   transform: translate3d(0, 0, 0);
   transition-delay: 250ms;
}
#Extension2 .slide-info:not([data-current]) .slide-info--text span
{
   opacity: 0;
   transform: translate3d(0, 100%, 0);
   transition-delay: 0ms;
}
#Extension2 .slide-info:not([data-current]):not([data-previous]):not([data-next])
{
   opacity: 0;
}
#Extension2 .slide-info__inner
{
   position: relative;
   left: calc(var(--padding) / 2);
   top: calc(var(--padding) / 2);
   width: calc(100% - var(--padding));
   height: calc(100% - var(--padding));
   transform-style: preserve-3d;
   transform: rotateX(var(--rotX)) rotateY(var(--rotY));
}
#Extension2 .slide-info--text__wrapper
{
   position: absolute;
   width: 100%;
   height: fit-content;
   left: 0;
   bottom: 0;
   z-index: 2;
   pointer-events: none;
}
#Extension2 .slide-info--text
{
   color: #FFFFFF;
   font-family: "Arial";
   overflow: hidden;
   text-align: center;
}
#Extension2 .slide-info--text span
{
   display: block;
   white-space: nowrap;
   transition: 600ms linear;
   transition-property: opacity, transform;
}
#Extension2 .slide-info--text[data-title]
{
   font-size: 24px;
   font-weight: 800;
   padding-bottom: 2px;
}
#Extension2 .slide-info--text[data-description]
{
   font-size: 13px;
   font-weight: 300;
   line-height: 1.1;
   margin-bottom: 20px;
}
#wb_Extension2
{
   display: block;
   position: relative;
   width: 100%;
   z-index: 1;
}
#wb_Heading1
{
   display: block;
   width: 100%;
   z-index: 0;
}
@media only screen and (max-width: 1023px)
{
body
{
   background-color: #111111;
   background-image: none;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: 10vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: 10vh;
   padding: 50px 0 50px 0;
}
#wb_Heading1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
   color: #ADFF2F;
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#Heading1
{
   color: #ADFF2F;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 43px;
   text-align: center;
   text-transform: none;
}
#wb_LayoutGrid2
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid2
{
   height: auto;
   padding: 50px 15px 50px 15px;
}
#LayoutGrid2 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_LayoutGrid3
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid3
{
   height: 10vh;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid3
{
   height: 10vh;
   padding: 50px 0 50px 0;
}
#wb_Text1
{
   visibility: visible;
   display: block;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
}