/*
Copyright (c) 2017 Nigth Club 1.0
------------------------------------------------------------------
[animation style Stylesheet]

Project:	 Nigth Club 1.0
-------------------------------------------------------------------*/
@keyframes fromtop{from{-webkit-transform:translate3d(0, -150px, 0px);transform:translate3d(0, -150px, 0px);opacity:0;}
to{-webkit-transform:translate3d(0, 0px, 0px);transform:translate3d(0, 0px, 0px);opacity:1;}
}
@-webkit-keyframes fromtop{from{-webkit-transform:translate3d(0, -150px, 0px);transform:translate3d(0, -150px, 0px);opacity:0;}
to{-webkit-transform:translate3d(0, 0px, 0px);transform:translate3d(0, 0px, 0px);opacity:1;}
}
.fromtop{animation:fromtop 1s;-webkit-animation:fromtop 1s;-moz-animation:fromtop 1s;}
@keyframes fromtop_small{from{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;}
to{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
}
@-webkit-keyframes fromtop_small{from{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;}
to{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
}
.fromtop_small{animation:fromtop_small 1s 500ms;-webkit-animation:fromtop_small 1s 500ms;-moz-animation:fromtop_small 1s 500ms;}
@keyframes flip {
  from { transform: perspective(600px) rotateX(-40deg); animation-timing-function: ease-out;}
  to {transform: perspective(600px) rotateX(0deg); animation-timing-function: ease-in;}
}
@-webkit-keyframes flip {
  from { -webkit-transform: perspective(600px) rotateX(-40deg); animation-timing-function: ease-out;}
  to {-webkit-transform: perspective(600px) rotateX(0deg); animation-timing-function: ease-in; }
}
@-moz-keyframes flip {
  from { -moz-transform: perspective(600px) rotateX(-40deg); animation-timing-function: ease-out;}
  to {-moz-transform: perspective(600px) rotateX(0deg); animation-timing-function: ease-in;}
}
@-ms-keyframes flip {
  from { -ms-transform: perspective(600px) rotateX(-40deg); animation-timing-function: ease-out;}
  to {-ms-transform: perspective(600px) rotateX(0deg); animation-timing-function: ease-in;}
}
.flip{animation:flip 1s 500ms; -webkit-animation:flip 1s 500ms; -moz-animation:flip 1s 500ms; -ms-animation:flip 1s 500ms;}
.frombottom {
    -webkit-animation: frombottom 1 .8s ease-in-out;
    -moz-animation: frombottom 1 .8s ease-in-out;
    animation: frombottom 1 .8s ease-in-out;
}
@-webkit-keyframes frombottom {
    from {
        -webkit-transform: translateY(200px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes frombottom {
    from {
        transform: translateY(200px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@-moz-keyframes frombottom {
    from {
        -moz-transform: translateY(200px);
        opacity: 0;
    }
    to {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}
.fromleft {
    -webkit-animation: fromleft 1s 1;
    -moz-animation: fromleft 1s 1;
    animation: fromleft 1s 1;
}
@-webkit-keyframes fromleft {
    from {
        -webkit-transform: translateX(-300px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes fromleft {
    from {
        transform: translateX(-300px);
        opacity: 0;
    }
    to {
        transform: translateX(0px);
        opacity: 1;
    }
}
@-moz-keyframes fromleft {
    from {
        -moz-transform: translateX(-300px);
        opacity: 0;
    }
    to {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}
.fromright {
    -webkit-animation: fromright 1s 1;
    -moz-animation: fromright 1s 1;
    animation: fromright 1s 1;
}
@-webkit-keyframes fromright {
    from {
        -webkit-transform: translateX(100px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes fromright {
    from {
        transform: translateX(100px);
        opacity: 0;
    }
    to {
        transform: translateX(0px);
        opacity: 1;
    }
}
@-moz-keyframes fromright {
    from {
        -moz-transform: translateX(100px);
        opacity: 0;
    }
    to {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

.zoom {
    -webkit-animation: zoom 1 1.5s;
    -moz-animation: zoom 1 1.5s;
    animation: zoom 1 1.5s;
}
@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(0.5);
		opacity:0;
    }
	100% {
        -webkit-transform: scale(1);
		opacity:1;

    }
}

@-moz-keyframes zoom {
    0% {
        -moz-transform: scale(0.5);
		opacity:0;
    }
	100% {
        -moz-transform: scale(1);
		opacity:1;

    }
}

@keyframes zoom {
    0% {
        transform: scale(0.5);
		opacity:0;
    }
	100% {
        transform: scale(1);
		opacity:1;

    }
}
.zoom_in {
    -webkit-animation: zoom_in 1 1s;
    -moz-animation: zoom_in 1 1s;
    animation: zoom_in 1 1s;
}
@-webkit-keyframes zoom_in {
    0% {
        -webkit-transform: scale(0.9);
		opacity:0;
    }
    50%{
        -webkit-transform: scale(1.2);
		opacity:0.5;
    }
	100% {
        -webkit-transform: scale(1);
		opacity:1;

    }
}

@-moz-keyframes zoom_in {
    0% {
        -moz-transform: scale(0.9);
		opacity:0;
    }
    50%{
        -moz-transform: scale(1.2);
		opacity:0.5;
    }
	100% {
        -moz-transform: scale(1);
		opacity:1;

    }
}

@keyframes zoom_in {
    0% {
        transform: scale(0.9);
		opacity:0;
    }
    50%{
        transform: scale(1.2);
		opacity:0.5;
    }
	100% {
        transform: scale(1);
		opacity:1;

    }
}
.zoom_out {
    -webkit-animation: zoom_out 1s 1;
    -moz-animation: zoom_out 1s 1;
    animation: zoom_out 1s 1;
}
@-webkit-keyframes zoom_out {
    from {
        opacity: 1;
		-webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(.5);
        opacity: 0;
    }
}
 @keyframes zoom_out {
     from {
		opacity: 1;
		transform: scale(1);
    }
    to {
        transform: scale(.5);
        opacity: 0;
    }
} 
@-moz-keyframes zoom_out {
    from {
        opacity: 1;
		-moz-transform: scale(1);
    }
    to {
        -moz-transform: scale(.5);
        opacity: 0;
    }
}

.strach {
    -webkit-animation: strach 1 1s;
	animation: strach 1 1s;
    -moz-animation: strach 1 1s;
}
@-webkit-keyframes strach {
    0% {
        -webkit-transform: perspective(400px) scaleX(0.1);
		opacity:0;
    }
    50%{
        -webkit-transform: perspective(400px) scaleX(1.1);
		opacity:0.5;
    }
	100% {
        -webkit-transform: perspective(400px) scaleX(1);
		opacity:1;

    }
}
 @keyframes strach {
    0% {
        transform: perspective(400px) scaleX(0.1);
		opacity:0;
    }
    50%{
        transform: perspective(400px) scaleX(1.1);
		opacity:0.5;
    }
	100% {
        transform: perspective(400px) scaleX(1);
		opacity:1;

    }
} 

@-moz-keyframes strach {
    0% {
        -moz-transform: perspective(400px) scaleX(0.1);
		opacity:0;
    }
    50%{
        -moz-transform: perspective(400px) scaleX(1.1);
		opacity:0.5;
    }
	100% {
        -moz-transform: perspective(400px) scaleX(1);
		opacity:1;

    }
}
.rotate {
    -webkit-animation: rotate 1 1s;
	animation: rotate 1 1s;
    -moz-animation: rotate 1 1s;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: perspective(400px) rotate(15deg) scale(0.5);
		opacity:0;
    }
	100% {
        -webkit-transform: perspective(400px) rotate(0) scale(1);
		opacity:1;

    }
}
 @keyframes rotate {
    0% {
        transform: perspective(400px) rotate(15deg) scale(0.5);
		opacity:0;
    }
	100% {
        transform: perspective(400px) rotate(0) scale(1);
		opacity:1;

    }
} 

@-moz-keyframes rotate {
	0% {
		-moz-transform: perspective(400px) rotate(15deg) scale(0.5);
		opacity:0;
	}
	100% {
		-moz-transform: perspective(400px) rotate(0) scale(1);
		opacity:1;

	}
}
/*=== loader animation ===*/
@keyframes loaderscale {
    0% {transform: scaleY(1);}
    50% {transform: scaleY(1.5); opacity:1;}
    100% { transform: scaleY(1);}
}
@-webkit-keyframes loaderscale {
    0% {-webkit-transform: scaleY(1);}
    50% {-webkit-transform: scaleY(1.5); opacity:1;}
    100% {-webkit-transform: scaleY(1);}
}
@-moz-keyframes loaderscale {
    0% { -moz-transform: scaleY(1);}
    50% {-moz-transform: scaleY(1.5); opacity:1;}
    100% { -moz-transform: scaleY(1);}
}
@-ms-keyframes loaderscale {
    0% { -ms-transform: scaleY(1);}
    50% {-ms-transform: scaleY(1.5); opacity:1;}
    100% { -ms-transform: scaleY(1);}
}
.loaderscale{
	animation: loaderscale 1s ease-in-out infinite; -webkit-animation: loaderscale 1s ease-in-out infinite; -moz-animation: loaderscale 1s ease-in-out infinite; -ms-animation: loaderscale 1s ease-in-out infinite;}
/*=== loader animation ===*/