@charset "UTF-8";
@-webkit-keyframes fadeInUpMenu {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.delay-0-5 {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.delay-1 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
.delay-1-2 {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}
.delay-1-5 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}
.delay-1-8 {
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
}
.delay-2 {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
}
.animated-fast {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0);
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0);
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0);
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity:1;
}
25%, 75% {
opacity:0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity:1;
}
25%, 75% {
opacity:0;
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1);
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1);
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0);
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg);
}
}
.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:none;
transform:none;
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform:none;
transform:none;
}
}
@keyframes wobble {
0% {
-webkit-transform:none;
transform:none;
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform:none;
transform:none;
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9);
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97);
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9);
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97);
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0);
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0);
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0);
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0);
}
100% {
-webkit-transform:none;
transform:none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0);
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0);
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0);
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0);
}
100% {
-webkit-transform:none;
transform:none;
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0);
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0);
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0);
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0);
}
100% {
-webkit-transform:none;
transform:none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0);
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0);
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0);
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0);
}
100% {
-webkit-transform:none;
transform:none;
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0);
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0);
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0);
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0);
}
100% {
-webkit-transform:none;
transform:none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0);
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0);
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0);
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0);
}
100% {
-webkit-transform:none;
transform:none;
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0);
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0);
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0);
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0);
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0);
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0);
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0);
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0);
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9);
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9);
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0);
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0);
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0);
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0);
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0);
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0);
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0);
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0);
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0);
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0);
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0);
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0);
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightQuick {
0% {
opacity:0;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInRightQuick {
0% {
opacity:0;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
.fadeInRightQuick {
	-webkit-animation-name: fadeInRightQuick;
	animation-name: fadeInRightQuick;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpQuick {
0% {
opacity:0;
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInUpQuick {
0% {
opacity:0;
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
.fadeInUpQuick {
	-webkit-animation-name: fadeInUpQuick;
	animation-name: fadeInUpQuick;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1;
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1;
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
}
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1;
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1;
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
}
}
.flipInY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0;
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0;
}
}
.flipOutY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0;
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1;
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1;
}
100% {
-webkit-transform:none;
transform:none;
opacity:1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0;
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1;
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1;
}
100% {
-webkit-transform:none;
transform:none;
opacity:1;
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity:1;
}
100% {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0;
}
}
@keyframes lightSpeedOut {
0% {
opacity:1;
}
100% {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0;
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0;
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0;
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1;
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1;
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1;
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1;
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1;
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1;
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1;
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0;
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0;
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0;
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0;
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0;
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1;
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1;
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0;
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
50% {
opacity:1;
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
50% {
opacity:1;
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity:1;
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
100% {
opacity:0;
}
}
@keyframes zoomOut {
0% {
opacity:1;
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
100% {
opacity:0;
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center;
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center;
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center;
}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
visibility:visible;
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
visibility:visible;
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
visibility:visible;
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
visibility:visible;
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
visibility:visible;
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
visibility:visible;
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
visibility:visible;
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
visibility:visible;
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
visibility:hidden;
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
visibility:hidden;
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
visibility:hidden;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
visibility:hidden;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
visibility:hidden;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
visibility:hidden;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
visibility:hidden;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
visibility:hidden;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}
.stretchRight {
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;
	animation-duration: 8s;
	-webkit-animation-duration: 8s;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
}
@keyframes stretchRight {
0% {
transform:scaleX(0.3);
}
40% {
transform:scaleX(1.02);
}
60% {
transform:scaleX(0.98);
}
80% {
transform:scaleX(1.01);
}
100% {
transform:scaleX(0.98);
}
80% {
transform:scaleX(1.01);
}
100% {
transform:scaleX(1);
}
}
@-webkit-keyframes stretchRight {
0% {
-webkit-transform:scaleX(0.3);
}
40% {
-webkit-transform:scaleX(1.02);
}
60% {
-webkit-transform:scaleX(0.98);
}
}
80% {
 -webkit-transform: scaleX(1.01);
}
 100% {
 -webkit-transform: scaleX(1);
}
}
.slicknav_btn {
	cursor: pointer;
	display: block;
	float: right;
	height: 35px;
	line-height: 50px;
	padding: 10px 0 9px;
	position: relative;
	vertical-align: middle;
	width: 44px;
}
.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
	margin-top: 0.188em;
}
.slicknav_menu {
*zoom:1;
}
.slicknav_menu .slicknav_menutxt {
	display: block;
	line-height: 1.188em;
	float: left;
}
.slicknav_menu .slicknav_icon {
	margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_no-text {
	margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 1.125em;
	height: 0.125em;
	margin: 0 auto;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background: #ffffff;
}
.slicknav_menu .slicknav_btn:hover .slicknav_icon-bar {
	background: #ffffff;
}
.slicknav_menu:before {
	content: " ";
	display: table;
}
.slicknav_menu:after {
	content: " ";
	display: table;
	clear: both;
}
.slicknav_nav {
	clear: both;
}
.slicknav_nav ul {
	display: block;
}
.slicknav_nav li {
	display: block;
	line-height: 30px;
}
.slicknav_nav li:not(:first-child) {
	border-top: 1px solid rgba(0,0,0,0.04);
}
.slicknav_nav .slicknav_arrow {
    background: #000 none repeat scroll 0 0;
    float: right;
    text-align: center;
    width: 35px;
    color: #ccc;
}

.navbar-brand {
    position: absolute;
    top: 8px;
    left: 7px;
}

.slicknav_nav .slicknav_item {
	cursor: pointer;
}
.slicknav_nav .slicknav_item a {
	display: inline;
}
.slicknav_nav .slicknav_row {
	display: block;
}
.slicknav_nav a {
	display: block;
}
.slicknav_nav .slicknav_parent-link a {
	display: inline;
}
.slicknav_brand {
	float: left;
}
.slicknav_menu {
	font-size: 16px;
	box-sizing: border-box;
}
.slicknav_menu ul {
	    opacity: 0.98;
	background: #1f1f1f;
}
.slicknav_menu * {
	box-sizing: border-box;
}
.slicknav_menu .slicknav_menutxt {
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 3px #000;
}
.slicknav_btn {
	border: 1px solid;
	border-radius: 0;
	margin: 16px 15px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.slicknav_nav {
	color: #fff;
	font-size: 0.875em;
	list-style: outside none none;
	margin: 0;
	max-height: 350px;
	overflow-y: scroll;
	padding: 0;
	width: 100%;
}
.slicknav_nav ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 0px;
}
.slicknav_nav .slicknav_row {
	padding: 5px 10px;
	margin: 2px 0px;
}
.slicknav_nav a {
	padding: 5px 10px;
	margin: 0px;
	text-decoration: none;
	color: #cecece;
}
.slicknav_nav .slicknav_txtnode {
	margin-left: 15px;
}
.slicknav_nav .slicknav_item a {
	padding: 0;
	margin: 0;
}
.slicknav_nav .slicknav_parent-link a {
	padding: 0;
	margin: 0;
}
.slicknav_brand {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	padding: 7px 12px;
	height: 44px;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.grabbing {
	cursor: url(../../page-not-found.html) 8 8, move;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.animated {
	-webkit-animation-duration: 1000 ms;
	animation-duration: 1000 ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.owl-animated-out {
	z-index: 1
}
.owl-animated-in {
	z-index: 0
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
*display:inline;
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	opacity: 1;
	text-decoration: none;
}
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
*display:inline;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.owl-item.loading {
	min-height: 150px;
	background: url(../../page-not-found.html) no-repeat center center
}




@media (min-width: 768px) and (max-width: 1024px) {
	
		.outer {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
}
	
	.a2icolor {
    background-color: #009e70!important;
    color: #fff;
		 height: 80%;
}
	
	.a2itop2 {
    background-image: url(../img/a2itop2.png);
    height: 80%;
    background-position-y: 42px;
    background-repeat: no-repeat;
    background-position-x: -250%;
}
	
	.a2itop {
    background-image: url(../img/a2itop.png);
    height: 650px;
    background-position-y: 42px;
    background-repeat: no-repeat;
    background-position-x: -150%;
}
	
	
	
	.distilldbg2 {
    background-color: #272727!important;
    color: #fff;
    min-height: 480px;
}
	
	.money360lap {
    background-image: url(../img/money3601.png);
    height: 650px;
    background-position-y: 42px;
    background-repeat: no-repeat;
		background-position-x: -385px;
}
	
	.jetcrewlapy {
    background-image: url(../img/jetcrewlapy.png);
    height: 650px;
    background-position-y: 42px;
    background-repeat: no-repeat;
	background-position-x: -385px;
}
	
	.knowmore123{
		display: none!important;
	}
	
	.pitfactorlaptop {
    background-image: url(../img/pitfactorlaptop.png);
    height: 650px;
    background-position-y: 52px;
    background-repeat: no-repeat;
    background-position-x: -370px;
}
	
	.casecolor1.pt-150.portfolio{
		    padding-top: 110px;
	}
	
	.casecolor1 {
    background: #d3303c;
     min-height: auto!important;
}
	
		.wowshape{
		display: none;
	}
	
	.wowshape1{
		display: none;
	}
	
	.paddingmobileadjust.pt-100.pb-100{
		padding-top: 20px;
		padding-bottom: 50px;
		   height: 360px;
	}
	
	.wowlaptop {
  
    background-position-x: -390px;
}
	
	.wowlaptop1 {
   
    background-position-x: -390px;
}
	
.portfolio p {
    font-size: 14px;
    line-height: 20px;
}
	
	.portfolio .middle img{
		    width: 28%;
		    margin: 0px;
    margin-top: 20px;
	}
	
	.img-fluid {
    max-width: 87%!important;
    height: auto;
}
	
	.damakhanlaptop {
    background-image: url(../img/damakan5.png);
    height: 650px;
    background-position-y: 42px;
    background-repeat: no-repeat;
    background-position-x: -350px;
}
	
	.pl-50-0{
		padding-left: 0px!important;
	}
	
	.paddingtop0{
		padding-top: 60px!important;
		padding-bottom: 180px!important;
	}
	
	.margintbottom {
    margin-bottom: 0px;
}
	
	.pt-50-0{
		padding-top: 0px!important;
	}
	
	.pt-200 {
   padding-top: 0px;
}
	
	.cherry {
    position: absolute;
    background-image: url(../img/cherry.png);
    width: 228px;
    height: 238px;
    bottom: -110px;
}
	.col-20{
		width: 49.9%;
	}
	
	.ourvalue2 {
    background-image: url(../img/ourvalue2.jpg);
    border-radius: 5px;
    height: 100%;
    padding: 50px;
    padding-bottom: 70px;
}
	
	.ourvalue1 {
    background-image: url(../img/ourvalue1.jpg);
    border-radius: 5px;
    height: 100%;
    padding: 50px;
    padding-bottom: 70px;
}
	
	
	#hero1 {
    height: 100%;
}
	.nofoundimage{
	width: 40%;
	margin-top: 35px;
}
	
.height100 {
    height: 70%;
}
	.section-title {
    font-size: 22px!important;
		line-height: 29px!important;
}
	
	.wave {
    width: auto!important; 
}
	
		
	.wave1 {
    width: auto!important;  
}
	
		.bluewave {
    width: auto!important;  
}
	
	.orengewave {
    width: auto!important;  
}
	
	
	.roadmore img{
	width: 80px;
}

	
	#imageContainer1 {
    height: 100%!important;
    align-items: flex-end;
    display: flex;
}
	
	.screenshotes img{
		width: 50%;
	}
	
	.casesududyimge .mt-80{
		width: 100px!important;
		margin-top: 20px!important;margin-bottom: 20px!important;
	}
	
	.casesududyimge  .pt-70{
		padding-top: 0px;
		
	}
	
	.paddingtop250 {
    padding-top: 40px;
}
	.taxtappne .pl-80 {
    padding-left: 19px;
}
	
	.kepow {
    position: absolute;
    z-index: 999;
    left: -6px;
    top: -18px;
	}
	.media-heading {
    font-size: 14px!important;
  
}
	
	.mt-18m {
    margin-top: 7px!important;
}
	.b2b span {
    font-size: 25px;
}
	
	.widthipad{
		max-width: 22%!important;
	}
	
	.footernewdown a {
    padding-left: 21px;
    padding-right: 21px;
}
	
	.lead {
    font-size: 15px;
    font-weight: 300;
}
	
	#hero1 h1 {
    font-size: 21px;
    font-weight: 500;
    color: #fff;
}
	.hero-area.home-1.height100{
		height: 100%!important;
		
	}
	
	.boxnew {
   font-size: 19px!important;
}
	.whychoose .mt-80{
		margin-top: 0px;
	}
	
	
		.engagement .pt-30 {
    padding-top: 20px!important;
}
	
	.engagement .pb-30 {
    padding-bottom: 10px!important;
}
	
	
	.serveicewe .media-heading {
    font-size: 20px!important;
    font-weight: 500;
    margin-left: 10px;
    line-height: 33px;
}
	
	
	#timeline .timeline-movement .timeline-item .timeline-panel {
  
    padding-left: 18px;
}
	
	ul.social-network li {
    display: inline;
    margin: 0 5px;
    color: #a0a5ac;
    width: 16.5%;
    float: left;
    text-transform: uppercase;
    font-size: 9px;
    text-align: center;
}
	
	.menu-horizontal {
    margin: inherit;
    position: relative;
    padding-top: 5px;
    padding-left: 0px;
    margin-top: 0px;
}
	
	footer .pb-50 {
    padding-bottom: 0px;
}

footer .pt-50 {
    padding-top: 0px;
}
	
	.herotext {
    padding: 70px 0px;
    padding-top: 160px;
}
	
	.exe ul{
   padding-left: 0px;
}
	
.section-title {
	font-size: 40px;
}
.small-title {
    font-size: 13px;
    position: relative;
    text-align: left;
}
.social-links-bordered a i {
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.input-lg {
	font-size: 14px;
}
.full-search input[type='text'] {
	width: 96%;
}
#roof .quick-contacts span {
	padding: 0 10px;
}
#roof .social-links a {
	margin: 0 2px;
}
.navbar-engage .navbar-nav>li>a, .navbar-engage.affix .navbar-nav>li>a, .navbar-engage .navbar-nav>li>a:focus, .navbar-engage.affix .navbar-nav>li>a:focus {
	font-size: 12px;
	padding: 0;
	margin: 20px 10px;
}
.navbar-engage .navbar-brand img, .navbar-engage.affix .navbar-brand img {
	width: 100px;
}
.navbar-engage .dropdown-menu>li>a, .navbar-engage.affix .dropdown-menu>li>a {
	font-size: 12px;
}
.navbar-engage .navbar-nav>li>a:before, .navbar-engage.affix .navbar-nav>li>a:before {
	bottom: 0;
}
.navbar-engage.affix .navbar-brand {
	padding: 15px;
}
.top_search_con {
	display: none;
}
#carousel-area .item {
	height: 400px;
}
#carousel-area .item .carousel-caption h2 {
	font-size: 50px;
}
#carousel-area .item .carousel-caption h3 {
	font-size: 20px;
}
#carousel-area .carousel-control i {
	width: 40px;
	height: 40px;
	padding: 12px 0;
	font-size: 15px;
}
#service-block-main .service-item {
	margin: 60px 0;
}
#service-block-main .service-item h2 {
	font-size: 24px;
}
#service-block-1 .service-item .service-content h2 {
	font-size: 26px;
}
#portfolio .portfolio-items .mix, #portfolio .portfolio-items .gap {
	width: 50%;
}
#portfolio .portfolio-items figure figcaption {
	padding: 32px;
}
#portfolio .portfolio-items.col-3 .mix, #portfolio .portfolio-items.col-3 .gap {
	width: 50%;
}
#other-services .other-service-item .service-content h3 {
	font-size: 18px;
}
#progress {
	overflow-x: hidden;
}
#progress .our-progress:before {
	background: none;
}
#progress .progress-bottom {
	padding-bottom: 0;
	padding-top: 0;
}
#progress .progress-item {
	margin: 30px 0;
}
#notice h4 {
	font-size: 30px;
}
#notice p {
	font-size: 20px;
}
#notice .notice-button {
	margin-top: 15px;
}
#cool-facts .fact-block {
	margin: 30px 0;
}
#cool-facts .section-subtitle {
	padding-bottom: 30px;
	font-size: 24px;
}
#blog .blog-item-wrapper {
	margin: 30px 0;
}
#blog .blog-item-text .blog-item-info a {
	padding-right: 6px;
}
#team .team-item {
	margin: 30px 0;
}
.pricing-table {
	margin: 60px 0;
}
.pricing-table h3 {
	font-size: 24px;
}
footer .footer-widget {
	margin: 30px 0;
}
#service-block-2 .service-inner h3 {
	font-size: 24px;
}
#why-choose h2 {
	font-size: 24px;
}
#why-choose .tab-container h2 {
	font-size: 24px;
}
.social-icons-fill li {
	margin-right: 1px;
}
.massage-box .massage-box-icon {
	height: 60px;
}
#tabs .tab-content h1 {
	font-size: 24px;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.section-title {
	font-size: 36px;
}
.page-header .page-subtitle {
	font-size: 18px;
}
.navbar-engage .dropdown .sub-menu {
	top: 0;
	left: 0!important;
	padding: 0;
	border: none;
	-webkit-animation: fadeInUpMenu 0.4s;
	-moz-animation: fadeInUpMenu 0.4s;
	-ms-animation: fadeInUpMenu 0.4s;
	-o-animation: fadeInUpMenu 0.4s;
	animation: fadeInUpMenu 0.4s;
}
#carousel-area .item {
	height: 300px;
}
#carousel-area .item .carousel-caption h2 {
	font-size: 30px;
}
#carousel-area .item .carousel-caption h3 {
	font-size: 18px;
}
#carousel-area .item .carousel-caption .btn {
	margin: 5px;
}
#carousel-area .carousel-control i {
	width: 40px;
	height: 40px;
	padding: 12px 0;
	font-size: 15px;
}
#carousel-area .carousel-indicators {
	display: none;
}
#service-block-main .service-item {
	margin: 60px 0;
}
#service-block-main .service-item h2 {
	font-size: 24px;
}
#portfolio .portfolio-items .mix, #portfolio .portfolio-items .gap {
	width: 50%;
}
#portfolio .portfolio-items .mix figure h4, #portfolio .portfolio-items .gap figure h4 {
	display: none;
}
#portfolio .portfolio-items .mix figure figcaption::after, #portfolio .portfolio-items .gap figure figcaption::after, #portfolio .portfolio-items .mix figure figcaption::before, #portfolio .portfolio-items .gap figure figcaption::before {
	display: none;
}
#portfolio .portfolio-items figure figcaption {
	padding: 10px;
}
#portfolio .controls .btn {
	margin: 5px 2px;
}
#portfolio .portfolio-items.col-3 .mix, #portfolio .portfolio-items.col-3 .gap {
	width: 50%;
}
#portfolio .portfolio-items.col-3 .mix figure h4, #portfolio .portfolio-items.col-3 .gap figure h4 {
	display: none;
}
#portfolio .portfolio-items.col-3 .mix figure figcaption::after, #portfolio .portfolio-items.col-3 .gap figure figcaption::after, #portfolio .portfolio-items.col-3 .mix figure figcaption::before, #portfolio .portfolio-items.col-3 .gap figure figcaption::before {
	display: none;
}
#portfolio .portfolio-items figure figcaption {
	padding: 25px;
}
#portfolio .controls .btn {
	margin: 5px 2px;
}
#progress {
	overflow-x: hidden;
}
#progress .our-progress:before {
	background: none;
}
#progress .progress-bottom {
	padding-bottom: 0;
	padding-top: 0;
}
#progress .progress-item {
	margin: 30px 0;
}
#cool-facts .fact-block {
	margin: 30px 0;
}
#testimonial #testimonial-carousel p {
	font-size: 20px;
}
#testimonial #testimonial-carousel .carousel-control.left {
	left: 15px;
}
#testimonial #testimonial-carousel .carousel-control.right {
	right: 15px;
}
#testimonial .item blockquote small span {
	display: block;
	line-height: 40px;
}
#blog .blog-item-wrapper {
	margin: 30px 0;
}
#clients #clients-scroller img {
	width: 80%;
	margin-left: 34px;
}
#team .team-item {
	margin: 30px 0;
}
.pricing-table {
	margin: 60px 0;
}
.pricing-table h3 {
	font-size: 24px;
}
#tabs .nav-tabs li a {
	font-size: 12px;
	padding: 10px 12px;
}
#why-choose .tab-container h2 {
	font-size: 26px;
}
#why-choose .tab-menu .list-group {
	width: 536px;
	margin: 40px 8px;
	float: left;
}
#why-choose .tab-menu .list-group>a {
	float: left;
	margin: 0px 8px;
}
.page-header-content h2 {
	text-align: center;
}
}
@media (min-width: 320px) and (max-width: 667px) {
	
	.mobilemenu
	
	.mt-30.mb-70 {
    margin-left: 1px!important;

}
	
	#header-wrap h1{
		    font-size: 24px!important;
	}
	

	
	.media.marginbottom40{
	margin-bottom: 10px!important;}
	.imagebox .imagebox-desc {
    font-size: 15px!important;
 
}
	.btn-outline {

    margin-top: 5px!important;
}
	
	.btn-sm {
    padding: 9px 14px!important;
}
	
	.boxnew {
    font-size: 17px!important;
 font-weight: 700!important;
}
	
	.media-heading {
    font-weight: 500!important;
		
}
	
	.boxnew .mt-18 {
    margin-top: 8px;
}
	
	
	.boxnewbtn {
      font-weight: 700;
}
	
	.key h4 {
     font-weight: 700;
}
	
	#hero1 h1 {
    font-weight: 700;
}
	
	#hero1 h2 {
font-weight: 500;
 
}
	
	#hero1 h3 {

font-weight: 500;

}
	
	.keyimg img {
    width: 43px;
}
	.slicknav_nav a {
   font-weight: 700!important;
    color: #fff!important;
}
	
	.section-title {
    font-size: 22px!important;
     font-weight: 700!important;
}
	
	.howour img{
		    width: 44px!important;
	}
	
	.btn-common {
    font-size: 17px;
    font-weight: 600;
}
	.index-content .card h4 {
   font-weight: 700;
}
	
	.index-content .card p {
    font-weight: 700;
}
	
	.service__title {
   font-weight: 700!important;
}
	
	#cool-facts .fact-count h4 {
     font-weight: 500!important;
}
	
	.hero-area .subtitle {
    font-size: 37px!important;
    line-height: 40px!important;

}
	.service__item{
		padding-top: 5px!important;
		padding-bottom: 5px!important;
	}
	
	.service__icon{
		margin-top: 15px!important;
	}
	
	
	.service__overlay {
    padding: 0px 20px 0!important;
    margin-bottom: 13px!important;
}
	
	.pt-80 {
    padding-top: 50px!important;
		 padding-bottom: 50px!important;
}
	
	.maintitle h3 {
    font-size: 23px!important;
	}
	
	.marginbottommobile .pb-100 {
    padding-bottom: 20px!important;
}
	
	.centercol .boxnewbtn{
		margin-bottom: 20px;
	}
	
	.ochishape1{
			display: none!important;
	}
	
	.ochishape2{
			display: none!important;
	}
	
	.machineshape2{
		display: none!important;
	}
	.machineshape1{
		display: none!important;
	}
	
	.redmishape{
		display: none!important;
	}
	
	
	.redmishape1{
		display: none!important;
	}
	
	
		.outer {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
}
	
	.a2itop {
   background-image:none!important;
    height: auto;
    background-position-y: 42px;
    background-repeat: no-repeat;
		 padding-top: 50px!important;
    padding-bottom: 50px!important;
}
	
	.a2itop2 {
   background-image:none!important;
    height: auto;
    background-position-y: 42px;
    background-repeat: no-repeat;
		 padding-top: 50px!important;
    padding-bottom: 50px!important;
}
	
	.marginmob20{
		margin-top: 20px;
	}
	
	.happytop1 {
  background-image:none!important;
    height: auto;
    background-position-y: 42px;
    background-repeat: no-repeat;
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}
	
		.happytop2 {
  background-image:none!important;
    height: auto;
    background-position-y: 42px;
    background-repeat: no-repeat;
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}
	
	.haltop {
    background-image:none!important;
    height: 650px;
    background-position-y: 42px;
    background-repeat: no-repeat;
}
	
	.haltop1 {
     background-image:none!important;
    height: 650px;
    background-position-y: 42px;
    background-repeat: no-repeat;
}
	
	.haltop.pt-100 {
    padding-top: 30px!important;
}
	
	
	.haltop1.pt-100 {
    padding-top: 30px!important;
}
	
	.herotext img{
		margin-top: 50px;
	}
	
		.money360lap {
    background-image:none!important;
    height: 650px;
    background-position-y: 42px;
    background-repeat: no-repeat;
		background-position-x: -385px;
}
	
	.wepassdo {
    position: absolute;
    background-image: url(../img/wepassdo.png);
    background-repeat: no-repeat;
    width: 277px;
    height: 318px;
    bottom: 110px;
    left: -40px;
		display: none;
}

.wepassdo1 {
	    position: absolute;
    background-image: url(../img/wepassdo1.png);
    background-repeat: no-repeat;
    width: 258px;
    height: 317px;
    bottom: 110px;
    right: -20px;
	display: none;
}
	
	.pt-100.pb-100.wowlaptop{
		padding-top: 20px;
		padding-bottom: 50px;
		    height: auto;
	}
	
	.paddingmobileadjust.pt-100.pb-100{
		padding-top: 20px;
		padding-bottom: 50px;
		    height: auto;
	}
	
	.pt-100.pb-100.wowlaptop1{
		padding-top: 20px;
		padding-bottom: 50px;
		    height: auto;
	}
	
	.wowlaptop{
	background-image: none;
	}
	.wowlaptop1{
	background-image: none;
	}
	
	.wowshape{
		display: none;
	}
	
	.wowshape1{
		display: none;
	}
	.mt-30.mb-70{
		margin: 10px;
	}
	.portfolio .pt-00{
		margin-top: 20px;
	}
	
		.portfolio.pt-150 {
    padding-top: 110px;
}
	
	
	.portfolio .mt-00{
		margin-top: 20px;
	}
	
	
	.wizzlemain {
    width: 100%;
    margin-top: -30px!important;
    height: 314px;
    margin-bottom: 70px;
}
	
	
	.damakhanlaptop {
    background-image: none;
    height: 480px;
    background-position-y: 42px;
    background-repeat: no-repeat;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}
	
	
	.chocltop {
   background-image: none;
    height: 480px;
    background-position-y: 42px;
    background-repeat: no-repeat;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}
	
	
	.vivinotbanner1 .section-title {
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    padding: 10px 0;
}
	
	.single-testimonial-area h3 {
    font-size: 25px;
    line-height: 25px;
}
	
	.vivnobackground2 .section-title {
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    padding: 10px 0;
}
	
	.downarroweffect{
		display: none!important;
	}
	.pl-50-0{
		padding-left: 15px!important;
	}
	
	.pt-200 {
    padding-top: 50px;
}
	
	.outer {
    display: table;
position: relative;
    /* height: 100%; */
    /* width: 100%; */
}
	
	.hero-area.home-1.height100{
		height: 100%;
	}
	
	
	.linemiddle.mb-80 {
    margin-bottom: 30px;
}
	#cool-facts .fact-count h3 {
    color: #fff;
    font-family: 'Avenir Next LT Pro';
    font-size: 23px;
    line-height: 21px;
    text-transform: uppercase;
    font-weight: bold;
}
	
	#cool-facts .facts-item {
    text-align: left;
    padding-bottom: 0px;
    float: left!important;
}
	.nofoundimage {
    width: 80%;
}
	
.quki img{
	width: 100%;
}
	
	.quki .ourflexi img {
    width: 220px!important;
}
	
	.whychooseusnew .mt-80{
		margin-top: 0px;
		
	}
	
	.tree, .coffee, .phone, .draw, .frame, .laptop {
    position: absolute;
    z-index: -1;
    display: none;
}
	
	
	.imageContainer {
    min-height: auto!important;
    align-items: flex-end;
    display: flex;
}
	
	
	.wave {
    width: auto!important; 
}
	
		
	.wave1 {
    width: auto!important;  
}
	
		.bluewave {
    width: auto!important;  
}
	
	.orengewave {
    width: auto!important;  
}
	
	
	
	.slicknav_btn {
    border: 1px solid #fff;
    border-radius: 0;
    float: right;
    margin: 14px 15px!important;
    transition: all 0.2s linear 0s;
}
	
	.enerpr h3 {
    font-size: 16px!important;
}
	
	.newdedicated h3 {
    font-size: 17px!important;
    font-weight: 400;
}
	
.font23 {
    font-size: 15px;
    line-height: 20px;
}
	#contactmaincon .alert {
    padding: 0px!important;
    width: 100%!important;
    margin: 0 auto;
    margin-top: 13px;
}
	
	#hero1 {
    height: 100%;
}
	
	.ourvalue2 {
    background-image: url(../img/ourvalue2.jpg);
    border-radius: 5px;
    min-height: 365px;
    padding: 50px;
    padding-bottom: 80px;
}
	
	.ourvalue1 {
    background-image: url(../img/ourvalue1.jpg);
    border-radius: 5px;
    min-height: 365px;
    padding: 50px;
    padding-bottom: 80px;
}
	
	.lifeat .pl-70{
		padding-left: 15px;
	}
	
.height100 {
    height: 100%;
}
	.lineheightmob {
    line-height: 28px;
    padding-top: 9px;
}
	
	.backgroudwhite{
		padding-top: 20px;
	}
	
	#imageContainer1 {
    min-height: 355px!important;
    align-items: flex-end;
    display: flex;
}
	.pt-150 {
    padding-top: 30px;
    padding-bottom: 80px;
}
	
	
	
	.subscribene {
       background-image: none!important;
    font-size: 20px!important;
    background-position-y: -180px;
    background-position-x: 420px;
		background-size: cover;
}
	
	.col-20{
	    width: 100%;
    float: left;
    padding: 8px;
}
	
	.ourflexi img{
		width: 100px;
	}
	
	.subscribene .btn-common{
		text-align: center!important;
	}
	
	.timeline time {
    display: none!important;
   
}
	
	.boxshadow ul{
		padding-left: 15px;
	}
	
	ul.social-network li {
    display: inline;
    margin: 0 5px;
    color: #a0a5ac;
    width: 14%!important;
    float: left;
    text-transform: uppercase;
    font-size: 9px;
    text-align: center;
    line-height: 14px;
}
	
	
	
	.roadmore img{
		width: 80px;
	}
	.fontamount{
		    font-size: 50px;
    font-family: 'Avenir Next LT Pro';

	}
	
	.mt-150 {
    margin-top: 20px;
}
	
	.pt-150 {
    padding-top: 20px;
}
	
	#imageContainer {
    min-height: auto!important;
       align-items: flex-end;
    display: flex;
}
	
	.casesududyimge .mt-80{
		width: 100px!important;
		margin-top: 20px!important;margin-bottom: 20px!important;
	}
	
	.casesududyimge  .pt-70{
		padding-top: 20px;
		
	}
	.width100{
		width: 100%!important;
	}
	.paddingtop250 {
    padding-top: 30px!important;
}

		.taxtappne .pl-80 {
    padding-left: 50px!important;
}
	
	.text-md-center {
    text-align: center!important;
}
	.kepow {
    position: absolute;
    z-index: 999;
    left: 0px;
    top: -16px;
}
	
	
	footer .footer-widget {
    margin: 10px 0!important;
}
	
	.small-title {
    font-size: 13px!important;
    position: relative;
    text-align: left;
}
	
	.mobiletop0{
		margin-top: 0px;
	}
	.pl-80m{
		padding-left: 49px!important;
	}
	
	.pl-50m{
		padding-left: 15px!important;
	}
	.ourflexi img {
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
	
	.halfcolor {
    background-image:none;
		background-color: #485d93;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
	
	.engagement .pt-30 {
    padding-top: 10px!important;
}
	
	.engagement .pb-30 {
    padding-bottom: 10px!important;
}
	.section-title {
    padding: 10px 0px 0px!important;
}
	.push-9 {
    left: 0%;
}
	.pull-3 {
    right: 0%;
}
	
	.border-dotedright{
	border-right: 0px dotted #a4aec9;
	opacity: 0.1;
}
.border-right{
	border-right: 0px solid #ccc;
}
.border-top{
	border-top: 0px solid #ccc;
}
.border-bottom{
	border-bottom: 0px solid #ccc;
}
.border-left{
	border-left: 0px solid #ccc;
}
	
	.boxshadow h3 {
    font-size: 19px!important;
    line-height: 25px!important;
		font-weight: 700!important;
}
	.wrapsection h1 {
    font-size: 23px;
}
	
	.paddingmobile10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
	.media-left {
    padding-right: 1px!important;
	}
	
	.linetimeline {
    line-height: 26px;
    padding-top: 1px!important;
}
	
	.margintopmobile{
	padding-top: 20px!important;
	}
	
.media-heading {
    font-size: 15px!important;
    font-weight: 500!important;
    margin-left: 10px;
 
}
	
	.desingli{
		    line-height: 26px;
    padding-top: 10px;
	}
	.marginbottom40 {
    margin-bottom: 25px;
}
	#timeline .rightnew {
    margin-left: 0px!important;
}
	
	#timeline .row{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	#timeline .timeline-movement.timeline-movement-top {
    height: 10px;
    margin-top: 27px!important;
}
	
	#timeline .col-sm-offset-1 {
    margin-left: 0px;
		
}
	
	.slicknav_menu .slicknav_btn:hover .slicknav_icon-bar {
    background: #ffffff;
}
	.slicknav_btn {
    border: 1px solid #fff;
    border-radius: 0;
    margin: 16px 15px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    float: right;
}
	
	.slicknav_icon{
		       float: right;
    margin-top: 2px!important;
    margin-right: 0px!important;
    padding-top: 13px;
    padding-bottom: 15px;
    width: 42px;
}
	
	ul.social-network li {
    display: inline;
      margin: 0 11px;
    color: #a0a5ac;
    width: 17%;
    float: left;
    text-transform: uppercase;
    font-size: 9px;
    text-align: center;
		line-height: 14px;
}
	
	#blog .blog-item-wrapper {
    margin: 0px 0!important;
    margin-bottom: 30px!important;
}
	
	.linemiddle {
    width: 70px;
    height: 3px;
    margin: 0 auto;
    background: #5eb833;
    margin-top: 10px;
    margin-bottom: 20px;
}
	
	.backgroudwhite {
    background: #fff;
    border-radius: 7px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: 15px!important;
    margin-right: 15px!important;
}
	
	.exe ul {
    list-style-type: none;
    padding-left: 0px;
}
	.mt-60 {
    margin-top: 20px!important;
}
	
	.row {
    padding: 0px 0px 0px!important;
}
	
	
	
	.mb-60 {
    margin-bottom: 20px!important;
}
	
	#timeline .timeline-movement .timeline-item .timeline-panel {
  
    padding-left: 20px;
}
	
	#contactarea h3 {
    font-size: 23px;
    color: #444b54;
    font-weight: 500;
		padding-left: 10px;
		padding-right: 10px;
}
	
	#contactarea p{ padding-left: 10px!important;
    padding-right: 10px!important;
		
	}
	.pt-50 {
    padding-top: 20px!important;
}
	
	.pb-50 {
    padding-bottom: 20px!important;
}
	
	.maintitle p {
    font-size: 15px!important;
   
}
	
	.widht100{
		width: 100%!important;
	}
	
	.offset-6{
		margin: 0px;
	}
	
	#contact .alert {
    padding: 0px!important;
    width: 102%;
    margin: 0 auto;
    margin-top: 13px;
}
	
	.borderright{
		border:none!important;
	}
	
	.herotext {
    padding: 0px 0px;
    padding-top: 220px;
}
	
	.herotext {
    padding: 0px 0px;
    padding-top: 110px;
}
	
	.mobiletop0{
		padding-top: 0px!important;
	}
	
	#hero1 h1 {
    font-size: 29px;
    font-weight: 500;
    color: #fff;
}
		
	}
	
	


@media (min-width: 320px) and (max-width: 667px) {
	
	.containermobile {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}
	
	ul li>ul>li>a:hover, ul li>ul>li>a .active {
    background: #000!important;
}
	.ourflexi.pl-20.pr-20.pb-20 .pl-80m {
    padding-left: 17px!important;
}
	.cross ul li {
    font-size: 15px!important;
   font-weight: 500;
}
	
	.ourflexi.pl-20.pr-20.pb-20 .pl-50 {
    padding-left:17px!important;
}
	
	.ourvalue1, .ourvalue2 {
padding: 20px!important;
		height: 103%!important;
}
	
	
	p {
    font-size: 14px;
    font-family: 'Avenir Next LT Pro';
    font-weight: 500;
}
	
	
	.widht100{
		width: 100%!important;
	}
.section-title {
    font-size: 24px;
    line-height: 21px;
}
.section-title:before {
	display: none;
}
.small-title {
	font-size: 25px;
}
.social-links-bordered a i {
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.page-header .page-title {
	font-size: 20px;
}
.page-header .page-subtitle {
	font-size: 18px;
}
.input-lg {
	font-size: 14px;
}
#roof .quick-contacts span {
	padding: 0 10px;
}
#roof .social-links a {
	margin: 0 2px;
}
.row {
	padding: 30px 0px 40px;
}
.section-title {
	padding: 30px 0px 15px;
}
.section-title+.row {
	padding: 0px 0px 30px;
}
#carousel-area .item {
	height: 300px;
}
#carousel-area .item .carousel-caption h2 {
	font-size: 30px;
}
#carousel-area .item .carousel-caption h3 {
	font-size: 20px;
}
#carousel-area .item .carousel-caption .btn {
	margin: 5px;
}
#carousel-area .carousel-control i {
	width: 40px;
	height: 40px;
	padding: 12px 0;
	font-size: 15px;
}
#carousel-area .carousel-indicators {
	display: none;
}
#service-block-main .service-item {
	margin: 60px 0;
}
#service-block-main .service-item h2 {
	font-size: 24px;
}
#service-block-1 .service-item .service-content h2 {
	font-size: 22px;
}
#portfolio .portfolio-items .mix, #portfolio .portfolio-items .gap {
	width: 100%;
}
#portfolio .portfolio-items .mix figure h4, #portfolio .portfolio-items .gap figure h4 {
	display: none;
}
#portfolio .portfolio-items .mix figure figcaption::after, #portfolio .portfolio-items .gap figure figcaption::after, #portfolio .portfolio-items .mix figure figcaption::before, #portfolio .portfolio-items .gap figure figcaption::before {
	display: none;
}
#portfolio .portfolio-items figure figcaption {
	padding: 36px;
}
#portfolio .controls .btn {
	margin: 5px 2px;
}
#portfolio .portfolio-items.col-3 .mix, #portfolio .portfolio-items.col-3 .gap {
	width: 100%;
}
#portfolio .portfolio-items.col-3 .mix figure h4, #portfolio .portfolio-items.col-3 .gap figure h4 {
	display: none;
}
#portfolio .portfolio-items.col-3 .mix figure figcaption::after, #portfolio .portfolio-items.col-3 .gap figure figcaption::after, #portfolio .portfolio-items.col-3 .mix figure figcaption::before, #portfolio .portfolio-items.col-3 .gap figure figcaption::before {
	display: none;
}
#portfolio .portfolio-items figure figcaption {
	padding: 25px;
}
#portfolio .controls .btn {
	margin: 5px 2px;
}
#other-services .other-service-item .service-content h3 {
	font-size: 15px;
}
#progress {
	overflow-x: hidden;
}
#progress .our-progress:before {
	background: none;
}
#progress .progress-bottom {
	padding-bottom: 0;
	padding-top: 0;
}
#progress .progress-item {
	margin: 30px 0;
}
#notice h4 {
	font-size: 18px;
}
#notice p {
	font-size: 16px;
}
#notice .notice-button {
	margin-top: 15px;
}
#cool-facts .fact-block {
    margin: 14px 0;
}
#cool-facts .section-subtitle {
	padding-bottom: 30px;
	font-size: 24px;
}
#cool-facts .wrapper h2 {
	font-size: 20px;
}
#testimonial #testimonial-carousel p {
	font-size: 20px;
}
#testimonial #testimonial-carousel .carousel-control.left {
	left: 15px;
}
#testimonial #testimonial-carousel .carousel-control.right {
	right: 15px;
}
#testimonial .item blockquote small span {
	display: block;
	line-height: 40px;
}
#cool-facts .fact-block h4 {
    font-size: 19px;
    line-height: 40px;
}
	
	.t-bg-grey-201 {
    background-image: url(../img/letter.jpg);
    background-size: cover;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(114,120,133,0.55);
    -moz-box-shadow: 0px 0px 5px 0px rgba(114,120,133,0.55);
    box-shadow: 0px 0px 5px 0px rgba(114,120,133,0.55);
    background-repeat: no-repeat;
    width: 100%!important;
    height: 205px;
}
#blog .blog-item-wrapper {
	margin: 30px 0;
}
#blog .blog-item-text .blog-item-info a {
	padding-right: 6px;
}
#clients #clients-scroller .client-item-wrapper {
	padding: 0 30px;
	    text-align: center;
}
#clients #clients-scroller .owl-controls {
	display: none;
}
.pricing-table {
	margin: 60px 0;
}
.pricing-table h3 {
	font-size: 24px;
}
#team .team-item {
	margin: 30px 0;
}
footer .footer-widget {
	margin: 30px 0;
}
.copyright-text {
	float: left!important;
}
.social-icons-fill li {
	margin: 0px 16px 0 0;
}
#why-choose .tab-container h2 {
	font-size: 28px;
}
#why-choose .list-group-item {
	width: 362%;
	margin: 40px 15px;
}
.navbar-nav .nav-item+.nav-item {
	margin-left: 0;
}
#main-menu {
	clear: both;
}
.page-header-content h2 {
	text-align: center;
}
}

@media (max-width: 767px) {
	
	
	.hirecar {
	display: none;
}
	
.carousel-item>img {
	height: 100%;
	width: 100%;
}
#carousel-area .carousel-item {
	height: 200px;
}
#carousel-area .carousel-item .carousel-caption h2 {
	font-size: 16px;
}
#carousel-area .carousel-item .carousel-caption h3 {
	font-size: 12px;
}
#carousel-area .carousel-item .carousel-caption .btn {
	margin: auto;
	font-size: 9px;
	margin-top: 5px;
	padding: 8px 12px;
}
#carousel-area .carousel-control {
	top: 58%;
	display: none;
}
#carousel-area:hover .carousel-control {
	display: block;
}
#carousel-area .carousel-indicators {
	bottom: -8px;
}
#carousel-area i {
	margin-right: 0;
}
#carousel-area .carousel-item .carousel-caption {
	top: 14%;
}
}


.slicknav_menu .slicknav_open .menudrop {
    background: #000;
}

.menudrop li a{
	padding-left: 10px!important;
}

.menudrop li ul li a{
	padding-left: 21px!important;
}


.menudrop a{
	padding-left: 20px!important;
}


.menudrop a:before{
	ontent: "•";
}

.boxnew{
	-webkit-box-shadow: -1px 0px 8px 0px rgba(77,97,142,1);
-moz-box-shadow: -1px 0px 8px 0px rgba(77,97,142,1);
box-shadow: -1px 0px 8px 0px rgba(77,97,142,1);
	background: #fff;
	border-radius: 5px;
	font-size: 20px;
	color: #444b54;
	padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 20px;
    padding-right: 7px;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	 cursor:default!important;
   
}



.boxnew img{
	margin-right: 10px;
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { .height100 {
    height: 90%;
}
	


.img-fluid {
    max-width: 87%!important;
    height: auto;
}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	
	.a2itop {
    background-image: url(../img/a2itop.png);
    height: 650px;
    background-position-y: 42px;
    background-repeat: no-repeat;
    background-position-x: -20%;
}
	.a2itop2 {
    background-image: url(../img/a2itop2.png);
    height: 90%;
    background-position-y: 42px;
    background-repeat: no-repeat;
    background-position-x: -40%;
}}

.boxnewbtn{
	cursor: pointer!important;
}

.boxnewbtn:hover{
	cursor: pointer!important;
	 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}


.active.slicknav_collapsed, .slicknav_parent.slicknav_open ul{
	background: #545454!important;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) {
	
	.appstore .mt-30.mb-70.mr-10.img-fluid {
    margin: 0px !important;
    width: 100px!important;
  padding-top: 20px!important;
		padding-bottom: 60px!important;
}
	.pt-80{
		padding-bottom: 0px!important;
	}

	.innertexttp{
		margin-top: 190px!important;
	}
	
	#header-wrap .pt-150 {

    padding-bottom: 0px;
}
}