/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger{
  font:inherit;
  display:inline-block;
  overflow:visible;
  margin:0;
  padding:15px;
  cursor:pointer;
  transition-timing-function:linear;
  transition-duration:.15s;
  transition-property:opacity,filter;
  text-transform:none;
  color:inherit;
  border:0;
  background-color:transparent
}

.hamburger.is-active:hover,.hamburger:hover{
  opacity:.7
}

.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{
  background-color:#000
}

.hamburger-box{
  position:relative;
  display:inline-block;
  width:40px;
  height:24px
}

.hamburger-inner{
  top:50%;
  display:block;
  margin-top:-2px
}

.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{
  position:absolute;
  width:40px;
  height:4px;
  transition-timing-function:ease;
  transition-duration:.15s;
  transition-property:transform;
  border-radius:4px;
  background-color:#000
}

.hamburger-inner:after,.hamburger-inner:before{
  display:block;
  content:""
}

.hamburger-inner:before{
  top:-10px
}

.hamburger-inner:after{
  bottom:-10px
}

.hamburger--3dx .hamburger-box{
  perspective:80px
}

.hamburger--3dx .hamburger-inner{
  transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{
  transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx.is-active .hamburger-inner{
  transform:rotateY(180deg);
  background-color:transparent!important
}

.hamburger--3dx.is-active .hamburger-inner:before{
  transform:translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after{
  transform:translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box{
  perspective:80px
}

.hamburger--3dx-r .hamburger-inner{
  transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{
  transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner{
  transform:rotateY(-180deg);
  background-color:transparent!important
}

.hamburger--3dx-r.is-active .hamburger-inner:before{
  transform:translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after{
  transform:translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box{
  perspective:80px
}

.hamburger--3dy .hamburger-inner{
  transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{
  transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy.is-active .hamburger-inner{
  transform:rotateX(-180deg);
  background-color:transparent!important
}

.hamburger--3dy.is-active .hamburger-inner:before{
  transform:translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after{
  transform:translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box{
  perspective:80px
}

.hamburger--3dy-r .hamburger-inner{
  transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{
  transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner{
  transform:rotateX(180deg);
  background-color:transparent!important
}

.hamburger--3dy-r.is-active .hamburger-inner:before{
  transform:translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after{
  transform:translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box{
  perspective:80px
}

.hamburger--3dxy .hamburger-inner{
  transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{
  transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dxy.is-active .hamburger-inner{
  transform:rotateX(180deg) rotateY(180deg);
  background-color:transparent!important
}

.hamburger--3dxy.is-active .hamburger-inner:before{
  transform:translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner:after{
  transform:translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box{
  perspective:80px
}

.hamburger--3dxy-r .hamburger-inner{
  transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{
  transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dxy-r.is-active .hamburger-inner{
  transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);
  background-color:transparent!important
}

.hamburger--3dxy-r.is-active .hamburger-inner:before{
  transform:translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:after{
  transform:translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before{
  transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after{
  transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before{
  transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after{
  transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before{
  transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt .hamburger-inner:after{
  transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before{
  top:0;
  transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
  transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt.is-active .hamburger-inner:after{
  bottom:0;
  transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
  transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r .hamburger-inner:before{
  transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r .hamburger-inner:after{
  transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before{
  top:0;
  transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
  transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after{
  bottom:0;
  transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
  transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner{
  transform:rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner:before{
  transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner:after{
  transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner{
  transform:rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before{
  transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after{
  transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{
  transition-property:none
}

.hamburger--boring.is-active .hamburger-inner{
  transform:rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before{
  top:0;
  opacity:0
}

.hamburger--boring.is-active .hamburger-inner:after{
  bottom:0;
  transform:rotate(-90deg)
}

.hamburger--collapse .hamburger-inner{
  top:auto;
  bottom:0;
  transition-delay:.13s;
  transition-timing-function:cubic-bezier(.55,.055,.675,.19);
  transition-duration:.13s
}

.hamburger--collapse .hamburger-inner:after{
  top:-20px;
  transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before{
  transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse.is-active .hamburger-inner{
  transition-delay:.22s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transform:translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--collapse.is-active .hamburger-inner:after{
  top:0;
  transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
  opacity:0
}

.hamburger--collapse.is-active .hamburger-inner:before{
  top:0;
  transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
  transform:rotate(-90deg)
}

.hamburger--collapse-r .hamburger-inner{
  top:auto;
  bottom:0;
  transition-delay:.13s;
  transition-timing-function:cubic-bezier(.55,.055,.675,.19);
  transition-duration:.13s
}

.hamburger--collapse-r .hamburger-inner:after{
  top:-20px;
  transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before{
  transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse-r.is-active .hamburger-inner{
  transition-delay:.22s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transform:translate3d(0,-10px,0) rotate(45deg)
}

.hamburger--collapse-r.is-active .hamburger-inner:after{
  top:0;
  transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
  opacity:0
}

.hamburger--collapse-r.is-active .hamburger-inner:before{
  top:0;
  transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
  transform:rotate(90deg)
}

.hamburger--elastic .hamburger-inner{
  top:2px;
  transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);
  transition-duration:.275s
}

.hamburger--elastic .hamburger-inner:before{
  top:10px;
  transition:opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after{
  top:20px;
  transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic.is-active .hamburger-inner{
  transition-delay:75ms;
  transform:translate3d(0,10px,0) rotate(135deg)
}

.hamburger--elastic.is-active .hamburger-inner:before{
  transition-delay:0s;
  opacity:0
}

.hamburger--elastic.is-active .hamburger-inner:after{
  transition-delay:75ms;
  transform:translate3d(0,-20px,0) rotate(-270deg)
}

.hamburger--elastic-r .hamburger-inner{
  top:2px;
  transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);
  transition-duration:.275s
}

.hamburger--elastic-r .hamburger-inner:before{
  top:10px;
  transition:opacity .125s ease .275s
}

.hamburger--elastic-r .hamburger-inner:after{
  top:20px;
  transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner{
  transition-delay:75ms;
  transform:translate3d(0,10px,0) rotate(-135deg)
}

.hamburger--elastic-r.is-active .hamburger-inner:before{
  transition-delay:0s;
  opacity:0
}

.hamburger--elastic-r.is-active .hamburger-inner:after{
  transition-delay:75ms;
  transform:translate3d(0,-20px,0) rotate(270deg)
}

.hamburger--emphatic{
  overflow:hidden
}

.hamburger--emphatic .hamburger-inner{
  transition:background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before{
  left:0;
  transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:after{
  top:10px;
  right:0;
  transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
}

.hamburger--emphatic.is-active .hamburger-inner{
  transition-delay:0s;
  transition-timing-function:ease-out;
  background-color:transparent!important
}

.hamburger--emphatic.is-active .hamburger-inner:before{
  top:-80px;
  left:-80px;
  transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
  transform:translate3d(80px,80px,0) rotate(45deg)
}

.hamburger--emphatic.is-active .hamburger-inner:after{
  top:-80px;
  right:-80px;
  transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
  transform:translate3d(-80px,80px,0) rotate(-45deg)
}

.hamburger--emphatic-r{
  overflow:hidden
}

.hamburger--emphatic-r .hamburger-inner{
  transition:background-color .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:before{
  left:0;
  transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:after{
  top:10px;
  right:0;
  transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner{
  transition-delay:0s;
  transition-timing-function:ease-out;
  background-color:transparent!important
}

.hamburger--emphatic-r.is-active .hamburger-inner:before{
  top:80px;
  left:-80px;
  transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
  transform:translate3d(80px,-80px,0) rotate(-45deg)
}

.hamburger--emphatic-r.is-active .hamburger-inner:after{
  top:80px;
  right:-80px;
  transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
  transform:translate3d(-80px,-80px,0) rotate(45deg)
}

.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{
  transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{
  transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;
  opacity:0
}

.hamburger--minus.is-active .hamburger-inner:before{
  top:0
}

.hamburger--minus.is-active .hamburger-inner:after{
  bottom:0
}

.hamburger--slider .hamburger-inner{
  top:2px
}

.hamburger--slider .hamburger-inner:before{
  top:10px;
  transition-timing-function:ease;
  transition-duration:.15s;
  transition-property:transform,opacity
}

.hamburger--slider .hamburger-inner:after{
  top:20px
}

.hamburger--slider.is-active .hamburger-inner{
  transform:translate3d(0,10px,0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before{
  transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);
  opacity:0
}

.hamburger--slider.is-active .hamburger-inner:after{
  transform:translate3d(0,-20px,0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner{
  top:2px
}

.hamburger--slider-r .hamburger-inner:before{
  top:10px;
  transition-timing-function:ease;
  transition-duration:.15s;
  transition-property:transform,opacity
}

.hamburger--slider-r .hamburger-inner:after{
  top:20px
}

.hamburger--slider-r.is-active .hamburger-inner{
  transform:translate3d(0,10px,0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before{
  transform:rotate(45deg) translate3d(5.71429px,-6px,0);
  opacity:0
}

.hamburger--slider-r.is-active .hamburger-inner:after{
  transform:translate3d(0,-20px,0) rotate(90deg)
}

.hamburger--spin .hamburger-inner{
  transition-timing-function:cubic-bezier(.55,.055,.675,.19);
  transition-duration:.22s
}

.hamburger--spin .hamburger-inner:before{
  transition:top .1s ease-in .25s,opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after{
  transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin.is-active .hamburger-inner{
  transition-delay:.12s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transform:rotate(225deg)
}

.hamburger--spin.is-active .hamburger-inner:before{
  top:0;
  transition:top .1s ease-out,opacity .1s ease-out .12s;
  opacity:0
}

.hamburger--spin.is-active .hamburger-inner:after{
  bottom:0;
  transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
  transform:rotate(-90deg)
}

.hamburger--spin-r .hamburger-inner{
  transition-timing-function:cubic-bezier(.55,.055,.675,.19);
  transition-duration:.22s
}

.hamburger--spin-r .hamburger-inner:before{
  transition:top .1s ease-in .25s,opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after{
  transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin-r.is-active .hamburger-inner{
  transition-delay:.12s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transform:rotate(-225deg)
}

.hamburger--spin-r.is-active .hamburger-inner:before{
  top:0;
  transition:top .1s ease-out,opacity .1s ease-out .12s;
  opacity:0
}

.hamburger--spin-r.is-active .hamburger-inner:after{
  bottom:0;
  transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
  transform:rotate(90deg)
}

.hamburger--spring .hamburger-inner{
  top:2px;
  transition:background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before{
  top:10px;
  transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring .hamburger-inner:after{
  top:20px;
  transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring.is-active .hamburger-inner{
  transition-delay:.22s;
  background-color:transparent!important
}

.hamburger--spring.is-active .hamburger-inner:before{
  top:0;
  transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
  transform:translate3d(0,10px,0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after{
  top:0;
  transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
  transform:translate3d(0,10px,0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner{
  top:auto;
  bottom:0;
  transition-delay:0s;
  transition-timing-function:cubic-bezier(.55,.055,.675,.19);
  transition-duration:.13s
}

.hamburger--spring-r .hamburger-inner:after{
  top:-20px;
  transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before{
  transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring-r.is-active .hamburger-inner{
  transition-delay:.22s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transform:translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--spring-r.is-active .hamburger-inner:after{
  top:0;
  transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;
  opacity:0
}

.hamburger--spring-r.is-active .hamburger-inner:before{
  top:0;
  transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
  transform:rotate(90deg)
}

.hamburger--stand .hamburger-inner{
  transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}

.hamburger--stand .hamburger-inner:before{
  transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}

.hamburger--stand .hamburger-inner:after{
  transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}

.hamburger--stand.is-active .hamburger-inner{
  transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;
  transform:rotate(90deg);
  background-color:transparent!important
}

.hamburger--stand.is-active .hamburger-inner:before{
  top:0;
  transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
  transform:rotate(-45deg)
}

.hamburger--stand.is-active .hamburger-inner:after{
  bottom:0;
  transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
  transform:rotate(45deg)
}

.hamburger--stand-r .hamburger-inner{
  transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}

.hamburger--stand-r .hamburger-inner:before{
  transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}

.hamburger--stand-r .hamburger-inner:after{
  transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner{
  transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;
  transform:rotate(-90deg);
  background-color:transparent!important
}

.hamburger--stand-r.is-active .hamburger-inner:before{
  top:0;
  transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
  transform:rotate(-45deg)
}

.hamburger--stand-r.is-active .hamburger-inner:after{
  bottom:0;
  transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
  transform:rotate(45deg)
}

.hamburger--squeeze .hamburger-inner{
  transition-timing-function:cubic-bezier(.55,.055,.675,.19);
  transition-duration:75ms
}

.hamburger--squeeze .hamburger-inner:before{
  transition:top 75ms ease .12s,opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after{
  transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
}

.hamburger--squeeze.is-active .hamburger-inner{
  transition-delay:.12s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transform:rotate(45deg)
}

.hamburger--squeeze.is-active .hamburger-inner:before{
  top:0;
  transition:top 75ms ease,opacity 75ms ease .12s;
  opacity:0
}

.hamburger--squeeze.is-active .hamburger-inner:after{
  bottom:0;
  transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
  transform:rotate(-90deg)
}

.hamburger--vortex .hamburger-inner{
  transition-timing-function:cubic-bezier(.19,1,.22,1);
  transition-duration:.2s
}

.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{
  transition-delay:.1s;
  transition-timing-function:linear;
  transition-duration:0s
}

.hamburger--vortex .hamburger-inner:before{
  transition-property:top,opacity
}

.hamburger--vortex .hamburger-inner:after{
  transition-property:bottom,transform
}

.hamburger--vortex.is-active .hamburger-inner{
  transition-timing-function:cubic-bezier(.19,1,.22,1);
  transform:rotate(765deg)
}

.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{
  transition-delay:0s
}

.hamburger--vortex.is-active .hamburger-inner:before{
  top:0;
  opacity:0
}

.hamburger--vortex.is-active .hamburger-inner:after{
  bottom:0;
  transform:rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner{
  transition-timing-function:cubic-bezier(.19,1,.22,1);
  transition-duration:.2s
}

.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{
  transition-delay:.1s;
  transition-timing-function:linear;
  transition-duration:0s
}

.hamburger--vortex-r .hamburger-inner:before{
  transition-property:top,opacity
}

.hamburger--vortex-r .hamburger-inner:after{
  transition-property:bottom,transform
}

.hamburger--vortex-r.is-active .hamburger-inner{
  transition-timing-function:cubic-bezier(.19,1,.22,1);
  transform:rotate(-765deg)
}

.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{
  transition-delay:0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before{
  top:0;
  opacity:0
}

.hamburger--vortex-r.is-active .hamburger-inner:after{
  bottom:0;
  transform:rotate(-90deg)
}.tns-outer{
  padding:0 !important
}

.tns-outer [hidden]{
  display:none !important
}

.tns-outer [aria-controls],.tns-outer [data-action]{
  cursor:pointer
}

.tns-slider{
  transition:all 0s
}

.tns-slider>.tns-item{
  box-sizing:border-box
}

.tns-horizontal.tns-subpixel{
  white-space:nowrap
}

.tns-horizontal.tns-subpixel>.tns-item{
  display:inline-block;
  vertical-align:top;
  white-space:normal
}

.tns-horizontal.tns-no-subpixel:after{
  content:'';
  display:table;
  clear:both
}

.tns-horizontal.tns-no-subpixel>.tns-item{
  float:left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{
  margin-right:-100%
}

.tns-no-calc{
  position:relative;
  left:0
}

.tns-gallery{
  position:relative;
  left:0;
  min-height:1px
}

.tns-gallery>.tns-item{
  position:absolute;
  left:-100%;
  transition:transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active{
  position:relative;
  left:auto !important
}

.tns-gallery>.tns-moving{
  transition:all 0.25s
}

.tns-autowidth{
  display:inline-block
}

.tns-lazy-img{
  transition:opacity 0.6s;
  opacity:0.6
}

.tns-lazy-img.tns-complete{
  opacity:1
}

.tns-ah{
  transition:height 0s
}

.tns-ovh{
  overflow:hidden
}

.tns-visually-hidden{
  position:absolute;
  left:-10000em
}

.tns-transparent{
  opacity:0;
  visibility:hidden
}

.tns-fadeIn{
  opacity:1;
  filter:alpha(opacity=100);
  z-index:0
}

.tns-normal,.tns-fadeOut{
  opacity:0;
  filter:alpha(opacity=0);
  z-index:-1
}

.tns-vpfix{
  white-space:nowrap
}

.tns-vpfix>div,.tns-vpfix>li{
  display:inline-block
}

.tns-t-subp2{
  margin:0 auto;
  width:310px;
  position:relative;
  height:10px;
  overflow:hidden
}

.tns-t-ct{
  width:2333.3333333%;
  width:calc(100% * 70 / 3);
  position:absolute;
  right:0
}

.tns-t-ct:after{
  content:'';
  display:table;
  clear:both
}

.tns-t-ct>div{
  width:1.4285714%;
  width:calc(100% / 70);
  height:10px;
  float:left
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{
  transition-duration:50ms
}

[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{
  transition-delay:50ms
}

[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{
  transition-duration:.1s
}

[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{
  transition-delay:.1s
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{
  transition-duration:.15s
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{
  transition-delay:.15s
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{
  transition-duration:.2s
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{
  transition-delay:.2s
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{
  transition-duration:.25s
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{
  transition-delay:.25s
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{
  transition-duration:.3s
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{
  transition-delay:.3s
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{
  transition-duration:.35s
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{
  transition-delay:.35s
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{
  transition-duration:.4s
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{
  transition-delay:.4s
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{
  transition-duration:.45s
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{
  transition-delay:.45s
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{
  transition-duration:.5s
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{
  transition-delay:.5s
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{
  transition-duration:.55s
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{
  transition-delay:.55s
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{
  transition-duration:.6s
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{
  transition-delay:.6s
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{
  transition-duration:.65s
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{
  transition-delay:.65s
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{
  transition-duration:.7s
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{
  transition-delay:.7s
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{
  transition-duration:.75s
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{
  transition-delay:.75s
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{
  transition-duration:.8s
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{
  transition-delay:.8s
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{
  transition-duration:.85s
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{
  transition-delay:.85s
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{
  transition-duration:.9s
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{
  transition-delay:.9s
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{
  transition-duration:.95s
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{
  transition-delay:.95s
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{
  transition-duration:1s
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{
  transition-delay:1s
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{
  transition-duration:1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{
  transition-delay:1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{
  transition-duration:1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{
  transition-delay:1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{
  transition-duration:1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{
  transition-delay:1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{
  transition-duration:1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{
  transition-delay:1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{
  transition-duration:1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{
  transition-delay:1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{
  transition-duration:1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{
  transition-delay:1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{
  transition-duration:1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{
  transition-delay:1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{
  transition-duration:1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{
  transition-delay:1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{
  transition-duration:1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{
  transition-delay:1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{
  transition-duration:1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{
  transition-delay:1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{
  transition-duration:1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{
  transition-delay:1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{
  transition-duration:1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{
  transition-delay:1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{
  transition-duration:1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{
  transition-delay:1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{
  transition-duration:1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{
  transition-delay:1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{
  transition-duration:1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{
  transition-delay:1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{
  transition-duration:1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{
  transition-delay:1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{
  transition-duration:1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{
  transition-delay:1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{
  transition-duration:1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{
  transition-delay:1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{
  transition-duration:1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{
  transition-delay:1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{
  transition-duration:2s
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{
  transition-delay:2s
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{
  transition-duration:2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{
  transition-delay:2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{
  transition-duration:2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{
  transition-delay:2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{
  transition-duration:2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{
  transition-delay:2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{
  transition-duration:2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{
  transition-delay:2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{
  transition-duration:2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{
  transition-delay:2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{
  transition-duration:2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{
  transition-delay:2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{
  transition-duration:2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{
  transition-delay:2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{
  transition-duration:2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{
  transition-delay:2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{
  transition-duration:2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{
  transition-delay:2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{
  transition-duration:2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{
  transition-delay:2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{
  transition-duration:2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{
  transition-delay:2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{
  transition-duration:2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{
  transition-delay:2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{
  transition-duration:2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{
  transition-delay:2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{
  transition-duration:2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{
  transition-delay:2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{
  transition-duration:2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{
  transition-delay:2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{
  transition-duration:2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{
  transition-delay:2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{
  transition-duration:2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{
  transition-delay:2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{
  transition-duration:2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{
  transition-delay:2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{
  transition-duration:2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{
  transition-delay:2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{
  transition-duration:3s
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{
  transition-delay:3s
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{
  transition-timing-function:cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{
  transition-timing-function:ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{
  transition-timing-function:ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{
  transition-timing-function:ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{
  transition-timing-function:ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{
  transition-timing-function:cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{
  transition-timing-function:cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{
  transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{
  transition-timing-function:cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{
  transition-timing-function:cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{
  transition-timing-function:cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{
  transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{
  transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{
  transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{
  transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{
  transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{
  transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{
  transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{
  transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{
  transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade]{
  opacity:0;
  transition-property:opacity,transform
}

[data-aos^=fade][data-aos^=fade].aos-animate{
  opacity:1;
  transform:translateZ(0)
}

[data-aos=fade-up]{
  transform:translate3d(0,100px,0)
}

[data-aos=fade-down]{
  transform:translate3d(0,-100px,0)
}

[data-aos=fade-right]{
  transform:translate3d(-100px,0,0)
}

[data-aos=fade-left]{
  transform:translate3d(100px,0,0)
}

[data-aos=fade-up-right]{
  transform:translate3d(-100px,100px,0)
}

[data-aos=fade-up-left]{
  transform:translate3d(100px,100px,0)
}

[data-aos=fade-down-right]{
  transform:translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left]{
  transform:translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom]{
  opacity:0;
  transition-property:opacity,transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate{
  opacity:1;
  transform:translateZ(0) scale(1)
}

[data-aos=zoom-in]{
  transform:scale(.6)
}

[data-aos=zoom-in-up]{
  transform:translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down]{
  transform:translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right]{
  transform:translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left]{
  transform:translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out]{
  transform:scale(1.2)
}

[data-aos=zoom-out-up]{
  transform:translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down]{
  transform:translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right]{
  transform:translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left]{
  transform:translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide]{
  transition-property:transform
}

[data-aos^=slide][data-aos^=slide].aos-animate{
  transform:translateZ(0)
}

[data-aos=slide-up]{
  transform:translate3d(0,100%,0)
}

[data-aos=slide-down]{
  transform:translate3d(0,-100%,0)
}

[data-aos=slide-right]{
  transform:translate3d(-100%,0,0)
}

[data-aos=slide-left]{
  transform:translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip]{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  transition-property:transform
}

[data-aos=flip-left]{
  transform:perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate{
  transform:perspective(2500px) rotateY(0)
}

[data-aos=flip-right]{
  transform:perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate{
  transform:perspective(2500px) rotateY(0)
}

[data-aos=flip-up]{
  transform:perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate{
  transform:perspective(2500px) rotateX(0)
}

[data-aos=flip-down]{
  transform:perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate{
  transform:perspective(2500px) rotateX(0)
}.not-selectable{
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.carousel{
  position:relative;
  box-sizing:border-box
}

.carousel *,.carousel *:before,.carousel *:after{
  box-sizing:inherit
}

.carousel.is-draggable{
  cursor:move;
  cursor:-webkit-grab;
  cursor:grab
}

.carousel.is-dragging{
  cursor:move;
  cursor:-webkit-grabbing;
  cursor:grabbing
}

.carousel__viewport{
  position:relative;
  overflow:hidden;
  max-width:100%;
  max-height:100%
}

.carousel__track{
  display:-webkit-flex;
  display:flex
}

.carousel__slide{
  -webkit-flex:0 0 auto;
          flex:0 0 auto;
  width:var(--carousel-slide-width, 60%);
  max-width:100%;
  padding:1rem;
  position:relative;
  overflow-x:hidden;
  overflow-y:auto;
  -ms-scroll-chaining:none;
      overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y
}

.has-dots{
  margin-bottom:calc(0.5rem + 22px)
}

.carousel__dots{
  margin:0 auto;
  padding:0;
  position:absolute;
  top:calc(100% + 0.5rem);
  left:0;
  right:0;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
          justify-content:center;
  list-style:none;
  -webkit-user-select:none;
      -ms-user-select:none;
          user-select:none
}

.carousel__dots .carousel__dot{
  margin:0;
  padding:0;
  display:block;
  position:relative;
  width:22px;
  height:22px;
  cursor:pointer
}

.carousel__dots .carousel__dot:after{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  background-color:currentColor;
  opacity:.25;
  transition:opacity .15s ease-in-out
}

.carousel__dots .carousel__dot.is-selected:after{
  opacity:1
}

.carousel__button{
  width:var(--carousel-button-width, 48px);
  height:var(--carousel-button-height, 48px);
  padding:0;
  border:0;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
          justify-content:center;
  -webkit-align-items:center;
          align-items:center;
  pointer-events:all;
  cursor:pointer;
  color:var(--carousel-button-color, currentColor);
  background:var(--carousel-button-bg, transparent);
  border-radius:var(--carousel-button-border-radius, 50%);
  box-shadow:var(--carousel-button-shadow, none);
  transition:opacity .15s ease
}

.carousel__button.is-prev,.carousel__button.is-next{
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%)
}

.carousel__button.is-prev{
  left:10px
}

.carousel__button.is-next{
  right:10px
}

.carousel__button[disabled]{
  cursor:default;
  opacity:.3
}

.carousel__button svg{
  width:var(--carousel-button-svg-width, 50%);
  height:var(--carousel-button-svg-height, 50%);
  fill:none;
  stroke:currentColor;
  stroke-width:var(--carousel-button-svg-stroke-width, 1.5);
  stroke-linejoin:bevel;
  stroke-linecap:round;
  -webkit-filter:var(--carousel-button-svg-filter, none);
          filter:var(--carousel-button-svg-filter, none);
  pointer-events:none
}

body.compensate-for-scrollbar{
  overflow:hidden !important;
  touch-action:none
}

.fancybox__container{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  direction:ltr;
  margin:0;
  padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  box-sizing:border-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
          flex-direction:column;
  color:var(--fancybox-color, #fff);
  -webkit-tap-highlight-color:transparent;
  overflow:hidden;
  z-index:1050;
  outline:none;
  -webkit-transform-origin:top left;
          transform-origin:top left;
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))
}

.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{
  box-sizing:inherit
}

.fancybox__container :focus{
  outline:thin dotted
}

body.is-using-mouse .fancybox__container :focus{
  outline:none
}

@media all and (min-width: 1024px){
  .fancybox__container{
    --carousel-button-width:48px;
    --carousel-button-height:48px;
    --carousel-button-svg-width:27px;
    --carousel-button-svg-height:27px
  }
}

.fancybox__backdrop{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
  background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))
}

.fancybox__carousel{
  position:relative;
  -webkit-flex:1 1 auto;
          flex:1 1 auto;
  min-height:0;
  height:100%;
  z-index:10
}

.fancybox__carousel.has-dots{
  margin-bottom:calc(0.5rem + 22px)
}

.fancybox__viewport{
  position:relative;
  width:100%;
  height:100%;
  overflow:visible;
  cursor:default
}

.fancybox__track{
  display:-webkit-flex;
  display:flex;
  height:100%
}

.fancybox__slide{
  -webkit-flex:0 0 auto;
          flex:0 0 auto;
  width:100%;
  max-width:100%;
  margin:0;
  padding:48px 8px 8px 8px;
  position:relative;
  -ms-scroll-chaining:none;
      overscroll-behavior:contain;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
          flex-direction:column;
  outline:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px
}

.fancybox__slide::before,.fancybox__slide::after{
  content:"";
  -webkit-flex:0 0 0;
          flex:0 0 0;
  margin:auto
}

@media all and (min-width: 1024px){
  .fancybox__slide{
    padding:64px 100px
  }
}

.fancybox__content{
  margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
  padding:36px;
  color:var(--fancybox-content-color, #374151);
  background:var(--fancybox-content-bg, #fff);
  position:relative;
  -webkit-align-self:center;
          align-self:center;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
          flex-direction:column;
  z-index:20
}

.fancybox__caption{
  -webkit-align-self:center;
          align-self:center;
  max-width:100%;
  margin:0;
  padding:1rem 0 0 0;
  line-height:1.375;
  color:var(--fancybox-color, currentColor);
  visibility:visible;
  cursor:auto;
  -webkit-flex-shrink:0;
          flex-shrink:0;
  overflow-wrap:anywhere
}

.is-loading .fancybox__caption{
  visibility:hidden
}

.fancybox__container>.carousel__dots{
  top:100%;
  color:var(--fancybox-color, #fff)
}

.fancybox__nav .carousel__button{
  z-index:40
}

.fancybox__nav .carousel__button.is-next{
  right:8px
}

@media all and (min-width: 1024px){
  .fancybox__nav .carousel__button.is-next{
    right:40px
  }
}

.fancybox__nav .carousel__button.is-prev{
  left:8px
}

@media all and (min-width: 1024px){
  .fancybox__nav .carousel__button.is-prev{
    left:40px
  }
}

.carousel__button.is-close{
  position:absolute;
  top:8px;
  right:8px;
  top:calc(env(safe-area-inset-top, 0px) + 8px);
  right:calc(env(safe-area-inset-right, 0px) + 8px);
  z-index:40
}

@media all and (min-width: 1024px){
  .carousel__button.is-close{
    right:40px
  }
}

.fancybox__content>.carousel__button.is-close{
  position:absolute;
  top:-36px;
  right:0;
  color:var(--fancybox-color, #fff)
}

.fancybox__no-click,.fancybox__no-click button{
  pointer-events:none
}

.fancybox__spinner{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  width:50px;
  height:50px;
  color:var(--fancybox-color, currentColor)
}

.fancybox__slide .fancybox__spinner{
  cursor:pointer;
  z-index:1053
}

.fancybox__spinner svg{
  -webkit-animation:fancybox-rotate 2s linear infinite;
          animation:fancybox-rotate 2s linear infinite;
  -webkit-transform-origin:center center;
          transform-origin:center center;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  width:100%;
  height:100%
}

.fancybox__spinner svg circle{
  fill:none;
  stroke-width:2.75;
  stroke-miterlimit:10;
  stroke-dasharray:1,200;
  stroke-dashoffset:0;
  -webkit-animation:fancybox-dash 1.5s ease-in-out infinite;
          animation:fancybox-dash 1.5s ease-in-out infinite;
  stroke-linecap:round;
  stroke:currentColor
}

@-webkit-keyframes fancybox-rotate{
  100%{
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg)
  }
}

@keyframes fancybox-rotate{
  100%{
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg)
  }
}

@-webkit-keyframes fancybox-dash{
  0%{
    stroke-dasharray:1,200;
    stroke-dashoffset:0
  }

  50%{
    stroke-dasharray:89,200;
    stroke-dashoffset:-35px
  }

  100%{
    stroke-dasharray:89,200;
    stroke-dashoffset:-124px
  }
}

@keyframes fancybox-dash{
  0%{
    stroke-dasharray:1,200;
    stroke-dashoffset:0
  }

  50%{
    stroke-dasharray:89,200;
    stroke-dashoffset:-35px
  }

  100%{
    stroke-dasharray:89,200;
    stroke-dashoffset:-124px
  }
}

.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{
  opacity:var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{
  -webkit-animation:.15s ease backwards fancybox-fadeIn;
          animation:.15s ease backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{
  -webkit-animation:.15s ease both fancybox-fadeOut;
          animation:.15s ease both fancybox-fadeOut
}

.fancybox-fadeIn{
  -webkit-animation:.15s ease both fancybox-fadeIn;
          animation:.15s ease both fancybox-fadeIn
}

.fancybox-fadeOut{
  -webkit-animation:.1s ease both fancybox-fadeOut;
          animation:.1s ease both fancybox-fadeOut
}

.fancybox-zoomInUp{
  -webkit-animation:.2s ease both fancybox-zoomInUp;
          animation:.2s ease both fancybox-zoomInUp
}

.fancybox-zoomOutDown{
  -webkit-animation:.15s ease both fancybox-zoomOutDown;
          animation:.15s ease both fancybox-zoomOutDown
}

.fancybox-throwOutUp{
  -webkit-animation:.15s ease both fancybox-throwOutUp;
          animation:.15s ease both fancybox-throwOutUp
}

.fancybox-throwOutDown{
  -webkit-animation:.15s ease both fancybox-throwOutDown;
          animation:.15s ease both fancybox-throwOutDown
}

@-webkit-keyframes fancybox-fadeIn{
  from{
    opacity:0
  }

  to{
    opacity:1
  }
}

@keyframes fancybox-fadeIn{
  from{
    opacity:0
  }

  to{
    opacity:1
  }
}

@-webkit-keyframes fancybox-fadeOut{
  to{
    opacity:0
  }
}

@keyframes fancybox-fadeOut{
  to{
    opacity:0
  }
}

@-webkit-keyframes fancybox-zoomInUp{
  from{
    -webkit-transform:scale(0.97) translate3d(0, 16px, 0);
            transform:scale(0.97) translate3d(0, 16px, 0);
    opacity:0
  }

  to{
    -webkit-transform:scale(1) translate3d(0, 0, 0);
            transform:scale(1) translate3d(0, 0, 0);
    opacity:1
  }
}

@keyframes fancybox-zoomInUp{
  from{
    -webkit-transform:scale(0.97) translate3d(0, 16px, 0);
            transform:scale(0.97) translate3d(0, 16px, 0);
    opacity:0
  }

  to{
    -webkit-transform:scale(1) translate3d(0, 0, 0);
            transform:scale(1) translate3d(0, 0, 0);
    opacity:1
  }
}

@-webkit-keyframes fancybox-zoomOutDown{
  to{
    -webkit-transform:scale(0.97) translate3d(0, 16px, 0);
            transform:scale(0.97) translate3d(0, 16px, 0);
    opacity:0
  }
}

@keyframes fancybox-zoomOutDown{
  to{
    -webkit-transform:scale(0.97) translate3d(0, 16px, 0);
            transform:scale(0.97) translate3d(0, 16px, 0);
    opacity:0
  }
}

@-webkit-keyframes fancybox-throwOutUp{
  to{
    -webkit-transform:translate3d(0, -30%, 0);
            transform:translate3d(0, -30%, 0);
    opacity:0
  }
}

@keyframes fancybox-throwOutUp{
  to{
    -webkit-transform:translate3d(0, -30%, 0);
            transform:translate3d(0, -30%, 0);
    opacity:0
  }
}

@-webkit-keyframes fancybox-throwOutDown{
  to{
    -webkit-transform:translate3d(0, 30%, 0);
            transform:translate3d(0, 30%, 0);
    opacity:0
  }
}

@keyframes fancybox-throwOutDown{
  to{
    -webkit-transform:translate3d(0, 30%, 0);
            transform:translate3d(0, 30%, 0);
    opacity:0
  }
}

.fancybox__carousel .carousel__slide{
  scrollbar-width:thin;
  scrollbar-color:#ccc rgba(255,255,255,.1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar{
  width:8px;
  height:8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{
  background-color:rgba(255,255,255,.1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{
  background-color:#ccc;
  border-radius:2px;
  box-shadow:inset 0 0 4px rgba(0,0,0,.2)
}

.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{
  cursor:move;
  cursor:-webkit-grab;
  cursor:grab
}

.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{
  cursor:move;
  cursor:-webkit-grabbing;
  cursor:grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content{
  cursor:auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{
  cursor:-webkit-zoom-in;
  cursor:zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{
  cursor:-webkit-zoom-out;
  cursor:zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{
  cursor:move;
  cursor:-webkit-grab;
  cursor:grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{
  cursor:move;
  cursor:-webkit-grabbing;
  cursor:grabbing
}

.fancybox__image{
  -webkit-transform-origin:0 0;
          transform-origin:0 0;
  touch-action:none;
  -webkit-user-select:none;
      -ms-user-select:none;
          user-select:none;
  transition:none
}

.has-image .fancybox__content{
  padding:0;
  background:transparent;
  min-height:1px
}

.is-closing .has-image .fancybox__content{
  overflow:visible
}

.has-image[data-image-fit=contain]{
  overflow:visible;
  touch-action:none
}

.has-image[data-image-fit=contain] .fancybox__image{
  max-width:100%;
  max-height:100%;
  object-fit:contain
}

.has-image[data-image-fit=contain-w]{
  overflow-x:hidden;
  overflow-y:auto
}

.has-image[data-image-fit=contain-w] .fancybox__content{
  min-height:auto
}

.has-image[data-image-fit=contain-w] .fancybox__image{
  max-width:100%;
  height:auto
}

.has-image[data-image-fit=cover]{
  overflow:visible;
  touch-action:none
}

.has-image[data-image-fit=cover] .fancybox__content{
  width:100%;
  height:100%
}

.has-image[data-image-fit=cover] .fancybox__image{
  width:100%;
  height:100%;
  object-fit:cover
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{
  -webkit-flex-shrink:1;
          flex-shrink:1;
  min-height:1px;
  overflow:visible
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{
  width:100%;
  height:80%
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{
  width:960px;
  height:540px;
  max-width:100%;
  max-height:100%
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{
  padding:0;
  background:rgba(24,24,27,.9);
  color:#fff
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content{
  background:#e5e3df
}

.fancybox__html5video,.fancybox__iframe{
  border:0;
  display:block;
  height:100%;
  width:100%;
  background:transparent
}

.fancybox-placeholder{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border-width:0
}

.fancybox__thumbs{
  -webkit-flex:0 0 auto;
          flex:0 0 auto;
  position:relative;
  padding:0px 3px;
  opacity:var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{
  -webkit-animation:.15s ease-in backwards fancybox-fadeIn;
          animation:.15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs{
  opacity:0
}

.fancybox__thumbs .carousel__slide{
  -webkit-flex:0 0 auto;
          flex:0 0 auto;
  width:var(--fancybox-thumbs-width, 96px);
  margin:0;
  padding:8px 3px;
  box-sizing:content-box;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
          align-items:center;
  -webkit-justify-content:center;
          justify-content:center;
  overflow:visible;
  cursor:pointer
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:5px solid var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
  opacity:0;
  transition:opacity .15s ease;
  border-radius:var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{
  opacity:.92
}

.fancybox__thumbs .carousel__slide>*{
  pointer-events:none;
  -webkit-user-select:none;
      -ms-user-select:none;
          user-select:none
}

.fancybox__thumb{
  position:relative;
  width:100%;
  padding-top:calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
  background-size:cover;
  background-position:center center;
  background-color:rgba(255,255,255,.1);
  background-repeat:no-repeat;
  border-radius:var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__toolbar{
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:20;
  background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
  padding:0;
  touch-action:none;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity:var(--fancybox-opacity, 1);
  text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))
}

@media all and (min-width: 1024px){
  .fancybox__toolbar{
    padding:8px
  }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{
  -webkit-animation:.15s ease-in backwards fancybox-fadeIn;
          animation:.15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar{
  opacity:0
}

.fancybox__toolbar__items{
  display:-webkit-flex;
  display:flex
}

.fancybox__toolbar__items--left{
  margin-right:auto
}

.fancybox__toolbar__items--center{
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%)
}

.fancybox__toolbar__items--right{
  margin-left:auto
}

@media(max-width: 640px){
  .fancybox__toolbar__items--center:not(:last-child){
    display:none
  }
}

.fancybox__counter{
  min-width:72px;
  padding:0 10px;
  line-height:var(--carousel-button-height, 48px);
  text-align:center;
  font-size:17px;
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:subpixel-antialiased
}

.fancybox__progress{
  background:var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
  height:3px;
  left:0;
  position:absolute;
  right:0;
  top:0;
  -webkit-transform:scaleX(0);
          transform:scaleX(0);
  -webkit-transform-origin:0;
          transform-origin:0;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property:transform, -webkit-transform;
  transition-timing-function:linear;
  z-index:30;
  -webkit-user-select:none;
      -ms-user-select:none;
          user-select:none
}

.fancybox__container:-webkit-full-screen::-webkit-backdrop{
  opacity:0
}

.fancybox__container:-webkit-full-screen::backdrop{
  opacity:0
}

.fancybox__container:-ms-fullscreen::backdrop{
  opacity:0
}

.fancybox__container:fullscreen::-webkit-backdrop{
  opacity:0
}

.fancybox__container:-webkit-full-screen::backdrop{
  opacity:0
}

.fancybox__container:-ms-fullscreen::backdrop{
  opacity:0
}

.fancybox__container:fullscreen::-webkit-backdrop{
  opacity:0
}

.fancybox__container:-webkit-full-screen::backdrop{
  opacity:0
}

.fancybox__container:-ms-fullscreen::backdrop{
  opacity:0
}

.fancybox__container:fullscreen::-webkit-backdrop{
  opacity:0
}

.fancybox__container:fullscreen::backdrop{
  opacity:0
}

.fancybox__button--fullscreen g:nth-child(2){
  display:none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1){
  display:none
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1){
  display:none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){
  display:none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2){
  display:block
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2){
  display:block
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){
  display:block
}

.fancybox__button--slideshow g:nth-child(2){
  display:none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){
  display:none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){
  display:block
}/** Config */

@font-face {
  font-family: "Gotham";

  font-weight: 400;

  src: url(../fonts/GothamHTF-Book.otf) format("truetype");
}

@font-face {
  font-family: "GothamBold";

  font-weight: 700;

  src: url(../fonts/GothamHTF-Bold.otf) format("truetype");
}

@font-face {
  font-family: "GothamLight";

  font-weight: 300;

  src: url(../fonts/GothamHTF-Light.otf) format("truetype");
}

.font-smaller {
  font-size: 15px;
}

/** Common */

/**
 * Global
 */

html,
body {
  -webkit-font-smoothing: antialiased;
  font-family: "Gotham";
  font-weight: 400;
  font-style: normal;
}

#app {
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  opacity: 1;
}

html {
  scroll-behavior: smooth;
}

.progress {
  position: fixed;
  z-index: 30;
  width: 100%;
  height: 2px;
  top: 0;
  animation-name: progressColor;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  opacity: 0;
}

.progress.visible {
  opacity: 1;
}

@keyframes progressColor {
  0% {
    background: #ccc;
  }

  25% {
    background: #a1a1a1;
  }

  50% {
    background: #6a6a6a;
  }

  75% {
    background: #a1a1a1;
  }

  100% {
    background: #ccc;
  }
}

.inner-padding {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 1024px){
  .inner-padding{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.inner-small-padding {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.inner-top-padding {
  padding-top: 3rem;
}

@media (min-width: 1024px){
  .inner-top-padding{
    padding-top: 6rem;
  }
}

.font-bold {
  font-family: "GothamBold";
}

.font-light {
  font-family: "GothamLight";
}

.font-regular {
  font-family: "Gotham";
}

b,
strong {
  font-family: "GothamBold";
}

.container {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1200px) {
  .container {
    max-width: 1380px;
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media screen and (min-width: 1200px) {
  .container.container-banner {
    max-width: 1680px;
  }
}

.container-banner {
  display: flex;
  justify-content: space-between;
  row-gap: 2.5rem;
  align-items: flex-end;
}

@media screen and (max-width: 1023px) {
  .container-banner {
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .container-banner {
    flex-direction: row;
    gap: 35px;
  }
}

@media screen and (min-width: 1440px) {
  .container-banner {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
  }

  .container-banner .navigations {
    margin-left: 70px;
  }
}

@media screen and (min-width: 1680px) {
  .container-banner .navigations {
    margin-left: 140px;
  }

  .container-banner .nav-user {
    margin-left: 140px;
  }
}

.container-wide {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 1024px) {
  .container-wide {
    padding-left: 160px;
    padding-right: 60px;
  }

  .container-wide.carousel-wrapper {
    padding-right: 0;
  }
}

@media screen and (min-width: 1560px) {
  .container-wide {
    max-width: 1680px;
    padding-left: 160px;
    padding-right: 60px;
  }

  .container-wide.carousel-wrapper {
    padding-right: 0;
  }
}

p {
  line-height: 29px;
}

ul.basic-list {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  font-size: 15px;
  margin-bottom: 0;
}

ul.basic-list li a {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  text-decoration: underline;
}

h1 {
  font-size: 24px;
  line-height: 44px;
  letter-spacing: -0.88px;
  font-family: "GothamLight";
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  h1 {
    font-size: 34px;
    line-height: 63px;
  }
}

h2 {
  font-family: "GothamLight";
  text-transform: uppercase;
  font-size: 19px;
  line-height: 34px;
}

@media screen and (min-width: 1024px) {
  h2 {
    font-size: 24px;
    line-height: 44px;
  }
}

h2.section-title {
  font-size: 24px;
  line-height: 44px;
  letter-spacing: -0.88px;
}

@media screen and (min-width: 1024px) {
  h2.section-title {
    font-size: 28px;
    line-height: 50px;
  }
}

@media screen and (min-width: 1580px) {
  h2.section-title {
    font-size: 31px;
    line-height: 54px;
  }
}

h3 {
  font-size: 18px;
  line-height: 46px;
  letter-spacing: -0.55px;
  font-family: "GothamLight";
  text-transform: uppercase;
}

.wysiwyg h3 {
  font-family: "Gotham";
}

.wysiwyg p {
  font-family: "GothamLight";
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.41px;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 1024px) {
  .wysiwyg p {
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 1580px) {
  .wysiwyg p {
    font-size: 16px;
    line-height: 36px;
  }
}

.content p {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.41px;
  margin-bottom: 0.75rem;
}

.content h2 {
  font-family: "Gotham";
  font-weight: 400;
  font-size: 18px;
  line-height: 39px;
  margin-bottom: 1.5rem;
  letter-spacing: -0.55px;
}

.content h2.section-title {
  font-family: "GothamLight";
  letter-spacing: -0.88px;
  font-size: 24px;
  line-height: 44px;
}

@media screen and (min-width: 1024px) {
  .content h2.section-title {
    font-size: 28px;
    line-height: 50px;
  }
}

@media screen and (min-width: 1580px) {
  .content h2.section-title {
    font-size: 31px;
    line-height: 54px;
  }
}

.section-title {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.45px;
  text-transform: uppercase;
}

.ingress {
  font-size: 16px;
  line-height: 36px;
  letter-spacing: -0.55px;
  font-family: "GothamLight";
}

@media screen and (min-width: 1580px) {
  .ingress {
    font-size: 18px;
    line-height: 39px;
  }
}

.page-transition {
  opacity: 0 !important;
}

.show-more,
.show-less,
.show-more-acf,
.show-less-acf {
  text-decoration: underline;
  font-size: 12px;
}

.custom-loader {
  background-image: url("/app/themes/g12-theme/resources/assets/images/loader.svg");
  width: 25px;
  height: 12px;
  background-size: 100%;
  display: inline-block;
  background-position: center center;
}

.link-contact {
  display: flex;
  align-items: center;
  text-decoration: underline;
  padding: 5px 0;
}

.link-contact::before {
  content: "";
  display: block;
  background-image: url("/app/themes/g12-theme/resources/assets/images/map.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 22px;
  margin-right: 5px;
  background-position: center center;
}

.tooltip {
  display: inline-block;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  margin-left: 10px;
  border: 1px solid black;
  cursor: pointer;
  position: relative;
}

.tooltip::after {
  content: "?";
  font-family: "GothamBold";
  display: flex;
  justify-content: center;
  font-size: 14px;
}

.tooltip.tooltip-shown .overlay {
  opacity: 1;
  visibility: visible;
}

.tooltip.tooltip-shown .tooltip-text {
  opacity: 1;
  pointer-events: all;
}

.tooltip .overlay {
  z-index: 10;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  background: rgba(255, 255, 255, 0.8);
  pointer-events: none;
}

.tooltip .tooltip-text {
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  background: white;
  font-size: 14px;
  padding: 20px;
  z-index: 11;
  border: 1px solid black;
  opacity: 0;
  transition: all 0.3s ease-out;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .tooltip .tooltip-text {
    transform: translate(-100%, -50%);
    left: -15px;
    top: unset;
    position: absolute;
  }
}

.tooltip .tooltip-text b {
  font-family: "GothamBold";
  position: relative;
  display: block;
  padding-right: 15px;
  margin-bottom: 10px;
}

.tooltip .tooltip-text b i {
  background-image: url("/app/themes/g12-theme/resources/assets/images/close.svg");
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.tooltip .tooltip-text p {
  line-height: 22px;
}

.noscroll {
  overflow: hidden;
}

.my-favorites-list.list-open #favList {
  transform: translateX(0);
}

.my-favorites-list.list-open .overlay {
  opacity: 1;
  pointer-events: all;
}

.my-favorites-list #favList {
  transition: all 0.3s ease-out;
  position: fixed;
  height: 100vh;
  width: 90vw;
  max-width: 100%;
  background-color: white;
  transform: translateX(100%);
  z-index: 20;
  right: 0;
  top: 0;
}

@media screen and (min-width: 768px) {
  .my-favorites-list #favList {
    width: 30vw;
    max-width: 450px;
  }
}

.my-favorites-list #favList .favorites-wrapper i {
  background-image: url("/app/themes/g12-theme/resources/assets/images/close.svg");
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: 15px;
  top: 15px;
}

.my-favorites-list .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  z-index: 19;
  transition: all 0.12s ease-out;
  pointer-events: none;
  opacity: 0;
}

#g12favorites {
  position: fixed;
  bottom: 15px;
  right: 15px;
  border-radius: 50%;
  background: black;
  background-image: url("/app/themes/g12-theme/resources/assets/images/heart_white.svg");
  background-size: 22px 22px;
  background-position: center center;
  background-repeat: no-repeat;
  display: none;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: all 0.12s ease-out;
}

#g12favorites .text {
  transition: all 0.16s ease-out;
  width: 0;
  color: white;
  opacity: 0;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "GothamBold";
}

#g12favorites .amount {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: none;
  background: #b91c1c;
  border-radius: 50%;
  text-align: center;
  color: white;
  font-size: 13px;
  font-family: "GothamBold";
}

#g12favorites:hover {
  width: auto;
  border-radius: 30px;
  cursor: pointer;
  background-position: 15px center;
  background-image: url("/app/themes/g12-theme/resources/assets/images/heart_red.svg");
}

#g12favorites:hover .text {
  width: auto;
  opacity: 1;
  margin-left: 25px;
  padding: 0 20px;
}

.search-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 10;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
}

.search-wrapper.visible {
  opacity: 1;
  visibility: visible;
}

.search-wrapper input[type=texsearcht]:-ms-input-placeholder {
  font-style: italic;
}

.search-wrapper input[type=texsearcht]::placeholder {
  font-style: italic;
}

.search-wrapper input[type=submit] {
  font-size: 0;
  background-color: none;
  background: url("/app/themes/g12-theme/resources/assets/images/search.svg") no-repeat;
  background-position: center center;
  width: 55px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.search-container .search-bar input[type=text] {
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  padding: 1rem;
}

.search-container .search-bar .facetwp-icon::before {
  font-size: 0;
  background-color: none;
  background: url("/app/themes/g12-theme/resources/assets/images/search.svg") no-repeat;
  background-position: center center;
  width: 55px;
  height: 100%;
}

.search-container .search-bar .facetwp-input-wrap {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .search-container .search-bar .facetwp-input-wrap {
    width: auto;
  }
}

.search-container .facetwp-facet-pagination {
  margin-top: 2rem;
}

.search-container .facetwp-facet-pagination button.facetwp-load-more {
  padding: 0.6rem;
  border: 1px solid black;
}

.show-less-acf,
.show-more-acf,
.bottom-underline {
  text-decoration: none;
  border-bottom: 1px solid black;
  display: inline-block;
  line-height: initial;
  padding-bottom: 7px;
}

.woocommerce-account .acf-taxonomy-field .categorychecklist-holder {
  max-height: 50vw;
}

.woocommerce-checkout input[type=text],
.woocommerce-checkout input[type=tel],
.woocommerce-checkout input[type=email],
.woocommerce-checkout textarea {
  border: 1px solid black;
  border-radius: 0;
  padding: 6px;
  color: black;
}

.woocommerce-checkout input[type=text]:-ms-input-placeholder, .woocommerce-checkout input[type=tel]:-ms-input-placeholder, .woocommerce-checkout input[type=email]:-ms-input-placeholder, .woocommerce-checkout textarea:-ms-input-placeholder {
  color: black;
  font-style: italic;
}

.woocommerce-checkout input[type=text]::placeholder,
.woocommerce-checkout input[type=tel]::placeholder,
.woocommerce-checkout input[type=email]::placeholder,
.woocommerce-checkout textarea::placeholder {
  color: black;
  font-style: italic;
}

#app .woocommerce form .form-row {
  margin: 0 0 15px;
}

#app .woocommerce h3 {
  font-family: "Gotham";
}

#app .woocommerce h2 {
  font-family: "Gotham";
}

#app .woocommerce .select2 .select2-selection {
  border-color: black;
  border-radius: 0;
}

#app .woocommerce .lost_reset_password input[type=text] {
  padding: 10px;
  background: #f7f6f7;
}

#app .woocommerce .lost_reset_password label {
  margin-top: 0.5rem;
  text-transform: uppercase;
  font-size: 14px;
}

#app .woocommerce .woocommerce-form.login, #app .woocommerce .woocommerce-form.register {
  border-color: #000;
  border-radius: 0;
}

#app .woocommerce .woocommerce-form.login input[type=text],
#app .woocommerce .woocommerce-form.login input[type=password],
#app .woocommerce .woocommerce-form.login input[type=email], #app .woocommerce .woocommerce-form.register input[type=text],
#app .woocommerce .woocommerce-form.register input[type=password],
#app .woocommerce .woocommerce-form.register input[type=email] {
  padding: 10px;
  background: #f7f6f7;
}

#app .woocommerce .woocommerce-form.login .show-password-input, #app .woocommerce .woocommerce-form.register .show-password-input {
  top: 0.4em;
  right: 0.8em;
}

#app .woocommerce .woocommerce-form.login label, #app .woocommerce .woocommerce-form.register label {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-size: 14px;
}

#app .product-name .variation dt {
  font-family: "GothamBold";
}

#app .woocommerce table.shop_table th {
  font-family: "GothamBold" !important;
}

.db-block.container-wide .g12-notice-wrapper.container-wide {
  padding: 0;
}

/*
* Taiteilija form
*/

.taiteilija-extra-fields .acf-label label {
  font-family: "GothamBold";
}

.single-product .product .summary {
  margin-bottom: 0 !important;
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  .single-product .product .summary {
    margin-top: 0;
    margin-left: 60px;
  }
}

.single-product .product form.cart {
  margin-bottom: 0 !important;
}

.single-product .woocommerce-product-gallery__image {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.single-product .woocommerce-product-gallery__image .wp-post-image {
  padding: 30px !important;
  -o-object-position: center center !important;
     object-position: center center !important;
}

.painting-viewer-title-wrapper {
  margin-bottom: 1rem;
  display: block;
}

@media screen and (min-width: 768px) {
  .painting-viewer-title-wrapper .tooltip-text {
    left: unset;
    transform: translate(10%, -50%);
  }
}

.woocommerce-page .facetwp-checkbox[data-value=muu] {
  display: none;
}

.woocommerce-ordering {
  display: none;
}

.woocommerce-info {
  display: flex;
  width: 100%;
}

.acf-form-submit {
  float: right;
  margin: 1.5rem;
}

.woocommerce-message {
  border-top-color: #000 !important;
}

.woocommerce-billing-fields #billing_address_2 {
  display: none;
}

.thwepo-extra-options label {
  margin-bottom: 5px;
  display: inline-block !important;
}

.thwepo-extra-options #lahjakortti_receiver {
  border: 1px solid #000;
  padding: 10px;
  margin-bottom: 15px;
}

.thwepo-extra-options #lahjakortti_message {
  border: 1px solid #000;
  padding: 10px;
  margin-bottom: 15px;
}

.product-paint-conteiner {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  flex: 1;
}

.product-paint-conteiner .paint-container {
  display: flex;
  position: relative;
}

@media only screen and (max-width: 991px) {
  .product-paint-conteiner .paint-container {
    flex-direction: column;
  }
}

.product-paint-conteiner .paint-container .wall-height-container {
  position: absolute;
  right: 50px;
  bottom: 15px;
  z-index: 9;
  display: flex;
  flex-direction: column;
  width: 100px;
}

.product-paint-conteiner .paint-container .wall-height-container .wall-height-label {
  opacity: 0;
  transition: all linear 300ms;
  margin-bottom: 5px;
  background-color: red;
  padding: 3px 5px;
  color: white;
  font-weight: bold;
  font-size: 12px;
}

@media only screen and (max-width: 575px) {
  .product-paint-conteiner .paint-container .wall-height-container .wall-height-label {
    font-size: 10px;
  }
}

.product-paint-conteiner .paint-container .wall-height-container .wall-height {
  margin: 0;
  opacity: 0.5;
  width: 100%;
  padding-left: 10px;
  outline: none;
}

.product-paint-conteiner .paint-container .wall-height-container:hover .wall-height-label {
  opacity: 1;
  transition: all linear 300ms;
}

.product-paint-conteiner .paint-container .wall-height-container:hover .wall-height {
  opacity: 1;
}

.product-paint-conteiner .paint-container .canvas-container {
  display: flex;
  flex: 1;
}

.product-paint-conteiner .paint-container .canvas-container canvas {
  width: 100%;
  flex: 1;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container {
  z-index: 9;
  margin-left: -20px;
  display: flex;
  flex-direction: column;
  width: 20px;
  position: relative;
  opacity: 0.5;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container .thumb {
  height: 0px;
  position: absolute;
  width: 15px;
  border-radius: 50px;
  transform: translateY(-50%);
  z-index: 1;
  box-shadow: 2px 0px 0px 2px red;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container .thumb .thumb-label {
  font-size: 12px;
  transition: all linear 300ms;
  width: 73px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -70px;
  text-align: center;
  background-color: red;
  padding: 3px 5px;
  color: white;
  font-weight: bold;
  opacity: 0;
}

@media only screen and (max-width: 575px) {
  .product-paint-conteiner .paint-container .canvas-container .canvas-range-container .thumb .thumb-label {
    font-size: 10px;
  }
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container:hover {
  opacity: 1;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container:hover .thumb-label {
  opacity: 1;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range {
  --wsf-range-vertical-height: 100px !important;
  -webkit-appearance: slider-vertical;
  transform: rotate(180deg);
  -ms-writing-mode: bt-lr;
      writing-mode: bt-lr;
  flex: 1;
  width: 20px;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range::before {
  content: "";
  width: 15px;
  height: 15px;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range::-webkit-slider-runnable-track, .product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range::-webkit-slider-thumb {
  cursor: grab;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range::-webkit-slider-runnable-track {
  border: none;
  background: lightgray;
  width: 8px;
  border-color: #343440;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range::-moz-range-track {
  border: none;
  background: #343440;
  width: 8px;
  border-color: #343440;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range::-ms-track {
  border: none;
  background: #343440;
  width: 8px;
  border-color: #343440;
  color: transparent;
  height: 100%;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range::-ms-fill-lower, .product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range::-ms-fill-upper, .product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range::-ms-tooltip {
  display: none;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range::-webkit-slider-thumb {
  width: 30px;
  height: 30px;
  opacity: 0;
  z-index: 999;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range::-moz-range-thumb {
  width: 30px;
  height: 30px;
  opacity: 0;
}

.product-paint-conteiner .paint-container .canvas-container .canvas-range-container input.range::-ms-thumb {
  width: 30px;
  height: 30px;
  opacity: 0;
}

.product-paint-conteiner .object-container .object-wrapper {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
}

.product-paint-conteiner .object-container .object-wrapper .object {
  width: 110px;
  height: 110px;
  transition: all linear 100ms;
}

.product-paint-conteiner .object-container .object-wrapper .object:hover {
  cursor: pointer;
  border: #000 0.2rem solid;
  transition: all linear 100ms;
}

.product-paint-conteiner .object-container .object-wrapper .object.active {
  border: #000 0.2rem solid;
}

.product-paint-conteiner .bg-container .bgs {
  display: flex;
  gap: 1rem;
  flex-flow: row wrap;
}

.product-paint-conteiner .bg-container .bgs .bg {
  width: 110px;
  height: 110px;
  transition: all linear 100ms;
}

.product-paint-conteiner .bg-container .bgs .bg:hover {
  cursor: pointer;
  border: #000 0.2rem solid;
  transition: all linear 100ms;
}

.product-paint-conteiner .bg-container .bgs .bg.active {
  border: #000 0.2rem solid;
}

.product-paint-conteiner .bg-container .bgs .file-input-container .upload-image-container {
  display: block;
  width: 110px;
  height: 110px;
  border: 0.2rem solid #000;
  transition: all linear 300ms;
}

.product-paint-conteiner .bg-container .bgs .file-input-container .upload-image-container:hover {
  cursor: pointer;
  opacity: 0.5;
  transition: all linear 300ms;
}

.product-paint-conteiner .bg-container .bgs .file-input-container .upload-image-container .upload-image-plus {
  background: linear-gradient(#000, #000), linear-gradient(#000, #000);
  background-position: center;
  background-size: 50% 0.2rem, 0.2rem 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.product-paint-conteiner .bg-container .bgs .file-input-container #uploadImage {
  display: none;
}

/** Components */

/**
 * Components
 */

/**
 * Button
 */

#app .button {
  font-size: 14px;
  letter-spacing: -0.32px;
  padding: 15px 25px;
  text-transform: uppercase;
  background-color: transparent;
  color: black;
  border: 1px solid black;
  transition: all 0.12s ease-out;
  border-radius: 0;
}

#app .button:hover {
  color: white;
  background-color: black;
  text-decoration: none;
}

#app .button.alt {
  color: white;
  background-color: black;
}

#app .button.alt:hover {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

.content .button {
  margin-top: 1rem;
  display: inline-block;
}

.content .button.cv {
  margin-top: 0;
}

.painting-viewer__painting {
  display: none;
}

.painting-viewer__painting.active {
  display: block;
}

.painting-viewer__wall {
  width: 100%;
  position: relative;
  display: none;
}

.painting-viewer__wall.active {
  display: block;
}

.painting-viewer__wall img {
  width: 100%;
}

.painting-viewer__wall #wall.disabled {
  display: none;
}

.painting-viewer__wall .canvas-container {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.painting-viewer__wall-list ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.painting-viewer__wall-list ul li {
  margin: 1rem 0.5rem;
  color: white;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  height: auto;
  background-size: cover;
  background-position: center;
}

.painting-viewer__wall-list ul li:before {
  content: "";
  float: left;
  padding-top: 100%;
}

.painting-viewer__wall-list ul li a {
  display: block;
  width: 120px;
  height: 120px;
  border: 0.2rem solid transparent;
}

@media screen and (max-width: 768px) {
  .painting-viewer__wall-list ul li a {
    width: 80px;
    height: 80px;
  }
}

.painting-viewer__wall-list ul li a:hover, .painting-viewer__wall-list ul li a.active {
  border-color: #000;
}

.painting-viewer__wall-list ul li a.own-image {
  border-color: black;
}

.painting-viewer__wall-list ul li a.own-image .plus {
  background: linear-gradient(#000, #000), linear-gradient(#000, #000);
  background-position: center;
  background-size: 50% 0.2rem, 0.2rem 50%; /*thickness = 2px, length = 50% (25px)*/
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.painting-viewer #original-painting {
  position: absolute;
  display: none;
  background-color: transparent;
}

.painting-viewer #original-painting .frames {
  background-color: black;
}

.painting-viewer #original-painting .frames.green {
  background-color: green;
}

.painting-viewer #original-painting .frames .passepartout {
  background-color: #F9F7F8;
}

.painting-viewer #original-painting .frames .passepartout img {
  max-width: none;
}

.loading {
  display: none;
  z-index: 1337;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.25);
}

.loading .lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.loading .lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.loading .lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.loading .lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.loading .lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.loading .lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(24px, 0);
  }
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.installation-views-slider {
  cursor: grab;
  position: relative;
}

.installation-views-slider .slick-list .slick-track {
  display: flex;
  gap: 50px;
}

@media only screen and (max-width: 1400px) {
  .installation-views-slider .slick-list .slick-track {
    gap: 40px;
  }
}

@media only screen and (max-width: 1023px) {
  .installation-views-slider .slick-list .slick-track {
    gap: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .installation-views-slider .slick-list .slick-track {
    gap: 15px;
  }
}

.installation-views-slider .slick-list .slick-track .slick-slide {
  opacity: 0.35;
  transition: all linear 300ms;
}

.installation-views-slider .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center {
  opacity: 1;
  transition: all linear 300ms;
}

.installation-views-slider .slick-list .slick-track .slick-slide img {
  height: 100%;
  max-height: 550px;
  width: auto !important;
}

@media only screen and (max-width: 1400px) {
  .installation-views-slider .slick-list .slick-track .slick-slide img {
    max-height: 450px;
  }
}

@media only screen and (max-width: 1023px) {
  .installation-views-slider .slick-list .slick-track .slick-slide img {
    max-height: 350px;
    max-width: 80vw;
  }
}

@media only screen and (max-width: 575px) {
  .installation-views-slider .slick-list .slick-track .slick-slide img {
    max-height: 200px;
    max-width: 80vw;
  }
}

.installation-views-slider .slick-arrow {
  pointer-events: none;
  position: absolute;
  outline: none !important;
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10;
}

.installation-views-slider .slick-arrow.slick-prev {
  position: absolute;
  left: 0;
  top: 50%;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  pointer-events: all;
  background-image: url("/app/themes/g12-theme/resources/assets/images/arrow-left.svg");
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
}

@media screen and (min-width: 1024px) {
  .installation-views-slider .slick-arrow.slick-prev {
    left: -65px;
  }
}

.installation-views-slider .slick-arrow.slick-next {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  pointer-events: all;
  background-image: url("/app/themes/g12-theme/resources/assets/images/arrow-right.svg");
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
}

@media screen and (min-width: 1024px) {
  .installation-views-slider .slick-arrow.slick-next {
    right: -65px;
  }
}

.block-nayttelyt_karuselli .nayttely-title {
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 1.11px;
}

.block-nayttelyt_karuselli .nayttelyt-image {
  -o-object-fit: cover;
     object-fit: cover;
  height: 80vh;
  width: 100%;
}

.block-nayttelyt_karuselli .current-nayttely .smaller-text {
  font-size: 18px;
  line-height: 40px;
}

@media screen and (min-width: 1024px) {
  .block-nayttelyt_karuselli .current-nayttely .smaller-text {
    font-size: 24px;
    line-height: 46px;
  }
}

.block-nayttelyt_karuselli button[data-action=start],
.block-nayttelyt_karuselli button[data-action=stop] {
  display: none;
}

.block-nayttelyt_karuselli .fp-container {
  width: 100%;
  padding: 0 15px;
  margin-left: auto;
  margin-right: auto;
  outline: none;
}

@media screen and (min-width: 1024px) {
  .block-nayttelyt_karuselli .fp-container {
    max-width: 1380px;
  }
}

@media screen and (min-width: 1680px) {
  .block-nayttelyt_karuselli .fp-container {
    max-width: 1680px;
  }
}

.block-nayttelyt_karuselli .ingress a:not(.button) {
  text-decoration: underline;
}

.block-nayttelyt_karuselli .ingress .button {
  font-family: "Gotham";
  font-weight: 400;
}

.block-nayttelyt_karuselli .fp-special-container {
  width: 100%;
  padding: 0 15px;
}

@media screen and (min-width: 1024px) {
  .block-nayttelyt_karuselli .fp-special-container {
    position: absolute;
    max-width: 1380px;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 1200px) {
  .block-nayttelyt_karuselli .fp-special-container {
    max-width: 1680px;
    padding-left: 60px;
    padding-right: 60px;
  }
}

.block-nayttelyt_karuselli .tns-nav {
  display: none;
}

.block-taideteokset_nosto .tns-inner {
  overflow-x: scroll;
}

.block-taideteokset_nosto .products-section .single-section {
  margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
  .block-taideteokset_nosto .products-section .single-section {
    margin-bottom: 60px;
  }
}

.block-taideteokset_nosto .products-section .single-section .title {
  font-family: "Gotham";
  font-size: 18px;
  line-height: 37px;
  letter-spacing: -0.55px;
  text-transform: uppercase;
}

.block-taideteokset_nosto .products-section .single-section .title-section a {
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 12px;
}

.block-taideteokset_nosto .products-section .single-section .outer-wrapper {
  position: relative;
}

@media screen and (min-width: 1024px) {
  .block-taideteokset_nosto .products-section .single-section .outer-wrapper {
    margin: 0 65px;
  }
}

.block-taideteokset_nosto .products-section .single-section .outer-wrapper .single-object .cat-name {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 27px;
  letter-spacing: 0.42px;
}

.block-taideteokset_nosto .products-section .single-section .outer-wrapper .single-object .info {
  max-width: 180px;
}

@media screen and (min-width: 1024px) {
  .block-taideteokset_nosto .products-section .single-section .outer-wrapper .single-object .info {
    max-width: 280px;
  }
}

.block-taideteokset_nosto .products-section .single-section .outer-wrapper .single-object .info .author-name {
  font-size: 13px;
  line-height: 14px;
  letter-spacing: 0.43px;
  text-transform: uppercase;
}

.block-taideteokset_nosto .products-section .single-section .outer-wrapper .single-object .info h4 {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.43px;
  margin-bottom: 7px;
}

.block-taideteokset_nosto .products-section .single-section .outer-wrapper .single-object img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  max-width: 100%;
  height: 220px;
}

@media screen and (min-width: 767px) {
  .block-taideteokset_nosto .products-section .single-section .outer-wrapper .single-object img {
    height: 300px;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .block-taideteokset_nosto .products-section .single-section .outer-wrapper .single-object img {
    height: 390px;
    max-width: 100%;
  }
}

.block-taideteokset_nosto .products-section .single-section .outer-wrapper .control {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.block-taideteokset_nosto .products-section .single-section .outer-wrapper .control .previous {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: all;
}

@media screen and (min-width: 1024px) {
  .block-taideteokset_nosto .products-section .single-section .outer-wrapper .control .previous {
    left: -65px;
  }
}

.block-taideteokset_nosto .products-section .single-section .outer-wrapper .control .next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: all;
}

@media screen and (min-width: 1024px) {
  .block-taideteokset_nosto .products-section .single-section .outer-wrapper .control .next {
    right: -65px;
  }
}

.block-taideteokset_nosto .products-section .single-section .tns-controls {
  pointer-events: none;
  position: absolute;
  outline: none !important;
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10;
}

.block-taideteokset_nosto .products-section .single-section .tns-controls button[data-controls=prev] {
  position: absolute;
  left: 0;
  top: 50%;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  pointer-events: all;
  background-image: url("/app/themes/g12-theme/resources/assets/images/arrow-left.svg");
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
}

@media screen and (min-width: 1024px) {
  .block-taideteokset_nosto .products-section .single-section .tns-controls button[data-controls=prev] {
    left: -65px;
  }
}

.block-taideteokset_nosto .products-section .single-section .tns-controls button[data-controls=next] {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  pointer-events: all;
  background-image: url("/app/themes/g12-theme/resources/assets/images/arrow-right.svg");
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
}

@media screen and (min-width: 1024px) {
  .block-taideteokset_nosto .products-section .single-section .tns-controls button[data-controls=next] {
    right: -65px;
  }
}

.block-tulevat_nayttelyt .nayttely .texts .author-title,
.block-tulevat_nayttelyt .nayttely .texts .post-date {
  font-size: 13px;
  line-height: 27px;
  letter-spacing: 0.43px;
}

.block-tulevat_nayttelyt .nayttely .texts .author-title {
  text-transform: uppercase;
}

.block-editori .wysiwyg h1, .block-editori .wysiwyg h2, .block-editori .wysiwyg h3{
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.block-editori .wysiwyg h1 {
  margin-top: 0px;
}

.block-editori .wysiwyg p {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.41px;
  font-family: "Gotham";
}

.block-galleria_esittely .caption span {
  font-size: 12px;
}

/** Partials */

/**
 * Header
 */

.brand img {
  width: 78px;
  height: auto;
}

@media screen and (min-width: 1024px) {
  .brand img {
    height: auto;
    width: 100px;
  }
}

.content-wrapper {
  margin-top: 120px;
  margin-left: 0;
}

@media screen and (min-width: 1024px) {
  .content-wrapper {
    margin-top: 160px;
  }
}

@media screen and (min-width: 1440px) {
  .content-wrapper {
    margin-top: 160px;
  }
}

.banner {
  transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

.banner.banner__hidden {
  transform: translateY(-100%);
}

.banner.banner__flyout {
  padding: 5px 0;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1529411765);
}

.banner.banner__flyout .brand img {
  width: 78px;
  height: auto;
}

.nav-mobile .nav * ~ * {
  margin-top: 20px;
}

.nav-mobile.menu-active .mobile-menu-wrapper {
  transform: translateX(0);
}

.nav-mobile.menu-active .overlay {
  opacity: 1;
  visibility: visible;
}

.nav-mobile .mobile-menu-wrapper {
  transition: all 0.3s;
  transform: translateX(105%);
}

.nav-mobile .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.nav-mobile .close-mobile img {
  height: 30px;
}

.nav-mobile .hamburger .hamburger-box .hamburger-inner {
  height: 2px;
}

.nav-mobile .hamburger .hamburger-box .hamburger-inner::before, .nav-mobile .hamburger .hamburger-box .hamburger-inner::after {
  height: 2px;
}

.nav-primary {
  margin: 0 auto;
}

.nav-primary ul * ~ * {
  margin-left: 25px;
}

.nav-primary ul li {
  position: relative;
}

.nav-primary ul li.current-menu-item::after {
  content: "";
  width: 100%;
  height: 1px;
  background: black;
  display: block;
  position: absolute;
}

.nav-primary ul li a {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  letter-spacing: 0.8px;
  font-size: 14px;
}

.nav-user {
  padding-right: 4rem;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .nav-user {
    padding-right: 0rem;
  }
}

.nav-user ul * ~ * {
  margin-left: 25px;
}

.nav-user ul li {
  display: flex;
  align-items: center;
}

.nav-user ul li.link-account a {
  font-size: 0;
  display: block;
  background-image: url("/app/themes/g12-theme/resources/assets/images/user.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 18px;
  height: 18px;
}

.nav-user ul li.link-search a {
  font-size: 0;
  display: block;
  background-image: url("/app/themes/g12-theme/resources/assets/images/search.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 23px;
  height: 23px;
}

.nav-user ul li.link-cart {
  position: relative;
}

.nav-user ul li.link-cart a {
  font-size: 0;
  display: block;
  background-image: url("/app/themes/g12-theme/resources/assets/images/cart.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 23px;
  height: 20px;
}

.nav-user ul li.link-cart::before {
  content: attr(data-cart);
  position: absolute;
  color: white;
  background: black;
  font-size: 12px;
  line-height: 7px;
  padding: 5px;
  border-radius: 20px;
  bottom: 20px;
  left: 18px;
  font-weight: bold;
  min-width: 17px;
  text-align: center;
}

.nav-user ul li a {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  letter-spacing: 0.8px;
  font-size: 14px;
}

.nav-user .lang-wrapper {
  position: absolute;
  right: -13px;
  top: 50%;
  transform: translateY(-50%);
  gap: 0.5rem;
}

.nav-user .lang-wrapper a {
  font-size: 14px;
}

footer p {
  font-size: 14px;
}

footer p a {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  text-decoration: underline;
}

footer .logo img {
  height: 70px;
}

footer .footer-mail-section-container .gform_wrapper form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 15px 15px;
}

@media only screen and (max-width: 1023px) {
  footer .footer-mail-section-container .gform_wrapper form {
    justify-content: flex-start;
  }
}

footer .footer-mail-section-container .gform_wrapper form .gform_body {
  flex: 1;
  max-width: 310px;
}

footer .footer-mail-section-container .gform_wrapper form .gform_body .gfield .gfield_label {
  font-family: "GothamBold";
  font-size: 12px;
}

footer .footer-mail-section-container .gform_wrapper form .gform_body .gfield input {
  border: 1px solid black;
  min-width: 150px;
  height: 34px;
  max-width: 310px;
}

footer .footer-mail-section-container .gform_wrapper form .gform_footer {
  margin: 0;
  padding: 0;
}

footer .footer-mail-section-container .gform_wrapper form .gform_footer .gform_button.button {
  margin-bottom: 0;
  line-height: 1 !important;
  min-height: 34px !important;
  font-size: 12px !important;
  padding: 7px 22px !important;
}

footer .footer-mail-section-container .gform_wrapper form .gform_footer .gform_button.button:hover {
  cursor: pointer;
}

.post {
  padding-top: 30px;
}

@media screen and (min-width: 1024px) {
  .post {
    padding-top: 70px;
  }
}

.post h1 {
  font-family: "GothamLight";
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .post h1 {
    line-height: 73px;
  }
}

.post .post-date {
  font-family: "Gotham";
  line-height: 73px;
  font-size: 18px;
  letter-spacing: -0.46px;
}

.post .entry-content > * {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.41px;
}

.single-nayttely .exhibition-title {
  font-size: 15px;
  letter-spacing: 1.11px;
}

.single-nayttely .entry-title .smaller-text {
  font-size: 18px;
  line-height: 40px;
}

@media screen and (min-width: 1024px) {
  .single-nayttely .entry-title .smaller-text {
    font-size: 24px;
    line-height: 46px;
  }
}

.single-nayttely .exhibition-content > * {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.41px;
}

.single-nayttely #controls .text {
  font-size: 12px;
  letter-spacing: -0.32px;
}

.single-nayttely .tns-nav {
  display: none;
}

.single-nayttely .slider-wrapper .caption .art-title {
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.45px;
}

.single-nayttely .slider-wrapper .caption .art-year {
  font-size: 12px;
  line-height: 27px;
  letter-spacing: 0.35px;
}

.nayttely-other-products .other-products .single-product .image {
  height: 200px;
}

@media screen and (min-width: 1024px) {
  .nayttely-other-products .other-products .single-product .image {
    height: 300px;
  }
}

.nayttely-other-products .other-products .single-product .image img {
  max-height: 100%;
}

.nayttely-other-products .other-products .single-product h4 {
  font-size: 13px;
  line-height: 27px;
  letter-spacing: 0.43px;
}

.nayttely-other-products .in-exh {
  font-size: 12px;
  letter-spacing: 0.8px;
}

.nayttely-other-products .other-products-header h3 {
  font-family: "Gotham";
}

.block-ajankohtaista_nosto .posts-list .post .post-date {
  font-family: "Gotham";
  font-size: 11px;
  letter-spacing: -0.32px;
  line-height: 29px;
}

.block-ajankohtaista_nosto .posts-list .post h4 {
  font-family: "Gotham";
  font-size: 14px;
  letter-spacing: -0.41px;
}

.filter-section .filter-toggle {
  font-size: 14px;
  line-height: 33px;
  letter-spacing: -0.32px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.filter-section .filter-toggle:hover{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.filter-section .filters .facetwp-facet {
  margin-bottom: 0;
}

.filter-section .filters .facetwp-input-wrap {
  width: 100%;
}

.filter-section .filters .facets .single-facet .single-facet-toggle {
  font-size: 15px;
  letter-spacing: 0.37px;
  color: black;
}

.filter-section .filters .facets .single-facet .facetwp-facet {
  flex-wrap: wrap;
}

.filter-section .filters .facets .single-facet .facetwp-facet > * {
  font-size: 15px;
}

.filter-section .filters .facets .single-facet .facetwp-facet .facetwp-checkbox {
  pointer-events: all !important;
  cursor: pointer !important;
  background: url(../images/checkbox_off.png) 0 50% no-repeat;
  background-size: 14px 14px;
}

.filter-section .filters .facets .single-facet .facetwp-facet .facetwp-checkbox.checked {
  background: url(../images/checkbox_on.png) 0 50% no-repeat;
  background-size: 14px 14px;
}

.filter-section .filters .facets .single-facet .facetwp-facet .facetwp-overflow:not(.facetwp-hidden) {
  display: contents;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] {
  display: flex;
  column-gap: 0.75rem;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox {
  background: none;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 0;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox::before {
  content: "";
  width: 17px;
  height: 17px;
  display: block;
  margin-right: 7px;
  border-radius: 50%;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=musta]::before {
  background: black;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=vihrea]::before {
  background: green;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=hopea]::before {
  background: silver;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=harmaa]::before {
  background: gray;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=keltainen]::before {
  background: yellow;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=kultainen]::before {
  background: gold;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=liila]::before {
  background: purple;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=mustavalkoinen]::before {
  background: linear-gradient(to right, rgba(255, 0, 0, 0) 50%, black 50%);
  border: 1px solid #ccc;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=okra]::before {
  background: #CC7722;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=kupari]::before {
  background: #dc7f64;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=oranssi]::before {
  background: orange;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=pastellinvarinen]::before {
  background: linear-gradient(90deg, rgb(224, 187, 228) 0%, rgb(149, 125, 173) 41%, rgb(255, 223, 211) 100%);
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=punainen]::before {
  background: red;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=ruskea]::before {
  background: brown;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=sininen]::before {
  background: blue;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=vaaleanpunainen]::before {
  background: pink;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=vaaleansininen]::before {
  background: lightblue;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=vaaleanvihrea]::before {
  background: lightgreen;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=valkoinen]::before {
  background: white;
  border: 1px solid #ccc;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=varikas]::before {
  background: linear-gradient(90deg, rgb(11, 66, 222) 0%, rgb(223, 4, 95) 50%, rgb(252, 255, 11) 100%);
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=vihrea]::before {
  background: green;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=violetti]::before {
  background: violet;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=tumma]::before {
  background: rgb(37, 37, 37);
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=vaalea]::before {
  background: rgb(206, 206, 206);
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=beige]::before {
  background: #e8d3b9;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=turkoosi]::before {
  background: #30d5c8;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=lapinakyva]::before {
  background: white;
  border: 1px solid #ccc;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=pronssi]::before {
  background: #cd7f32;
}

.filter-section .filters .facets .single-facet .facetwp-facet[data-name=vari] .facetwp-checkbox[data-value=keltaruskea-okra]::before {
  background: #cc7722;
}

.filter-section .user-selections {
  display: flex;
  flex-flow: row wrap;
  gap: 15px 30px;
}

.filter-section .user-selections .fwp-reset-button {
  text-decoration: underline;
  cursor: pointer;
}

.filter-section .user-selections .facetwp-selections ul {
  font-size: 13px;
  display: flex;
  flex-flow: row wrap;
  gap: 7px 15px;
  display: flex;
  column-gap: 1.25rem;
}

.filter-section .user-selections .facetwp-selections ul li {
  display: flex;
  flex-flow: row wrap;
  gap: 7px 15px;
}

.filter-section .user-selections .facetwp-selections ul li .facetwp-selection-label {
  display: none;
}

.filter-section .user-selections .facetwp-selections ul li .facetwp-selection-value {
  background-position: 5% center;
  padding: 7px 7px 7px 23px;
  background-color: #ebebeb;
  border-radius: 20px;
  margin-right: 0;
}

#app .filter-section input[type=text] {
  border: 1px solid black !important;
  width: 100%;
  color: black;
  font-size: 15px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

#app .filter-section input[type=text]:-ms-input-placeholder {
  color: black;
  font-size: 15px;
  font-style: italic;
}

#app .filter-section input[type=text]::placeholder {
  color: black;
  font-size: 15px;
  font-style: italic;
}

#app .loop-image-wrap {
  height: 150px;
  position: relative;
}

@media screen and (min-width: 768px) {
  #app .loop-image-wrap {
    height: 200px;
  }
}

@media screen and (min-width: 1024px) {
  #app .loop-image-wrap {
    height: 300px;
  }
}

#app .loop-image-wrap img {
  height: auto !important;
  max-height: 100%;
  width: auto !important;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media screen and (min-width: 1024px) {
  #app .product .woocommerce-product-gallery {
    width: 60%;
  }
}

@media screen and (min-width: 1024px) {
  #app .product .entry-summary {
    width: 40%;
  }
}

#app .product .entry-summary .product-author-details .author-link {
  color: black;
  font-size: 14px;
  letter-spacing: -0.41px;
}

#app .product .entry-summary .product_title {
  font-family: "GothamLight";
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.74px;
  text-transform: capitalize;
}

#app .product .entry-summary .cart .thwepo-extra-options {
  width: 100%;
  margin-top: 1.5rem;
}

#app .product .entry-summary .cart table {
  border: none;
}

#app .product .entry-summary .cart .custom-purchase-options td.label {
  display: none;
}

#app .product .entry-summary .cart .custom-purchase-options .value {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  font-family: "Gotham";
  font-size: 14px;
  letter-spacing: 0.45px;
}

#app .product .entry-summary .cart .custom-purchase-options .value .opt-price {
  font-family: "GothamBold";
}

#app .product .entry-summary .cart .custom-purchase-options .value label {
  margin: 0 !important;
}

#app .product .entry-summary .cart .custom-purchase-frame {
  border-top: 2rem solid transparent;
  border-bottom: 2rem solid transparent;
}

#app .product .entry-summary .cart .custom-purchase-frame .label {
  display: none;
}

#app .product .entry-summary .cart .custom-purchase-frame-options {
  display: flex;
  flex-direction: column;
  border-bottom: 2rem solid transparent;
}

#app .product .entry-summary .cart .custom-purchase-frame-options .value {
  display: none;
}

#app .product .entry-summary .cart .custom-purchase-frame-options td.label {
  display: none;
}

#app .product .entry-summary .cart .custom-purchase-message td.label {
  display: none;
}

#app .product .entry-summary .cart .custom-purchase-message td.value textarea {
  height: 100px;
  border: 1px solid black;
  border-radius: 0;
  padding: 6px;
}

#app .product .entry-summary .cart .custom-purchase-message td.value textarea:-ms-input-placeholder {
  font-style: italic;
  color: black;
}

#app .product .entry-summary .cart .custom-purchase-message td.value textarea::placeholder {
  font-style: italic;
  color: black;
}

#app .product .entry-summary .form-buttons .single_add_to_cart_button {
  display: flex;
  align-items: center;
  justify-content: center;
}

#app .product .entry-summary .form-buttons button[name=add-to-cart].alt::before {
  background-image: url("/app/themes/g12-theme/resources/assets/images/cart_white.svg");
}

#app .product .entry-summary .form-buttons button[name=add-to-cart]::before {
  content: "";
  display: inline-block;
  background-image: url("/app/themes/g12-theme/resources/assets/images/cart.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 22px;
  height: 16px;
  margin-right: 5px;
}

#app .product .entry-summary .form-buttons button[name=add-to-cart]:hover::before {
  background-image: url("/app/themes/g12-theme/resources/assets/images/cart.svg");
}

#app .product .entry-summary .form-buttons button[name=add-to-favorites]::before {
  content: "";
  display: inline-block;
  background-image: url("/app/themes/g12-theme/resources/assets/images/heart.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

#app .product .entry-summary .form-buttons button[name=add-to-favorites]:hover::before {
  background-image: url("/app/themes/g12-theme/resources/assets/images/heart_white.svg");
}

#app .product .entry-summary .form-buttons button[name=add-to-favorites].added_to_favorites::before {
  background-image: url("/app/themes/g12-theme/resources/assets/images/heart_red_filled.svg");
}

#app .product .woocommerce-LoopProduct-link .product-loop-author_title {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 14px;
  letter-spacing: 0.43px;
  margin-bottom: 0;
  font-family: "Gotham";
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

#app .product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
  font-size: 14px;
  padding-bottom: 0;
  line-height: 27px;
  letter-spacing: 0.43px;
  padding-top: 0;
  font-family: "Gotham";
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

#app .product-loop .facetwp-facet-results_count {
  font-size: 15px;
  margin-top: 30px;
}

.woocommerce-pagination {
  display: none;
}

.single-product .woocommerce-product-gallery__wrapper img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top center;
     object-position: top center;
}

.product-meta {
  font-size: 10.5px;
  gap: 0;
}

.product-meta span {
  font-size: 10.5px;
  line-height: 13px;
}

.product-meta span.tekniikka {
  width: 100%;
}

.product-meta span.g12-price {
  font-weight: bold;
}

.product-meta span.tila {
  margin-top: 7px;
}

.product-meta .label {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.41px;
}

.product-meta .product-meta span {
  font-size: 10.5px;
}

.single-product .product-meta {
  font-size: 10.5px;
  gap: 0;
}

.single-product .product-meta span {
  font-size: 10.5px;
  line-height: 13px;
}

.single-product .product-meta span.tekniikka {
  width: 100%;
}

.single-product .product-meta span.g12-price {
  font-weight: bold;
}

.single-product .product-meta .label {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.41px;
}

.single-product .product-meta .label span {
  font-size: 14px;
  line-height: 26px;
}

.single-product .product-meta .product-meta span {
  font-size: 10.5px;
}

.block-kaikki_nayttelyt .controls * ~ * {
  margin-left: 15px;
}

@media screen and (min-width: 1024px) {
  .block-kaikki_nayttelyt .controls * ~ * {
    margin-left: 30px;
  }
}

.block-kaikki_nayttelyt .controls a {
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  letter-spacing: 0.8px;
}

.block-kaikki_nayttelyt .controls a:hover {
  text-decoration: none;
}

.block-kaikki_nayttelyt .controls a.active::after {
  content: "";
  display: block;
  height: 1px;
  margin-top: 3px;
  width: 100%;
  background-color: black;
}

.block-kaikki_nayttelyt .nayttely-upcoming-wrapper .upcoming-title {
  font-family: "Gotham";
}

.block-kaikki_nayttelyt .nayttely-upcoming-wrapper .nayttely .texts {
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.45px;
  text-transform: uppercase;
}

.block-kaikki_nayttelyt .nayttely-upcoming-wrapper .nayttely .texts .nayttely-title {
  font-size: 15px;
  letter-spacing: 1.11px;
}

.block-kaikki_nayttelyt .nayttely-upcoming-wrapper .nayttely .texts .section-title {
  margin-bottom: 1rem;
  font-family: "GothamLight";
}

.single-nayttely .fancybox__backdrop {
  background-color: #fff;
}

.single-nayttely .fancybox__image {
  max-height: 100% !important;
}

.single-nayttely .exhibition-products {
  font-size: 12px;
}

.single-nayttely .single-exhibition-links-container {
  top: 0;
  position: sticky;
  z-index: 10;
  background-color: white;
  margin-top: 120px;
}

.single-nayttely .single-exhibition-links-container .single-exhibition-links-wrapper {
  min-height: 58px;
  display: flex;
  align-items: flex-end;
  transition: all linear 300ms;
  gap: 5px 25px;
  text-transform: uppercase;
  flex-flow: row wrap;
  padding-top: 5px;
  padding-bottom: 5px;
}

.single-nayttely .single-exhibition-links-container .single-exhibition-links-wrapper a {
  letter-spacing: 0.8px;
  font-size: 14px;
  padding-bottom: 7px;
  position: relative;
}

.single-nayttely .single-exhibition-links-container .single-exhibition-links-wrapper a.current {
  text-decoration: none;
}

.single-nayttely .single-exhibition-links-container .single-exhibition-links-wrapper a.current::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

@media only screen and (max-width: 1023px) {
  .single-nayttely .single-exhibition-links-container .single-exhibition-links-wrapper {
    min-height: 70px;
  }
}

.single-nayttely .single-exhibition-links-container.sticky {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1529411765);
}

.single-nayttely .tns-outer {
  position: relative;
}

.single-nayttely .tns-outer .tns-liveregion {
  display: none;
}

.single-nayttely .tns-outer .tns-nav {
  display: none;
}

.single-nayttely .tns-outer .tns-controls {
  pointer-events: none;
  position: absolute;
  outline: none !important;
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10;
}

.single-nayttely .tns-outer .tns-controls button[data-controls=prev] {
  position: absolute;
  left: 0;
  top: 50%;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  pointer-events: all;
  background-image: url("/app/themes/g12-theme/resources/assets/images/arrow-left.svg");
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
}

@media screen and (min-width: 1024px) {
  .single-nayttely .tns-outer .tns-controls button[data-controls=prev] {
    left: -65px;
  }
}

.single-nayttely .tns-outer .tns-controls button[data-controls=next] {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  pointer-events: all;
  background-image: url("/app/themes/g12-theme/resources/assets/images/arrow-right.svg");
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
}

@media screen and (min-width: 1024px) {
  .single-nayttely .tns-outer .tns-controls button[data-controls=next] {
    right: -65px;
  }
}

.single-nayttely .tns-outer .installation-views-slider {
  max-height: 220px;
}

.single-nayttely .tns-outer .installation-views-slider img {
  max-height: 220px;
}

@media only screen and (min-width: 450px) {
  .single-nayttely .tns-outer .installation-views-slider img {
    opacity: 0.2;
  }
}

@media only screen and (min-width: 450px) {
  .single-nayttely .tns-outer .installation-views-slider .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active {
    opacity: 1;
  }
}

@media only screen and (min-width: 570px) {
  .single-nayttely .tns-outer .installation-views-slider {
    max-height: 350px;
  }

  .single-nayttely .tns-outer .installation-views-slider img {
    max-height: 350px;
  }
}

@media only screen and (min-width: 992px) {
  .single-nayttely .tns-outer .installation-views-slider {
    max-height: 550px;
  }

  .single-nayttely .tns-outer .installation-views-slider img {
    max-height: 550px;
  }
}

.single-nayttely .tns-outer .installation-views-slider.single img {
  opacity: 1;
}

.single-nayttely .single-taiteilija-video .video-container {
  position: relative;
  padding-bottom: 56.25%;
}

.single-nayttely .single-taiteilija-video .video-container iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.block-taiteilijat_nosto .letter {
  font-size: 18px;
  letter-spacing: -0.55px;
}

.block-taiteilijat_nosto .title-section .controls * ~ * {
  margin-left: 10px;
}

.block-taiteilijat_nosto .title-section .controls li a {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  font-size: 14px;
  letter-spacing: -0.41px;
}

.single-taiteilija .section-title {
  line-height: 14px;
}

.single-taiteilija .single-exh .meta {
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.45px;
}

.single-taiteilija .text-content a:not(.button, .show-more-acf, .show-less-acf) {
  font-weight: bold;
  transition: all linear 300ms;
}

.single-taiteilija .text-content a:not(.button, .show-more-acf, .show-less-acf):hover {
  transition: all linear 300ms;
  opacity: 0.5;
}

.single-taiteilija .artist_product_sort {
  display: flex;
  justify-content: flex-end;
}

.single-taiteilija .single-artist-links-container {
  top: 0;
  position: sticky;
  z-index: 10;
  background-color: white;
  margin-top: 120px;
}

.single-taiteilija .single-artist-links-container .single-artist-links-wrapper {
  min-height: 58px;
  display: flex;
  align-items: flex-end;
  transition: all linear 300ms;
  gap: 5px 25px;
  text-transform: uppercase;
  flex-flow: row wrap;
  padding-top: 5px;
  padding-bottom: 5px;
}

.single-taiteilija .single-artist-links-container .single-artist-links-wrapper #cv_link {
  letter-spacing: 0.8px;
  font-size: 14px;
  cursor: pointer;
  padding-bottom: 7px;
  position: relative;
}

.single-taiteilija .single-artist-links-container .single-artist-links-wrapper #cv_link.current {
  text-decoration: none;
}

.single-taiteilija .single-artist-links-container .single-artist-links-wrapper #cv_link.current::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.single-taiteilija .single-artist-links-container .single-artist-links-wrapper a {
  letter-spacing: 0.8px;
  font-size: 14px;
  padding-bottom: 7px;
  position: relative;
}

.single-taiteilija .single-artist-links-container .single-artist-links-wrapper a.current {
  text-decoration: none;
}

.single-taiteilija .single-artist-links-container .single-artist-links-wrapper a.current::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

@media only screen and (max-width: 1023px) {
  .single-taiteilija .single-artist-links-container .single-artist-links-wrapper {
    min-height: 70px;
  }
}

.single-taiteilija .single-artist-links-container.sticky {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1529411765);
}

.single-taiteilija .tns-outer {
  position: relative;
}

.single-taiteilija .tns-outer .tns-liveregion {
  display: none;
}

.single-taiteilija .tns-outer .tns-nav {
  display: none;
}

.single-taiteilija .tns-outer .tns-controls {
  pointer-events: none;
  position: absolute;
  outline: none !important;
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10;
}

.single-taiteilija .tns-outer .tns-controls button[data-controls=prev] {
  position: absolute;
  left: 0;
  top: 50%;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  pointer-events: all;
  background-image: url("/app/themes/g12-theme/resources/assets/images/arrow-left.svg");
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
}

@media screen and (min-width: 1024px) {
  .single-taiteilija .tns-outer .tns-controls button[data-controls=prev] {
    left: -65px;
  }
}

.single-taiteilija .tns-outer .tns-controls button[data-controls=next] {
  position: absolute;
  right: 0;
  top: 50%;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  pointer-events: all;
  background-image: url("/app/themes/g12-theme/resources/assets/images/arrow-right.svg");
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
}

@media screen and (min-width: 1024px) {
  .single-taiteilija .tns-outer .tns-controls button[data-controls=next] {
    right: -65px;
  }
}

.single-taiteilija .tns-outer .installation-views-slider {
  max-height: 220px;
}

.single-taiteilija .tns-outer .installation-views-slider img {
  max-height: 220px;
}

@media only screen and (min-width: 450px) {
  .single-taiteilija .tns-outer .installation-views-slider img {
    opacity: 0.2;
  }
}

@media only screen and (min-width: 450px) {
  .single-taiteilija .tns-outer .installation-views-slider .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active {
    opacity: 1;
  }
}

@media only screen and (min-width: 570px) {
  .single-taiteilija .tns-outer .installation-views-slider {
    max-height: 350px;
  }

  .single-taiteilija .tns-outer .installation-views-slider img {
    max-height: 350px;
  }
}

@media only screen and (min-width: 992px) {
  .single-taiteilija .tns-outer .installation-views-slider {
    max-height: 550px;
  }

  .single-taiteilija .tns-outer .installation-views-slider img {
    max-height: 550px;
  }
}

.single-taiteilija .tns-outer .installation-views-slider.single img {
  opacity: 1;
}

.single-taiteilija .single-taiteilija-video .video-container {
  position: relative;
  padding-bottom: 56.25%;
}

.single-taiteilija .single-taiteilija-video .video-container iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.taiteilija-other-products h3 {
  font-family: "Gotham";
  font-weight: 400;
}

.taiteilija-other-products .single-product .content h4 {
  font-size: 13px;
  line-height: 27px;
  letter-spacing: 0.43px;
}

.taiteilija-other-products .single-product .image {
  height: 300px;
}

.woocommerce-CustomMyAccount-content form .acf-fields .acf-label label {
  font-family: "GothamBold";
}

.woocommerce-CustomMyAccount-content form .acf-fields .acf-radio-list {
  border: none !important;
}

.woocommerce-CustomMyAccount-content form .acf-fields .acf-checkbox-list {
  border: none !important;
}
/*# sourceMappingURL=app.css.map*/