.ken_img {
position: relative !important;
display: block;
max-width: none !important;
min-width: none !important;
max-height: none !important;
min-height: none !important;
margin:0 !important;
border:none !important;
padding:0 !important;
}
.setAsBg {
position:fixed;
z-index:0;
margin:0;
padding:0;
left:0;
top:0;
overflow: hidden;
}
.bannerscollection_zoominout {
position:relative;
line-height:20px;
}
.bannerscollection_zoominout img {
position:relative;
display: block;
max-width:inherit;
max-height:inherit;
-webkit-backface-visibility: hidden;
*max-width:200%;
*max-height:200%;
}
.bannerscollection_zoominout_list {
margin:0;
padding:0;
list-style:none;
display:none;
}
.bannerscollection_zoominout .contentHolderVisibleWrapper {
position:absolute;
overflow:hidden;
margin-top:0px;
*margin-top:-20px;
top: 0px;
}
.bannerscollection_zoominout .contentHolder {
position:absolute;
}
.bannerscollection_zoominout .contentHolderUnit {
display:block;
overflow:hidden;
}
.mycanvas {
position:absolute;
top:8px;
right:10px;
z-index:16;
}
.myloader {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/loader.gif);
width:37px;
height:37px;
position:absolute;
left:49%;
top:49%;
z-index:5;
} .bannerscollection_zoominout.opportune .contentHolderVisibleWrapper {
position:absolute;
overflow:hidden;
margin-top:0px;
top: 0px;
}
.bannerscollection_zoominout.opportune .bannerControls {
position:absolute;
left:0;
top:0;
z-index:20;
width:100%;
}
.bannerscollection_zoominout.opportune .leftNav {
position:absolute;
left:0px;
width:63px;
height:72px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/opportune/leftNavOFF.png) 0 0 no-repeat;
cursor: pointer !important;
}
.bannerscollection_zoominout.opportune .leftNav:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/opportune/leftNavON.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.opportune .rightNav {
position:absolute;
right:0px;
width:63px;
height:72px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/opportune/rightNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.bannerscollection_zoominout.opportune .rightNav:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/opportune/rightNavON.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.opportune .bottomNav {
position:absolute;
width:0px;
height:24px;
bottom:-56px;
z-index:3;
padding-left:9px;
}
.bannerscollection_zoominout.opportune .bottomNavButtonOFF {
float:left;
display:block;
width:12px;
height:12px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/opportune/bottomNavOFF.png) 0 0 no-repeat;
padding-left:6px;
cursor: pointer;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
.bannerscollection_zoominout.opportune .bottomNavButtonON {
float:left;
display:block;
width:12px;
height:12px;
padding-left:6px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/opportune/bottomNavON.png) 0 0 no-repeat;
cursor: pointer;
}
.bannerscollection_zoominout.opportune .bottomOverThumb {
position:absolute;
width:88px;
height:95px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/opportune/bottomOverThumbBg.png) 0px 0px no-repeat;
bottom:25px;
margin-left:-44px;
}
.bannerscollection_zoominout.opportune .innerBottomOverThumb {
position:relative;
width:80px;
height:80px;
margin:4px 0 0 4px;
overflow:hidden;
}
.bannerscollection_zoominout.opportune .bottomOverThumb img {
}
.bannerscollection_zoominout.opportune .playOver {
position:absolute;
width:73px;
height:73px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/opportune/play_overOFF.png) 0 0 no-repeat;
display:none;
z-index:4;
cursor: pointer;
}
.bannerscollection_zoominout.opportune .playOver:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/opportune/play_overON.png) 0 0 no-repeat;
display:none;
z-index:4;
cursor: pointer;
}
.bannerscollection_zoominout.opportune .play_pause {
position:absolute;
width:5px;
height:10px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/opportune/pause_off.png) no-repeat;
z-index:15;
}
.bannerscollection_zoominout.opportune .xplay {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/opportune/play_off.png) no-repeat;
} .bannerscollection_zoominout.majestic .bannerControls {
position:absolute;
left:0;
top:0;
z-index:20;
width:100%;
}
.bannerscollection_zoominout.majestic .leftNav {
position:absolute;
left:0px;
width:70px;
height:70px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/leftNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.bannerscollection_zoominout.majestic .leftNav:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/leftNavON.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.majestic .rightNav {
position:absolute;
right:0px;
width:70px;
height:70px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/rightNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.bannerscollection_zoominout.majestic .rightNav:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/rightNavON.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.majestic .playOver {
position:absolute;
width:73px;
height:73px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/play_overOFF.png) 0 0 no-repeat;
display:none;
z-index:4;
cursor: pointer;
}
.bannerscollection_zoominout.majestic .playOver:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/play_overON.png) 0 0 no-repeat;
display:none;
z-index:4;
cursor: pointer;
} .bannerscollection_zoominout.majestic .thumbsHolderWrapper {
position:absolute;
height:135px;
width:100%;
overflow:hidden;
padding:0;
z-index:2;
}
.bannerscollection_zoominout.majestic .thumbsHolderVisibleWrapper {
position:absolute;
width:100%;
height:135px;
overflow:hidden;
}
.bannerscollection_zoominout.majestic .thumbsHolder {
position:absolute;
}
.bannerscollection_zoominout.majestic .thumbsHolder_ThumbOFF {
float:left;
display:block;
width:107px;
height:60px;
cursor: pointer;
}
.bannerscollection_zoominout.majestic .thumbsHolder_ThumbOFF img {
position:relative;
}
.bannerscollection_zoominout.majestic .thumbsHolder_ThumbON {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/thumbActiveArrow.png) center 0px no-repeat;
}
.bannerscollection_zoominout.majestic .thumbsHolder_ThumbON img {
position:relative;
}
.bannerscollection_zoominout.majestic .carouselLeftNav {
position:absolute;
width:16px;
height:135px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/carouselLeftNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.bannerscollection_zoominout.majestic .carouselLeftNav:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/carouselLeftNavON.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.majestic .carouselLeftNavDisabled {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/carouselLeftNavDisable.png) 0 0 no-repeat;
cursor:default;
}
.bannerscollection_zoominout.majestic .carouselLeftNavDisabled:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/carouselLeftNavDisable.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.majestic .carouselRightNav {
position:absolute;
width:16px;
height:135px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/carouselRightNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.bannerscollection_zoominout.majestic .carouselRightNav:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/carouselRightNavON.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.majestic .carouselRightNavDisabled {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/carouselRightNavDisable.png) 0 0 no-repeat;
cursor:default;
}
.bannerscollection_zoominout.majestic .carouselRightNavDisabled:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/carouselRightNavDisable.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.majestic .play_pause {
position:absolute;
width:5px;
height:10px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/pause_off.png) no-repeat;
z-index:15;
}
.bannerscollection_zoominout.majestic .xplay {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/majestic/play_off.png) no-repeat;
} .bannerscollection_zoominout.generous .bannerControls {
position:absolute;
left:0;
top:0;
z-index:20;
width:100%;
}
.bannerscollection_zoominout.generous .leftNav {
position:absolute;
left:0px;
margin-top:-16px;
width:60px;
height:110px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/leftNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.bannerscollection_zoominout.generous .leftNav:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/leftNavON.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.generous .rightNav {
position:absolute;
right:0px;
margin-top:-16px;
width:60px;
height:110px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/rightNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.bannerscollection_zoominout.generous .rightNav:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/rightNavON.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.generous .playOver {
position:absolute;
width:73px;
height:73px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/play_overOFF.png) 0 0 no-repeat;
display:none;
z-index:4;
cursor: pointer;
}
.bannerscollection_zoominout.generous .playOver:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/play_overON.png) 0 0 no-repeat;
display:none;
z-index:4;
cursor: pointer;
} .bannerscollection_zoominout.generous .thumbsHolderWrapper {
position:absolute;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/thumbsBg.png) repeat-x;
height:110px;
width:100%;
z-index:2;
overflow:hidden;
}
.bannerscollection_zoominout.generous .thumbsHolderVisibleWrapper {
position:absolute;
width:100%;
height:110px;
overflow:hidden;
}
.bannerscollection_zoominout.generous .thumbsHolder {
position:absolute;
}
.bannerscollection_zoominout.generous .thumbsHolder_ThumbOFF {
float:left;
display:block;
width:110px;
height:65px;
cursor: pointer;
}
.bannerscollection_zoominout.generous .thumbsHolder_ThumbOFF a img, .thumbsHolder_ThumbOFF a  { border: none; overflow: hidden; float: left;  }
.bannerscollection_zoominout.generous .thumbsHolder_ThumbOFF a:hover { border: #F00 2px solid; }
.bannerscollection_zoominout.generous .thumbsHolder_ThumbOFF a:hover img  { margin: -2px; }
.bannerscollection_zoominout.generous .thumbsHolder_ThumbOFF img {
position:relative;
}
.bannerscollection_zoominout.generous .thumbsHolder_ThumbON {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/thumbActiveArrow.png) center 0px no-repeat;
}
.bannerscollection_zoominout.generous .thumbsHolder_ThumbON a img, .thumbsHolder_ThumbON a  { border: none; overflow: hidden; float: left; }
.bannerscollection_zoominout.generous .thumbsHolder_ThumbON a:hover { border: #F00 3px solid; }
.bannerscollection_zoominout.generous .thumbsHolder_ThumbON a:hover img  { margin: -3px; }
.bannerscollection_zoominout.generous .carouselLeftNav {
position:absolute;
width:44px;
height:110px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/carouselLeftNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.bannerscollection_zoominout.generous .carouselLeftNav:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/carouselLeftNavON.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.generous .carouselLeftNavDisabled {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/carouselLeftNavDisable.png) 0 0 no-repeat;
cursor:default;
}
.bannerscollection_zoominout.generous .carouselLeftNavDisabled:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/carouselLeftNavDisable.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.generous .carouselRightNav {
position:absolute;
width:44px;
height:110px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/carouselRightNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.bannerscollection_zoominout.generous .carouselRightNav:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/carouselRightNavON.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.generous .carouselRightNavDisabled {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/carouselRightNavDisable.png) 0 0 no-repeat;
cursor:default;
}
.bannerscollection_zoominout.generous .carouselRightNavDisabled:hover {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/carouselRightNavDisable.png) 0 0 no-repeat;
}
.bannerscollection_zoominout.generous .play_pause {
position:absolute;
width:5px;
height:10px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/pause_off.png) no-repeat;
z-index:15;
}
.bannerscollection_zoominout.generous .xplay {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/generous/play_off.png) no-repeat;
}
.lbg_inner_div {
pointer-events: auto;
} .bannerscollection_zoominout_texts {
position:absolute;
z-index:2;
display: none;
width:100%;
height: 100%;
pointer-events: none;
}
.bannerscollection_zoominout_text_line {
position:absolute;
}
.hideElement {
display:none;
}.lbg1_xbottom {
position: absolute;
opacity: 1 !important;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size:23px;
line-height:28px;
font-weight:bold;
color:#FFF;
padding:0px;
margin:0px;
bottom: 10px;
}
.lbg1_xright {
position: absolute;
opacity: 1 !important;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size:23px;
line-height:28px;
font-weight:bold;
color:#FFF;
padding:0px;
margin:0px;
right: 10px;
}
.lbg1_xbottom_center {
position: absolute;
opacity: 1 !important;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size:23px;
line-height:28px;
font-weight:normal;
color:#FFF;
padding:0px;
margin:0px;
bottom: 70px;
left: 50%;
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.lbg1_xcenter {
position: absolute;
opacity: 1 !important;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size:23px;
line-height:28px;
font-weight:bold;
color:#FFF;
padding:0px;
margin:0px;
position: fixed;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.lbg1_ImageOnly {
padding:0px;
font-size:14px;
line-height:0px;
margin:0px;
}
.lbg1_TinyRegular {
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size:15px;
line-height:21px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_TinyRegular a {
color:#FFF;
padding:0;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
text-decoration:none;
}
.lbg1_TinyRegular a:hover {
color:#FFFFFF;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1;
text-decoration:none;
}
.lbg1_SmallRegular {
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size:18px;
line-height:25px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_SmallRegular a {
color:#005ea6;
text-decoration:none;
}
.lbg1_SmallRegular a:hover {
color:#005ea6;
text-decoration:underline;
}
.lbg1_MediumRegular {
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size:23px;
line-height:28px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_MediumRegular a {
color:#ff5656;
text-decoration:none;
}
.lbg1_MediumRegular a:hover {
color:#ff5656;
text-decoration:underline;
}
.lbg1_LargeRegular {
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size:33px;
line-height:33px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_LargeRegular a {
color:#ff5656;
text-decoration:none;
}
.lbg1_LargeRegular a:hover {
text-decoration:underline;
}
.lbg1_MediumLargeRegular {
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size:45px;
line-height:45px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_MediumLargeRegular a {
color:#ff5656;
text-decoration:none;
}
.lbg1_MediumLargeRegular a:hover {
text-decoration:underline;
}
.lbg1_ExtraLargeRegular {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:51px;
line-height:52px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_ExtraLargeRegular a {
color:#ff5656;
text-decoration:none;
}
.lbg1_ExtraLargeRegular a:hover {
text-decoration:underline;
}
.lbg1_UltraLargeRegular {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:68px;
line-height:69px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_UltraLargeRegular a {
color:#ff5656;
text-decoration:none;
}
.lbg1_UltraLargeRegular a:hover {
text-decoration:underline;
}
.lbg1_HugeRegular {
font-family: 'Arial', Verdana, Helvetica, Arial, sans-serif;
font-size:204px;
line-height:204px;
font-weight:normal;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_HugeRegular a {
color:#ff5656;
text-decoration:none;
}
.lbg1_HugeRegular a:hover {
text-decoration:underline;
} .lbg1_TinyGrand {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:21px;
line-height:31px;
font-weight:bold;
color:#FFF;
letter-spacing:1px;
background:none;
padding:0;
margin:0;
}
.lbg1_TinyGrand a {
color:#FFF;
padding:0;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
text-decoration:none;
}
.lbg1_TinyGrand a:hover {
color:#FFFFFF;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1;
text-decoration:none;
}
.lbg1_SmallGrand {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:25px;
line-height:35px;
font-weight:bold;
color:#FFF;
letter-spacing:1px;
background:none;
padding:0;
margin:0;
}
.lbg1_SmallGrand a {
color:#005ea6;
text-decoration:none;
}
.lbg1_SmallGrand a:hover {
color:#005ea6;
text-decoration:underline;
}
.lbg1_MediumGrand {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:36px;
line-height:40px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_MediumGrand a {
color:#e80016;
text-decoration:none;
}
.lbg1_MediumGrand a:hover {
color:#e80016;
text-decoration:underline;
}
.lbg1_LargeGrand {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:50px;
line-height:60px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_LargeGrand a {
color:#ff5656;
text-decoration:none;
}
.lbg1_LargeGrand a:hover {
text-decoration:underline;
}
.lbg1_MediumLargeGrand {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:70px;
line-height:70px;
font-weight:bold;
color:#FFF;
margin:0;
}
.lbg1_MediumLargeGrand a {
color:#ff5656;
text-decoration:none;
}
.lbg1_MediumLargeGrand a:hover {
text-decoration:underline;
}
.lbg1_ExtraLargeGrand {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:87px;
line-height:87px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_ExtraLargeGrand a {
color:#ff5656;
text-decoration:none;
}
.lbg1_ExtraLargeGrand a:hover {
text-decoration:underline;
}
.lbg1_UltraLargeGrand {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:120px;
line-height:121px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_UltraLargeGrand a {
color:#ff5656;
text-decoration:none;
}
.lbg1_UltraLargeGrand a:hover {
text-decoration:underline;
}
.lbg1_HugeGrand {
font-family: 'Arial', Verdana, Helvetica, Arial, sans-serif;
font-size:300px;
line-height:300px;
font-weight:normal;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_HugeGrand a {
color:#ff5656;
text-decoration:none;
}
.lbg1_HugeGrand a:hover {
text-decoration:underline;
}
.lbg1_Z_FreeSize {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:55px;
line-height:55px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_Z_FreeSize a {
color:#ff5656;
text-decoration:none;
}
.lbg1_Z_FreeSize a:hover {
text-decoration:underline;
}
.lbg1_Z2_FreeSize {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:34px;
line-height:34px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_Z2_FreeSize a {
color:#ff5656;
text-decoration:none;
}
.lbg1_Z2_FreeSize a:hover {
text-decoration:underline;
}
.lbg1_Z3_FreeSize {
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size:15px;
line-height:19px;
font-weight:bold;
text-align:center;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_Z3_FreeSize a {
color:#ff5656;
text-decoration:none;
}
.lbg1_Z3_FreeSize a:hover {
text-decoration:underline;
} .back {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
padding:0px;
font-size:14px;
line-height:0px;
margin:0px;
}
.front {
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
padding:0px;
font-size:14px;
line-height:0px;
margin:0px;
}
.blurSomeImage {
xfilter: url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/blur.svg#blur);
-webkit-filter: blur(8px);
filter: blur(8px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='8');
padding:0;
line-height:0;
margin:0px 0px 0px 0px;
font-size:0px;
}
.lbg1_centered_paragraph_regular {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:15px;
line-height:21px;
font-weight:bold;
color:#FFF;
letter-spacing:1px;
text-align: center;
background:none;
padding:0;
margin:0;
}
.lbg1_centered_paragraph_grand {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:36px;
line-height:50px;
font-weight:bold;
color:#FFF;
letter-spacing:1px;
text-align: center;
background:none;
padding:0;
margin:0;
}
.lbg1_centered_paragraph {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:21px;
line-height:31px;
font-weight:bold;
color:#FFF;
letter-spacing:1px;
text-align: center;
background:none;
padding:0;
margin:0;
}
.highlight0 {
color: #beff13;
font-weight: bold;
text-transform: uppercase;
}
.highlight1 {
color: #ffd303;
font-weight: bold;
text-transform: uppercase;
}
.highlight1a {
color: #ff0000;
font-weight: 900;
text-transform: uppercase;
}
.highlight1b {
color: #ff0000;
font-style: italic;
font-weight: 900;
text-transform: uppercase;
}
.highlightred {
color: #ff5656;
}
.highlightblack {
padding: 0;
background: #000000;
}
.lbg1_Stamp_Regular {
font-family: 'Volkhov', serif;
font-size:120px;
line-height:60px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_Stamp2_Regular {
font-family: 'Volkhov', serif;
font-size:62px;
line-height:63px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_Stamp {
font-family: 'Volkhov', serif;
font-size:220px;
line-height:120px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_Stamp2 {
font-family: 'Volkhov', serif;
font-size:115px;
line-height:115px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.transp10 {
width:259em;
height:131em;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/transp10.png) bottom left;
pointer-events: none !important;
position:absolute;
z-index:0;
}
.transp15 {
width:259em;
height:131em;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/transp15.png) bottom left;
pointer-events: none !important;
position:absolute;
z-index:0;
}
.transp30 {
width:259em;
height:131em;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/transp30.png) bottom left;
pointer-events: none !important;
position:absolute;
z-index:0;
}
.texture1 {
width:2500px;
height:1570px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/texture1.png) top center;
pointer-events: none !important;
position:absolute;
z-index:0;
}
.texture2 {
width:2500px;
height:1570px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/texture2.png) top center;
pointer-events: none !important;
position:absolute;
z-index:0;
}
.texture3 {
width:2500px;
height:1570px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/texture3.png) top center;
pointer-events: none !important;
position:absolute;
z-index:0;
}
.texture4 {
width:179em;
height:113em;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/texture4.png) top center;
pointer-events: none !important;
position:absolute;
z-index:0;
}
.texture44 {
width:78.33333333333333em;
height:30.333333333333332em;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/texture4.png) top center;
pointer-events: none !important;
position:absolute;
z-index:0;
}
.texture45 {
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/texture4.png) top center;
pointer-events: none !important;
position:absolute;
z-index:0;
}
.texture5 {
width:2500px;
height:1570px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/texture5.png) top center;
pointer-events: none !important;
position:absolute;
z-index:0;
}
.texture6 {
width:2500px;
height:1570px;
background:url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/texture6.png) top center;
pointer-events: none !important;
position:absolute;
z-index:0;
}
.lbg1_center {
width:100%;
text-align:center;
xfont-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:56px;
xline-height:60px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_center img{
display:inline-block;
xbackground:#fff000;
}
.lbg1_MediumLargeGrand_center {
width:100%;
text-align:center;
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:70px;
line-height:70px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_LargeGrand_center {
width:100%;
text-align:center;
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:50px;
line-height:60px;
font-weight:bold;
color:#FFF;
background:none;
padding:0;
margin:0;
}
.lbg1_TinyGrand_center {
width:100%;
text-align:center;
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:21px;
line-height:31px;
font-weight:bold;
color:#FFF;
letter-spacing:1px;
background:none;
padding:0;
margin:0;
}
.lbg1_TinyGrand_center a {
width:100%;
text-align:center;
color:#FFF;
padding:0;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
text-decoration:none;
}
.lbg1_TinyGrand_center a:hover {
width:100%;
text-align:center;
color:#FFFFFF;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1;
text-decoration:none;
}
.lbg1_CustomText {
font-family: 'Lato', Verdana, Helvetica, Arial, sans-serif;
font-size:24px;
line-height:34px;
font-weight:normal;
color:#FFF;
letter-spacing:1px;
background:none;
padding:0;
margin:0;
}
.lbg1_CustomText a {
color:#005ea6;
text-decoration:none;
}
.lbg1_CustomText a:hover {
color:#005ea6;
text-decoration:underline;
}.alreadyRotate {
width:auto;
height:auto;
padding: 0.22em 0.1em 0.8em 0.1em;
border-radius: 0.15em;
-moz-border-radius: 0.15em;
-webkit-border-radius: 0.15em;
-ms-border-radius: 0.15em;
-o-border-radius: 0.15em;
-webkit-animation-name: alreadyRotate;
animation-name: alreadyRotate;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes alreadyRotate {
0% {
opacity: 1;
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg);
}
100% {
opacity: 1;
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg);
}
}
@keyframes alreadyRotate {
0% {
opacity: 1;
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg);
}
100% {
opacity: 1;
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg);
}
} .alreadyRotate_90 {
width:auto;
height:auto;
-webkit-animation-name: alreadyRotate_90;
animation-name: alreadyRotate_90;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes alreadyRotate_90 {
0% {
opacity: 1;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
}
100% {
opacity: 1;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
}
}
@keyframes alreadyRotate_90 {
0% {
opacity: 1;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
}
100% {
opacity: 1;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
}
}  .awesome {
float:left;
overflow:hidden;
height:1.1em;
}
.awesome  ul {
margin-top:0;
padding:0px !important;
text-align:left;
list-style:none;
animation:8s linear 0s normal none infinite change;
-webkit-animation:8s linear 0s normal none infinite change;
-moz-animation:8s linear 0s normal none infinite change;
-o-animation:8s linear 0s normal none infinite change;
-ms-animation:8s linear 0s normal none infinite change;
color:#FFF000 !important;
}
.awesome ul li {
line-height:1em;
padding:0px !important;
margin:0;
}
@-webkit-keyframes opacity {
0%   {opacity:0;}
50%  {opacity:1;}
100% {opacity:0;}
}
@keyframes opacity {
0%   {opacity:0;}
50%  {opacity:1;}
100% {opacity:0;}
}
@-ms-keyframes opacity {
0%   {opacity:0;}
50%  {opacity:1;}
100% {opacity:0;}
}
@-webkit-keyframes change {
0%   {-webkit-transform: translateY(0px);}
8%  {-webkit-transform: translateY(0%);}
16%  {-webkit-transform: translateY(-25%);}
24%  {-webkit-transform: translateY(-25%);}
32%  {-webkit-transform: translateY(-50%);}
40%  {-webkit-transform: translateY(-50%);}
48%  {-webkit-transform: translateY(-75%);}
56%  {-webkit-transform: translateY(-75%);}
64%  {-webkit-transform: translateY(-50%);}
72%  {-webkit-transform: translateY(-50%);}
80%  {-webkit-transform: translateY(-25%);}
88%  {-webkit-transform: translateY(-25%);}
100% {-webkit-transform: translateY(0px);}
}
@keyframes change {
0%   {transform: translateY(0px);}
8%  {transform: translateY(0%);}
16%  {transform: translateY(-25%);}
24%  {transform: translateY(-25%);}
32%  {transform: translateY(-50%);}
40%  {transform: translateY(-50%);}
48%  {transform: translateY(-75%);}
56%  {transform: translateY(-75%);}
64%  {transform: translateY(-50%);}
72%  {transform: translateY(-50%);}
80%  {transform: translateY(-25%);}
88%  {transform: translateY(-25%);}
100% {transform: translateY(0px);}
}
@-ms-keyframes change {
0%   {-ms-transform: translateY(0px);}
8%  {-ms-transform: translateY(-0.001%);}
16%  {-ms-transform: translateY(-25%);}
24%  {-ms-transform: translateY(-25%);}
32%  {-ms-transform: translateY(-50%);}
40%  {-ms-transform: translateY(-50%);}
48%  {-ms-transform: translateY(-75%);}
56%  {-ms-transform: translateY(-75%);}
64%  {-ms-transform: translateY(-50%);}
72%  {-ms-transform: translateY(-50%);}
80%  {-ms-transform: translateY(-25%);}
88%  {-ms-transform: translateY(-25%);}
99%  {-ms-transform: translateY(-0.001%);}
100% {-ms-transform: translateY(0px);}
} .bigEntrance{
animation-name: bigEntrance;
-webkit-animation-name: bigEntrance;	
-ms-animation-name: bigEntrance;
animation-duration: 1.6s;	
-webkit-animation-duration: 1.6s;
-ms-animation-duration: 1.6s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
-ms-animation-timing-function: ease-out;
visibility: visible !important;			
}
@keyframes bigEntrance {
0% {
transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
opacity: 1;
}
45% {
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
75% {
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
100% {
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}		
}
@-webkit-keyframes bigEntrance {
0% {
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
opacity: 1;
}
45% {
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
75% {
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
100% {
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}				
}
@-ms-keyframes bigEntrance {
0% {
-ms-transform: scale(0.3) rotate(6deg) translateX(-30rem) translateY(30rem);
opacity: 0.2;
}
30% {
-ms-transform: scale(1.03) rotate(-2deg) translateX(2rem) translateY(-2rem);		
opacity: 1;
}
45% {
-ms-transform: scale(0.98) rotate(1deg) translateX(0rem) translateY(0rem);
opacity: 1;
}
60% {
-ms-transform: scale(1.01) rotate(-1deg) translateX(0rem) translateY(0rem);		
opacity: 1;
}	
75% {
-ms-transform: scale(0.99) rotate(1deg) translateX(0rem) translateY(0rem);
opacity: 1;
}
90% {
-ms-transform: scale(1.01) rotate(0deg) translateX(0rem) translateY(0rem);		
opacity: 1;
}	
100% {
-ms-transform: scale(1) rotate(0deg) translateX(0rem) translateY(0rem);
opacity: 1;
}				
} .boingInUp {
-webkit-animation-name: boingInUp;
animation-name: boingInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes boingInUp {
0% {
opacity: 0;
-webkit-transform-origin: 50% 0%;
-webkit-transform: perspective(800px) rotateX(-90deg);
}
50% {
opacity: 1;
-webkit-transform-origin: 50% 0%;
-webkit-transform: perspective(800px) rotateX(50deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 0%;
-webkit-transform: perspective(800px) rotateX(0deg);
}
}
@keyframes boingInUp {
0% {
opacity: 0;
transform-origin: 50% 0%;
transform: perspective(800px) rotateX(-90deg);
}
50% {
opacity: 1;
transform-origin: 50% 0%;
transform: perspective(800px) rotateX(50deg);
}
100% {
opacity: 1;
transform-origin: 50% 0%;
transform: perspective(800px) rotateX(0deg);
}
} .boingOutDown {
-webkit-animation-name: boingOutDown;
animation-name: boingOutDown;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes boingOutDown {
0% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
}
20% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
}
30% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
-webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
}
40% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
-webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
}
100% {
opacity: 0;
-webkit-transform-origin: 100% 100%;
-webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg);
}
}
@keyframes boingOutDown {
0% {
opacity: 1;
transform-origin: 100% 100%;
transform: perspective(800px) rotateX(0deg) rotateY(0deg);
}
20% {
opacity: 1;
transform-origin: 100% 100%;
transform: perspective(800px) rotateX(0deg) rotateY(10deg);
}
30% {
opacity: 1;
transform-origin: 0% 100%;
transform: perspective(800px) rotateX(0deg) rotateY(0deg);
}
40% {
opacity: 1;
transform-origin: 0% 100%;
transform: perspective(800px) rotateX(10deg) rotateY(10deg);
}
100% {
opacity: 0;
transform-origin: 100% 100%;
transform: perspective(800px) rotateX(90deg) rotateY(0deg);
}
} .bombLeftOut {
-webkit-animation-name: bombLeftOut;
animation-name: bombLeftOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes bombLeftOut {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: rotate(0deg);
-webkit-filter: blur(0px);
}
50% {
opacity: 1;
-webkit-transform-origin: -100% 50%;
-webkit-transform: rotate(-160deg);
-webkit-filter: blur(0px);
}
100% {
opacity: 0;
-webkit-transform-origin: -100% 50%;
-webkit-transform: rotate(-160deg);
-webkit-filter: blur(20px);
}
}
@keyframes bombLeftOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: rotate(0deg);
-webkit-filter: blur(0px);
}
50% {
opacity: 1;
transform-origin: -100% 50%;
transform: rotate(-160deg);
-webkit-filter: blur(0px);
}
100% {
opacity: 0;
transform-origin: -100% 50%;
transform: rotate(-160deg);
-webkit-filter: blur(20px);
}
} .bombRightOut {
-webkit-animation-name: bombRightOut;
animation-name: bombRightOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes bombRightOut {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: rotate(0deg);
-webkit-filter: blur(0px);
}
50% {
opacity: 1;
-webkit-transform-origin: 200% 50%;
-webkit-transform: rotate(160deg);
-webkit-filter: blur(0px);
}
100% {
opacity: 0;
-webkit-transform-origin: 200% 50%;
-webkit-transform: rotate(160deg);
-webkit-filter: blur(20px);
}
}
@keyframes bombRightOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: rotate(0deg);
-webkit-filter: blur(0px);
}
50% {
opacity: 1;
transform-origin: 200% 50%;
transform: rotate(160deg);
-webkit-filter: blur(0px);
}
100% {
opacity: 0;
transform-origin: 200% 50%;
transform: rotate(160deg);
-webkit-filter: blur(20px);
}
} .bounce{
animation-name: bounce;
-webkit-animation-name: bounce;	
animation-duration: 1.6s;	
-webkit-animation-duration: 1.6s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;	
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 	
}
@keyframes bounce {
0% {
transform: translateY(0%) scaleY(0.6);
}
60%{
transform: translateY(-100%) scaleY(1.1);
}
70%{
transform: translateY(0%) scaleY(0.95) scaleX(1.05);
}
80%{
transform: translateY(0%) scaleY(1.05) scaleX(1);
}	
90%{
transform: translateY(0%) scaleY(0.95) scaleX(1);
}				
100%{
transform: translateY(0%) scaleY(1) scaleX(1);
}	
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(0%) scaleY(0.6);
}
60%{
-webkit-transform: translateY(-100%) scaleY(1.1);
}
70%{
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
}
80%{
-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
}	
90%{
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
}				
100%{
-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
}		
} .bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-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);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-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);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
} .bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@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);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@-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);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
} .changeColorToRed{
animation-name: changeColorToRed;
-webkit-animation-name: changeColorToRed;	
animation-duration: .8s;	
-webkit-animation-duration: .8s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
animation-timing-function: ease-in;	
-webkit-animation-timing-function: ease-in;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;		
}
@keyframes changeColorToRed {
0% { transition: transform 0.5s, color 0.5s;}			
100% { color:#fc2f3c;}		
}
@-webkit-keyframes changeColorToRed {
0% {-webkit-transition: transform 0.5s, color 0.5s;}	
100% { color:#fc2f3c;}				
} .changeColorToBlack{
animation-name: changeColorToBlack;
-webkit-animation-name: changeColorToBlack;	
animation-duration: .8s;	
-webkit-animation-duration: .8s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
animation-timing-function: ease-in;	
-webkit-animation-timing-function: ease-in;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;		
}
@keyframes changeColorToBlack {
0% { transition: transform 0.5s, color 0.5s;}			
100% { color:#000000;}		
}
@-webkit-keyframes changeColorToBlack {
0% {-webkit-transition: transform 0.5s, color 0.5s;}	
100% { color:#000000;}				
} .changeColorToWhite{
animation-name: changeColorToWhite;
-webkit-animation-name: changeColorToWhite;	
animation-duration: .8s;	
-webkit-animation-duration: .8s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
animation-timing-function: ease-in;	
-webkit-animation-timing-function: ease-in;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;		
}
@keyframes changeColorToWhite {
0% { transition: transform 0.5s, color 0.5s;}			
100% { color:#FFFFFF;}		
}
@-webkit-keyframes changeColorToWhite {
0% {-webkit-transition: transform 0.5s, color 0.5s;}	
100% { color:#FFFFFF;}				
} .changeColorToOrange{
animation-name: changeColorToOrange;
-webkit-animation-name: changeColorToOrange;	
animation-duration: .8s;	
-webkit-animation-duration: .8s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
animation-timing-function: ease-in;	
-webkit-animation-timing-function: ease-in;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;		
}
@keyframes changeColorToOrange {
0% { transition: transform 0.5s, color 0.5s;}			
100% { color:#ff831d;}		
}
@-webkit-keyframes changeColorToOrange {
0% {-webkit-transition: transform 0.5s, color 0.5s;}	
100% { color:#ff831d;}				
} .changeColorToPink{
animation-name: changeColorToPink;
-webkit-animation-name: changeColorToPink;	
animation-duration: .8s;	
-webkit-animation-duration: .8s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
animation-timing-function: ease-in;	
-webkit-animation-timing-function: ease-in;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;		
}
@keyframes changeColorToPink {
0% { transition: transform 0.5s, color 0.5s;}			
100% { color:#ff9df0;}		
}
@-webkit-keyframes changeColorToPink {
0% {-webkit-transition: transform 0.5s, color 0.5s;}	
100% { color:#ff9df0;}				
} .CoolBaloonFixed {
opacity: 1;
-webkit-animation: CoolBaloonFixed 155s linear 1;
-moz-animation: CoolBaloonFixed 155s linear 1;
animation: CoolBaloonFixed 155s linear;
-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
-webkit-animation-delay: 0.5s; 
animation-delay: 0.5s;	
-webkit-transform:translateX(0px);
-moz-transform:translateX(0px);
-o-transform:translateX(0px);
}
@-webkit-keyframes CoolBaloonFixed {
from {
opacity: 1;
-webkit-transform: translateX(0px);
}
50% {
-webkit-transform: translateX(1930px);
opacity: 1;
}
to {
-webkit-transform: translateX(1930px);
opacity: 0;
}
}
@-moz-keyframes CoolBaloonFixed {
from {
opacity: 1;
-moz-transform: translateX(0px);
}
50% {
-moz-transform: translateX(1930px);
opacity: 1;
}
to {
-moz-transform: translateX(1930px);
opacity: 0;
}
}
@keyframes CoolBaloonFixed {
from {
opacity: 1;
transform: translateX(0px);
}
50% {
transform: translateX(1930px);
opacity: 1;
}
to {
transform: translateX(1930px);
opacity: 0;
}
} .CoolBaloonFullWidth {
opacity: 1;
-webkit-animation: CoolBaloonFullWidth 155s linear 1;
-moz-animation: CoolBaloonFullWidth 155s linear 1;
animation: CoolBaloonFullWidth 155s linear;
-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
-webkit-animation-delay: 0.5s; 
animation-delay: 0.5s;	
-webkit-transform:translateX(0px);
-moz-transform:translateX(0px);
-o-transform:translateX(0px);
}
@-webkit-keyframes CoolBaloonFullWidth {
from {
opacity: 1;
-webkit-transform: translateX(0px);
}
50% {
-webkit-transform: translateX(2900px);
opacity: 1;
}
to {
-webkit-transform: translateX(2900px);
opacity: 0;
}
}
@-moz-keyframes CoolBaloonFullWidth {
from {
opacity: 1;
-moz-transform: translateX(0px);
}
50% {
-moz-transform: translateX(2900px);
opacity: 1;
}
to {
-moz-transform: translateX(2900px);
opacity: 0;
}
}
@keyframes CoolBaloonFullWidth {
from {
opacity: 1;
transform: translateX(0px);
}
50% {
transform: translateX(2900px);
opacity: 1;
}
to {
transform: translateX(2900px);
opacity: 0;
}
} .CoolCloud1 {
opacity: 0;
-webkit-animation: CoolCloud1 85s linear infinite;
-moz-animation: CoolCloud1 85s linear infinite;
animation: CoolCloud1 85s linear infinite;
-webkit-animation-delay: 0.5s; 
animation-delay: 0.5s;	
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-o-transform:translateX(0)
}
@-webkit-keyframes CoolCloud1 {
from {
opacity: 1;
-webkit-transform: translateX(-100%);
}
to {
-webkit-transform: translateX(450%);
opacity: 1;
}
}
@-moz-keyframes CoolCloud1 {
from {
opacity: 1;
-moz-transform: translateX(-100%);
}
to {
-moz-transform: translateX(450%);
opacity: 1;
}
}
@keyframes CoolCloud1 {
from {
opacity: 1;
transform: translateX(-100%);
}
to {
transform: translateX(450%);
opacity: 1;
}
} .CoolCloud2 {
opacity: 0;
-webkit-animation: CoolCloud2 80s linear infinite;
-moz-animation: CoolCloud2 80s linear infinite;
animation: CoolCloud2 80s linear infinite;
-webkit-animation-delay: 2s; 
animation-delay: 2s;	
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-o-transform:translateX(0)
}
@-webkit-keyframes CoolCloud2 {
from {
opacity: 1;
-webkit-transform: translateX(-100%);
}
to {
-webkit-transform: translateX(450%);
opacity: 1;
}
}
@-moz-keyframes CoolCloud2 {
from {
opacity: 1;
-moz-transform: translateX(-100%);
}
to {
-moz-transform: translateX(450%);
opacity: 1;
}
}
@keyframes CoolCloud2 {
from {
opacity: 1;
transform: translateX(-100%);
}
to {
transform: translateX(450%);
opacity: 1;
}
} .CoolCloud3 {
opacity: 0;
-webkit-animation: CoolCloud3 120s linear infinite;
-moz-animation: CoolCloud3 120s linear infinite;
animation: CoolCloud3 120s linear infinite;
-webkit-animation-delay: 20s; 
animation-delay: 20s;	
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-o-transform:translateX(0)
}
@-webkit-keyframes CoolCloud3 {
from {
opacity: 1;
-webkit-transform: translateX(-100%);
}
to {
-webkit-transform: translateX(400%);
opacity: 1;
}
}
@-moz-keyframes CoolCloud3 {
from {
opacity: 1;
-moz-transform: translateX(-100%);
}
to {
-moz-transform: translateX(400%);
opacity: 1;
}
}
@keyframes CoolCloud3 {
from {
opacity: 1;
transform: translateX(-100%);
}
to {
transform: translateX(400%);
opacity: 1;
}
} .coolBarBottom {
width: 2px;
overflow: hidden;
height: 11em;
-webkit-animation: coolBarBottom 2s 1 forwards;
-moz-animation: coolBarBottom 2s 1 forwards;
-ms-animation: coolBarBottom 2s 1 forwards;
animation: coolBarBottom 2s 1 forwards;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 
}
@-webkit-keyframes coolBarBottom { 
0% {
transform: scaleY(0);
}
50% {
transform: scaleY(1.5);
}
100% {
transform: scaleY(1);
}
}
@-moz-keyframes coolBarBottom { 
0% {
transform: scaleY(0);
}
50% {
transform: scaleY(1.5);
}
100% {
transform: scaleY(1);
}
}
@-ms-keyframes coolBarBottom { 
0% {
transform: scaleY(0);
}
50% {
transform: scaleY(1.5);
}
100% {
transform: scaleY(1);
}
}
@keyframes coolBarBottom { 
0% {
transform: scaleY(0);
}
50% {
transform: scaleY(1.5);
}
100% {
transform: scaleY(1);
}
} .coolBarCenter  {
overflow: hidden;
width: 18em;
height:2px;
-webkit-animation: coolBarCenter  2s 1 forwards;
-moz-animation: coolBarCenter  2s 1 forwards;
-ms-animation: coolBarCenter  2s 1 forwards;
animation: coolBarCenter  2s 1 forwards;
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%; 
}
@-webkit-keyframes coolBarCenter  { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.3);
}
100% {
transform: scaleX(1);
}
}
@-moz-keyframes coolBarCenter  { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.3);
}
100% {
transform: scaleX(1);
}
}
@-ms-keyframes coolBarCenter  { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.3);
}
100% {
transform: scaleX(1);
}
}
@keyframes coolBarCenter  { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.3);
}
100% {
transform: scaleX(1);
}
} .coolBarCenterFixed  {
overflow: hidden;
width: 10em;
height:2px;
-webkit-animation: coolBarCenterFixed  2s 1 forwards;
-moz-animation: coolBarCenterFixed  2s 1 forwards;
-ms-animation: coolBarCenterFixed  2s 1 forwards;
animation: coolBarCenterFixed  2s 1 forwards;
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%; 
}
@-webkit-keyframes coolBarCenterFixed  { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.3);
}
100% {
transform: scaleX(1);
}
}
@-moz-keyframes coolBarCenterFixed  { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.3);
}
100% {
transform: scaleX(1);
}
}
@-ms-keyframes coolBarCenterFixed  { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.3);
}
100% {
transform: scaleX(1);
}
}
@keyframes coolBarCenterFixed  { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.3);
}
100% {
transform: scaleX(1);
}
} .coolBarRight {
overflow: hidden;
width: 18em;
height:2px;
-webkit-animation: coolBarRight 2s 1 forwards;
-moz-animation: coolBarRight 2s 1 forwards;
-ms-animation: coolBarRight 2s 1 forwards;
animation: coolBarRight 2s 1 forwards;
transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%; 
}
@-webkit-keyframes coolBarRight { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@-moz-keyframes coolBarRight { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@-ms-keyframes coolBarRight { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@keyframes coolBarRight { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
} .coolBarLeft {
overflow: hidden;
width: 18em;
height:2px;
-webkit-animation: coolBarLeft 2s 1 forwards;
-moz-animation: coolBarLeft 2s 1 forwards;
-ms-animation: coolBarLeft 2s 1 forwards;
animation: coolBarLeft 2s 1 forwards;
transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%; 
}
@-webkit-keyframes coolBarLeft { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@-moz-keyframes coolBarLeft { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@-ms-keyframes coolBarLeft { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@keyframes coolBarLeft { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
} .coolBarRightMin {
overflow: hidden;
width: 5em;
height:2px;
-webkit-animation: coolBarRightMin 1s 1 forwards;
-moz-animation: coolBarRightMin 1s 1 forwards;
-ms-animation: coolBarRightMin 1s 1 forwards;
animation: coolBarRightMin 1s 1 forwards;
transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%; 
}
@-webkit-keyframes coolBarRightMin { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@-moz-keyframes coolBarRightMin { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@-ms-keyframes coolBarRightMin { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@keyframes coolBarRightMin { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
} .coolBarLeftMin {
overflow: hidden;
width: 5em;
height:2px;
-webkit-animation: coolBarLeftMin 1s 1 forwards;
-moz-animation: coolBarLeftMin 1s 1 forwards;
-ms-animation: coolBarLeftMin 1s 1 forwards;
animation: coolBarLeftMin 1s 1 forwards;
transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%; 
}
@-webkit-keyframes coolBarLeftMin { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@-moz-keyframes coolBarLeftMin { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@-ms-keyframes coolBarLeftMin { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@keyframes coolBarLeftMin { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
} .coolBarRightMinRegular {
overflow: hidden;
width: 3.1em;
height:2px;
-webkit-animation: coolBarRightMinRegular 1s 1 forwards;
-moz-animation: coolBarRightMinRegular 1s 1 forwards;
-ms-animation: coolBarRightMinRegular 1s 1 forwards;
animation: coolBarRightMinRegular 1s 1 forwards;
transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%; 
}
@-webkit-keyframes coolBarRightMinRegular { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@-moz-keyframes coolBarRightMinRegular { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@-ms-keyframes coolBarRightMinRegular { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@keyframes coolBarRightMinRegular { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
} .coolBarLeftMinRegular {
overflow: hidden;
width: 3.1em;
height:2px;
-webkit-animation: coolBarLeftMinRegular 1s 1 forwards;
-moz-animation: coolBarLeftMinRegular 1s 1 forwards;
-ms-animation: coolBarLeftMinRegular 1s 1 forwards;
animation: coolBarLeftMinRegular 1s 1 forwards;
transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%; 
}
@-webkit-keyframes coolBarLeftMinRegular { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@-moz-keyframes coolBarLeftMinRegular { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@-ms-keyframes coolBarLeftMinRegular { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
}
@keyframes coolBarLeftMinRegular { 
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1.5);
}
100% {
transform: scaleX(1);
}
} .dance {
opacity: 1 !important;
visibility: visible !important;
-webkit-animation: dance 1 2s linear;
-moz-animation: dance 1 2s linear;
-ms-animation: dance 1 2s linear;
-o-animation: dance 1 2s linear;
animation: dance 1 2s linear;
}
@-webkit-keyframes dance {
0%, 10%, 20% {
-webkit-transform: rotateZ(10deg);
}
5%, 15%, 25% {
-webkit-transform: rotateZ(-10deg);
}
35%, 60%, 100% {
-webkit-transform: scale(1) rotateZ(0deg);
box-shadow: inset 0 0 0 0 transparent;
}
40% {
-webkit-transform: scale(1.3);
box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);
}
}
@-moz-keyframes dance {
0%, 10%, 20% {
-moz-transform: rotateZ(10deg);
}
5%, 15%, 25% {
-moz-transform: rotateZ(-10deg);
}
35%, 60%, 100% {
-moz-transform: scale(1) rotateZ(0deg);
box-shadow: inset 0 0 0 0 transparent;
}
40% {
-moz-transform: scale(1.3);
box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);
}
}
@-ms-keyframes dance {
0%, 10%, 20% {
-ms-transform: rotateZ(10deg);
}
5%, 15%, 25% {
-ms-transform: rotateZ(-10deg);
}
35%, 60%, 100% {
-ms-transform: scale(1) rotateZ(0deg);
box-shadow: inset 0 0 0 0 transparent;
}
40% {
-ms-transform: scale(1.3);
box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);
}
}
@-o-keyframes dance {
0%, 10%, 20% {
-o-transform: rotateZ(10deg);
}
5%, 15%, 25% {
-o-transform: rotateZ(-10deg);
}
35%, 60%, 100% {
-o-transform: scale(1) rotateZ(0deg);
box-shadow: inset 0 0 0 0 transparent;
}
40% {
-o-transform: scale(1.3);
box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);
}
}
@-moz-keyframes dance {
0%, 10%, 20% {
transform: rotateZ(10deg);
}
5%, 15%, 25% {
transform: rotateZ(-10deg);
}
35%, 60%, 100% {
transform: scale(1) rotateZ(0deg);
box-shadow: inset 0 0 0 0 transparent;
}
40% {
transform: scale(1.3);
box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);
}
}
@-webkit-keyframes dance {
0%, 10%, 20% {
transform: rotateZ(10deg);
}
5%, 15%, 25% {
transform: rotateZ(-10deg);
}
35%, 60%, 100% {
transform: scale(1) rotateZ(0deg);
box-shadow: inset 0 0 0 0 transparent;
}
40% {
transform: scale(1.3);
box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);
}
}
@-o-keyframes dance {
0%, 10%, 20% {
transform: rotateZ(10deg);
}
5%, 15%, 25% {
transform: rotateZ(-10deg);
}
35%, 60%, 100% {
transform: scale(1) rotateZ(0deg);
box-shadow: inset 0 0 0 0 transparent;
}
40% {
transform: scale(1.3);
box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);
}
}
@keyframes dance {
0%, 10%, 20% {
transform: rotateZ(10deg);
}
5%, 15%, 25% {
transform: rotateZ(-10deg);
}
35%, 60%, 100% {
transform: scale(1) rotateZ(0deg);
box-shadow: inset 0 0 0 0 transparent;
}
40% {
transform: scale(1.3);
box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);
}
} .expandOpen{
animation-name: expandOpen;
-webkit-animation-name: expandOpen;	
animation-duration: 1.2s;	
-webkit-animation-duration: 1.2s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
visibility: visible !important;	
}
@keyframes expandOpen {
0% {
transform: scale(1.8);		
}
50% {
transform: scale(0.95);
}	
80% {
transform: scale(1.05);
}
90% {
transform: scale(0.98);
}	
100% {
transform: scale(1);
}			
}
@-webkit-keyframes expandOpen {
0% {
-webkit-transform: scale(1.8);		
}
50% {
-webkit-transform: scale(0.95);
}	
80% {
-webkit-transform: scale(1.05);
}
90% {
-webkit-transform: scale(0.98);
}	
100% {
-webkit-transform: scale(1);
}					
} .expandUp{
animation-name: expandUp;
-webkit-animation-name: expandUp;	
animation-duration: 0.7s;	
-webkit-animation-duration: 0.7s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;		
visibility: visible !important;	
}
@keyframes expandUp {
0% {
transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60%{
transform: translateY(-7%) scaleY(1.12);
}
75%{
transform: translateY(3%);
}	
100% {
transform: translateY(0%) scale(1) scaleY(1);
}	
}
@-webkit-keyframes expandUp {
0% {
-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60%{
-webkit-transform: translateY(-7%) scaleY(1.12);
}
75%{
-webkit-transform: translateY(3%);
}	
100% {
-webkit-transform: translateY(0%) scale(1) scaleY(1);
}	
} .fadeIn{
animation-name: fadeIn;
-webkit-animation-name: fadeIn;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;		
visibility: visible !important;	
}
@keyframes fadeIn {
0% {
transform: scale(0);
opacity: 0.0;		
}
60% {
transform: scale(1.1);	
}
80% {
transform: scale(0.9);
opacity: 1;	
}	
100% {
transform: scale(1);
opacity: 1;	
}		
}
@-webkit-keyframes fadeIn {
0% {
-webkit-transform: scale(0);
opacity: 0.0;		
}
60% {
-webkit-transform: scale(1.1);
}
80% {
-webkit-transform: scale(0.9);
opacity: 1;	
}	
100% {
-webkit-transform: scale(1);
opacity: 1;	
}		
} .flash {
-webkit-animation-name: flash;
animation-name: flash;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
} .flashBang {
opacity: 1 !important;
visibility: visible !important;
-webkit-animation: flashBang 1 2s linear;
-moz-animation: flashBang 1 2s linear;
-ms-animation: flashBang 1 2s linear;
-o-animation: flashBang 1 2s linear;
animation: flashBang 1 2s linear;
}
@-webkit-keyframes flashBang {
0%, 20% {
opacity: 0;
}
10%, 30%, 100% {
opacity: 1;
}
}
@-moz-keyframes flashBang {
0%, 20% {
opacity: 0;
}
10%, 30%, 100% {
opacity: 1;
}
}
@-ms-keyframes flashBang {
0%, 20% {
opacity: 0;
}
10%, 30%, 100% {
opacity: 1;
}
}
@-o-keyframes flashBang {
0%, 20% {
opacity: 0;
}
10%, 30%, 100% {
opacity: 1;
}
}
@-moz-keyframes flashBang {
0%, 20% {
opacity: 0;
}
10%, 30%, 100% {
opacity: 1;
}
}
@-webkit-keyframes flashBang {
0%, 20% {
opacity: 0;
}
10%, 30%, 100% {
opacity: 1;
}
}
@-o-keyframes flashBang {
0%, 20% {
opacity: 0;
}
10%, 30%, 100% {
opacity: 1;
}
}
@keyframes flashBang {
0%, 20% {
opacity: 0;
}
10%, 30%, 100% {
opacity: 1;
}
} .flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes flip {
from {
-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;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-webkit-keyframes flip {
from {
-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;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
} .flipBookCenter_Cover1 {
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
transform: rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-animation: flipBookCenter_Cover1 1.5s ;
animation: flipBookCenter_Cover1 1.5s ;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
transform-origin: center;
-webkit-transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-delay: 2s; animation-delay: 2s;
}
@keyframes flipBookCenter_Cover1 {
0% {
transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px); 
}
100% {
transform: perspective(2400px) rotateY(-180deg) translateX(0%) translateZ(0px); 
}
}
@-webkit-keyframes flipBookCenter_Cover1 {
0% {
-webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
}
100% {
-webkit-transform: perspective(2400px) rotateY(-180deg) translateX(0%) translateZ(0px); 
}
} .flipBookCenter_Cover2 {
backface-visibility: visible !important;
-webkit-backface-visibility: visible !important;
transform: rotateY(180deg) translateX(0%) translateZ(0px);
-webkit-animation: flipBookCenter_Cover2 1.5s ;
animation: flipBookCenter_Cover2 1.5s ;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
transform-origin: center;
-webkit-transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;  
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-delay: 1.5s; animation-delay: 1.5s;
}
@keyframes flipBookCenter_Cover2 {
0% {
transform: perspective(2400px) rotateY(180deg) translateX(0%) translateZ(0px); 
}
100% {
transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px); 
}
}
@-webkit-keyframes flipBookCenter_Cover2 {
0% {
-webkit-transform: perspective(2400px) rotateY(180deg) translateX(0%) translateZ(0px);
}
100% {
-webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
}
} .flipBookLeft_Cover1 {
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
transform: rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-animation: flipBookLeft_Cover1 1.5s ;
animation: flipBookLeft_Cover1 1.5s ;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
transform-origin: left;
-webkit-transform-origin: left;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-delay: 2s; animation-delay: 2s;
}
@keyframes flipBookLeft_Cover1 {
0% {
transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px); 
}
100% {
transform: perspective(2400px) rotateY(-180deg) translateX(0%) translateZ(0px); 
}
}
@-webkit-keyframes flipBookLeft_Cover1 {
0% {
-webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
}
100% {
-webkit-transform: perspective(2400px) rotateY(-180deg) translateX(0%) translateZ(0px); 
}
} .flipBookLeft_Cover2 {
backface-visibility: visible !important;
-webkit-backface-visibility: visible !important;
transform: rotateY(180deg) translateX(-100%) translateZ(0px);
-webkit-animation: flipBookLeft_Cover2 1.5s ;
animation: flipBookLeft_Cover2 1.5s ;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
transform-origin: left;
-webkit-transform-origin: left;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;  
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-delay: 1.5s; animation-delay: 1.5s;
}
@keyframes flipBookLeft_Cover2 {
0% {
transform: perspective(2400px) rotateY(180deg) translateX(-100%) translateZ(0px); 
}
100% {
transform: perspective(2400px) rotateY(0deg) translateX(-100%) translateZ(0px); 
}
}
@-webkit-keyframes flipBookLeft_Cover2 {
0% {
-webkit-transform: perspective(2400px) rotateY(180deg) translateX(-100%) translateZ(0px);
}
100% {
-webkit-transform: perspective(2400px) rotateY(0deg) translateX(-100%) translateZ(0px);
}
} .flipBookRight_Cover3 {
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
transform: rotateY(180deg) translateX(100%) translateZ(0px);
-webkit-animation: flipBookRight_Cover3 1.5s ;
animation: flipBookRight_Cover3 1.5s ;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
transform-origin: right;
-webkit-transform-origin: right;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;  
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-delay: 4s; animation-delay: 4s;
}
@keyframes flipBookRight_Cover3 {
0% {
transform: perspective(2400px) rotateY(180deg) translateX(100%) translateZ(0px); 
}
100% {
transform: perspective(2400px) rotateY(360deg) translateX(100%) translateZ(0px); 
}
}
@-webkit-keyframes flipBookRight_Cover3 {
0% {
-webkit-transform: perspective(2400px) rotateY(180deg) translateX(100%) translateZ(0px);
}
100% {
-webkit-transform: perspective(2400px) rotateY(360deg) translateX(100%) translateZ(0px); 
}
} .flipBookRight_Cover4 {
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
transform: rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-animation: flipBookRight_Cover4 1.5s ;
animation: flipBookRight_Cover4 1.5s ;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
transform-origin: right;
-webkit-transform-origin: right;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;  
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-delay: 4s; animation-delay: 4s;
}
@keyframes flipBookRight_Cover4 {
0% {
transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px); 
}
100% {
transform: perspective(2400px) rotateY(180deg) translateX(0%) translateZ(0px); 
}
}
@-webkit-keyframes flipBookRight_Cover4 {
0% {
-webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px); 
}
100% {
-webkit-transform: perspective(2400px) rotateY(180deg) translateX(0%) translateZ(0px); 
}
} .flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-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-animation-timing-function: ease-in;
animation-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);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-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-animation-timing-function: ease-in;
animation-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);
}
to {
-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-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-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-animation-timing-function: ease-in;
animation-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);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-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-animation-timing-function: ease-in;
animation-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);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
} .flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@keyframes flipOutX {
from {
-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;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@-webkit-keyframes flipOutX {
from {
-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;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 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;
}
@keyframes flipOutY {
from {
-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;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@-webkit-keyframes flipOutY {
from {
-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;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
} .flipXFast3d {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipXFast3d;
animation-name: flipXFast3d;
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
-webkit-animation-direction: normal; animation-direction: normal;
-webkit-animation-iteration-count: 1; animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;	
-webkit-animation-delay: 1.8s; animation-delay: 1.8s;
}
@keyframes flipXFast3d {
from {
-webkit-transform: perspective(300px) rotate3d(1, 0, 0, 0deg);
transform: perspective(300px) rotate3d(1, 0, 0, 0deg);    
opacity: 1;
} 
to {
-webkit-transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
}
}
@-webkit-keyframes flipXFast3d {
from {
-webkit-transform: perspective(300px) rotate3d(1, 0, 0, 0deg);
transform: perspective(300px) rotate3d(1, 0, 0, 0deg);    
opacity: 1;
} 
to {
-webkit-transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
}
} .flipX3dPerpetuum {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipX3dPerpetuum;
animation-name: flipX3dPerpetuum;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
-webkit-animation-direction: normal; animation-direction: normal;
-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;	
}
@keyframes flipX3dPerpetuum {
from {
-webkit-transform: perspective(300px) rotate3d(1, 0, 0, 0deg);
transform: perspective(300px) rotate3d(1, 0, 0, 0deg);    
opacity: 1;
} 
to {
-webkit-transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
}
}
@-webkit-keyframes flipX3dPerpetuum {
from {
-webkit-transform: perspective(300px) rotate3d(1, 0, 0, 0deg);
transform: perspective(300px) rotate3d(1, 0, 0, 0deg);    
opacity: 1;
} 
to {
-webkit-transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
}
} .flipY3dPerpetuum {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
transform: rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-animation: flipY3dPerpetuum 7s;
animation: flipY3dPerpetuum 7s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
transform-origin: center;
-webkit-transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;  
}
@keyframes flipY3dPerpetuum {
0% {
transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);    
}
100% {
transform: perspective(2400px) rotateY(360deg) translateX(0%) translateZ(0px); 
}
}
@-webkit-keyframes flipY3dPerpetuum {
0% {
-webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
}
100% {
-webkit-transform: perspective(2400px) rotateY(360deg) translateX(0%) translateZ(0px);
}
} .flipYFastRight3d {	
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
transform: rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-animation: flipYFastRight3d 1.0s;
animation: flipYFastRight3d 1.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
transform-origin: center;
-webkit-transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-delay: 1.5s; animation-delay: 1.5s;  
}
@keyframes flipYFastRight3d {
0% {
transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px); 
}
100% {
transform: perspective(2400px) rotateY(360deg) translateX(0%) translateZ(0px); 
}
}
@-webkit-keyframes flipYFastRight3d {
0% {
-webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
}
100% {
-webkit-transform: perspective(2400px) rotateY(360deg) translateX(0%) translateZ(0px); 
}
} .flipYFastLeft3d {	
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
transform: rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-animation: flipYFastLeft3d 1.0s;
animation: flipYFastLeft3d 1.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
transform-origin: center;
-webkit-transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-delay: 1.5s; animation-delay: 1.5s;
}
@keyframes flipYFastLeft3d {
0% {
transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px); 
}
100% {
transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px); 
}
}
@-webkit-keyframes flipYFastLeft3d {
0% {
-webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
}
100% {
-webkit-transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px); 
}
} .flipYFastRight3dChangeColor {	
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
transform: rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-animation: flipYFastRight3dChangeColor 1.0s;
animation: flipYFastRight3dChangeColor 1.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
transform-origin: center;
-webkit-transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-delay: 1.5s; animation-delay: 1.5s;  
}
@keyframes flipYFastRight3dChangeColor {
0% {
transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);     
transition: transform 0.5s, color 0.5s;
}
100% {
transform: perspective(2400px) rotateY(360deg) translateX(0%) translateZ(0px); 
color:#ed0a1e;
}
}
@-webkit-keyframes flipYFastRight3dChangeColor {
0% {
-webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-transition: -webkit-transform 0.5s, color 0.5s;
}
100% {
-webkit-transform: perspective(2400px) rotateY(360deg) translateX(0%) translateZ(0px);
color:#ed0a1e; 
}
} .flipYFastLeft3dChangeColor {	
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
transform: rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-animation: flipYFastLeft3dChangeColor 1.0s;
animation: flipYFastLeft3dChangeColor 1.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
transform-origin: center;
-webkit-transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-delay: 1.5s; animation-delay: 1.5s;
}
@keyframes flipYFastLeft3dChangeColor {
0% {
transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);     
transition: transform 0.5s, color 0.5s;
}
100% {
transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px); 
color:#ed0a1e;
}
}
@-webkit-keyframes flipYFastLeft3dChangeColor {
0% {
-webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-transition: -webkit-transform 0.5s, color 0.5s;
}
100% {
-webkit-transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px);
color:#ed0a1e; 
}
} .flipYFastLeft3dSpecialColor {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
transform: rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-animation: flipYFastLeft3dSpecialColor 1.0s;
animation: flipYFastLeft3dSpecialColor 1.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
transform-origin: center;
-webkit-transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-delay: 1.5s; animation-delay: 1.5s;
}
@keyframes flipYFastLeft3dSpecialColor {
0% {
transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);     
transition: transform 0.5s, color 0.5s;
}
100% {
transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px); 
color:#fbc337;
}
}
@-webkit-keyframes flipYFastLeft3dSpecialColor {
0% {
-webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-transition: -webkit-transform 0.5s, color 0.5s;
}
100% {
-webkit-transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px);
color:#fbc337; 
}
} .flipYFastLeft3dSpecialColor2 {	
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
transform: rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-animation: flipYFastLeft3dSpecialColor2 1.0s;
animation: flipYFastLeft3dSpecialColor2 1.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
transform-origin: center;
-webkit-transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-delay: 1.5s; animation-delay: 1.5s;
}
@keyframes flipYFastLeft3dSpecialColor2 {
0% {
transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);     
transition: transform 0.5s, color 0.5s;
}
100% {
transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px); 
color:#ffde00;
}
}
@-webkit-keyframes flipYFastLeft3dSpecialColor2 {
0% {
-webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
-webkit-transition: -webkit-transform 0.5s, color 0.5s;
}
100% {
-webkit-transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px);
color:#ffde00; 
}
} .floating{
animation-name: floating;
-webkit-animation-name: floating;
-ms-animation-name: floating;
animation-duration: 1.2s;	
-webkit-animation-duration: 1.2s;
-ms-animation-duration: 1.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
}
@keyframes floating {
0% {
transform: translateY(0%);	
}
50% {
transform: translateY(17%);	
}	
100% {
transform: translateY(0%);
}			
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);	
}
50% {
-webkit-transform: translateY(17%);	
}	
100% {
-webkit-transform: translateY(0%);
}			
}
@-ms-keyframes floating {
0% {
-ms-transform: translateY(0rem);	
}
50% {
-ms-transform: translateY(1rem);	
}	
100% {
-ms-transform: translateY(0rem);
}			
} .floatingEasy{
animation-name: floatingEasy;
-webkit-animation-name: floatingEasy;
-ms-animation-name: floatingEasy;
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-ms-animation-fill-mode: both;
}
@keyframes floatingEasy {
0% {
transform: translateY(0%);	
}
50% {
transform: translateY(1%);	
}	
100% {
transform: translateY(0%);
}			
}
@-webkit-keyframes floatingEasy {
0% {
-webkit-transform: translateY(0%);	
}
50% {
-webkit-transform: translateY(1%);	
}	
100% {
-webkit-transform: translateY(0%);
}			
}
@-ms-keyframes floatingEasy {
0% {
-ms-transform: translateY(0rem);	
}
50% {
-ms-transform: translateY(11rem);	
}	
100% {
-ms-transform: translateY(0rem);
}			
} .foolishIn {
-webkit-animation-name: foolishIn;
animation-name: foolishIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes foolishIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0, 0) rotate(360deg);
}
20% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
-webkit-transform-origin: 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1) rotate(0deg);
}
}
@keyframes foolishIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0) rotate(360deg);
}
20% {
opacity: 1;
transform-origin: 0% 100%;
transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
transform-origin: 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
transform-origin: 0% 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1) rotate(0deg);
}
} .foolishOut {
-webkit-animation-name: foolishOut;
animation-name: foolishOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes foolishOut {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1) rotate(360deg);
}
20% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
-webkit-transform-origin: 100% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
-webkit-transform-origin: 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0, 0) rotate(0deg);
}
}
@keyframes foolishOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1) rotate(360deg);
}
20% {
opacity: 1;
transform-origin: 0% 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
transform-origin: 100% 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
transform-origin: 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
transform-origin: 0% 100%;
transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0) rotate(0deg);
}
} .hatch{
animation-name: hatch;
-webkit-animation-name: hatch;	
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 
visibility: visible !important;		
}
@keyframes hatch {
0% {
transform: rotate(0deg) scaleY(0.6);
}
20% {
transform: rotate(-2deg) scaleY(1.05);
}
35% {
transform: rotate(2deg) scaleY(1);
}
50% {
transform: rotate(-2deg);
}	
65% {
transform: rotate(1deg);
}	
80% {
transform: rotate(-1deg);
}		
100% {
transform: rotate(0deg);
}									
}
@-webkit-keyframes hatch {
0% {
-webkit-transform: rotate(0deg) scaleY(0.6);
}
20% {
-webkit-transform: rotate(-2deg) scaleY(1.05);
}
35% {
-webkit-transform: rotate(2deg) scaleY(1);
}
50% {
-webkit-transform: rotate(-2deg);
}	
65% {
-webkit-transform: rotate(1deg);
}	
80% {
-webkit-transform: rotate(-1deg);
}		
100% {
-webkit-transform: rotate(0deg);
}		
} .hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@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;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 0;
}
}
@-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;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 0;
}
} .hinge2 {	
animation-name: hinge2;
-webkit-animation-animation-name: hinge2;
animation-duration: 1s;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes hinge2 {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge2 {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
100% { transform: translateY(700px); opacity: 0; }
} .holeOut {
-webkit-animation-name: holeOut;
animation-name: holeOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes holeOut {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1) rotateY(0deg);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0, 0) rotateY(180deg);
}
}
@keyframes holeOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1) rotateY(0deg);
}
100% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0) rotateY(180deg);
}
} .jamp {
opacity: 1 !important;
visibility: visible !important;
-webkit-animation: jamp 1s linear;
-moz-animation: jamp 1s linear;
-ms-animation: jamp 1s linear;
-o-animation: jamp 1s linear;
animation: jamp 1s linear;
}
@-webkit-keyframes jamp {
0% {
-webkit-transform: translateY(0);
}
10% {
-webkit-transform: translateY(-50px);
}
25% {
-webkit-transform: translateY(-50px) scale(1.1);
}
35% {
-webkit-transform: translateY(-50px) scale(1);
}
45% {
-webkit-transform: translateY(-50px) scale(1.2);
}
55% {
-webkit-transform: translateY(-50px) scale(1);
}
65% {
-webkit-transform: translate(150px, -50px) scale(0.8);
}
85% {
-webkit-transform: translate(150px, -50px) scale(1.2);
}
95% {
-webkit-transform: translate(0, 0px) scale(1);
}
100% {
-webkit-transform: translate(0, 0);
}
}
@-moz-keyframes jamp {
0% {
-moz-transform: translateY(0);
}
10% {
-moz-transform: translateY(-50px);
}
25% {
-moz-transform: translateY(-50px) scale(1.1);
}
35% {
-moz-transform: translateY(-50px) scale(1);
}
45% {
-moz-transform: translateY(-50px) scale(1.2);
}
55% {
-moz-transform: translateY(-50px) scale(1);
}
65% {
-moz-transform: translate(150px, -50px) scale(0.8);
}
85% {
-moz-transform: translate(150px, -50px) scale(1.2);
}
95% {
-moz-transform: translate(0, 0px) scale(1);
}
100% {
-moz-transform: translate(0, 0);
}
}
@-ms-keyframes jamp {
0% {
-ms-transform: translateY(0);
}
10% {
-ms-transform: translateY(-50px);
}
25% {
-ms-transform: translateY(-50px) scale(1.1);
}
35% {
-ms-transform: translateY(-50px) scale(1);
}
45% {
-ms-transform: translateY(-50px) scale(1.2);
}
55% {
-ms-transform: translateY(-50px) scale(1);
}
65% {
-ms-transform: translate(150px, -50px) scale(0.8);
}
85% {
-ms-transform: translate(150px, -50px) scale(1.2);
}
95% {
-ms-transform: translate(0, 0px) scale(1);
}
100% {
-ms-transform: translate(0, 0);
}
}
@-o-keyframes jamp {
0% {
-o-transform: translateY(0);
}
10% {
-o-transform: translateY(-50px);
}
25% {
-o-transform: translateY(-50px) scale(1.1);
}
35% {
-o-transform: translateY(-50px) scale(1);
}
45% {
-o-transform: translateY(-50px) scale(1.2);
}
55% {
-o-transform: translateY(-50px) scale(1);
}
65% {
-o-transform: translate(150px, -50px) scale(0.8);
}
85% {
-o-transform: translate(150px, -50px) scale(1.2);
}
95% {
-o-transform: translate(0, 0px) scale(1);
}
100% {
-o-transform: translate(0, 0);
}
}
@-moz-keyframes jamp {
0% {
transform: translateY(0);
}
10% {
transform: translateY(-50px);
}
25% {
transform: translateY(-50px) scale(1.1);
}
35% {
transform: translateY(-50px) scale(1);
}
45% {
transform: translateY(-50px) scale(1.2);
}
55% {
transform: translateY(-50px) scale(1);
}
65% {
transform: translate(150px, -50px) scale(0.8);
}
85% {
transform: translate(150px, -50px) scale(1.2);
}
95% {
transform: translate(0, 0px) scale(1);
}
100% {
transform: translate(0, 0);
}
}
@-webkit-keyframes jamp {
0% {
transform: translateY(0);
}
10% {
transform: translateY(-50px);
}
25% {
transform: translateY(-50px) scale(1.1);
}
35% {
transform: translateY(-50px) scale(1);
}
45% {
transform: translateY(-50px) scale(1.2);
}
55% {
transform: translateY(-50px) scale(1);
}
65% {
transform: translate(150px, -50px) scale(0.8);
}
85% {
transform: translate(150px, -50px) scale(1.2);
}
95% {
transform: translate(0, 0px) scale(1);
}
100% {
transform: translate(0, 0);
}
}
@-o-keyframes jamp {
0% {
transform: translateY(0);
}
10% {
transform: translateY(-50px);
}
25% {
transform: translateY(-50px) scale(1.1);
}
35% {
transform: translateY(-50px) scale(1);
}
45% {
transform: translateY(-50px) scale(1.2);
}
55% {
transform: translateY(-50px) scale(1);
}
65% {
transform: translate(150px, -50px) scale(0.8);
}
85% {
transform: translate(150px, -50px) scale(1.2);
}
95% {
transform: translate(0, 0px) scale(1);
}
100% {
transform: translate(0, 0);
}
}
@keyframes jamp {
0% {
transform: translateY(0);
}
10% {
transform: translateY(-50px);
}
25% {
transform: translateY(-50px) scale(1.1);
}
35% {
transform: translateY(-50px) scale(1);
}
45% {
transform: translateY(-50px) scale(1.2);
}
55% {
transform: translateY(-50px) scale(1);
}
65% {
transform: translate(150px, -50px) scale(0.8);
}
85% {
transform: translate(150px, -50px) scale(1.2);
}
95% {
transform: translate(0, 0px) scale(1);
}
100% {
transform: translate(0, 0);
}
} .jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
} .journal {
-webkit-animation: journal 1 2s ease-in;
-moz-animation: journal 1 2s ease-in;
-ms-animation: journal 1 2s ease-in;
-o-animation: journal 1 2s ease-in;
animation: journal 1 2s ease-in;
opacity: 1 !important;
visibility: visible !important;
}
@-webkit-keyframes journal {
0% {
-webkit-transform: scale(0) rotate(-360deg);
}
80% {
-webkit-transform: scale(0.5) rotate(-180deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
}
}
@-moz-keyframes journal {
0% {
-moz-transform: scale(0) rotate(-360deg);
}
80% {
-moz-transform: scale(0.5) rotate(-180deg);
}
100% {
-moz-transform: scale(1) rotate(0);
}
}
@-ms-keyframes journal {
0% {
-ms-transform: scale(0) rotate(-360deg);
}
80% {
-ms-transform: scale(0.5) rotate(-180deg);
}
100% {
-ms-transform: scale(1) rotate(0);
}
}
@-o-keyframes journal {
0% {
-o-transform: scale(0) rotate(-360deg);
}
80% {
-o-transform: scale(0.5) rotate(-180deg);
}
100% {
-o-transform: scale(1) rotate(0);
}
}
@-moz-keyframes journal {
0% {
transform: scale(0) rotate(-360deg);
}
80% {
transform: scale(0.5) rotate(-180deg);
}
100% {
transform: scale(1) rotate(0);
}
}
@-webkit-keyframes journal {
0% {
transform: scale(0) rotate(-360deg);
}
80% {
transform: scale(0.5) rotate(-180deg);
}
100% {
transform: scale(1) rotate(0);
}
}
@-o-keyframes journal {
0% {
transform: scale(0) rotate(-360deg);
}
80% {
transform: scale(0.5) rotate(-180deg);
}
100% {
transform: scale(1) rotate(0);
}
}
@keyframes journal {
0% {
transform: scale(0) rotate(-360deg);
}
80% {
transform: scale(0.5) rotate(-180deg);
}
100% {
transform: scale(1) rotate(0);
}
} .lightSpeedInLeft {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes lightSpeedInLeft {
from {
-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;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes lightSpeedInLeft {
from {
-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;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
} .lightSpeedInRight {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes lightSpeedInRight {
from {
-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;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes lightSpeedInRight {
from {
-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;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
} .lightSpeedOutRight {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes lightSpeedOutRight {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@-webkit-keyframes lightSpeedOutRight {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
} .lightSpeedOutLeft {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes lightSpeedOutLeft {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
}
@-webkit-keyframes lightSpeedOutLeft {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
} .magic {
-webkit-animation-name: magic;
animation-name: magic;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes magic {
0% {
opacity: 1;
-webkit-transform-origin: 100% 200%;
-webkit-transform: scale(1, 1) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform-origin: 200% 500%;
-webkit-transform: scale(0, 0) rotate(270deg);
}
}
@keyframes magic {
0% {
opacity: 1;
transform-origin: 100% 200%;
transform: scale(1, 1) rotate(0deg);
}
100% {
opacity: 0;
transform-origin: 200% 500%;
transform: scale(0, 0) rotate(270deg);
}
} .magnifying{
-webkit-animation-name: magnifying;
animation-name: magnifying;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
}
@-webkit-keyframes magnifying{
0% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
100% {
opacity: 1;
-webkit-transform: scale(1.4,1.4) translate(33%);
transform: scale(1.4,1.4) translate(33%);
}
}
@keyframes magnifying{
0% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
100% {
opacity: 1;
-webkit-transform: scale(1.4,1.4) translate(33%);
transform: scale(1.4,1.4) translate(33%);
}
} .magBounce{
-webkit-animation-name: magBounce;
animation-name: magBounce;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
}
@-webkit-keyframes magBounce{
0% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
100% {
opacity: 1;
-webkit-transform: scale(1.4,1.4);
transform: scale(1.4,1.4);
}
}
@keyframes magBounce{
0% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
100% {
opacity: 1;
-webkit-transform: scale(1.4,1.4);
transform: scale(1.4,1.4);
}
} .openDownLeft {
-webkit-animation-name: openDownLeft;
animation-name: openDownLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes openDownLeft {
0% {
-webkit-transform-origin: bottom left;
-webkit-transform: rotate(0deg);
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-transform-origin: bottom left;
-webkit-transform: rotate(-110deg);
-webkit-animation-timing-function: ease-in-out;
}
}
@keyframes openDownLeft {
0% {
transform-origin: bottom left;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
transform-origin: bottom left;
transform: rotate(-110deg);
animation-timing-function: ease-in-out;
}
} .openDownRight {
-webkit-animation-name: openDownRight;
animation-name: openDownRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes openDownRight {
0% {
-webkit-transform-origin: bottom right;
-webkit-transform: rotate(0deg);
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-transform-origin: bottom right;
-webkit-transform: rotate(110deg);
-webkit-animation-timing-function: ease-in-out;
}
}
@keyframes openDownRight {
0% {
transform-origin: bottom right;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
transform-origin: bottom right;
transform: rotate(110deg);
animation-timing-function: ease-in-out;
}
} .openUpLeft {
-webkit-animation-name: openUpLeft;
animation-name: openUpLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes openUpLeft {
0% {
-webkit-transform-origin: top left;
-webkit-transform: rotate(0deg);
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-transform-origin: top left;
-webkit-transform: rotate(110deg);
-webkit-animation-timing-function: ease-in-out;
}
}
@keyframes openUpLeft {
0% {
transform-origin: top left;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
transform-origin: top left;
transform: rotate(110deg);
animation-timing-function: ease-in-out;
}
} .openUpRight {
-webkit-animation-name: openUpRight;
animation-name: openUpRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes openUpRight {
0% {
-webkit-transform-origin: top right;
-webkit-transform: rotate(0deg);
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-transform-origin: top right;
-webkit-transform: rotate(-110deg);
-webkit-animation-timing-function: ease-in-out;
}
}
@keyframes openUpRight {
0% {
transform-origin: top right;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
transform-origin: top right;
transform: rotate(-110deg);
animation-timing-function: ease-in-out;
}
} .openDownLeftRetourn {
-webkit-animation-name: openDownLeftRetourn;
animation-name: openDownLeftRetourn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes openDownLeftRetourn {
0% {
-webkit-transform-origin: bottom left;
-webkit-transform: rotate(-110deg);
-webkit-animation-timing-function: ease-in-out;
}
100% {
-webkit-transform-origin: bottom left;
-webkit-transform: rotate(0deg);
-webkit-animation-timing-function: ease-out;
}
}
@keyframes openDownLeftRetourn {
0% {
transform-origin: bottom left;
transform: rotate(-110deg);
animation-timing-function: ease-in-out;
}
100% {
transform-origin: bottom left;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
} .openDownRightRetourn {
-webkit-animation-name: openDownRightRetourn;
animation-name: openDownRightRetourn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes openDownRightRetourn {
0% {
-webkit-transform-origin: bottom right;
-webkit-transform: rotate(110deg);
-webkit-animation-timing-function: ease-in-out;
}
100% {
-webkit-transform-origin: bottom right;
-webkit-transform: rotate(0deg);
-webkit-animation-timing-function: ease-out;
}
}
@keyframes openDownRightRetourn {
0% {
transform-origin: bottom right;
transform: rotate(110deg);
animation-timing-function: ease-in-out;
}
100% {
transform-origin: bottom right;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
} .openUpLeftRetourn {
-webkit-animation-name: openUpLeftRetourn;
animation-name: openUpLeftRetourn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes openUpLeftRetourn {
0% {
-webkit-transform-origin: top left;
-webkit-transform: rotate(110deg);
-webkit-animation-timing-function: ease-in-out;
}
100% {
-webkit-transform-origin: top left;
-webkit-transform: rotate(0deg);
-webkit-animation-timing-function: ease-out;
}
}
@keyframes openUpLeftRetourn {
0% {
transform-origin: top left;
transform: rotate(110deg);
animation-timing-function: ease-in-out;
}
100% {
transform-origin: top left;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
} .openUpRightRetourn {
-webkit-animation-name: openUpRightRetourn;
animation-name: openUpRightRetourn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes openUpRightRetourn {
0% {
-webkit-transform-origin: top right;
-webkit-transform: rotate(-110deg);
-webkit-animation-timing-function: ease-in-out;
}
100% {
-webkit-transform-origin: top right;
-webkit-transform: rotate(0deg);
-webkit-animation-timing-function: ease-out;
}
}
@keyframes openUpRightRetourn {
0% {
transform-origin: top right;
transform: rotate(-110deg);
animation-timing-function: ease-in-out;
}
100% {
transform-origin: top right;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
} .openDownLeftOut {
-webkit-animation-name: openDownLeftOut;
animation-name: openDownLeftOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes openDownLeftOut {
0% {
opacity: 1;
-webkit-transform-origin: bottom left;
-webkit-transform: rotate(0deg);
-webkit-animation-timing-function: ease-out;
}
100% {
opacity: 0;
-webkit-transform-origin: bottom left;
-webkit-transform: rotate(-110deg);
-webkit-animation-timing-function: ease-in-out;
}
}
@keyframes openDownLeftOut {
0% {
opacity: 1;
transform-origin: bottom left;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
opacity: 0;
transform-origin: bottom left;
transform: rotate(-110deg);
animation-timing-function: ease-in-out;
}
} .openDownRightOut {
-webkit-animation-name: openDownRightOut;
animation-name: openDownRightOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes openDownRightOut {
0% {
opacity: 1;
-webkit-transform-origin: bottom right;
-webkit-transform: rotate(0deg);
-webkit-animation-timing-function: ease-out;
}
100% {
opacity: 0;
-webkit-transform-origin: bottom right;
-webkit-transform: rotate(110deg);
-webkit-animation-timing-function: ease-in-out;
}
}
@keyframes openDownRightOut {
0% {
opacity: 1;
transform-origin: bottom right;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
opacity: 0;
transform-origin: bottom right;
transform: rotate(110deg);
animation-timing-function: ease-in-out;
}
} .openUpLeftOut {
-webkit-animation-name: openUpLeftOut;
animation-name: openUpLeftOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes openUpLeftOut {
0% {
opacity: 1;
-webkit-transform-origin: top left;
-webkit-transform: rotate(0deg);
-webkit-animation-timing-function: ease-out;
}
100% {
opacity: 0;
-webkit-transform-origin: top left;
-webkit-transform: rotate(110deg);
-webkit-animation-timing-function: ease-in-out;
}
}
@keyframes openUpLeftOut {
0% {
opacity: 1;
transform-origin: top left;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
opacity: 0;
transform-origin: top left;
transform: rotate(110deg);
animation-timing-function: ease-in-out;
}
} .openUpRightOut {
-webkit-animation-name: openUpRightOut;
animation-name: openUpRightOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes openUpRightOut {
0% {
opacity: 1;
-webkit-transform-origin: top right;
-webkit-transform: rotate(0deg);
-webkit-animation-timing-function: ease-out;
}
100% {
opacity: 0;
-webkit-transform-origin: top right;
-webkit-transform: rotate(-110deg);
-webkit-animation-timing-function: ease-in-out;
}
}
@keyframes openUpRightOut {
0% {
opacity: 1;
transform-origin: top right;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
opacity: 0;
transform-origin: top right;
transform: rotate(-110deg);
animation-timing-function: ease-in-out;
}
} .perpetuumChainLink1 {
-webkit-animation: perpetuumChainLink1 25s linear infinite;
-moz-animation: perpetuumChainLink1 25s linear infinite;
animation: perpetuumChainLink1 25s linear infinite;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-o-transform:translateX(0)
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes perpetuumChainLink1 {
from {
opacity: 1;
}
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 1;
}
}
@-moz-keyframes perpetuumChainLink1 {
from {
opacity: 1;
}
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 1;
}
}
@keyframes perpetuumChainLink1 {
from {
opacity: 1;
}
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 1;
}
} .perpetuumChainLink2 {
-webkit-animation: perpetuumChainLink2 25s linear infinite;
-moz-animation: perpetuumChainLink2 25s linear infinite;
animation: perpetuumChainLink2 25s linear infinite;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-o-transform:translateX(0);
-webkit-animation-direction: reverse;
animation-direction: reverse;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes perpetuumChainLink2 {
from {
opacity: 1;
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 1;
}
}
@-moz-keyframes perpetuumChainLink2 {
from {
opacity: 1;
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 1;
}
}
@keyframes perpetuumChainLink2 {
from {
opacity: 1;
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 1;
}
} .perspectiveLeft {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: perspectiveLeft;
animation-name: perspectiveLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes perspectiveLeft {
0% {
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(0deg);
}
100% {
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(-180deg);
}
}
@keyframes perspectiveLeft {
0% {
transform-origin: 0 0;
transform: perspective(800px) rotateY(0deg);
}
100% {
transform-origin: 0 0;
transform: perspective(800px) rotateY(-180deg);
}
} .perspectiveRight {
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
-webkit-animation-name: perspectiveRight;
animation-name: perspectiveRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes perspectiveRight {
0% {
-webkit-transform-origin: 100% 0;
-webkit-transform: perspective(800px) rotateY(0deg);
}
100% {
-webkit-transform-origin: 100% 0;
-webkit-transform: perspective(800px) rotateY(180deg);
}
}
@keyframes perspectiveRight {
0% {
transform-origin: 100% 0;
transform: perspective(800px) rotateY(0deg);
}
100% {
transform-origin: 100% 0;
transform: perspective(800px) rotateY(180deg);
}
} .perspectiveRightIn {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: perspectiveRightIn;
animation-name: perspectiveRightIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-direction: reverse; animation-direction: reverse;
}
@-webkit-keyframes perspectiveRightIn {
0% {
-webkit-transform-origin:  100% 0;
-webkit-transform: perspective(400px) rotateY(-180deg);
}
100% {
-webkit-transform-origin:  100% 0;
-webkit-transform: perspective(400px) rotateY(0deg);
}
}
@keyframes perspectiveRightIn {
0% {
transform-origin:  100% 0;
transform: perspective(400px) rotateY(-180deg);
}
100% {
transform-origin:  100% 0;
transform: perspective(400px) rotateY(0deg);
}
} .perspectiveUp {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: perspectiveUp;
animation-name: perspectiveUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes perspectiveUp {
0% {
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(0deg);
}
100% {
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(180deg);
}
}
@keyframes perspectiveUp {
0% {
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg);
}
100% {
transform-origin: 0 0;
transform: perspective(800px) rotateX(180deg);
}
} .perspectiveDownZero {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: perspectiveDownZero;
animation-name: perspectiveDownZero;
-webkit-animation-duration: 0s;
animation-duration: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes perspectiveDownZero {
0% {
-webkit-transform-origin: 0 100%;
-webkit-transform: perspective(800px) rotateX(0deg);
}
100% {
-webkit-transform-origin: 0 100%;
-webkit-transform: perspective(800px) rotateX(-180deg);
}
}
@keyframes perspectiveDownZero {
0% {
transform-origin: 0 100%;
transform: perspective(800px) rotateX(0deg);
}
100% {
transform-origin: 0 100%;
transform: perspective(800px) rotateX(-180deg);
}
} .perspectiveDown {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: perspectiveDown;
animation-name: perspectiveDown;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes perspectiveDown {
0% {
-webkit-transform-origin: 0 100%;
-webkit-transform: perspective(800px) rotateX(0deg);
}
100% {
-webkit-transform-origin: 0 100%;
-webkit-transform: perspective(800px) rotateX(-180deg);
}
}
@keyframes perspectiveDown {
0% {
transform-origin: 0 100%;
transform: perspective(800px) rotateX(0deg);
}
100% {
transform-origin: 0 100%;
transform: perspective(800px) rotateX(-180deg);
}
} .perspectiveLeftRetourn {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: perspectiveLeftRetourn;
animation-name: perspectiveLeftRetourn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes perspectiveLeftRetourn {
0% {
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(-180deg);
}
100% {
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(0deg);
}
}
@keyframes perspectiveLeftRetourn {
0% {
transform-origin: 0 0;
transform: perspective(800px) rotateY(-180deg);
}
100% {
transform-origin: 0 0;
transform: perspective(800px) rotateY(0deg);
}
} .perspectiveRightRetourn {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: perspectiveRightRetourn;
animation-name: perspectiveRightRetourn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes perspectiveRightRetourn {
0% {
-webkit-transform-origin: 100% 0;
-webkit-transform: perspective(800px) rotateY(180deg);
}
100% {
-webkit-transform-origin: 100% 0;
-webkit-transform: perspective(800px) rotateY(0deg);
}
}
@keyframes perspectiveRightRetourn {
0% {
transform-origin: 100% 0;
transform: perspective(800px) rotateY(180deg);
}
100% {
transform-origin: 100% 0;
transform: perspective(800px) rotateY(0deg);
}
} .perspectiveUpRetourn {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: perspectiveUpRetourn;
animation-name: perspectiveUpRetourn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes perspectiveUpRetourn {
0% {
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(180deg);
}
100% {
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(0deg);
}
}
@keyframes perspectiveUpRetourn {
0% {
transform-origin: 0 0;
transform: perspective(800px) rotateX(180deg);
}
100% {
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg);
}
} .perspectiveDownRetourn {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: perspectiveDownRetourn;
animation-name: perspectiveDownRetourn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes perspectiveDownRetourn {
0% {
-webkit-transform-origin: 0 100%;
-webkit-transform: perspective(800px) rotateX(-180deg);
}
100% {
-webkit-transform-origin: 0 100%;
-webkit-transform: perspective(800px) rotateX(0deg);
}
}
@keyframes perspectiveDownRetourn {
0% {
transform-origin: 0 100%;
transform: perspective(800px) rotateX(-180deg);
}
100% {
transform-origin: 0 100%;
transform: perspective(800px) rotateX(0deg);
}
}  .rollInRight {
-webkit-animation-name: rollInRight;
animation-name: rollInRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rollInRight {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes rollInRight {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}  .rollInLeft {
-webkit-animation-name: rollInLeft;
animation-name: rollInLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rollInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes rollInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}  .rollOutRight {
-webkit-animation-name: rollOutRight;
animation-name: rollOutRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rollOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@-webkit-keyframes rollOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}  .rollOutLeft {
-webkit-animation-name: rollOutLeft;
animation-name: rollOutLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rollOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
}
@-webkit-keyframes rollOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
} .rotateEaseForward {
-webkit-animation-name: rotateEaseForward;
animation-name: rotateEaseForward;
-webkit-animation-duration: 35s;
animation-duration: 35s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function:linear; animation-timing-function:linear;
-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
}
@-moz-keyframes rotateEaseForward {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(1440deg); }
}
@-webkit-keyframes rotateEaseForward {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(1440deg); }
} 
@-o-keyframes rotateEaseForward {
from { -o-transform: rotate(0deg); }
to { -o-transform: rotate(1440deg); }
} 
@keyframes rotateEaseForward {
from { transform: rotate(0deg); }
to { transform: rotate(1440deg); }
} .rotateEaseBackward {
-webkit-animation-name: rotateEaseBackward;
animation-name: rotateEaseBackward;
-webkit-animation-duration: 35s;
animation-duration: 35s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-moz-keyframes rotateEaseBackward {
from { -moz-transform: rotate(1440deg); }
to { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes rotateEaseBackward {
from { -webkit-transform: rotate(1440deg); }
to { -webkit-transform: rotate(0deg); }
} 
@-o-keyframes rotateEaseBackward {
from { -o-transform: rotate(1440deg); }
to { -o-transform: rotate(0deg); }
}
@keyframes rotateEaseBackward {
from {transform: rotate(1440deg); }
to { transform: rotate(0deg); }
} .rotateFastForward {
-webkit-animation-name: rotateFastForward;
animation-name: rotateFastForward;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function:linear; animation-timing-function:linear;
-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
}
@-moz-keyframes rotateFastForward {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes rotateFastForward {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
} 
@-o-keyframes rotateFastForward {
from { -o-transform: rotate(0deg); }
to { -o-transform: rotate(360deg); }
} 
@keyframes rotateFastForward {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
} .rotateFastBackward {
-webkit-animation-name: rotateFastBackward; 
-moz-animation-name: rotateFastBackward;
-o-animation-name: rotateFastBackward;
animation-name: rotateFastBackward;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function:linear; -moz-animation-timing-function:linear;
-o-animation-timing-function:linear;
animation-timing-function:linear; -webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-moz-keyframes rotateFastBackward {
from { -moz-transform: rotate(360deg); }
to { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes rotateFastBackward {
from { -webkit-transform:  rotate(360deg); }
to { -webkit-transform:  rotate(0deg); }
} 
@-o-keyframes rotateFastBackward {
from { -o-transform:  rotate(360deg); }
to { -o-transform:  rotate(0deg); }
}
@keyframes rotateFastBackward {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
} .rotateLeft {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: rotateLeft;
animation-name: rotateLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes rotateLeft {
0% {
opacity: 1;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 0;
-webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
}
}
@keyframes rotateLeft {
0% {
opacity: 1;
transform-origin: 0 0;
transform: perspective(800px) rotateY(0deg) translateZ(0px);
}
100% {
opacity: 0;
transform-origin: 50% 0;
transform: perspective(800px) rotateY(180deg) translateZ(300px);
}
} .rotateRight {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: rotateRight;
animation-name: rotateRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes rotateRight {
0% {
opacity: 1;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 0;
-webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
}
}
@keyframes rotateRight {
0% {
opacity: 1;
transform-origin: 0 0;
transform: perspective(800px) rotateY(0deg) translate3d(0px);
}
100% {
opacity: 0;
transform-origin: 50% 0;
transform: perspective(800px) rotateY(-180deg) translateZ(150px);
}
} .rotateUp {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: rotateUp;
animation-name: rotateUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes rotateUp {
0% {
opacity: 1;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 0;
-webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
}
}
@keyframes rotateUp {
0% {
opacity: 1;
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
100% {
opacity: 0;
transform-origin: 50% 0;
transform: perspective(800px) rotateX(180deg) translateZ(100px);
}
} .rotateDown {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: rotateDown;
animation-name: rotateDown;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes rotateDown {
0% {
opacity: 1;
-webkit-transform-origin: 0 0;
-webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
}
}
@keyframes rotateDown {
0% {
opacity: 1;
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
100% {
opacity: 0;
transform-origin: 50% 100%;
transform: perspective(800px) rotateX(-180deg) translateZ(300px);
}
} .rotateInRight {
-webkit-animation-name: rotateInRight;
animation-name: rotateInRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rotateInRight {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes rotateInRight {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
} .rotateInLeft {
-webkit-animation-name: rotateInLeft;
animation-name: rotateInLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rotateInLeft {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes rotateInLeft {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
} .rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
} .rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
} .rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
} .rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
} .rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
} .rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left 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-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right 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-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
} .rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
} .rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes rubberBand {
from {
-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);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes rubberBand {
from {
-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);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
} .scaleBounce {
opacity: 1 !important;
visibility: visible !important;
-webkit-animation: scaleBounce 1s linear;
-moz-animation: scaleBounce 1s linear;
-ms-animation: scaleBounce 1s linear;
-o-animation: scaleBounce 1s linear;
animation: scaleBounce 1s linear;
}
@-webkit-keyframes scaleBounce {
0% {
-webkit-transform: scale(1.5);
opacity: 0;
}
50% {
-webkit-transform: scale(1);
}
70% {
-webkit-transform: scale(1.1);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes scaleBounce {
0% {
-moz-transform: scale(1.5);
opacity: 0;
}
50% {
-moz-transform: scale(1);
}
70% {
-moz-transform: scale(1.1);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@-o-keyframes scaleBounce {
0% {
-o-transform: scale(1.5);
opacity: 0;
}
50% {
-o-transform: scale(1);
}
70% {
-o-transform: scale(1.1);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@-ms-keyframes scaleBounce {
0% {
-ms-transform: scale(1.5);
opacity: 0;
}
50% {
-ms-transform: scale(1);
}
70% {
-ms-transform: scale(1.1);
}
100% {
opacity: 1;
-ms-transform: scale(1);
}
}
@-moz-keyframes scaleBounce {
0% {
transform: scale(1.5);
opacity: 0;
}
50% {
transform: scale(1);
}
70% {
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes scaleBounce {
0% {
transform: scale(1.5);
opacity: 0;
}
50% {
transform: scale(1);
}
70% {
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-o-keyframes scaleBounce {
0% {
transform: scale(1.5);
opacity: 0;
}
50% {
transform: scale(1);
}
70% {
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes scaleBounce {
0% {
transform: scale(1.5);
opacity: 0;
}
50% {
transform: scale(1);
}
70% {
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
} .scaleIn {
-webkit-animation-name: scaleIn;
animation-name: scaleIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
50% {
opacity: 1;
-webkit-transform: scale(5,6);
transform: scale(5,6);
}
100% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
}
@keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
50% {
opacity: 1;
-webkit-transform: scale(5,6);
transform: scale(5,6);
}
100% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
} .scaleInMin {
-webkit-animation-name: scaleInMin;
animation-name: scaleInMin;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
}
@-webkit-keyframes scaleInMin {
0% {
opacity: 0;
-webkit-transform: scale(0,0);
transform: scale(0,0);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
100% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
}
@keyframes scaleInMin {
0% {
opacity: 0;
-webkit-transform: scale(0,0);
transform: scale(0,0);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
100% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
} .scaleInExit {
-webkit-animation-name: scaleInExit;
animation-name: scaleInExit;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
}
@-webkit-keyframes scaleInExit {
0% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
100% {
opacity: 0;
-webkit-transform: scale(5,6);
transform: scale(5,6);
}
}
@keyframes scaleInExit {
0% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
100% {
opacity: 0;
-webkit-transform: scale(5,6);
transform: scale(5,6);
}
} .scaleInExitBounce {
-webkit-animation-name: scaleInExitBounce;
animation-name: scaleInExitBounce;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
}
@-webkit-keyframes scaleInExitBounce {
0% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
50% {
opacity: 1;
-webkit-transform: scale(0.8,0.8);
transform: scale(0.8,0.8);
}
100% {
opacity: 0;
-webkit-transform: scale(5,6);
transform: scale(5,6);
}
}
@keyframes scaleInExitBounce {
0% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
50% {
opacity: 1;
-webkit-transform: scale(0.8,0.8);
transform: scale(0.8,0.8);
}
100% {
opacity: 0;
-webkit-transform: scale(5,6);
transform: scale(5,6);
}
} .scaleOut {
-webkit-animation-name: scaleOut;
animation-name: scaleOut;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
}
@-webkit-keyframes scaleOut {
0% {
opacity: 0;
-webkit-transform: scale(6,7);
transform: scale(6,7);
}
100% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
}
@keyframes scaleOut {
0% {
opacity: 0;
-webkit-transform: scale(6,7);
transform: scale(6,7);
}
100% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
} .scaleOutBounce {
-webkit-animation-name: scaleOutBounce;
animation-name: scaleOutBounce;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
}
@-webkit-keyframes scaleOutBounce {
0% {
opacity: 0;
-webkit-transform: scale(6,7);
transform: scale(6,7);
}
50% {
opacity: 1;
-webkit-transform: scale(0.5,0.5);
transform: scale(0.5,0.5);
}
100% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
}
@keyframes scaleOutBounce {
0% {
opacity: 0;
-webkit-transform: scale(6,7);
transform: scale(6,7);
}
50% {
opacity: 1;
-webkit-transform: scale(0.5,0.5);
transform: scale(0.5,0.5);
}
100% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
} .shake {
-webkit-animation-name: shake;
animation-name: shake;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes shake {
from, to {
-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);
}
}
@-webkit-keyframes shake {
from, to {
-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);
}
} .skew {
-webkit-animation-name: skew;
animation-name: skew;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes skew {
0% {
opacity: 0;
-webkit-transform: skew(80deg, 40deg);
transform: skew(80deg, 40deg);
}
100% {
opacity: 1;
-webkit-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
}
}
@keyframes skew {
0% {
opacity: 0;
-webkit-transform: skew(80deg, 40deg);
transform: skew(80deg, 40deg);
}
100% {
opacity: 1;
-webkit-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
}
} .slideDown{
animation-name: slideDown;
-webkit-animation-name: slideDown;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;	
visibility: visible !important;						
}
@keyframes slideDown {
0% {
transform: translateY(-100%);
}
50%{
transform: translateY(8%);
}
65%{
transform: translateY(-4%);
}
80%{
transform: translateY(4%);
}
95%{
transform: translateY(-2%);
}			
100% {
transform: translateY(0%);
}		
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
}
50%{
-webkit-transform: translateY(8%);
}
65%{
-webkit-transform: translateY(-4%);
}
80%{
-webkit-transform: translateY(4%);
}
95%{
-webkit-transform: translateY(-2%);
}			
100% {
-webkit-transform: translateY(0%);
}	
} .slideUp{
animation-name: slideUp;
-webkit-animation-name: slideUp;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
visibility: visible !important;			
}
@keyframes slideUp {
0% {
transform: translateY(100%);
}
50%{
transform: translateY(-8%);
}
65%{
transform: translateY(4%);
}
80%{
transform: translateY(-4%);
}
95%{
transform: translateY(2%);
}			
100% {
transform: translateY(0%);
}	
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
}
50%{
-webkit-transform: translateY(-8%);
}
65%{
-webkit-transform: translateY(4%);
}
80%{
-webkit-transform: translateY(-4%);
}
95%{
-webkit-transform: translateY(2%);
}			
100% {
-webkit-transform: translateY(0%);
}	
} .slideLeft{
animation-name: slideLeft;
-webkit-animation-name: slideLeft;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;		
visibility: visible !important;	
}
@keyframes slideLeft {
0% {
transform: translateX(150%);
}
50%{
transform: translateX(-8%);
}
65%{
transform: translateX(4%);
}
80%{
transform: translateX(-4%);
}
95%{
transform: translateX(2%);
}			
100% {
transform: translateX(0%);
}
}
@-webkit-keyframes slideLeft {
0% {
-webkit-transform: translateX(150%);
}
50%{
-webkit-transform: translateX(-8%);
}
65%{
-webkit-transform: translateX(4%);
}
80%{
-webkit-transform: translateX(-4%);
}
95%{
-webkit-transform: translateX(2%);
}			
100% {
-webkit-transform: translateX(0%);
}
} .slideRight{
animation-name: slideRight;
-webkit-animation-name: slideRight;	
-ms-animation-name: slideRight;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
-ms-animation-duration: 1s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;		
-ms-animation-timing-function: ease-in-out;	
visibility: visible !important;	
}
@keyframes slideRight {
0% {
transform: translateX(-150%);
}
50%{
transform: translateX(8%);
}
65%{
transform: translateX(-4%);
}
80%{
transform: translateX(4%);
}
95%{
transform: translateX(-2%);
}			
100% {
transform: translateX(0%);
}	
}
@-webkit-keyframes slideRight {
0% {
-webkit-transform: translateX(-150%);
}
50%{
-webkit-transform: translateX(8%);
}
65%{
-webkit-transform: translateX(-4%);
}
80%{
-webkit-transform: translateX(4%);
}
95%{
-webkit-transform: translateX(-2%);
}			
100% {
-webkit-transform: translateX(0%);
}
}
@-ms-keyframes slideRight {
0% {
-ms-transform: translateX(-150rem);
}
50%{
-ms-transform: translateX(8rem);
}
65%{
-ms-transform: translateX(-4rem);
}
80%{
-ms-transform: translateX(4rem);
}
95%{
-ms-transform: translateX(-2rem);
}			
100% {
-ms-transform: translateX(0rem);
}
} .slideExpandUp{
animation-name: slideExpandUp;
-webkit-animation-name: slideExpandUp;	
animation-duration: 1.6s;	
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease -out;
visibility: visible !important;	
}
@keyframes slideExpandUp {
0% {
transform: translateY(100%) scaleX(0.5);
}
30%{
transform: translateY(-8%) scaleX(0.5);
}	
40%{
transform: translateY(2%) scaleX(0.5);
}
50%{
transform: translateY(0%) scaleX(1.1);
}
60%{
transform: translateY(0%) scaleX(0.9);		
}
70% {
transform: translateY(0%) scaleX(1.05);
}			
80%{
transform: translateY(0%) scaleX(0.95);		
}
90% {
transform: translateY(0%) scaleX(1.02);
}	
100%{
transform: translateY(0%) scaleX(1);		
}
}
@-webkit-keyframes slideExpandUp {
0% {
-webkit-transform: translateY(100%) scaleX(0.5);
}
30%{
-webkit-transform: translateY(-8%) scaleX(0.5);
}	
40%{
-webkit-transform: translateY(2%) scaleX(0.5);
}
50%{
-webkit-transform: translateY(0%) scaleX(1.1);
}
60%{
-webkit-transform: translateY(0%) scaleX(0.9);		
}
70% {
-webkit-transform: translateY(0%) scaleX(1.05);
}			
80%{
-webkit-transform: translateY(0%) scaleX(0.95);		
}
90% {
-webkit-transform: translateY(0%) scaleX(1.02);
}	
100%{
-webkit-transform: translateY(0%) scaleX(1);		
}
}   .snow1 {
width:2500px; 
height:1570px;
background-image: url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/snow1.png) ;
-webkit-animation: snow1 12s linear 0s infinite normal;
-moz-animation: snow1 12s linear 0s infinite normal;
-ms-animation: snow1 12s linear 0s infinite normal;
animation: snow1 12s linear 0s infinite normal;
-moz-animation-fill-mode: both;
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
}
@keyframes snow1 {
0% {background-position:0px 0px;}
100% {background-position: -300px 300px;}
}
@-moz-keyframes snow1 {
0% {background-position: 0px 0px;}
100% {background-position: -300px 300px;}
}
@-webkit-keyframes snow1 {
0% {background-position: 0px 0px;}
100% {background-position:-300px 300px;}
}
@-ms-keyframes snow1 {
0% {background-position: 0px 0px;}
100% {background-position: -300px 300px;}
} .snow2 {
width:2500px; 
height:1570px;
background-image: url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/snow2.png) ;
-webkit-animation: snow2 23s linear 0s infinite normal;
-moz-animation: snow2 23s linear 0s infinite normal;
-ms-animation: snow2 23s linear 0s infinite normal;
animation: snow2 23s linear 0s infinite normal;
-moz-animation-fill-mode: both;
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
}
@keyframes snow2 {
0% {background-position: 0px 0px;}
100% {background-position: 400px 400px;}
}
@-moz-keyframes snow2 {
0% {background-position:0px 0px;}
100% {background-position: 400px 400px;}
}
@-webkit-keyframes snow2 {
0% {background-position: 0px 0px;}
100% {background-position: 400px 400px;}
}
@-ms-keyframes snow2 {
0% {background-position: 0px 0px;}
100% {background-position: 400px 400px;}
} .snow3 {
width:2500px; 
height:1570px;
background-image: url(//www.larochebeaucourt.fr/wp-content/plugins/lbg_zoominoutslider/zoominoutslider/skins/snow3.png) ;
-webkit-animation: snow3 18s linear 0s infinite normal;
-moz-animation: snow3 18s linear 0s infinite normal;
-ms-animation: snow3 18s linear 0s infinite normal;
animation: snow3 18s linear 0s infinite normal;
-moz-animation-fill-mode: both;
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
}
@keyframes snow3 {
0% {background-position: 0px 0px;}
100% {background-position: 500px 1000px;}
}
@-moz-keyframes snow3 {
0% {background-position:0px 0px;}
100% {background-position: 500px 1000px;}
}
@-webkit-keyframes snow3 {
0% {background-position: 0px 0px;}
100% {background-position: 500px 1000px;}
}
@-ms-keyframes snow3 {
0% {background-position: 0px 0px;}
100% {background-position: 500px 1000px;}
} .spaceInUp {
-webkit-animation-name: spaceInUp;
animation-name: spaceInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes spaceInUp {
0% {
opacity: 0;
-webkit-transform-origin: 50% 0%;
-webkit-transform: scale(.2) translate(0%, -200%);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 0%;
-webkit-transform: scale(1) translate(0%, 0%);
}
}
@keyframes spaceInUp {
0% {
opacity: 0;
transform-origin: 50% 0%;
transform: scale(.2) translate(0%, -200%);
}
100% {
opacity: 1;
transform-origin: 50% 0%;
transform: scale(1) translate(0%, 0%);
}
} .spaceInDown {
-webkit-animation-name: spaceInDown;
animation-name: spaceInDown;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes spaceInDown {
0% {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-webkit-transform: scale(.2) translate(0%, 200%);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 100%;
-webkit-transform: scale(1) translate(0%, 0%);
}
}
@keyframes spaceInDown {
0% {
opacity: 0;
transform-origin: 50% 100%;
transform: scale(.2) translate(0%, 200%);
}
100% {
opacity: 1;
transform-origin: 50% 100%;
transform: scale(1) translate(0%, 0%);
}
} .spaceInLeft {
-webkit-animation-name: spaceInLeft;
animation-name: spaceInLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes spaceInLeft {
0% {
opacity: 0;
-webkit-transform-origin: 0% 50%;
-webkit-transform: scale(.2) translate(-200%, 0%);
}
100% {
opacity: 1;
-webkit-transform-origin: 0% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
}
}
@keyframes spaceInLeft {
0% {
opacity: 0;
transform-origin: 0% 50%;
transform: scale(.2) translate(-200%, 0%);
}
100% {
opacity: 1;
transform-origin: 0% 50%;
transform: scale(1) translate(0%, 0%);
}
} .spaceInRight {
-webkit-animation-name: spaceInRight;
animation-name: spaceInRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes spaceInRight {
0% {
opacity: 0;
-webkit-transform-origin: 100% 50%;
-webkit-transform: scale(.2) translate(200%, 0%);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
}
}
@keyframes spaceInRight {
0% {
opacity: 0;
transform-origin: 100% 50%;
transform: scale(.2) translate(200%, 0%);
}
100% {
opacity: 1;
transform-origin: 100% 50%;
transform: scale(1) translate(0%, 0%);
}
} .spaceOutUp {
-webkit-animation-name: spaceOutUp;
animation-name: spaceOutUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
}
@-webkit-keyframes spaceOutUp {
0% {
opacity: 1;
-webkit-transform-origin: 50% 0%;
-webkit-transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 0%;
-webkit-transform: scale(.2) translate(0%, -200%);
}
}
@keyframes spaceOutUp {
0% {
opacity: 1;
transform-origin: 50% 0%;
transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
transform-origin: 50% 0%;
transform: scale(.2) translate(0%, -200%);
}
} .spaceOutDown {
-webkit-animation-name: spaceOutDown;
animation-name: spaceOutDown;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes spaceOutDown {
0% {
opacity: 1;
-webkit-transform-origin: 50% 100%;
-webkit-transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-webkit-transform: scale(.2) translate(0%, 200%);
}
}
@keyframes spaceOutDown {
0% {
opacity: 1;
transform-origin: 50% 100%;
transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
transform-origin: 50% 100%;
transform: scale(.2) translate(0%, 200%);
}
} .spaceOutLeft {
-webkit-animation-name: spaceOutLeft;
animation-name: spaceOutLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes spaceOutLeft {
0% {
opacity: 1;
-webkit-transform-origin: 0% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
-webkit-transform-origin: 0% 50%;
-webkit-transform: scale(.2) translate(-200%, 0%);
}
}
@keyframes spaceOutLeft {
0% {
opacity: 1;
transform-origin: 0% 50%;
transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
transform-origin: 0% 50%;
transform: scale(.2) translate(-200%, 0%);
}
} .spaceOutRight {
-webkit-animation-name: spaceOutRight;
animation-name: spaceOutRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes spaceOutRight {
0% {
opacity: 1;
-webkit-transform-origin: 100% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
-webkit-transform-origin: 100% 50%;
-webkit-transform: scale(.2) translate(200%, 0%);
}
}
@keyframes spaceOutRight {
0% {
opacity: 1;
transform-origin: 100% 50%;
transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
transform-origin: 100% 50%;
transform: scale(.2) translate(200%, 0%);
}
} .stretchLeft{
animation-name: stretchLeft;
-webkit-animation-name: stretchLeft;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%; 
}
@keyframes stretchLeft {
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 stretchLeft {
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(0.98);
}				
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}		
} .stretchRight{
animation-name: stretchRight;
-webkit-animation-name: stretchRight;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
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(0.98);
}				
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}		
} .swap {
-webkit-animation-name: swap;
animation-name: swap;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes swap {
0% {
opacity: 0;
-webkit-transform-origin: 0 100%;
-webkit-transform: scale(0, 0) translate(-700px, 0px);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: scale(1, 1) translate(0px, 0px);;
}
}
@keyframes swap {
0% {
opacity: 0;
transform-origin: 0 100%;
transform: scale(0, 0) translate(-700px, 0px);
}
100% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(1, 1) translate(0px, 0px);
}
} .swashIn {
-webkit-animation-name: swashIn;
animation-name: swashIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes swashIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0, 0);
}
90% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0.9, 0.9);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1);
}
}
@keyframes swashIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0);
}
90% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(0.9, 0.9);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
}
} .swashOut {
-webkit-animation-name: swashOut;
animation-name: swashOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes swashOut {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
80% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0.9, 0.9);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0, 0);
}
}
@keyframes swashOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
}
80% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(0.9, 0.9);
}
100% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0);
}
} .swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@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);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@-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);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
} .tada {
-webkit-animation-name: tada;
animation-name: tada;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes tada {
from {
-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);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes tada {
from {
-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);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}  .typing_and_erasing {
padding:0;
width:auto;
white-space:nowrap;
overflow:hidden;
box-sizing: border-box;    
-webkit-animation: typing_and_erasing 4s steps(30, end), blink1 1s 5,
blink2 0s;
-moz-animation: typing_and_erasing 4s steps(30, end), blink1 1s 5,
blink2 0s;	 
-ms-animation: typing_and_erasing 4s steps(30, end), blink1 1s 5,
blink2 0s;
-webkit-animation-delay: 1s; animation-delay: 1s;
-ms-animation-delay: 1s;		
-webkit-animation-fill-mode: both; animation-fill-mode:both;
-ms-animation-fill-mode:both;
}
@-webkit-keyframes typing_and_erasing {
from { width:0;} 
50% {width:3em;}
60% {width:3em;}
70% {width:3em;}
80% {width:3em;}
to { width:  0; border-bottom:0px solid transparent;} 
}
@-moz-keyframes typing_and_erasing {
from { width: 0;} 
50% {width:3em;}
60% {width:3em;}
70% {width:3em;}
80% {width:3em;}
to { width: 0; border-bottom:0px solid transparent;} 
}
@-ms-keyframes typing_and_erasing {
from { width: 0;} 
50% {width:3em;}
60% {width:3em;}
70% {width:3em;}
80% {width:3em;}
to { width: 0; border-bottom:0px solid transparent;} 
}
@-webkit-keyframes blink1 {
0% {border-right: 3px solid transparent;}
50% {border-right: 3px solid #FFFFFF;}	
100% {border-right: 3px solid transparent; }
}
@-moz-keyframes blink1 {
from, to{border-right:3px solid transparent;}
50% {border-right:3px solid #FFFFFF;}
100% {border-right: 3px solid transparent; }
}
@-ms-keyframes blink1 {
from, to{border-right:3px solid transparent;}
50% {border-right:3px solid #FFFFFF;}
100% {border-right: 3px solid transparent; }
}
@-webkit-keyframes blink2 {
from, to {border-bottom: 3px solid #ffffff;}	
}
@-moz-keyframes blink2 {
from, to {border-bottom: 3px solid #ffffff;}	
}
@-webkit-keyframes blink2 {
from, to {border-bottom: 3px solid #ffffff;}	
}
@-ms-keyframes blink2 {
from, to {border-bottom: 3px solid #ffffff;}	
}  .typing {
padding:0;
width:auto;
white-space:nowrap;
overflow:hidden;
box-sizing: border-box;    
-webkit-animation: typing 4s steps(30, end), blink3 1s infinite,
blink4 0s;
-moz-animation: typing 4s steps(30, end), blink3 1s infinite,
blink4 0s;		
-ms-animation: typing 4s steps(30, end), blink3 1s infinite,
blink4 0s;	 
-webkit-animation-delay: 1s; animation-delay: 1s;	
-ms-animation-delay: 1s;	
-webkit-animation-fill-mode: both; animation-fill-mode: both;
-ms-animation-fill-mode: both;
} @-webkit-keyframes blink4 {
from, to {border-bottom: 3px solid #ffffff;}
}
@-moz-keyframes blink4 {
from, to {border-bottom: 3px solid #ffffff;}
}
@-ms-keyframes blink4 {
from, to {border-bottom: 3px solid #ffffff;}
}
@-webkit-keyframes typing {
from { width:0;} 
50% {width:3em;}
60% {width:3em;}
70% {width:3em;}
80% {width:3em;}
to { width:  3em; border-bottom:0px solid transparent;} 
}
@-moz-keyframes typing {
from { width: 0;} 
50% {width:3em;}
60% {width:3em;}
70% {width:3em;}
80% {width:3em;}
to { width: 3em; border-bottom:0px solid transparent;} 
}
@-ms-keyframes typing {
from { width: 0;} 
50% {width:3em;}
60% {width:3em;}
70% {width:3em;}
80% {width:3em;}
to { width: 3em; border-bottom:0px solid transparent;} 
}
@-webkit-keyframes blink3 {
from, to {border-right: 3px solid transparent;}
50% {  border-right: 3px solid #FFFFFF;}
}
@-moz-keyframes blink3 {
from, to {border-right:3px solid transparent;}
50% {  border-right:3px solid #FFFFFF;}
}
@-ms-keyframes blink3 {
from, to {border-right:3px solid transparent;}
50% {  border-right:3px solid #FFFFFF;}
} .tinLeftIn {
-webkit-animation-name: tinLeftIn;
animation-name: tinLeftIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes tinLeftIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(-900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
}
}
@keyframes tinLeftIn {
0% {
opacity: 0;
transform: scale(1, 1) translateX(-900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
} .tinRightIn {
-webkit-animation-name: tinRightIn;
animation-name: tinRightIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes tinRightIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
}
}
@keyframes tinRightIn {
0% {
opacity: 0;
transform: scale(1, 1) translateX(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
} .tinUpIn {
-webkit-animation-name: tinUpIn;
animation-name: tinUpIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes tinUpIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(-900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
}
}
@keyframes tinUpIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(-900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
} .tinDownIn {
-webkit-animation-name: tinDownIn;
animation-name: tinDownIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
}
@-webkit-keyframes tinDownIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
}
}
@keyframes tinDownIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
} .tinLeftOut {
-webkit-animation-name: tinLeftOut;
animation-name: tinLeftOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes tinLeftOut {
0%, 20%, 40%, 50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
}
10%, 30% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(-900%);
}
}
@keyframes tinLeftOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
transform: scale(1, 1) translateX(-900%);
}
} .tinRightOut {
-webkit-animation-name: tinRightOut;
animation-name: tinRightOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes tinRightOut {
0%, 20%, 40%, 50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
}
10%, 30% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(900%);
}
}
@keyframes tinRightOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
transform: scale(1, 1) translateX(900%);
}
} .tinUpOut {
-webkit-animation-name: tinUpOut;
animation-name: tinUpOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes tinUpOut {
0%, 20%, 40%, 50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
}
10%, 30% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(-900%);
}
}
@keyframes tinUpOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
transform: scale(1, 1) translateY(-900%);
}
} .tinDownOut {
-webkit-animation-name: tinDownOut;
animation-name: tinDownOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes tinDownOut {
0%, 20%, 40%, 50% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
}
10%, 30% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(900%);
}
}
@keyframes tinDownOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
transform: scale(1, 1) translateY(900%);
}
} .tossing{
animation-name: tossing;
-webkit-animation-name: tossing;	
animation-duration: 2.5s;	
-webkit-animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
0% {
transform: rotate(-4deg);	
}
50% {
transform: rotate(4deg);
}
100% {
transform: rotate(-4deg);	
}						
}
@-webkit-keyframes tossing {
0% {
-webkit-transform: rotate(-4deg);	
}
50% {
-webkit-transform: rotate(4deg);
}
100% {
-webkit-transform: rotate(-4deg);	
}				
} .twisterInUp {
-webkit-animation-name: twisterInUp;
animation-name: twisterInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes twisterInUp {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
-webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
}
30% {
-webkit-transform-origin: 100% 0;
-webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
}
100% {
opacity: 1;
-webkit-transform-origin: 0 0;
-webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
}
}
@keyframes twisterInUp {
0% {
opacity: 0;
transform-origin: 100% 0;
transform: scale(0, 0) rotate(360deg) translateY(100%);
}
30% {
transform-origin: 100% 0;
transform: scale(0, 0) rotate(360deg) translateY(100%);
}
100% {
opacity: 1;
transform-origin: 0 0;
transform: scale(1, 1) rotate(0deg) translateY(0);
}
} .twisterInDown {
-webkit-animation-name: twisterInDown;
animation-name: twisterInDown;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes twisterInDown {
0% {
opacity: 0;
-webkit-transform-origin: 0 100%;
-webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
-webkit-transform-origin: 0 100%;
-webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
}
}
@keyframes twisterInDown {
0% {
opacity: 0;
transform-origin: 0 100%;
transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
transform-origin: 0 100%;
transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(1, 1) rotate(0deg) translateY(0%);
}
} .vanishIn {
-webkit-animation-name: vanishIn;
animation-name: vanishIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes vanishIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(2, 2);
-webkit-filter: blur(90px);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1);
-webkit-filter: blur(0px);
}
}
@keyframes vanishIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(2, 2);
-webkit-filter: blur(90px);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
-webkit-filter: blur(0px);
}
} .vanishOut {
-webkit-animation-name: vanishOut;
animation-name: vanishOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes vanishOut {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1);
-webkit-filter: blur(0px);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(2, 2);
-webkit-filter: blur(20px);
}
}
@keyframes vanishOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
-webkit-filter: blur(0px);
}
100% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(2, 2);
-webkit-filter: blur(20px);
}
}  .wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes wobble {
from {
-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);
}
to {
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes wobble {
from {
-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);
}
to {
-webkit-transform: none;
transform: none;
}
} .zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
} .zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
} .zoomOutSlowly {
-webkit-animation-name: zoomOutSlowly;
animation-name: zoomOutSlowly;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-timing-function: linear; animation-timing-function: linear;
-moz-animation-timing-function: linear;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes zoomOutSlowly {
from {
opacity: 1;
}
to {
opacity: 1;
-webkit-transform: scale(.8) rotate(0.01deg);
-moz-transform: scale(.8) rotate(0.01deg);
transform: scale(.8) rotate(0.01deg);
-webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transform-style: preserve-3d; }
}
@-webkit-keyframes zoomOutSlowly {
from {
opacity: 1;
}
to {
opacity: 1;
-webkit-transform: scale(.8) rotate(0.01deg);
-moz-transform: scale(.8) rotate(0.01deg);
transform: scale(.8) rotate(0.01deg);
-webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transform-style: preserve-3d; }
} .zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes zoomInLeft {
from {
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);
}
}
@-webkit-keyframes zoomInLeft {
from {
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-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes zoomInRight {
from {
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);
}
}
@-webkit-keyframes zoomInRight {
from {
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);
}
} .zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes zoomInUp {
from {
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);
}
}
@-webkit-keyframes zoomInUp {
from {
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-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes zoomInDown {
from {
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);
}
}
@-webkit-keyframes zoomInDown {
from {
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);
}
} .zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
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;
}
}
@-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);
}
to {
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;
}
} .zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
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;
}
}
@-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);
}
to {
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;
}
} .zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@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);
}
to {
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);
}
}
@-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);
}
to {
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-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@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);
}
to {
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);
}
}
@-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);
}
to {
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);
}
}   .planeFW {
position: absolute; -webkit-animation: planeFW 10s linear infinite; -moz-animation: planeFW 10s linear infinite; -o-animation: planeFW 10s linear infinite; animation: planeFW 10s linear infinite; }
@-webkit-keyframes planeFW {
from { 	-webkit-transform: rotate(0deg) translateX(25em); }
to   {  -webkit-transform: rotate(360deg) translateX(25em); }
}
@-moz-keyframes planeFW {
from { 	-moz-transform: rotate(0deg) translateX(25em); }
to   {  -moz-transform: rotate(360deg) translateX(25em); }
}
@-o-keyframes planeFW {
from { 	-o-transform: rotate(0deg) translateX(25em); }
to   {  -o-transform: rotate(360deg) translateX(25em); }
}
@keyframes planeFW {
from { 	transform: rotate(0deg) translateX(25em); }
to   {  transform: rotate(360deg) translateX(25em); }
}
.planeFWFixed {
position: absolute; -webkit-animation: planeFWFixed 10s linear infinite; -moz-animation: planeFWFixed 10s linear infinite; -o-animation: planeFWFixed 10s linear infinite; animation: planeFWFixed 10s linear infinite; }
@-webkit-keyframes planeFWFixed {
from { 	-webkit-transform: rotate(0deg) translateX(15em); }
to   {  -webkit-transform: rotate(360deg) translateX(15em); }
}
@-moz-keyframes planeFWFixed {
from { 	-moz-transform: rotate(0deg) translateX(15em); }
to   {  -moz-transform: rotate(360deg) translateX(15em); }
}
@-o-keyframes planeFWFixed {
from { 	-o-transform: rotate(0deg) translateX(15em); }
to   {  -o-transform: rotate(360deg) translateX(15em); }
}
@keyframes planeFWFixed {
from { 	transform: rotate(0deg) translateX(15em); }
to   {  transform: rotate(360deg) translateX(15em); }
}
.planeBW {
position: absolute; -webkit-animation: planeBW 9s linear infinite; -moz-animation: planeBW 9s linear infinite; -o-animation: planeBW 9s linear infinite; animation: planeBW 9s linear infinite; }
@-webkit-keyframes planeBW {
from { 	-webkit-transform: rotate(0deg) translateX(25em); }
to   {  -webkit-transform: rotate(-360deg) translateX(25em); }
}
@-moz-keyframes planeBW {
from { 	-moz-transform: rotate(0deg) translateX(25em); }
to   {  -moz-transform: rotate(-360deg) translateX(25em); }
}
@-o-keyframes planeBW {
from { 	-o-transform: rotate(0deg) translateX(25em); }
to   {  -o-transform: rotate(-360deg) translateX(25em); }
}
@keyframes planeBW {
from { 	transform: rotate(0deg) translateX(25em); }
to   {  transform: rotate(-360deg) translateX(25em); }
}
.planeBWFixed {
position: absolute; -webkit-animation: planeBWFixed 9s linear infinite; -moz-animation: planeBWFixed 9s linear infinite; -o-animation: planeBWFixed 9s linear infinite; animation: planeBWFixed 9s linear infinite; }
@-webkit-keyframes planeBWFixed {
from { 	-webkit-transform: rotate(0deg) translateX(15em); }
to   {  -webkit-transform: rotate(-360deg) translateX(15em); }
}
@-moz-keyframes planeBWFixed {
from { 	-moz-transform: rotate(0deg) translateX(15em); }
to   {  -moz-transform: rotate(-360deg) translateX(15em); }
}
@-o-keyframes planeBWFixed {
from { 	-o-transform: rotate(0deg) translateX(15em); }
to   {  -o-transform: rotate(-360deg) translateX(15em); }
}
@keyframes planeBWFixed {
from { 	transform: rotate(0deg) translateX(15em); }
to   {  transform: rotate(-360deg) translateX(15em); }
}
.planeBW2 {
position: absolute; -webkit-animation: planeBW2 15s linear infinite; -moz-animation: planeBW2 15s linear infinite; -o-animation: planeBW2 15s linear infinite; animation: planeBW2 15s linear infinite; }
@-webkit-keyframes planeBW2 {
from { 	-webkit-transform: rotate(0deg) translateX(25em); }
to   {  -webkit-transform: rotate(-360deg) translateX(25em); }
}
@-moz-keyframes planeBW2 {
from { 	-moz-transform: rotate(0deg) translateX(25em); }
to   {  -moz-transform: rotate(-360deg) translateX(25em); }
}
@-o-keyframes planeBW2 {
from { 	-o-transform: rotate(0deg) translateX(25em); }
to   {  -o-transform: rotate(-360deg) translateX(25em); }
}
@keyframes planeBW2 {
from { 	transform: rotate(0deg) translateX(25em); }
to   {  transform: rotate(-360deg) translateX(25em); }
} .magnifyingBounce{
-webkit-animation-name: magnifyingBounce;
animation-name: magnifyingBounce;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
}
@-webkit-keyframes magnifyingBounce{
0% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
25% {
opacity: 1;
-webkit-transform: scale(1.4,1.4);
transform: scale(1.4,1.4);
}
50% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
75% {
opacity: 1;
-webkit-transform: scale(1.4,1.4);
transform: scale(1.4,1.4);
}
100% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
}
@keyframes magnifyingBounce{
0% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
25% {
opacity: 1;
-webkit-transform: scale(1.4,1.4);
transform: scale(1.4,1.4);
}
50% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
75% {
opacity: 1;
-webkit-transform: scale(1.4,1.4);
transform: scale(1.4,1.4);
}
100% {
opacity: 1;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
} .stamp {
width:auto;
height:auto;
padding: 0.22em 0.1em 0.8em 0.1em;
border-radius: 0.15em;
-moz-border-radius: 0.15em;
-webkit-border-radius: 0.15em;
-ms-border-radius: 0.15em;
-o-border-radius: 0.15em;
-webkit-animation-name: stamp;
animation-name: stamp;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes stamp {
0% {
opacity: 1;
-webkit-transform: scale(5,6) rotate(-10deg);
transform: scale(5,6) rotate(-10deg);
}
100% {
opacity: 1;
-webkit-transform: scale(1,1) rotate(-10deg);
transform: scale(1,1) rotate(-10deg);
}
}
@keyframes stamp {
0% {
opacity: 1;
-webkit-transform: scale(5,6) rotate(-10deg);
transform: scale(5,6) rotate(-10deg);
}
100% {
opacity: 1;
-webkit-transform: scale(1,1) rotate(-10deg);
transform: scale(1,1) rotate(-10deg);
}
} .returnsToZero {
width:auto;
height:auto;
padding: 0.22em 0.1em 0.8em 0.1em;
-webkit-animation-name: returnsToZero;
animation-name: returnsToZero;
-webkit-animation-delay: 3s; animation-delay: 3s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes returnsToZero {
0% {
opacity: 1;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
100% {
opacity: 1;
-webkit-transform: rotate(0deg);
transform:rotate(0deg);
}
}
@keyframes returnsToZero {
0% {
opacity: 1;
-webkit-transform: rotate(-10deg);
transform:  rotate(-10deg);
}
100% {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
} .pulse {
-webkit-animation: pulse infinite alternate linear 0.8s;
-moz-animation: pulse infinite alternate linear 0.8s;
-ms-animation: pulse infinite alternate linear 0.8s;
-o-animation: pulse infinite alternate linear 0.8s;
animation: pulse infinite alternate linear 0.8s;
opacity: 1 !important;
visibility: visible !important;
}
@keyframes pulse {
0% {
transform:scale(1,1);
}
100% {
transform:scale(2,2);
}				
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1,1);
}
100% {
-webkit-transform:scale(2,2);
}				
} .pullLeftBoxRegularRZ{
width:1px;
height: 500px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
animation-name: pullLeftBoxRegular;
-webkit-animation-name: pullLeftBoxRegular;	
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%; 		
}
@keyframes pullLeftBoxRegularRZ{
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(410);
}				
}
@-webkit-keyframes pullLeftBoxRegularRZ{
0% {
-webkit-transform: scaleX(0);
}
100% {
-webkit-transform: scaleX(410);
}				
}
.lbg1_bgk {
width:410px;
height:500px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
padding:0px;
font-size:14px;
line-height:0px;
margin:0px;
}
.slideBox_RightFromLeft {
width:54em;
max-width:54em;
height:610px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
animation-name: slideBox_RightFromLeft;
-webkit-animation-name: slideBox_RightFromLeft;	
transform-origin: left;
-ms-transform-origin: left;
-webkit-transform-origin: left;
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: linear;	
-webkit-animation-timing-function: linear;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;	
}
@keyframes slideBox_RightFromLeft {
0% {
transform:translateX(-100%);
}
100% {
transform:translateX(0%);
}				
}
@-webkit-keyframes slideBox_RightFromLeft {
0% {
-webkit-transform:translateX(-100%);
}
100% {
-webkit-transform:translateX(0%);
}				
}
.slideBox_LeftFromRight {
width:54em;
max-width:54em;
height:610px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
animation-name: slideBox_LeftFromRight;
-webkit-animation-name: slideBox_LeftFromRight;	
transform-origin: right;
-ms-transform-origin: right;
-webkit-transform-origin: right;
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: linear;	
-webkit-animation-timing-function: linear;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;	
}
@keyframes slideBox_LeftFromRight {
0% {
transform:translateX(100%);
}
100% {
transform:translateX(0%);
}				
}
@-webkit-keyframes slideBox_LeftFromRight {
0% {
-webkit-transform:translateX(100%);
}
100% {
-webkit-transform:translateX(0%);
}				
}
.slideBox_RightFromLeft_min {
width:30em;
max-width:30em;
height:500px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
animation-name: slideBox_RightFromLeft_min;
-webkit-animation-name: slideBox_RightFromLeft_min;	
transform-origin: left;
-ms-transform-origin: left;
-webkit-transform-origin: left;
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: linear;	
-webkit-animation-timing-function: linear;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;	
}
@keyframes slideBox_RightFromLeft_min {
0% {
transform:translateX(-100%);
}
100% {
transform:translateX(0%);
}				
}
@-webkit-keyframes slideBox_RightFromLeft_min {
0% {
-webkit-transform:translateX(-100%);
}
100% {
-webkit-transform:translateX(0%);
}				
}
.slideBox_LeftFromRight_min {
width:30em;
max-width:30em;
height:500px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
animation-name: slideBox_LeftFromRight_min;
-webkit-animation-name: slideBox_LeftFromRight_min;	
transform-origin: right;
-ms-transform-origin: right;
-webkit-transform-origin: right;
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: linear;	
-webkit-animation-timing-function: linear;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;	
}
@keyframes slideBox_LeftFromRight_min {
0% {
transform:translateX(100%);
}
100% {
transform:translateX(0%);
}				
}
@-webkit-keyframes slideBox_LeftFromRight_min {
0% {
-webkit-transform:translateX(100%);
}
100% {
-webkit-transform:translateX(0%);
}				
}
.slideBox_TopFromBottom {
width:36em;
max-width:36em;
height:47em;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
animation-name: slideBox_TopFromBottom;
-webkit-animation-name: slideBox_TopFromBottom;	
transform-origin: bottom
-ms-transform-origin: bottom;
-webkit-transform-origin: bottom;
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: linear;	
-webkit-animation-timing-function: linear;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;	
}
@keyframes slideBox_TopFromBottom {
0% {
transform:translateY(100%);
}
100% {
transform:translateY(0%);
}				
}
@-webkit-keyframes slideBox_TopFromBottom {
0% {
-webkit-transform:translateY(100%);
}
100% {
-webkit-transform:translateY(0%);
}				
}
.slideBox_BottomFromTop {
width:36em;
max-width:36em;
height:47em;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
animation-name: slideBox_BottomFromTop;
-webkit-animation-name: slideBox_BottomFromTop;	
transform-origin: top;
-ms-transform-origin: top;
-webkit-transform-origin: top;
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: linear;	
-webkit-animation-timing-function: linear;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;	
}
@keyframes slideBox_BottomFromTop {
0% {
transform:translateY(-100%);
}
100% {
transform:translateY(0%);
}				
}
@-webkit-keyframes slideBox_BottomFromTop {
0% {
-webkit-transform:translateY(-100%);
}
100% {
-webkit-transform:translateY(0%);
}				
}
.slideBox_TopFromBottom_min {
width:28em;
max-width:28em;
height:47em;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
animation-name: slideBox_TopFromBottom_min;
-webkit-animation-name: slideBox_TopFromBottom_min;	
transform-origin: bottom
-ms-transform-origin: bottom;
-webkit-transform-origin: bottom;
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: linear;	
-webkit-animation-timing-function: linear;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;	
}
@keyframes slideBox_TopFromBottom_min {
0% {
transform:translateY(100%);
}
100% {
transform:translateY(0%);
}				
}
@-webkit-keyframes slideBox_TopFromBottom_min {
0% {
-webkit-transform:translateY(100%);
}
100% {
-webkit-transform:translateY(0%);
}				
}
.slideBox_BottomFromTop_min {
width:28em;
max-width:28em;
height:47em;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
animation-name: slideBox_BottomFromTop_min;
-webkit-animation-name: slideBox_BottomFromTop_min;	
transform-origin: top;
-ms-transform-origin: top;
-webkit-transform-origin: top;
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: linear;	
-webkit-animation-timing-function: linear;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;	
}
@keyframes slideBox_BottomFromTop_min {
0% {
transform:translateY(-100%);
}
100% {
transform:translateY(0%);
}				
}
@-webkit-keyframes slideBox_BottomFromTop_min {
0% {
-webkit-transform:translateY(-100%);
}
100% {
-webkit-transform:translateY(0%);
}				
}
.slideBox_TopFromBottom_full{
width:2500px;
height:10em;
max-height:10em;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
animation-name: slideBox_TopFromBottom_full;
-webkit-animation-name: slideBox_TopFromBottom_full;	
transform-origin: bottom
-ms-transform-origin: bottom;
-webkit-transform-origin: bottom;
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: linear;	
-webkit-animation-timing-function: linear;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;	
}
@keyframes slideBox_TopFromBottom_full {
0% {
transform:translateY(100%);
}
100% {
transform:translateY(0%);
}				
}
@-webkit-keyframes slideBox_TopFromBottom_full {
0% {
-webkit-transform:translateY(100%);
}
100% {
-webkit-transform:translateY(0%);
}				
}
.slideBox_TopFromBottom_full_min{
width:2000px;
height:6em;
max-height:6em;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
animation-name: slideBox_TopFromBottom_full_min;
-webkit-animation-name: slideBox_TopFromBottom_full_min;	
transform-origin: bottom
-ms-transform-origin: bottom;
-webkit-transform-origin: bottom;
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: linear;	
-webkit-animation-timing-function: linear;	
-webkit-animation-fill-mode: both;
animation-fill-mode: both;	
}
@keyframes slideBox_TopFromBottom_full_min {
0% {
transform:translateY(100%);
}
100% {
transform:translateY(0%);
}				
}
@-webkit-keyframes slideBox_TopFromBottom_full_min {
0% {
-webkit-transform:translateY(100%);
}
100% {
-webkit-transform:translateY(0%);
}				
}