.slidepan{animation-name:slidepan;animation-iteration-count:1;animation-duration:8.0s;}
.slidepan2{animation-name:slidepan2;animation-iteration-count:1;animation-duration:8.0s;}
@keyframes slidepan{0%{transform:scale(1.0);}100%{transform:scale(1.05);}}
@keyframes slidepan2{0%{transform:scale(1.0);}100%{transform:scale(1.05);}}


/*animista*/
.focus-in-expand {-webkit-animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
@keyframes focus-in-expand {
  0% {letter-spacing: -0.5em;-webkit-filter: blur(12px);filter: blur(12px);opacity: 0;}
  100% {-webkit-filter: blur(0px);filter: blur(0px);opacity: 1;}
}

.tracking-in-contract-bck {-webkit-animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; }
@keyframes tracking-in-contract-bck {
  0% {letter-spacing: 1em;-webkit-transform: translateZ(400px);transform: translateZ(400px);opacity: 0;}
  40% {opacity: 0.6;}
  100% {-webkit-transform: translateZ(0);transform: translateZ(0);opacity: 1;}
}

.text-focus-in{-webkit-animation:text-focus-in 0.7s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in 0.7s cubic-bezier(.55,.085,.68,.53) both}
@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0;}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1;}}

.color-change-2x{-webkit-animation:color-change-2x 2s linear alternate both;animation:color-change-2x 2s linear alternate both;}
@keyframes color-change-2x{0%{background-color:#ccc}100%{background-color:#fff;}}

.bounce-top{-webkit-animation:bounce-top .9s both;animation:bounce-top .9s both;}
@keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}

.bounce-in-top.animated{-webkit-animation:bounce-in-top 1.1s both;animation:bounce-in-top 1.1s both;}
@keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}

/*bpdesign*/
.animateBlock {
  display: inline-block;
  -webkit-transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0);
  position: relative;
  -webkit-transition: all .55s ease-in;
  -moz-transition: all .55s ease-in;
  -ms-transition: all .55s ease-in;
  -o-transition: all .55s ease-in;
  transition: all .55s ease-in;
}
 
.animateBlock.left {left: -20%;opacity: 0;filter: alpha(opacity=0);}
.animateBlock.right {right: -20%;opacity: 0;filter: alpha(opacity=0);}
.left.animated {left: 0%;opacity: 1;filter: alpha(opacity=100);}
.right.animated {right: 0%;opacity: 1;filter: alpha(opacity=100);}

.animateBlock.top {translateY:100%;opacity: 0;filter: alpha(opacity=0);}
.animateBlock.bottom {bottom:-100px;opacity: 0;filter: alpha(opacity=0);}
.top.animated {translateY:0%;opacity: 1;filter: alpha(opacity=100);}
.bottom.animated {bottom:0;opacity: 1;filter: alpha(opacity=100);}

.animateBlock.grow {-webkit-transform:scale(0.0);-moz-transform:scale(0.0);-o-transform:scale(0.0);transform:scale(0.0);opacity: 0;filter: alpha(opacity=0);}
.grow.animated {-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0);opacity: 1;filter: alpha(opacity=100);}

.animateBlock.stickyNav {display:block;}
.stickyNav.animated{/*position:fixed!important;*/width:100%;top:0;left:0;}


/*tympanus*/
.cl-effect a{position:relative;}
.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(0,153,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);
}
.cl-effect-3 a:hover::after,.cl-effect-3 a:focus::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

/* Button 1b */
.btn-1b,.effectButtonLeft{position:relative;z-index:2;}

.btn-1b:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #222328;
	content: '';
	position: absolute;
	z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;
}
.btn-1b:hover,.btn-1b:active {}
.btn-1b:hover:after,.btn-1b:active:after {height: 100%;}

/* Button 1c */
.effectButtonLeft:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	content: '';
	position: absolute;
	z-index: -1;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;
}
.effectButtonLeft:hover,.effectButtonLeft:active {}
.effectButtonLeft:hover:after,.effectButtonLeft:active:after {width: 100%;}