.hideforanimation{opacity:0;visibility:hidden;}
.animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}

.avalon_td_galleryblock_fullscreen .avalon_td_thumbs ul li{
	
}


@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInTop{-webkit-animation-name:fadeInTop;animation-name:fadeInTop}

@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}

@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}



@-webkit-keyframes avalonToggleFade {20%{opacity:1;}50%{opacity:0.2;}80%{opacity:1;}}
@keyframes avalonToggleFade {20%{opacity:1;}50%{opacity:0.2;}80%{opacity:1;}}





.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}



/*------------------------------------------------------------------*/ 
/*	x) PAGE TRANSITIONS
/*------------------------------------------------------------------*/

/* base */
.avalon_td_perspective {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}


/* classes */
.avalon_td_rotateCubeTopOut {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCubeTopOut 1.4s both cubic-bezier(0.450, 0.055, 0.675, 0.190);
	animation: rotateCubeTopOut 1.4s both cubic-bezier(0.450, 0.055, 0.675, 0.190);
}
.avalon_td_rotateCubeTopOut2 {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCubeTopOut2 1.4s both cubic-bezier(0.450, 0.055, 0.675, 0.190);
	animation: rotateCubeTopOut2 1.4s both cubic-bezier(0.450, 0.055, 0.675, 0.190);
}
.avalon_td_rotateCubeTopIn {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateCubeTopIn 1.4s both cubic-bezier(0.450, 0.055, 0.675, 0.190);
	animation: rotateCubeTopIn 1.4s both cubic-bezier(0.450, 0.055, 0.675, 0.190);
}
.avalon_td_rotateCubeBottomOut {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateCubeBottomOut 1.4s both cubic-bezier(0.450, 0.055, 0.675, 0.190);
	animation: rotateCubeBottomOut 1.4s both cubic-bezier(0.450, 0.055, 0.675, 0.190);
}
.avalon_td_rotateCubeBottomIn {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCubeBottomIn 1.4s both cubic-bezier(0.450, 0.055, 0.675, 0.190);
	animation: rotateCubeBottomIn 1.4s both cubic-bezier(0.450, 0.055, 0.675, 0.190);
}
.avalon_td_rotateCubeBottomIn2 {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCubeBottomIn2 1.4s both cubic-bezier(0.450, 0.055, 0.675, 0.190);
	animation: rotateCubeBottomIn2 1.4s both cubic-bezier(0.450, 0.055, 0.675, 0.190);
}

/* animations */
@-webkit-keyframes rotateCubeTopOut {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
	100% { opacity: 1; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
}
@keyframes rotateCubeTopOut {
	0% {}
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
	100% { opacity: 1; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
}

@-webkit-keyframes rotateCubeTopOut2 {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-60%) translateZ(-200px) rotateX(45deg); transform: translateY(-60%) translateZ(-200px) rotateX(45deg); }
	100% { opacity: 1; -webkit-transform: translateY(-115%) rotateX(90deg); transform: translateY(-115%) rotateX(90deg); }
}
@keyframes rotateCubeTopOut2 {
	0% {}
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-60%) translateZ(-200px) rotateX(45deg); transform: translateY(-60%) translateZ(-200px) rotateX(45deg); }
	100% { opacity: 1; -webkit-transform: translateY(-115%) rotateX(90deg); transform: translateY(-115%) rotateX(90deg); }
}

@-webkit-keyframes rotateCubeTopIn {
	60% { z-index: 200; }
	100% { z-index: 200; }
	0% { opacity: 1; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
}
@keyframes rotateCubeTopIn {
	60% { z-index: 200; }
	100% { z-index: 200; }
	0% { opacity: 1; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
}
@-webkit-keyframes rotateCubeBottomOut {
	0% { z-index: 110; }
	10% { z-index: 110; }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
	100% { opacity: 1; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateCubeBottomOut {
	0% { z-index: 110; }
	10% { z-index: 110; }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
	100% { opacity: 1; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
}

@-webkit-keyframes rotateCubeBottomIn {
	0% { opacity: 1; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
@keyframes rotateCubeBottomIn {
	0% { opacity: 1; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
@-webkit-keyframes rotateCubeBottomIn2 {
	0% { opacity: 1; -webkit-transform: translateY(-115%) rotateX(90deg); transform: translateY(-115%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-60%) translateZ(-200px) rotateX(45deg); transform: translateY(-60%) translateZ(-200px) rotateX(45deg); }
}
@keyframes rotateCubeBottomIn2 {
	0% { opacity: 1; -webkit-transform: translateY(-115%) rotateX(90deg); transform: translateY(-115%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-60%) translateZ(-200px) rotateX(45deg); transform: translateY(-60%) translateZ(-200px) rotateX(45deg); }
}