/**
* @author    JoomShaper http://www.joomshaper.com
* @copyright Copyright (C) 2010 - 2012 JoomShaper
* @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

.layout-maxima{ 
    position: relative;
    overflow: hidden;	
}
.maxima-slider{
    position: relative;
    color:#fff;
    z-index:0;
    overflow: hidden;
}

.sp-preloader{
    position: absolute;
    text-align: center;
    top:40%;
    left: 45%;
    color:#fff;
    font-size: 36px;
}

.maxima-slider .slider-item{
    position: absolute;
    width: 100%;
    height: 100%;
}

.maxima-slider .slider-item.animate-in,
.maxima-slider .slider-item.animate-out{
    opacity: 1;
    z-index: 4;
}

.maxima-slider .slider-item-inner{
    padding: 30px;
}

.maxima-slider .slider-content{
    width:51%;
    float: left;
	margin-top:15px;
}


.maxima-slider .sp-smart-title{
	font-family: 'YanoneKaffeesatzLight', Tahoma, Arial, Helvetica, Sans-Serif;  font-weight: normal;
    font-size: 38px;
}

.maxima-slider .slider-image{
    width:48%;
    float: left;
}

.maxima-slider .slider-image img{
    width:400px;
	height:252px;
	float: right;
	margin-right:-10px;
	border: 5px solid rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 0 20px rgba(0,0,0, 0.6);
		-moz-box-shadow: 0 0 20px rgba(0,0,0, 0.6);
		-ms-box-shadow: 0 0 20px rgba(0,0,0, 0.6);
		-o-box-shadow: 0 0 20px rgba(0,0,0, 0.6);
	box-shadow: 0 0 20px rgba(0,0,0, 0.6);
	background-clip: border-box;
	background-origin: border-box;
	overflow: hidden
}


/** Animation In **/

/*Title*/
.maxima-slider .slider-item.odd.animate-in .sp-smart-title {
    -webkit-animation: fadeInDown 500ms ease-in-out 300ms both;
    -moz-animation: fadeInDown 500ms ease-in-out 300ms both;
    -ms-animation: fadeInDown 500ms ease-in-out 300ms both;
    -o-animation: fadeInDown 500ms ease-in-out 300ms both;
    animation: fadeInDown 500ms ease-in-out 300ms both;
}

.maxima-slider .slider-item.even.animate-in .sp-smart-title {
    -webkit-animation: bounceInLeft 500ms ease-in-out 300ms both;
    -moz-animation: bounceInLeft 500ms ease-in-out 300ms both;
    -ms-animation: bounceInLeft 500ms ease-in-out 300ms both;
    -o-animation: bounceInLeft 500ms ease-in-out 300ms both;
    animation: bounceInLeft 500ms ease-in-out 300ms both;
}

.maxima-slider .slider-item.item-3.animate-in .sp-smart-title {
    -webkit-animation: bounceInUp 1000ms ease-in-out;
    -moz-animation: bounceInUp 1000ms ease-in-out;
    -ms-animation: bounceInUp 1000ms ease-in-out;
    -o-animation: bounceInUp 1000ms ease-in-out;
    animation: bounceInUp 1000ms ease-in-out;
}

.maxima-slider .slider-item.item-4.animate-in .sp-smart-title {
    -webkit-animation: bounceInRight 1000ms ease-in-out;
    -moz-animation: bounceInRight 1000ms ease-in-out;
    -ms-animation: bounceInRight 1000ms ease-in-out;
    -o-animation: bounceInRight 1000ms ease-in-out;
    animation: bounceInRight 1000ms ease-in-out;
}

/*Text*/
.maxima-slider .slider-item.odd.animate-in .slider-text {
    -webkit-animation: fadeInRight 400ms ease-in-out 800ms both;
    -moz-animation: fadeInRight 400ms ease-in-out 800ms both;
    -ms-animation: fadeInRight 400ms ease-in-out 800ms both;
    -o-animation: fadeInRight 400ms ease-in-out 800ms both;
    animation: fadeInRight 400ms ease-in-out 800ms both;
}

.maxima-slider .slider-item.even.animate-in .slider-text {
    -webkit-animation: bounceInLeft 400ms ease-in-out 800ms both;
    -moz-animation: bounceInLeft 400ms ease-in-out 800ms both;
    -ms-animation: bounceInLeft 400ms ease-in-out 800ms both;
    -o-animation: bounceInLeft 400ms ease-in-out 800ms both;
    animation: bounceInLeft 400ms ease-in-out 800ms both;
}

.maxima-slider .slider-item.item-3.animate-in .slider-text {
    -webkit-animation: bounceInUp 1000ms ease-in-out;
    -moz-animation: bounceInUp 1000ms ease-in-out;
    -ms-animation: bounceInUp 1000ms ease-in-out;
    -o-animation: bounceInUp 1000ms ease-in-out;
    animation: bounceInUp 1000ms ease-in-out;
}

.maxima-slider .slider-item.item-4.animate-in .slider-text {
    -webkit-animation: bounceInRight 1000ms ease-in-out;
    -moz-animation: bounceInRight 1000ms ease-in-out;
    -ms-animation: bounceInRight 1000ms ease-in-out;
    -o-animation: bounceInRight 1000ms ease-in-out;
    animation: bounceInRight 1000ms ease-in-out;
}

/*Button*/
.maxima-slider .slider-item.odd.animate-in .slider-button {
    -webkit-animation: bounceInUp 1300ms ease-in-out 800ms both;
    -moz-animation: bounceInUp 1300ms ease-in-out 800ms both;
    -ms-animation: bounceInUp 1300ms ease-in-out 800ms both;
    -o-animation: bounceInUp 1300ms ease-in-out 800ms both;
    animation: bounceInUp 1300ms ease-in-out 800ms both;
}

.maxima-slider .slider-item.even.animate-in .slider-button {
    -webkit-animation: bounceInLeft 400ms ease-in-out 1200ms both;
    -moz-animation: bounceInLeft 400ms ease-in-out 1200ms both;
    -ms-animation: bounceInLeft 400ms ease-in-out 1200ms both;
    -o-animation: bounceInLeft 400ms ease-in-out 1200ms both;
    animation: bounceInLeft 400ms ease-in-out 1200ms both;
}

.maxima-slider .slider-item.item-3.animate-in .slider-button {
    -webkit-animation: bounceInUp 1000ms ease-in-out;
    -moz-animation: bounceInUp 1000ms ease-in-out;
    -ms-animation: bounceInUp 1000ms ease-in-out;
    -o-animation: bounceInUp 1000ms ease-in-out;
    animation: bounceInUp 1000ms ease-in-out;
}

.maxima-slider .slider-item.item-4.animate-in .slider-button {
    -webkit-animation: bounceInRight 1000ms ease-in-out;
    -moz-animation: bounceInRight 1000ms ease-in-out;
    -ms-animation: bounceInRight 1000ms ease-in-out;
    -o-animation: bounceInRight 1000ms ease-in-out;
    animation: bounceInRight 1000ms ease-in-out;
}

/*--Image--*/
.maxima-slider .slider-item.odd.animate-in .slider-image {
    -webkit-animation: bounceInRight 1500ms ease-in-out 1200ms both;
    -moz-animation: bounceInRight 1500ms ease-in-out 1200ms both;
    -ms-animation: bounceInRight 1500ms ease-in-out 1200ms both;
    -o-animation: bounceInRight 1500ms ease-in-out 1200ms both;
    animation: bounceInRight 1500ms ease-in-out 1200ms both;
}

.maxima-slider .slider-item.even.animate-in .slider-image {
    -webkit-animation: flipInY 1000ms ease-in-out 1600ms both;
    -moz-animation: flipInY 1000ms ease-in-out 1600ms both;
    -ms-animation: flipInY 1000ms ease-in-out 1600ms both;
    -o-animation: flipInY 1000ms ease-in-out 1600ms both;
    animation: flipInY 1000ms ease-in-out 1600ms both;
}

.maxima-slider .slider-item.item-3.animate-in .slider-image {
    -webkit-animation: bounceInDown 1000ms ease-in-out;
    -moz-animation: bounceInDown 1000ms ease-in-out;
    -ms-animation: bounceInDown 1000ms ease-in-out;
    -o-animation: bounceInDown 1000ms ease-in-out;
    animation: bounceInDown 1000ms ease-in-out;
}

.maxima-slider .slider-item.item-4.animate-in .slider-image {
    -webkit-animation: bounceInLeft 1000ms ease-in-out;
    -moz-animation: bounceInLeft 1000ms ease-in-out;
    -ms-animation: bounceInLeft 1000ms ease-in-out;
    -o-animation: bounceInLeft 1000ms ease-in-out;
    animation: bounceInLeft 1000ms ease-in-out;
}

/*Animation Out*/
.maxima-slider .slider-item.odd.animate-out .sp-smart-title,
.maxima-slider .slider-item.odd.animate-out .slider-text,
.maxima-slider .slider-item.odd.animate-out .slider-button {
    -webkit-animation: bounceOutLeft 1s ease-in-out;
    -moz-animation: bounceOutLeft 1s ease-in-out;
    -ms-animation: bounceOutLeft 1s ease-in-out;
    -o-animation: bounceOutLeft 1s ease-in-out;
    animation: bounceOutLeft 1s ease-in-out;
}

.maxima-slider .slider-item.odd.animate-out .slider-image {
    -webkit-animation: bounceOutRight 1s ease-in-out;
    -moz-animation: bounceOutRight 1s ease-in-out;
    -ms-animation: bounceOutRight 1s ease-in-out;
    -o-animation: bounceOutRight 1s ease-in-out;
    animation: bounceOutRight 1s ease-in-out;
}

.maxima-slider .slider-item.even.animate-out .sp-smart-title,
.maxima-slider .slider-item.even.animate-out .slider-text,
.maxima-slider .slider-item.even.animate-out .slider-button {
    -webkit-animation: bounceOutUp 1s ease-in-out;
    -moz-animation: bounceOutUp 1s ease-in-out;
    -ms-animation: bounceOutUp 1s ease-in-out;
    -o-animation: bounceOutUp 1s ease-in-out;
    animation: bounceOutUp 1s ease-in-out;
}

.maxima-slider .slider-item.even.animate-out .slider-image {
    -webkit-animation: bounceOutDown 1s ease-in-out;
    -moz-animation: bounceOutDown 1s ease-in-out;
    -ms-animation: bounceOutDown 1s ease-in-out;
    -o-animation: bounceOutDown 1s ease-in-out;
    animation: bounceOutDown 1s ease-in-out;
}

.layout-maxima .slider-title{ }
.layout-maxima .slider-title h1,
.layout-maxima .slider-title h1 >small{color:#fff;display: block;}
.layout-maxima .slider-title h1 span{text-transform:uppercase;font-weight:bold}

.layout-maxima .slider-introtext{font-size:30px;font-weight:400;}
.layout-maxima .slider-introtext >div{padding:20px;}


.layout-maxima .slider-controllers{list-style:none; margin: 5px auto; width: 1000px; height:30px; display: inline-block;}
.layout-maxima .slider-controllers ul{ position:absolute; right:0;}
.layout-maxima .slider-controllers ul li{cursor:pointer;float: left;}
.layout-maxima .slider-controllers ul li a{display: inline-block;width:19px; height:32px;background: url("../images/slidetabs_normal_active.png") no-repeat scroll 3px center transparent !important;position: relative;}
.layout-maxima .slider-controllers ul li.current a{background-position: -16px 6px !important;}
.layout-maxima .slider-controllers ul li.active a{background-position: -16px 6px !important;}
.layout-maxima .slider-controllers ul li:hover a{background-position: -16px 6px !important;}

.layout-maxima .slider-controllers ul li a span{display: inline-block;width:17px;height:30px;}

.layout-maxima .slider-content .slider-button{cursor:pointer;margin-top: 20px}
.ltr .layout-maxima .slider-item{position:absolute;left:0;top:0;width:100%;height: 100%;/*overflow:hidden*/}
.rtl .layout-maxima .slider-item{position:absolute;right:0;top:0;width:100%;height: 100%;/*overflow:hidden*/}

/*css button color. all other csbutton settings in general.css*/
.csbutton-color, .page-navigate .current, .error, label.error-tip, .highlight{border-color:#7B1F21; color:#FFFFFF;text-shadow:none;}
.csbutton-color:hover, .page-navigate .current, .jqTransformSelectWrapper ul a.selected{border-color:#7B1F21;  color:#FFFFFF;  text-shadow:none;
background: #c93133;
background: -moz-linear-gradient(top,  #c93133 0%, #7a1e1f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c93133), color-stop(100%,#7a1e1f));
background: -webkit-linear-gradient(top,  #c93133 0%,#7a1e1f 100%);
background: -o-linear-gradient(top,  #c93133 0%,#7a1e1f 100%);
background: -ms-linear-gradient(top,  #c93133 0%,#7a1e1f 100%);
background: linear-gradient(top,  #c93133 0%,#7a1e1f 100%);
-pie-background:linear-gradient(#c93133,#7a1e1f);
}
.error em, label.error-tip, label.error-tip:after {	border-color:#5a1617 transparent transparent !important}
.csbutton, a.csbutton,a.csbutton:hover,a.csbutton:active, .tagline strong{color:#972525 !important}
.event-time .month, .block-number .bottom, .th .bottom{border-top: 1px solid #5a1617; color: #FFFFFF; text-shadow: none;}
.csbutton-color, .event-time .month, .block-number .bottom, .th .bottom, .error, .highlight{
background: #b32b2d;
background: -moz-linear-gradient(top,  #b32b2d 0%, #5a1617 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b32b2d), color-stop(100%,#5a1617));
background: -webkit-linear-gradient(top,  #b32b2d 0%,#5a1617 100%);
background: -o-linear-gradient(top,  #b32b2d 0%,#5a1617 100%);
background: -ms-linear-gradient(top,  #b32b2d 0%,#5a1617 100%);
background: linear-gradient(top,  #b32b2d 0%,#5a1617 100%);
-pie-background:linear-gradient(#b32b2d,#5a1617);
}
/*combined csbutton, showhide, pic3d, white-top, event-time, block-number, .th, th css3 */
.csbutton, .showhide li, .pic3d, div.white-top div, .event-time, .block-number, .th, th, .kwicks li .kwicks-caption, .postheadericons .author, .postheadericons .category, .page-navigate .page, .page-navigate .pages, .page-navigate .next-link, .page-navigate .next, .page-navigate .previous, .comment-post .reply, .actions .next, .actions .prev, .slider-action {
border-color:#ffffff;
background: #e5e5e5;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
-pie-background:linear-gradient(#ffffff, #e5e5e5);
text-shadow: 0 1px 0 #F7F7F7;
}

.postheadericons .author, .postheadericons .category, .page-navigate .page, .page-navigate .pages, .page-navigate .next-link, .page-navigate .next, .page-navigate .current, .page-navigate .previous, .comment-post .reply, .actions .next, .actions .prev {
-moz-box-shadow: 1px 1px 2px #C0C0C0;
-webkit-box-shadow: 1px 1px 2px #C0C0C0;
-ms-box-shadow: 1px 1px 2px #C0C0C0;
-khtml-box-shadow: 1px 1px 2px #C0C0C0;
-o-box-shadow: 1px 1px 2px #C0C0C0;
box-shadow: 1px 1px 2px #C0C0C0;
}

.csbutton:hover, .pic3d:hover, .showhide li:hover, div.white-top div:hover, .event-time:hover{
background: #eaeaea;
background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
background: linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
-pie-background:linear-gradient(#ffffff,#eaeaea);
}

.csbutton-dark{
border-color: #000000; color: #ffffff; text-shadow: none !important;
background: #0b0b0b;
background: -moz-linear-gradient(top,  #0b0b0b 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b0b0b), color-stop(100%,#000000));
background: -webkit-linear-gradient(top,  #0b0b0b 0%,#000000 100%);
background: -o-linear-gradient(top,  #0b0b0b 0%,#000000 100%);
background: -ms-linear-gradient(top,  #0b0b0b 0%,#000000 100%);
background: linear-gradient(top,  #0b0b0b 0%,#000000 100%);
-pie-background:linear-gradient(#0b0b0b,#000000);
-o-box-shadow: inset 0 1px 2px #1F1F1F,  0 2px 2px #202020;
-webkit-box-shadow: inset 0 1px 2px #1F1F1F,  0 2px 2px #202020;
-moz-box-shadow: inset 0 1px 2px #1F1F1F,  0 2px 2px #202020;
-ms-box-shadow: inset 0 1px 2px #1F1F1F,  0 2px 2px #202020;
box-shadow: inset 0 1px 2px #202020,  0 2px 2px #202020;
}

.csbutton-dark:hover{
background: #171717;
background: -moz-linear-gradient(top,  #171717 0%, #0d0d0d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#0d0d0d));
background: -webkit-linear-gradient(top,  #171717 0%,#0d0d0d 100%);
background: -o-linear-gradient(top,  #171717 0%,#0d0d0d 100%);
background: -ms-linear-gradient(top,  #171717 0%,#0d0d0d 100%);
background: linear-gradient(top,  #171717 0%,#0d0d0d 100%);
-pie-background:linear-gradient(#171717,#0d0d0d);
-o-box-shadow: inset 0 1px 2px #212121,  0 2px 2px #202020;
-webkit-box-shadow: inset 0 1px 2px #212121,  0 2px 2px #202020;
-moz-box-shadow: inset 0 1px 2px #212121,  0 2px 2px #202020;
-ms-box-shadow: inset 0 1px 2px #212121,  0 2px 2px #202020;
box-shadow: inset 0 1px 2px #212121,  0 2px 2px #202020;
}

.csbutton-dark:active{
background: #0b0b0b;
background: -moz-linear-gradient(top,  #000000 0%, #0b0b0b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#0b0b0b));
background: -webkit-linear-gradient(top,  #000000 0%,#0b0b0b 100%);
background: -o-linear-gradient(top,  #000000 0%,#0b0b0b 100%);
background: -ms-linear-gradient(top,  #000000 0%,#0b0b0b 100%);
background: linear-gradient(top,  #000000 0%,#0b0b0b 100%);
-pie-background:linear-gradient(#000000,#0b0b0b);
-o-box-shadow: inset 0 1px 2px #000000,  1px 1px 1px rgba(255, 255, 255, 0.1);
-webkit-box-shadow: inset 0 1px 2px #000000,  1px 1px 1px rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1);
-ms-box-shadow: inset 0 1px 2px #000000, 1px 1px 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 2px #000000,  1px 1px 1px rgba(255, 255, 255, 0.1);
}

.csbutton-grey{
border-color: #474747; color: #ffffff; text-shadow: none !important;
background: #4f4f4f;
background: -moz-linear-gradient(top,  #4f4f4f 0%, #474747 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#474747));
background: -webkit-linear-gradient(top,  #4f4f4f 0%,#474747 100%);
background: -o-linear-gradient(top,  #4f4f4f 0%,#474747 100%);
background: -ms-linear-gradient(top,  #4f4f4f 0%,#474747 100%);
background: linear-gradient(top,  #4f4f4f 0%,#474747 100%);
-pie-background:linear-gradient(#4f4f4f,#474747);
}

.csbutton-grey:hover{
background: #595959;
background: -moz-linear-gradient(top,  #616161 0%, #595959 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#595959));
background: -webkit-linear-gradient(top,  #616161 0%,#595959 100%);
background: -o-linear-gradient(top,  #616161 0%,#595959 100%);
background: -ms-linear-gradient(top,  #616161 0%,#595959 100%);
background: linear-gradient(top,  #616161 0%,#595959 100%);
-pie-background:linear-gradient(#616161,#595959);
}

a.csbutton-dark, a.csbutton-dark:hover, a.csbutton-dark:active, a.csbutton-grey, a.csbutton-grey:hover, a.csbutton-grey:active, a.csbutton-color, a.csbutton-color:hover, a.csbutton-color:active, .page-navigate .current{color: #FFFFFF !important; text-shadow: none !important}

.button:hover,.csbutton:hover{
  text-decoration:none;
  -moz-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA;
  -webkit-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA;
  -o-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA;
  -ms-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA;
  -khtml-box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA;
  box-shadow:inset 0 1px 4px #FFFFFF,0 0 7px #BABABA;
}

.csbutton:active,.normal:active, .csbutton-color:active{
  position:relative;
  top:1px;
  cursor:pointer;
  -webkit-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;
  -moz-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;
  -ms-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;
  -o-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;
  box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;

}

.csbutton-dark:active, .csbutton-grey:active{
position: relative;
top: 1px;
 -moz-box-shadow:inset 0 1px 2px #000000;
 -webkit-box-shadow:inset 0 1px 2px #000000;
 -ms-box-shadow:inset 0 1px 2px #000000;
 -o-box-shadow:inset 0 1px 2px #000000;
 box-shadow:inset 0 1px 2px #000000;
}

.csbutton{
padding:12px 12px 12px 12px;
}
/*Animations*/
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
    
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
    
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}



@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }
    
    80% {
        -webkit-transform: translateY(10px);
    }
    
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
    
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }
    
    80% {
        -moz-transform: translateY(10px);
    }
    
    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
    
    60% {
        opacity: 1;
        -o-transform: translateY(-30px);
    }
    
    80% {
        -o-transform: translateY(10px);
    }
    
    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    
    60% {
        opacity: 1;
        transform: translateY(-30px);
    }
    
    80% {
        transform: translateY(10px);
    }
    
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    }
    
    80% {
        -webkit-transform: translateY(-10px);
    }
    
    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
    
    60% {
        opacity: 1;
        -moz-transform: translateY(30px);
    }
    
    80% {
        -moz-transform: translateY(-10px);
    }
    
    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
    
    60% {
        opacity: 1;
        -o-transform: translateY(30px);
    }
    
    80% {
        -o-transform: translateY(-10px);
    }
    
    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    
    60% {
        opacity: 1;
        transform: translateY(30px);
    }
    
    80% {
        transform: translateY(-10px);
    }
    
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }
    
    80% {
        -webkit-transform: translateX(-10px);
    }
    
    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
    
    60% {
        opacity: 1;
        -moz-transform: translateX(30px);
    }
    
    80% {
        -moz-transform: translateX(-10px);
    }
    
    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
    
    60% {
        opacity: 1;
        -o-transform: translateX(30px);
    }
    
    80% {
        -o-transform: translateX(-10px);
    }
    
    100% {
        -o-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    
    60% {
        opacity: 1;
        transform: translateX(30px);
    }
    
    80% {
        transform: translateX(-10px);
    }
    
    100% {
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
    }
    
    80% {
        -webkit-transform: translateX(10px);
    }
    
    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
    
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px);
    }
    
    80% {
        -moz-transform: translateX(10px);
    }
    
    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
    
    60% {
        opacity: 1;
        -o-transform: translateX(-30px);
    }
    
    80% {
        -o-transform: translateX(10px);
    }
    
    100% {
        -o-transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    
    60% {
        opacity: 1;
        transform: translateX(-30px);
    }
    
    80% {
        transform: translateX(10px);
    }
    
    100% {
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
    }
    
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0);
    }
    
    20% {
        opacity: 1;
        -moz-transform: translateY(20px);
    }
    
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0);
    }
    
    20% {
        opacity: 1;
        -o-transform: translateY(20px);
    }
    
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }
    
    20% {
        opacity: 1;
        transform: translateY(20px);
    }
    
    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
    }
    
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0);
    }
    
    20% {
        opacity: 1;
        -moz-transform: translateY(-20px);
    }
    
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}

@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0);
    }
    
    20% {
        opacity: 1;
        -o-transform: translateY(-20px);
    }
    
    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }
    
    20% {
        opacity: 1;
        transform: translateY(-20px);
    }
    
    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }
    
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0);
    }
    
    20% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }
    
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0);
    }
    
    20% {
        opacity: 1;
        -o-transform: translateX(20px);
    }
    
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }
    
    20% {
        opacity: 1;
        transform: translateX(20px);
    }
    
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
    }
    
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0);
    }
    
    20% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }
    
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0);
    }
    
    20% {
        opacity: 1;
        -o-transform: translateX(-20px);
    }
    
    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }
    
    20% {
        opacity: 1;
        transform: translateX(-20px);
    }
    
    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}