/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*--------------------TRANSITIONS------------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
[data-transition="all"]{
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
}
[data-transition-drt="100"]{
  transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
}
[data-transition-drt="200"]{
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
[data-transition-drt="300"]{
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
}
[data-transition-drt="400"]{
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
}
[data-transition-drt="500"]{
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}
[data-transition-drt="600"]{
  transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
}
[data-transition-drt="700"]{
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
}
[data-transition-drt="800"]{
  transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
}
[data-transition-drt="900"]{
  transition-duration: 0.9s;
  -webkit-transition-duration: 0.9s;
  -moz-transition-duration: 0.9s;
  -o-transition-duration: 0.9s;
  -ms-transition-duration: 0.9s;
}
[data-transition-drt="1000"]{
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -ms-transition-duration: 1s;
}

/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*---------------------ROUNDHOVER------------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
[data-animation="roundHover"]{
  position:relative;
  overflow:hidden;
}
[data-animation="roundHover"]::after{
  content:'';
  position:absolute;
  top:50%;
  transform: translateY(-50%) translateX(-50%) scale(1);
  left:50%;
  width:0;
  height:0;
  border-radius:50%;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  background:white;
  z-index:-1;
  overflow:hidden;
  z-index:10;
  background:#FFF;
}
[data-animation="roundHover"] > div{
  position:absolute;
  left:50%;
  top:50%;
  width:100%;
  transform: translateY(-50%) translateX(-50%) scale(1);
  clip-path: circle(0px at center);
  transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
  z-index:11;
}
[data-animation="roundHover"]:hover > div{
  clip-path: circle(400px at center);
  transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
}
[data-animation="roundHover"]:hover::after{
  width:1200px;
  height:1200px;
  transition: all 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
  -ms-transition: all 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
}
[data-animation="roundHover"][data-animation-drt="200"]:hover::after, [data-animation="roundHover"][data-animation-drt="200"]:hover > div{
  transition: all 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
  -moz-transition: all 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
  -o-transition: all 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
  -ms-transition: all 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
}
[data-animation="roundHover"][data-animation-drt="400"]:hover::after, [data-animation="roundHover"][data-animation-drt="400"]:hover > div{
  transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
  -ms-transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
}
[data-animation="roundHover"][data-animation-drt="800"]:hover::after, [data-animation="roundHover"][data-animation-drt="800"]:hover > div{
  transition: all 0.8s cubic-bezier(0.4, 0.0, 0.2, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.4, 0.0, 0.2, 1);
  -moz-transition: all 0.8s cubic-bezier(0.4, 0.0, 0.2, 1);
  -o-transition: all 0.8s cubic-bezier(0.4, 0.0, 0.2, 1);
  -ms-transition: all 0.8s cubic-bezier(0.4, 0.0, 0.2, 1);
}

/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*----------------------HOVERZOOM------------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
[data-animation="hoverZoom"]{
  -webkit-box-shadow: 0 30px 40px -20px rgba(0, 0, 0, 0.05);
  box-shadow: 0 30px 40px -20px rgba(0, 0, 0, 0.05);
  background: #ffffff;
  padding: 4rem 0;
  text-align: center;
  position: relative;
  display: inline-block;
  z-index: 1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
[data-animation="hoverZoom"]:hover{
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  z-index: 2;
}
[data-animation="hoverZoom"]::after{
  content: '';
  position: absolute;
  top: 30%;
  left: 30%;
  right: 30%;
  bottom: 30%;
  border: 3px solid #000000;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
[data-animation="hoverZoom"]:hover::after{
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 2;
  opacity: 1;
  top: 15%;
  left: 15%;
  bottom: 15%;
  right: 15%;
}

/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*---------------------HOVERTRANS------------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
[data-animation="hoverTrans"]{
  position:relative;
  display: inline-block;
}
[data-animation="hoverTrans"]::after{
  content: '';
  position: absolute;
  bottom: 15%;
  left: 6.250rem;
  right: 6.250rem;
  top: 0;
  border: 2px solid #dadada;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
[data-animation="hoverTrans"]:hover::after{
  bottom: -15%;
  left: -15%;
  right: 15%;
  top: 15%;
  opacity: 1;
}

/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*---------------------HOVERTRANS------------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
[data-animation="hoverGlitch"]{
  position:relative;
  display: inline-block;
}
[data-animation="hoverGlitch"]::before{
  content: '';
  background: #0ff;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
[data-animation="hoverGlitch"]:hover::before{
  -webkit-animation: glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite;
  animation: glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite;
}
[data-animation="hoverGlitch"]::after{
  content: '';
  background: #f0f;
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
[data-animation="hoverGlitch"]:hover::after{
  -webkit-animation: glitch .3s cubic-bezier(.25,.46,.45,.94) reverse both infinite;
  animation: glitch .3s cubic-bezier(.25,.46,.45,.94) reverse both infinite;
}
@keyframes glitch {
  0%{
    transform: translate(0)
  }
  20%{
    transform: translate(-2px, 2px)
  }
  40%{
    transform: translate(-2px, -2px)
  }
  60%{
    transform: translate(2px, 2px)
  }
  80%{
    transform: translate(2px, -2px)
  }
  to {
    transform: translate(0)
  }
}


/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*----------------------HOVERWAVE------------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
[data-animation="hoverWave"]{
  position: relative;
  display: inline-block;
  overflow: hidden;
}

[data-animation="hoverWave"]::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #e9f6f9;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: right;
  z-index:-1;
  transition: transform .6s cubic-bezier(.19,1,.22,1);
}
[data-animation="hoverWave"]:hover::before{
  transform: scaleX(1);
  transform-origin: left;
  transition: transform .6s cubic-bezier(.19,1,.22,1);
}

/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*--------------------HOVERUNDERLINE---------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
[data-animation="hoverUnderline"]{
  position: relative;
  text-decoration: none;
}
[data-animation="hoverUnderline"]:hover{
  text-decoration: none;
}

[data-animation="hoverUnderline"]::before{
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 1px;
  background: #76f6fb;
  transition: width .7s cubic-bezier(.19,1,.22,1);
}
[data-animation="hoverUnderline"]:hover::before{
  width: 100%;
  transition: width .5s cubic-bezier(.19,1,.22,1);
}

/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*----------------------HOVERWAHOU-----------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
[data-animation="hoverWahou"]{
  position: relative;
  -webkit-animation: slideIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s both;
  animation: slideIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s both;
  position: relative;
  display: inline-block;
  padding: 13px 50px;
  border: 1px solid #63A1DB;
}

[data-animation="hoverWahou"] .mask{
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  left: -30px;
  overflow: hidden;
}

[data-animation="hoverWahou"]::before{
  content:'';
  -webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  -moz-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1) 0ms;
  background: #63A1DB;
  width: 3000px;
  left: -3000px;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
}

[data-animation="hoverWahou"]:hover::before{
  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms;
  -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms;
  -webkit-transform: translate3d(30px, 0, 0);
  transform: translate3d(30px, 0, 0);
}

[data-animation="hoverWahou"] .mask::after{
  content:'';
  -webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  -moz-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  width: 60px;
  left: 0;
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  background: #63A1DB;
}
[data-animation="hoverWahou"]:hover .mask::after{
  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

[data-css="full-height"]{
  min-height:100vh;
}

[data-animation="hue"]{
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}


@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

@media (max-width:768px){
  [data-animation="parallax"]{
    background-position: center center !important;
  }
}

.zoomMin, [data-animation="zoomMin"]{
  transition:all 0.3s;
}
.zoomMin:hover, [data-animation="zoomMin"]:hover{
  transform:scale(0.9);
  transition:all 0.3s;
}

.zoomMax, [data-animation="zoomMax"]{
  transition:all 0.3s;
}
.zoomMax:hover, [data-animation="zoomMax"]:hover{
  transform:scale(1.1);
  transition:all 0.3s;
}

.shadow, [data-animation="shadow"]{
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.3s;
}
.shadow:hover, [data-animation="shadow"]:hover{
  box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
}