/*
Theme Name: Willibald Gebhardt Institut e.V.
Author: millerwerke
Version: 1.0
Text Domain: wgi
*/


@font-face {
    font-family: 'Cera';
    src: url('fonts/Cera-Pro-Regular.eot');
    src: url('fonts/Cera-Pro-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cera-Pro-Regular.woff') format('woff'),
         url('fonts/Cera-Pro-Regular.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family: 'Cera';
    src: url('fonts/Cera-Pro-Medium.eot');
    src: url('fonts/Cera-Pro-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cera-Pro-Medium.woff') format('woff'),
         url('fonts/Cera-Pro-Medium.woff2') format('woff2');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family: 'Cera';
    src: url('fonts/Cera-Pro-Bold.eot');
    src: url('fonts/Cera-Pro-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cera-Pro-Bold.woff') format('woff'),
         url('fonts/Cera-Pro-Bold.woff2') format('woff2');
    font-weight:600;
    font-style:normal;
}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
h1,h2,h3,h4,h5,h6{clear:both;}
html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;}
del{color:#333;}
ins{background:#fff9c0;text-decoration:none;}
hr{background-color:#ccc;border:0;height:1px;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
small{font-size:smaller;}
img{border:0;-ms-interpolation-mode:bicubic;}

* {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
html {
	font-size:10px;
	overflow-x:hidden;	
}
body {
	position:relative;
	/* min-height:100vh; */
	font-family:'Cera';
	font-style:normal;
	font-weight:400;	
	font-size:1.6rem;
	line-height:1.35;
	color:#333;
	background:#e5e5e5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media all and (max-width: 1130px) {
	html {
		font-size:9.5px;
	}
}
@media all and (max-width: 1024px) {
	html {
		font-size:9px;
	}
}
@media all and (max-width: 800px) {
	html {
		font-size:8.5px;
	}
}
/* @media all and (max-width: 500px) {
	html {
		font-size:8px;
	}
}
 */

/***********************************************
 layout 
***********************************************/

.full {
	float:left;
	width:100%;
	margin:0 auto;
}
.half {
	display:table;
	position:relative;
	width:100%;
	max-width:1130px;
	min-width:320px;
	margin:0 auto;
}
.half.pagebuilder {
	
}
/* 
.full:after,
.half:after {
	content:'';
	display:block;
	clear:both;
	width:100%;
	height:0px;
} 
*/

.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12 {
	float:left;
	position:relative;
	padding:4rem 4rem 3rem 3rem;
}
.w1  { width:8.3333%);	}
.w2  { width:16.6666%);	}
.w3  { width:25%;		}
.w4  { width:33.3333%;	}
.w5  { width:41.6666%;	}
.w6  { width:50%;		}
.w7  { width:58.3333%;	}
.w8  { width:66.6666%;	}
.w9  { width:75%;		}
.w10 { width:83.3333%;	}
.w11 { width:91.6666%;	}
.w12 { width:100%;		}

@media all and (max-width: 600px) {
	.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12	{
		width:100%;
		padding:3rem 2rem 2rem 2rem;
 	}
}
.nopadd {
	padding:0 !important;
}


/***********************************************
 basics 
***********************************************/

a, a:hover, a:active, a:focus {
	color:#333;
	outline: none;
	text-decoration:none;
}
p {
	margin-bottom:2.3rem;
}
b, strong {
	font-weight:500;
}
img {
	float:left;
	width:100%;
	max-width:100%;
	height:auto;
}


/***********************************************
 headlines 
***********************************************/

h1,h2,h3,h4,h5 {
	display:block;
	line-height:1.2;
	padding-bottom:2.3rem;
}
h1 {
	font-weight:600;
}
h2 {
	font-weight:500;
}
h3, h4, h5 h6 {
	font-size:1.6rem;
	font-weight:600;
}
h1 {
	font-size:3rem ;
}

h2 {	
	font-size:2rem;
}



/***********************************************
 misc
***********************************************/

.screen-reader-text {
	display:none;
}



/***********************************************
 box colors
***********************************************/

.color_white {
	background:#fff;
}
.color_darkblue {
	background:#32428a;
}
.color_blue {
	background:#00b3e7;
}
.color_lightblue {
	background:#85d1ef;
	/* background:#98daf2; */
}
.color_green {
	background:#007c4d;
}
.color_lightgreen {
	background:#acc745;
}
.color_orange {
	background:#f07536;
}
.color_lightorange {
	background:#f9be4f;
}
.color_purple {
	background:#83316a;
}
.color_lightpurple {
	background:#c91c74;
}


.color_darkblue *,
.color_blue *,
.color_green *,
.color_orange *,
.color_purple *,
.color_lightpurple * {
	color:#fff;
}



/***********************************************
textlinks
***********************************************/

.articlebox p a {
	font-weight:500;
}

.color_white p a {
	color:#3396D6;
}



/***********************************************
 articlebox
***********************************************/

.articlebox {
}
.articlebox.w12 .cols3 {
	width:100%;
	-webkit-column-count:3;
	-webkit-column-gap: 3rem;
	-webkit-column-width: 301px;
	-moz-column-count:3;
	-moz-column-gap: 3rem;
	-moz-column-width: 301px;
	column-count: 3;
	column-gap: 3rem;
	column-width: 301px;
}
.articlebox h1 {
	display:block;
}
.articlebox.w8 h1 {
	width:90%;
}
.articlebox.w12 h1 {
	width:75%;
}
.articlebox table {
	margin-bottom:2rem;
	margin-top:0;
}

.articlebox img {
	float:left;
	margin:0;
	padding:0;
}

@media all and (max-width: 1000px)  {
	.articlebox.w12 h1 {
		width:70%;
	}
	h1.w12 {
		padding-right:30%;
	}
}
@media all and (max-width: 850px)  {
	.articlebox.w12 h1 {
		width:100%;
	}
	h1.w12 {
		padding-right:0;
	}
}


/***********************************************
 tablebox
***********************************************/

.tablebox {
}
/*.tablebox.w12 table {
	table-layout:fixed;
} */
table {
	position:relative;
	border-spacing: 0.5rem;
    border-collapse: separate;
	empty-cells:show;
	font-size:90%;
	width:101%;
	margin-left:-0.5rem;
}
th, td {
	text-align:left;
	vertical-align:top;
	padding:0.3rem 1rem 0.7rem 0rem;
	border-bottom: 1px solid #555;
	width:auto;
}
thead th {
	white-space:nowrap;
}
thead th,
tbody td b,
tbody td strong {
	font-weight:600;
	opacity:.85;
}
tr:last-child td {
	border:none;
}
.tablehead {
	font-size:1.6rem;
	line-height:1.2;
	font-weight:600;
}
.tablehead + table {
	margin-top:0;	
}
.tablefooter {
	float:left;
	text-align:left;
	font-size:1.4rem;
	margin-bottom:2rem;
}
@media all and (max-width: 1024px) {
	.tablebox.w8 {
		width:100%;
	}
	.tablebox.w6 {
		width:100%;
	}
	.tablebox.w4  {
		width:50%;
	}
}
@media all and (max-width: 800px) {
	.tablebox.w4  {
		width:100%;
	}
}



/***********************************************
 team 
***********************************************/

/* .ansprechpartner {
	padding:5rem 0 3rem 0 ;
	background:#e3ebf6;
}
.ansprechpartner .half {
	padding:0 5rem 0 5rem;
}
.ansprechpartner h2 {
	margin-bottom:2.5rem;
	padding-top:0;
}
*/

.ansprechpartner {
	padding:5rem 0 3rem 0 ;
	background:#fff;
}

.ansprechpartner article.mitarbeiter {
}
.ansprechpartner article.mitarbeiter:before {
	content:'';
	position:absolute;
	top:0;
	
	width:calc(100% - 7rem);
	border-top:1px solid #8DA0A6;
}
.ansprechpartner article.mitarbeiter img {
	margin-bottom:2rem;

}
.ansprechpartner article.mitarbeiter p {
	margin-bottom:1.5rem;
}
.ansprechpartner article.mitarbeiter .function {
}
.ansprechpartner article.mitarbeiter .name {
	font-weight:600;
}
.ansprechpartner article.mitarbeiter .more {
	font-weight:600;
	color:#3396D6;
}

@media all and (max-width: 800px) and (min-width: 460px) {
	.ansprechpartner article.mitarbeiter {
		width:50%;
	}
}

/** randspalte **/
.ansprechp_einzeln .name {
	font-weight:600;
}
.ansprechp_einzeln .email {
	font-weight:400;
}




/*
@media all and (max-width: 1100px) {
	.ansprechpartner article {
		width:calc(25% - 3rem);
	}
}
@media all and (max-width: 900px) {
	.ansprechpartner article {
		width:calc(33.3333% - 3rem);
		font-size:12px;
		line-height:18px;
	}
	.ansprechpartner article .name {
		font-size:12px;
		line-height:18px;
	}
}
@media all and (max-width: 600px) {
	.ansprechpartner article {
		width:calc(50% - 3rem) !important;
	}
}
@media all and (max-width: 360px) {
	.ansprechpartner article {
		width:calc(100% - 3rem) !important;
	}
	.ansprechpartner article img {
		padding-right:40%;	
	}
}
@media all and (max-width: 750px) {
	.ansprechpartner .half {
		padding-left:2rem;
		padding-right:2rem;
	}
} */




/***********************************************
 akkordeon
***********************************************/

.akkordeon_opener {
	cursor:pointer;
	padding:1rem 1rem 1rem 0;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	margin:0;
	margin-top:-1px;
}
.akkordeon_opener:after {
	float:left;
	width:2rem;
	content:'+';
}
.akkordeon_opener.expanded:after {
	content:'–';
}
.akkordeon_opener + .textblock {
	float:left;
	display:none;
	padding:2.5rem 1rem 2rem 1rem;
}



/***********************************************
 allowed ul li
***********************************************/

.articlebox .textblock ul {
	list-style:disc;
	margin-left:1.75rem;
	margin-bottom:2.8rem
}
.articlebox .textblock ul ul {
	margin-bottom:0
}
.articlebox .textblock li {
	list-style:disc;
}





/***********************************************
 imagebox
***********************************************/

.imagebox {
	position:relative;
	display:block;
	width:100%;
	margin-bottom:3.6rem;
	overflow:hidden;
}
.imagebox .slides {
	opacity:0;
}
.imagebox .slides,
.imagebox .slide {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.imagebox .slide{
	background-position:20% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#c5c5c5;
}
.imagebox.half {
	height:50rem;
	margin-bottom:0;
}
.imagebox .decker {
	position:relative;
	display:block;
	height:100%;
	width:44.25%;
	padding:5rem 10% 2rem 3rem;
}
.imagebox .decker .textline {
	position:relative;
	display:block;
	font-size:3.2rem;
	font-size:32px;
	font-weight:500;
	color:#fff;
	z-index:+1;
}
.imagebox .decker a {
	position:relative;
	display:block;
	margin-top:2rem;
	z-index:+1;
}
.imagebox .decker svg {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:auto;
	z-index:+1;
}
.imagebox .copyright {
	position:absolute;
	display:block;
	left:calc(100% - 5px);
	bottom:10px;
	width:100%;
	font-size:9px;
	color:#fff;
	opacity:0.75;
	transform:rotate(-90deg);
	transform-origin: bottom left;
	z-index:+1;
}
@media all and (max-width: 1130px) {
	.imagebox.half {		
		height:calc(100vw / 2.26);
		min-height:35rem;
	}
}
@media all and (max-width: 600px) {
	.imagebox .decker {
		width:50%;
		padding-left:2rem;

	}
}
@media all and (max-width: 500px) {
	.imagebox .decker {
		width:55%;
	}
}





/* 

@media all and (max-width: 900px) {
	.imagebox .decker .textline {
		font-size:3rem;
	}
}
@media all and (max-width: 800px) {
	.imagebox .decker .textline {
		font-size:2.8rem;
	}
}
@media all and (max-width: 700px) {
	.imagebox .decker .textline {
		font-size:2.6rem;
	}
}
@media all and (max-width: 600px) {
	.imagebox .decker .textline {
		font-size:2.4rem;
	}
}
@media all and (max-width: 500px) {
	.imagebox .decker .textline {
		font-size:2rem;
	}
}
@media all and (max-width: 400px) {
	.imagebox .decker .textline {
		font-size:1.8rem;
	}
} 

*/

/* @media all and (max-width: 568px) {
	.articlebox.w12 .imagebox {
		height:calc(100vw / 1.7);
		min-height:0;
	}
	.articlebox.w4 .imagebox {
		height:calc(100vw / 1.75);
	}
	.articlebox.w4 .imagebox img {
		margin-top:-17.5%;
	}
} */


/***********************************************
 article image slider
***********************************************/

.flex-nav-prev a,
.flex-nav-next a {
	position:absolute;
	bottom:0;
	width:5rem;
	height:100%;
	color:transparent;
	z-index:999;
	overflow:hidden;
}
.flex-nav-prev a {
	left:0;
}
.flex-nav-next a {
	right:0;
}
.flex-nav-next a:before,
.flex-nav-prev a:before {
	position:absolute;
	font-size:5rem;
	width:5rem;
	height:5rem;
	top:50%;
	color:#fff;
	text-align:center;
	
	display:none;	
}

.flex-nav-prev a:before {
	content:'<';
	left:0;
}
.flex-nav-next a:before {
	content:'>';
	right:0;
}
.flex-disabled {
	display:none;
}
.slider * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}



/***********************************************
 pagination
***********************************************/


.pagination {

}
.nav-links {
	float:right;
	clear:right;
	margin:1rem 0;
}
span.page-numbers,
a.page-numbers {
	float:left;
	margin:1px;
	display:block;
	color:#999;
	background:#fff;
	padding:4px 10px;
}
span.page-numbers.current {
	font-weight:600;
	color:#00b3e7;
}
@media all and (max-width: 760px) {
	a.page-numbers:not(.prev):not(.next),
	span.page-numbers.dots {
		display:none;
	}
	
}


/***********************************************
 newslist
***********************************************/

.newslist {

}
.newslist.archive article {
	display:inline-block;
	width:100%;
	margin-bottom:0.5rem;
}
.newslist .articlebox {
	background:#fff;
}
.newslist .articlebox h1 {
	display:inline-block;
}
.newslist .date {
	display:block;
	color:#00B3E7;
	padding:0 0 1rem 0;
}
.newslist a.morelink {
	color:#00B3E7;
}
.newslist a:nth-of-type(1) .articlebox.w8 {
}
.newslist a:nth-of-type(2) .articlebox {
	background:#f9be4f;
}
.newslist a:nth-of-type(3) .articlebox {
	background:#85d1ef;
}
.newslist a:nth-of-type(2) .date,
.newslist a:nth-of-type(3) .date {
	color:#222;
}
.newslist a:nth-of-type(2) h1,
.newslist a:nth-of-type(3) h1,
.newslist a:nth-of-type(4) h1 {
	font-size:2.6rem;
}
.newslist .articlebox.image  {
	min-height:37rem;
	background-size:cover;
	background-position:50% 0;
}


@media all and (max-width: 600px) {
	.newslist .articlebox.image  {
		min-height:auto;
		height:65vw !important;
	}
}
@media all and (max-width: 450px) {
	.newslist .articlebox.image  {
		min-height:auto;
		height:100vw !important;
	}
}


/***********************************************
 news
***********************************************/

.singlenews .date {
	display:block;
	color:#00B3E7;
	padding:0 0 2rem 0;
}
.singlenews .pictdesc h3 {
	padding-bottom:1rem;
}



/***********************************************
 publiclist
***********************************************/

.publiclist {

}
.publiclist.archive article {
	display:inline-block;
	width:100%;
	margin-bottom:0.5rem;
}
.publiclist.archive article img {
	width:210px;
	max-width:100%;
	border:1px solid #c5c5c5;
}
.publiclist.archive .textblock a {
	color:#333;
	font-weight:normal;
}


/***********************************************
 news pagination
***********************************************/

/*

.firstpager {
	margin-bottom:3rem
}
.secondpager {
	margin-top:3rem;
	margin-bottom:3rem;
	padding-top:4rem;
	border-top:1px solid #E2E2E2;
}
.num-posts {
	float:left;
}
.pagination-posts {
	float:right;
}
.pagination-posts ul {
	margin-top:-0.5rem;
	float:right;
}
.pagination-posts h2 {
	display:none;
}
.pagination-posts a:hover {
	text-decoration:none
}
.pagination-posts li.page-numbers {
	float:left;
	width:3rem;
	height:3rem;
	border:1px solid #E2E2E2;
	margin-left:-1px;
}
.pagination-posts a.page-numbers,
.pagination-posts .current,
.pagination-posts .dots,
.pagination-posts .next,
.pagination-posts .prev {
	display:block;
	height:100%;
	width:100%;
	line-height:0;
	padding-top:50%;
	text-align:center;
}
.pagination-posts .current {
	font-weight:700;
}
*/


/***********************************************
 breadcrumb / home smallnews
***********************************************/

.crumb {
	position:relative;
	padding-top:3.5rem;
	padding-bottom:2.5rem;
	font-size:1.4rem;
	text-transform:uppercase;
}
.crumb .delimiter {
	margin:0 1rem;
}

@media all and (max-width: 1170px) {
	.crumb {
		padding-left:2rem;
	}	
}


/***********************************************
 siteheader
***********************************************/

#siteheader {
	position:relative;
	display:block;
	float:left;
	width:100%;
	max-width:100%;
	height:auto;
	z-index:9999;	
	-webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.25);
}
#siteheader hgroup a {
	display:block;
	left:1rem;
	top:3.5rem;
	width:36rem;
	max-width:70%;
	height:7.5rem;
	margin:3rem 0 3.8rem 2rem;
	text-indent:-9999px;
	overflow:hidden;
}
#siteheader hgroup.de a {
	background:url(images/logo_wgi_de.png) 50% 50% no-repeat transparent;
	background-size:contain;
}
#siteheader hgroup.en a {
	background:url(images/logo_wgi_en.png) 50% 50% no-repeat transparent;
	background-size:contain;
}
#siteheader nav li a {
	color:#222;
}
	
@media all and (min-width: 981px) {
	#siteheader h3 {
		display:none;
	}
	#siteheader nav {
		display:block;
		width:100%;
	}
	#siteheader nav ul {
		position:relative;
		float:right;
		padding:0;
		margin-right:3rem;
	}
	#siteheader nav ul ul {
		position:absolute;
		top:100%;
		right:0;
		width:auto;
		min-width:calc(100% + 2rem);
		margin:0 0 0 -4rem;
		padding:2rem 2rem 2rem 2rem;
		background:rgba(255,255,255,0.85);
		display:none;
	}
	#siteheader nav ul li:first-of-child ul {
		right:auto;
		left:0;
		margin-left:0;
	}
	#siteheader nav ul li:hover ul {
		display:block;
	}
	#siteheader nav li {
		position:relative;
		float:left;
		white-space:nowrap;
	}
	#siteheader nav li li {
		clear:left;
		text-align:left;
		width:100%;
		border-bottom:1px solid rgba(18,177,226,0.5);
	}
	#siteheader nav li li:last-of-type {
		border-bottom:none;
	}
	#siteheader nav li a {
		display:block;
		padding:1.2rem 1rem;
		font-size:1.7rem;
		text-transform:uppercase;
		font-weight:500;
	}
	#siteheader nav li li a {
		padding:0.75rem 1rem;
		font-size:1.6rem;
		text-transform:none;
	}
	#siteheader nav ul.second-navigation {
		position:absolute;
		top:-11rem;
		right:0;
	}
	#siteheader nav ul li:hover > a,
	#siteheader li.active > a {
		background:rgba(18,177,226,0.25);
	}
	#siteheader nav ul li li:hover > a,
	#siteheader li.active li.active > a {
		background:none;
		color:#5ab7ce;
	}
	#siteheader .notinheader {
		display:none;
	}	
	/* .fixed #siteheader {
		position:fixed;
		top:0;
		-webkit-transition:top 0.3s ease-in-out, height 0.35s ease;
		-moz-transition:top 0.3s ease-in-out, height 0.35s ease;
		-o-transition:top 0.3s ease-in-out, height 0.35s ease;
		transition:top 0.3s ease-in-out, height 0.35s ease;	
		z-index:99999;
	}
	.fixed #siteheader.hide {
		top:-16rem;
	}
	.fixed #siteheader hgroup a {
		background-size:100%;
		background-position:0 0;
		width:10.5rem;
		height:7rem;
		right:2rem;
		top:2.5rem;
	} */
}
@media all and (max-width: 980px) {
	html {
		background:#fff;
	}
	body {
		position:absolute;
		width:100%;
		left:0;
		top:0;
		-webkit-box-shadow: 10px 0px 10px -8px rgba(0,0,0,0.45);
		-moz-box-shadow: 10px 0px 10px -8px rgba(0,0,0,0.45);
		box-shadow: 10px 0px 10px -8px rgba(0,0,0,0.45);
	}
	body,#siteheader nav {
		-webkit-transition:left 0.25s ease-in-out;
		-moz-transition:left 0.25s ease-in-out;
		-o-transition:left 0.25s ease-in-out;
		transition:left 0.25s ease-in-out;
	}
	#siteheader h3 {
		position:absolute;
		width:50px;
		height:50px;
		right:3rem;
		top:1rem;
		overflow:hidden;
		text-indent:-9999px;
		background:url(images/hamburger.png) 50% 50% no-repeat transparent;
		background-size:cover;
		display:block;
		cursor:pointer;
	}
	#siteheader nav  {
		position:fixed;
		display:block;
		opacity:0;
		top:0;
		bottom:0;
		left:100%;
		height:100%;
		padding:5rem 5% 5rem 10%;
		overflow-y:scroll;
		background:transparent
	}
	#siteheader nav .half  {
		width:auto;
		max-width:auto;
		min-width:auto;
	}
	#siteheader nav ul ul {
		margin-left:2rem;
		margin-bottom:1rem;
	}
	#siteheader nav li a {
		display:block;
		padding:10px;
		font-size:1.8rem;
	}
	#siteheader nav li a {
		font-weight:600;
	}
	#siteheader nav li li a {
		font-weight:400;
	}
	#siteheader a {
		color:#222 !important;
	}
	#siteheader .active > a {
		color:rgba(18,177,226,1);
	}
	.toggled {
		overflow-y:hidden;
		overflow-x:hidden;
	}
	.toggled body  {
		left:-70%;
	}
	.toggled #siteheader nav  {
		left:30%;
		width:70%;
		opacity:1;
	}
}
@media all and (max-width: 600px) {
	#siteheader hgroup a {
		margin-left:1rem;
	}
}
@media all and (max-width: 568px) {
	#siteheader h3 {
		width:45px;
		height:45px;
	}
}
@media all and (max-width: 460px) {
	.toggled body  {
		left:-80%;
	}
	.toggled #siteheader nav  {
		left:20%;
		width:80%;
		opacity:1;
	}
}


/***********************************************
 sitefooter
***********************************************/

#sitefooter {
	margin:4rem 0 0 0;
}
#sitefooter * {
	color:#fff;
}

#sitefooter div {
	margin-top:0;
}

#sitefooter p {
	margin-bottom:1.5rem;
}
#sitefooter li {
}



/***********************************************
 extend
***********************************************/

@media all and (min-width: 981px) {
	.hideondesktop {
		display:none !important;
	}
}
#sitefooter .hideondesktop {
	display:none !important;
}


/***********************************************
 break the row / break
***********************************************/

.rowbreak {
	clear:both;
}
.break {
	float:left;
	display:block;
	width:100%;
	height:4rem;
}


/***********************************************
 form global
***********************************************/

form {
	padding:0;
	margin:0 0 0 -0.5rem;
	color:inherit;
	font-size:1.5rem;
	line-height:2.2rem;
	font-family:'Cera' !important;
}
legend {
	font-weight:600;
	margin:0 0.5rem 1rem 0.5rem;
	padding:1rem 1rem 0.75rem 0;
}
input,
textarea {
	border:0;
}
button,
input,
textarea,
select,
option,
label {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	line-height:inherit;
	letter-spacing:inherit;
}
select,
textarea,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="number"] {
	float:left;
	color:#000;
	width:calc(100% - 1rem);
	padding:0.8rem 1rem 0.3rem 1rem;	
	margin:0 0.5rem 1rem 0.5rem;
	background:transparent;
	border:1px solid #c2c2c2;
}
textarea {
	overflow: auto;
	height:15.5rem;
	resize: none;
}
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
	vertical-align:middle;
	margin-right:1rem;
}
select {
	padding:0.25rem 0.75rem 0 0.75rem;
}
option {
	padding:0.5rem 1rem 0 1rem;
}
label {
	width:calc(100% - 1rem);
	margin:0 0.5rem 1rem 0.5rem;
	padding:1rem 1rem 0.75rem 1rem;
	float:left;
	clear:left;
	line-height:120%;
	text-align:left;
}
label.checkbox {
	width:100%;
	margin:0;
	padding:0.5rem 0 0.5rem 0;
}
button[type="submit"],
input[type="submit"] {
    height:34px;
	margin:0 0.5rem 1rem 0.5rem;
	padding:0.5rem 2rem 0 2rem;	
	line-height:1;
	border:0;
	color: #fff;
	background-color: #337ab7;
	cursor:pointer;
	float:right;
}
button[type="submit"]:hover,
input[type="submit"]:hover {
	background-color: #12b1e2;
}
::-webkit-input-placeholder {
	color:#000;
	opacity:0.5;
}
:-moz-placeholder {
	color:#000;
	opacity:0.5;
}
::-moz-placeholder {
	color:#000;
	opacity:0.5;
}
:-ms-input-placeholder {  
	color:#000;
	opacity:0.5;
}


/***********************************************
 form contactform7
***********************************************/

.wpcf7 h2,
.wpcf7 h3 {
	padding-left:1.5rem;
}
.wpcf7 br {
	display:none;
}
.wpcf7 h2 br {
	display:inline;
}
.wpcf7 p {
	display:inline-block;
	width:100%;
}
.wpcf7 .screen-reader-response,
.wpcf7 .wpcf7-not-valid-tip {
	display:none !important;
} 
.wpcf7 .wpcf7-not-valid,
.has-error input {
	border:1px solid #FF5C61 !important;
}
.wpcf7 .wpcf7-response-output {
	display:none;
	padding:1rem 4rem;
	background:transparent;
}
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
	color:red;
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng {
	color:green;
}
.wpcf7 .ajax-loader {
	float:right;
	visibility: hidden;
	display: inline-block;
	background-image: url('images/loader.gif');
	width: 16px;
	height: 16px;
	border: none;
	padding: 0;
	margin:1rem 2rem;
	vertical-align: middle;
}
.wpcf7 .ajax-loader.is-active {
	visibility: visible;
}
.wpcf7 .w20 {
	width:calc(20% - 1rem);	
}
.wpcf7 .w80 {
	width:calc(80% - 1rem);
}
.wpcf7 .w50 {
	width:calc(50% - 1rem);
}
.wpcf7 .wpcf7-acceptance label {
	width:100% !important;
}
.wpcf7 .wpcf7-acceptance label .wpcf7-list-item-label {
	float:left;
	width:calc(100% - 4rem) !important;
	padding-left:2rem;
	display:block;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
	float:left;
}

.acceptance {
	display:inline-block;
	width:100%;
	margin:0 0.5rem;
}

.formmessageok,
.usermessage {
	float:left;
	display:block;
	width:100%;
	background:#E3EBF6;
	padding:2rem;
	margin-bottom:3rem;
}
.usermessage {
	width:calc(100% - 2rem);
	margin-left:1rem;
}


/***********************************************
 form ansprechpartner auswahl
***********************************************/

.ansprechpartner #tagselect {
	margin-bottom:1rem;
	margin-left:0;
	width:auto;
	background:#fff;
}






/***********************************************
 cookie law
***********************************************/

body.cookies-not-set #sitefooter {
	padding-bottom:16rem;
}
@media all and (max-width: 980px) {
	body.cookies-not-set #siteheader .first-navigation {
		padding-bottom:16rem;
	}
}
#cookie-notice {
    display: none;
    position: fixed;
    min-width: 100%;
    height: auto;
    z-index: 100000;
    font-size: 1.4rem;
    line-height: 1.8rem;
    left: 0;
    text-align: center;
	background-color: rgba(0,0,0,0.75) !important;
	padding:0.5rem 0;
}
#cookie-notice .button {
	display:inline-block;
	background:#80C341;
	text-align:center;
	padding:0.5rem 1rem;
	margin:1rem 0;
}
#cookie-notice * {
    color:#fff;
}

/***********************************************
 msie warning
***********************************************/

.ie_warning {
	position:fixed;
	bottom:0;
	left:0;
	padding-top:20px;
	height:100px;
	width:100%;
	background:#FF0000;
	color:#fff;
	z-index:99999;
	text-align:center;
}
.ie_warning h1 {
	margin-bottom:5px;
	font-size:25px;
}
.ie_warning h2 {
	margin:0;
	font-size:16px;
}



/***********************************************
 global override media queries
***********************************************/

@media all and (max-width: 1200px) {

}

@media all and (max-width: 1100px) {

}

@media all and (max-width: 1024px) {

}

@media all and (max-width: 900px) {

}

@media all and (max-width: 850px) {

}

@media all and (max-width: 800px) {

}

@media all and (max-width: 750px)  {

}

@media all and (max-width: 700px)  {
	
}

@media all and (max-width: 650px)  {

}

@media all and (max-width: 600px)  {

}

@media all and (max-width: 568px)  {

}

@media all and (max-width: 480px) {

}

@media all and (max-width: 320px) {

}

@media print {	
	
}


/*animate.css -http://daneden.me/animate Version - 3.5.1 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2016 Daniel Eden */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.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:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.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:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-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-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(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);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(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);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}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}}@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}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}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}}@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}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}