@import'https://web.archive.org/web/20210315053116cs_/https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800';
@import url('https://web.archive.org/web/20210315053116cs_/https://fonts.googleapis.com/css?family=Montserrat&display=swap');

html, body {
	font-family:'Montserrat', sans-serif;
	font-size:15px;
	height:100%
}

.row { margin:0 }

a {
	text-decoration:none;
	color:#012243
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}
h2 {
	font-size:1.5em;	
}


a:hover { color:#d96835; -webkit-transition:all ease-in-out .2s;
-o-transition:all ease-in-out .2s;
transition:all ease-in-out .2s
}
[data-ratio] {
display:block;
max-width:100%;
position:relative
}

[data-ratio]:before {
	content:'';
	display:block
}
[data-ratio]>* {
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}

[data-ratio='20:9']:before { padding-top:25% }

[data-ratio='16:9']:before { padding-top:56.25% }

[data-ratio='4:3']:before { padding-top:75% }

[data-ratio='1:1']:before { padding-top:100% }

[data-ratio='67']:before { padding-top:67% }

.recrutdiv {
	display:inline-block;
	background-color:#d96835;
	vertical-align:top;
	padding:10% 2%;
	border-radius:5px;
	border:2px solid #d96835;
	font-size:1.5em;
	font-weight:700;
	position:relative;
	color:white
}

.recrutdiv:hover {
	background-color:white;
	border-color:#d96835;
	border:2px solid;
	color:#d96835
}

.recrutdiv a:hover { color:#d96835 }

.recrutdiv a {
	color:white;
	font-size:1.5em;
	font-weight:700;
	position:relative;
	top:40%
}

.lactu { display:inline-block }

.button a {
	background-color:#d96835;
	color:white;
	padding:10%;
	display:block;
	border-radius:43px;
	border:#d96835 2px solid;
	font-weight:700
}

.dark-orange { background-color:#d96835!important; }

.button a:hover {
	background-color:white;
	color:#d96835
}

hr {
	margin:0;
	color:white
}

.textintro {
	padding:0 18%;
	text-align:justify;
	font-size:1.2em
}

.emploi {
	height:auto;
	display:block;
	background-color:#d96835;
	vertical-align:top;
	padding:10% 2%;
	font-size:14px;
	border-radius:5px;
	border-color:transparent;
	color:#fff;
	border:2px solid #d96835;
	font-size:1.5em;
	font-weight:700;
	position:relative
}

.emploi a {
	color:white;
	font-size:1.5em;
	font-weight:700;
	position:relative;
	top:40%
}

.emploi:hover {
	background-color:white;
	border-color:#d96835;
	border:2px solid;
	color:#d96835
}

.emploi a:hover { color:#d96835 }

.formation .swiper-slide img {
	border-radius:50%;
	width:100%
}

.formation h2 {
	padding:0 36%;
	text-align:left;
	margin:8px 0 50px
}

.content.pagecontent {
	padding-top:15px;
	padding-bottom:5px
}

.content .center {
	text-align:center;
	margin:15px 0;
	font-size:28px
}

.asideville { margin:15px 0 }

.wp-block-button { padding:10px 0 }

.menuville .sub-menu {
	display:none;
	padding:0
}

.menuoutil .sub-menu {
	display:none;
	padding:0
}

a.btn.dark-orange:hover {
	color:white;
}

.menu-menuderoulant-container { margin:0 auto; }

.navbar { box-shadow : none; }

.menu-menuderoulant-container ul li:hover > .sub-menu { display:block; }

.menu-menuderoulant-container ul li .sub-menu {
	position:absolute;
	z-index:10;
}

.menu-menuderoulant-container ul li .sub-menu li {
	padding:0;
	border:1px solid gray;
	border-top:none;
	font-size:18px;
	padding:10px;
	background-color:white
}

#menu-menuderoulant {
	padding-top:0px;
	padding-left:0px;
}

#menu-menuderoulant a { color:black }

#menu-menuderoulant a:hover { color:#d96835; -webkit-transition:all ease-in-out .1s;
-o-transition:all ease-in-out .1s;
transition:all ease-in-out .1s
}

#menu-menuderoulant a { color:black }

.menu-menuderoulant-container ul li {
	display:inline-block;
	vertical-align:top;
	padding:0 12px;
	font-size:21px;
	font-weight:700
}

.menu-menuderoulant-container .sub-menu li { display:block }

.navigation .sub-menu {
	text-align:left;
	margin-left:23px;
	padding-left:0
}

.navigation .sub-menu li {
	margin-top:0;
	position:relative;
	font-size:30px
}

.navigation .sub-menu li a {
	padding:.5em 0;
	font-size:15px
}
 @media screen and (max-width:992px) {
 .pagetitles h1 {
 font-size:2rem;
}
 .menu-menuderoulant-container ul li {
 display:block;
}
 .menu-menuderoulant-container ul li .sub-menu {
 position:relative;
}
}

.menu-menuderoulant-container ul li .sub-menu li:first-child {
	border-bottom:1px solid gray;
	border-top:1px solid gray
}

.menuville .sub-menu.open {
	display:block;
	-webkit-transition:all 5s ease;
	-o-transition:all 5s ease;
	transition:all 5s ease
}

.menuoutil .sub-menu.open {
	display:block;
	-webkit-transition:all 5s ease;
	-o-transition:all 5s ease;
	transition:all 5s ease
}

.formation.formaville {
	padding:0;
	background-color:white
}

.formation.formaville h2 {
	margin:10px 0;
	padding:0
}

.formation.formaville.wrapforma {
	padding:15px 15px 5px;
	margin-bottom:15px
}

.galerieinfogra .rl-basicgrid-gallery .rl-gallery-item img {
	height:100%!important;
	width:100%
}

.formaville .swiper-wrapper { margin:10px 0 }

.content p span {
	font-size:12px;
	letter-spacing:-1px
}

.content p span.sousligne { font-size:18px }

.content .marginbottom { margin-bottom:10px }

.content {
	text-align:justify;
	padding-right:15px!important;
	margin:15px 0
}

.content h2:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:10px;
	margin-left:2px;
	width:100px
}

.content h3:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:5px;
	width:50px
}


.ficheprofil .texte {
	text-align:left;
	color:#d96835
}

.ficheprofil .texte p { font-weight:700 }

.ficheprofil.enseignefiche .texte p { font-weight:400 }

.ficheprofil p { margin-bottom:2px }

.titleintervi {
	font-weight:700;
	color:#d96835;
	text-align:center!important
}

.autreinterview p.extrait {
	text-align:justify;
	padding:0 5%
}

.ficheprofil .texte span {
	display:block;
	color:black
}

.ficheprofil .texte span p { margin:0 }

.ficheprofil img {
	width:130px;
	text-align:center
}

.autreinterview img { width:130px ;margin:0 auto;display:block}

.autreinterview .blockShadow { padding-bottom:5px }

.autreinterview .blockShadow.padding { padding:16px 0 5px }

.enseignefiche { padding:5px 30px }

.content ul {
	font-size:18px;
	line-height:1.5;
	padding-left: 20px;
}

.buttonprevnex .btn-link {
	position:relative;
	top:0;
	left:0;
	color:white
}

.autreinterview h3 { text-align:left }

.autreinterview h3.trait:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:5px;
	width:100px;
	text-align:center
}

.autremetier h3 { text-align:left }

.autremetier h3.trait:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:5px;
	width:100px;
	text-align:center
}

.autremetier .metiers {
	margin:0;
	padding:0;
	width:100%
}

.contactx .col-md-6 { padding:1em }

.contactx select {
	padding:.25em;
	font-family:Work Sans, sans-serif;
	font-size:16px;
	background:0 0;
	width:100%;
	border:1px solid #00475d;
	border-radius:5px
	
}

.contactx p { padding:0 .5em 0 1em }

.contactx input { display:block }

.contactxt .wpcf7 form input, .wpcf7 form textarea {
	border:none;
	border-bottom-color:currentcolor;
	border-bottom-style:none;
	border-bottom-width:medium;
	padding:.25em;
	font-family:Work Sans, sans-serif;
	font-size:16px;
	background:0 0;
	width:100%;
	border:1px solid #00475d;
	border-radius:5px;
	-webkit-transition:all ease-in-out .2s;
	-o-transition:all ease-in-out .2s;
	transition:all ease-in-out .2s
}

.contactxt .wpcf7-textarea {
	width:100%;
	height:80px
}
.contactx label {display:block;}

.contactxt select {
	padding:.25em;
	font-family:Work Sans, sans-serif;
	font-size:16px;
	background:0 0;
	width:100%;
	border:1px solid #00475d;
	border-radius:5px
}

.contactxt p { padding:0 .5em 0 1em }

.contactxt input { display:block }

.pageville .btn-link { left:40px }

.btn-link.consulter { left:28px }

.autremetier .metiers h3 {
	color:white;
	font-size:17px;
	position:relative;
	height:80px;
	text-transform:uppercase;
	text-align:center;
	margin:0;
	margin-top:0;
	margin-top:10px
}

.autremetier .metier.blockShadow p.trait:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:5px;
	width:100px;
	position:relative!important
}

.autremetier .metiers p { padding:0 10px }

.autremetier .btn-link {
	top:273px;
	left:39px
}

.buttonprevnex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin:10px 0
}

.content h1 { text-align:center }

.content h1:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:5px;
	width:100px;
	position:relative;
	left:44%
}

.titleinterview h1 {
	position:relative!important;
	bottom:133px!important;
	left:0!important
}

.titleinterview h1:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:5px;
	width:100px!important;
	position:relative;
	left:46%!important
}

.content h1 span { display:block }

.content p {
	font-size:18px;
	line-height:1.5
}

.content h2 {
	font-size:25px;
	margin:0;
	margin-bottom:15px;
}

.formation {
	padding:1% 7%;
	background-color:#f4f4f4
}

h2.trait:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	margin-left:2px;
	height:10px;
	width:100px;
	text-align:center
}

p.trait {
	font-size:23px;
	font-weight:700
}

p.trait:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:5px;
	width:100px;
	text-align:center
}

.equipe h2 {
	padding:0 16%;
	text-align:left
}

.programmeville .btn-link { position:inherit }

.equipe h2:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:5px;
	width:100px;
	text-align:center
}

.equipe p {
	text-align:center;
	font-size:1.2em;
	padding:0 16%;
	text-align:left
}

.formateurhome { padding:29px 0 }

.textwidget { padding:73px 6% }

.textwidget h2 { margin-top:10px }

.textwidget p {
	font-size:1.2em;
	text-align:justify
}

.swiper-container {
	width:600px;
	height:300px
}

header .visuel {
	position:relative;
	z-index:1;
	background-color:#dcdcdc;
	height:300px;
}

header .visuel .swiper-slide {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}

.statistique {
	position:relative;
	width:100%;
	overflow:hidden;
	padding:3% 0;
	color:white;
	font-weight:700;
	font-size:1.5em
}

.wp-block-image img {
	-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	border:0;
	background:#fff;
	border-radius:3px
}

.wp-block-image.noshadow img {
	-webkit-box-shadow:none;
	box-shadow:none;
	border:0;
	background:#fff;
	border-radius:3px
}

.titremetier h1:after {
	display:block;
	position:relative;
	content:"";
	width:65px;
	padding:0!important;
	background-color:#d96835;
	left:44%!important;
	margin-top:8px
}

.aside-fm {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1
}

.btn-link-orange {
	background-color:#d96835;
	border:2px solid #d96835;
	color:white;
	border-radius:5px;
	border-color:transparent;
	width:262px;
	height:80px;
	margin:4px 4px 10px;
	display:block
}

.btn-link-orange:hover {
	background-color:white;
	border-color:#d96835;
	border:2px solid;
	color:#d96835
}

.interviewlst {
	padding:15px;
	margin:15px 0
}

.cards {
	border-bottom:1px solid #ccc;
	padding:5px 0
}

.cards h2:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:5px;
	width:100px;
	position:relative;
	left:43%
}

.imageportrait {
	width:100%;
	height:100%;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat
}

.logagence { padding:1% 0 }

.portrait img { height:130px }

.logagence img { height:100px }

.interviewlst img { width:130px }

.backpage p {
	font-weight:700;
	text-transform:uppercase;
	margin:0;
	padding-top:30px
}

.pagesmetiersingle { text-align:justify }

.pagesmetiersingle h2:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:5px;
	width:100px
}

.titlestats { font-weight:700 }

.numberstats { font-weight:400 }

.textestats {
	text-align:center;
	font-size:16px
}

.stats {
	width:270px;
	margin:10px 3%
}

.background {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-size:cover;
	-webkit-filter:brightness(.2);
	filter:brightness(.2)
}

.background:before {
	-webkit-filter:grayscale(.5);
	filter:grayscale(.5)
}

.wrapperpage.partenairep { padding:0 12% }

.partenaires {
	display:inline-block;
	width:260px;
	margin:0 2%;
	margin-bottom:20px;
	vertical-align:middle
}

.partenaires img {
	width:200px;
	border-radius:50%
}

a.btn-light:hover {
	color:#ffffff!important;	
	background:#d96835!important;
}
b, strong {
    font-weight: bold;
}

.wrapperpage.metierp { padding:0 12% }

.metierp a:first-child:hover { color:#012243 }

.metiers {
	display:inline-block;
	width:100%;
	vertical-align:top
}

.singlemetier .blockShadow { display:block }

.metiers img { width:100% ;border-top-left-radius: 3px;
border-top-right-radius: 3px; }

.metiers p {
	text-align:justify;
	margin:0 0 24px
}

.metiers .metier-header {
	display: flex;
	align-items: center;
	justify-content: center;
	height:78px;
}
.metiers h2 {
	color:white;
	font-size:16px;
	position:relative;
	text-transform:uppercase;
	text-align:center;
	margin:0;
}

.actus .metiers h2 {
	font-size:14px;
}

.metiers .desc {
	display: flex;
	align-items: center;
	line-height:1.2em;	
	min-height:230px;
	text-align:justify;
}

.metiers.blockShadow h2.trait:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:10px;
	width:100px;
	position:relative;
	margin:0 auto;
}

h2.trait.center:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:10px;
	width:100px;
	position:relative;
	margin:0 auto;
}
h2.trait.center {
	text-align:center	
}

.metiers p.trait {
	color:white;
	font-size:17px;
	position:relative;
	height:80px;
	text-transform:uppercase;
	text-align:center;
	margin:0;
	margin-top:10px
}

.metiers.blockShadow p.trait:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:5px;
	width:100px;
	position:relative;
	left:33%
}

.imgmetier {
	height:80px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:0;
	-webkit-filter:brightness(.3);
	filter:brightness(.3)
}

.imgtemoin {
	width:300px;
	height:300px;
	margin:auto
}

.pagecontentx {
	padding:15px;
	padding-bottom:5px
}

.swiper-container {
	width:100%;
	height:100%
}

.partenaireswipe .swiper-wrapper { height:270px }

.wp-block-button__link { padding:10px 20px!important }

.wrapperpage.equipe { padding:0 13% }

.equipecard {
	display:inline-block;
	width:33%;
	vertical-align:top
}

.equipecard p {
	font-size:1.2em;
	padding:0 13%;
	text-align:center
}

.equipecard img {
	width:300px;
	height:300px
}

.swiper-slide {
	text-align:center;
	font-size:16px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}

body {

	font-size:1em;
	margin:0;
	color:#181716;
	height:100%
}

.vs {
	width:23.4%;
	display:inline-block;
	position:relative
}

.collaborateurs {
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	position:relative
}

.container ul {
	padding-left:17px;	
}

.collaborateurs.all { background-color:#d96835 }

.collaborateurs.all a {
	font-size:1em;
	text-align:center;
	color:white;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}

.collaborateurs.all a:hover { color:#012243 }

.liste {
	padding-top:5px;
	padding-left:0
}

.hover {
	display:none;
	position:absolute;
	text-align:center;
	top:0;
	color:white;
	background-color:rgba(2, 2, 2, .5);
	height:100%;
	width:100%
}

.vs:hover .hover {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
-webkit-transition:all ease-in .2s;
-o-transition:all ease-in .2s;
transition:all ease-in .2s
}

.padder_right {
	padding-left:0;
	padding-right:15%;
	text-align:left
}

.temoignage {
	padding:8px 2%;
	background-color:#012243;
	color:white
}

.temoignage h2 {
	margin:1% 0;
	padding:0 46%;
	text-align:left
}

.temoignage .video h2 {
	padding:0 40%;
	text-align:left
}

.temoin { margin:2% 0 }

.temoin .extrait { text-align:left }

.extrait a { color:#d96835 }

.temoin .extrait .nameagencie { text-align:center }

.nameagencie:after {
	content:"";
	display:block;
	border-bottom:1px solid white;
	width:77%;
	height:10px;
	margin:0 10%
}

.temoin .visuel {
	width:30%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	border-radius:50%;
	margin:0 37%;
	background-position:center
}

.temoin .wrapper {
	width:100%;
	height:100%
}

.video { margin:2% 0 }

.formulaire h2 { color:#012243 }

.wpcf7 form input, .wpcf7 form textarea {
	border:none;
	border-bottom-color:currentcolor;
	border-bottom-style:none;
	border-bottom-width:medium;
	padding:.25em;
	font-family:Work Sans, sans-serif;
	font-size:.9em;
	background:0 0;
	width:100%;
	border-bottom:1px solid #00475d
}

.contactxta .wpcf7 form input, .wpcf7 form textarea {
	border:none;
	border-bottom-color:currentcolor;
	border-bottom-style:none;
	border-bottom-width:medium;
	padding:.25em;
	font-family:Work Sans, sans-serif;
	font-size:16px;
	background:0 0;
	width:100%;
	border:1px solid #00475d;
	border-radius:5px;
-webkit-transition:all ease-in-out .2s;
-o-transition:all ease-in-out .2s;
transition:all ease-in-out .2s
}

.contactxta h2 {
	padding:0 2%;
	margin:15px 0
}

.contacttext p { font-size:18px }

.containers.singleinterviews.contactvilles.contact { padding-bottom:15px }

.contactxta .wpcf7-textarea {
	width:99%;
	height:34px
}

.contactxta select {
	padding:.25em;
	font-family:Work Sans, sans-serif;
	font-size:16px;
	background:0 0;
	width:100%;
	border:1px solid #00475d;
	border-radius:5px
}

.contactxta p { padding:0 .5em 0 1em }

.contactxta input { display:block }

.contactxta .wpcf7 form input, .wpcf7 form textarea {
	border:none;
	border-bottom-color:currentcolor;
	border-bottom-style:none;
	border-bottom-width:medium;
	padding:.25em;
	font-family:Work Sans, sans-serif;
	font-size:16px;
	background:0 0;
	width:100%;
	border:1px solid #00475d;
	border-radius:5px;
-webkit-transition:all ease-in-out .2s;
-o-transition:all ease-in-out .2s;
transition:all ease-in-out .2s
}

.single-espresso_events #event-date-p { display:none }


.wpcf7 input[type=submit] {
	background-color:#d96835;
	padding:2%;
	border-radius:5px;
	border:2px solid #d96835;
	width:20%;
	font-weight:700;
	font-size:1.1em;
	cursor:pointer
}

.wpcf7 input[type=submit]:hover {
	background-color:white;
	border-color:#d96835;
	border:2px solid;
	color:#d96835
}

.format { display:inline-block }

.visuel {
	width:100%;
	height:100%;
	background-size:100%
}

.pages h3:after {
	content:"";
	display:block;
	border-bottom:#d96835 4px solid;
	height:5px;
	width:100px;
	text-align:center
}

.pages a { padding:5px 0 }

.informationevent.blockShadow {
	background-color:rgba(57, 180, 219, .5);
	text-align:justify;
	padding-bottom:15px
}

.informationevent.blockShadow p { font-size:18px }
.left:hover~.card {
-webkit-transform:rotateY(-180deg);
transform:rotateY(-180deg)
}

.btn-link.boutonblog { left:51px }

.metierblog h2 { font-size:14px }

.buttonprevnex.bloog { margin-right:0 }

.blogcontent { padding:15px }

.wrapperpage.metierp.pageblog { position:initial }

.shake-animation:hover { -webkit-animation:shake .1s;
animation:shake .1s;
-webkit-animation-iteration-count:.1s;
animation-iteration-count:.1s
}
@keyframes 
shake { 0% {
-webkit-transform:translate(1px, 1px) rotate(0deg);
transform:translate(1px, 1px) rotate(0deg)
}
10% {
-webkit-transform:translate(-1px, -2px) rotate(-1deg);
transform:translate(-1px, -2px) rotate(-1deg)
}
20% {
-webkit-transform:translate(-3px, 0) rotate(1deg);
transform:translate(-3px, 0) rotate(1deg)
}
30% {
-webkit-transform:translate(3px, 2px) rotate(0deg);
transform:translate(3px, 2px) rotate(0deg)
}
40% {
-webkit-transform:translate(1px, -1px) rotate(1deg);
transform:translate(1px, -1px) rotate(1deg)
}
50% {
-webkit-transform:translate(-1px, 2px) rotate(-1deg);
transform:translate(-1px, 2px) rotate(-1deg)
}
60% {
-webkit-transform:translate(-3px, 1px) rotate(0deg);
transform:translate(-3px, 1px) rotate(0deg)
}
70% {
-webkit-transform:translate(3px, 1px) rotate(-1deg);
transform:translate(3px, 1px) rotate(-1deg)
}
80% {
-webkit-transform:translate(-1px, -1px) rotate(1deg);
transform:translate(-1px, -1px) rotate(1deg)
}
90% {
-webkit-transform:translate(1px, 2px) rotate(0deg);
transform:translate(1px, 2px) rotate(0deg)
}
100% {
-webkit-transform:translate(1px, -2px) rotate(-1deg);
transform:translate(1px, -2px) rotate(-1deg)
}
}

.contenu.pages {
	text-align:left;
	padding-left:15%;
	padding-right:15%;
	padding-top:2em;
	padding-bottom:2em
}

.visuel.titremetier h1 {
	z-index:1;
	padding:0;
	color:white;
	text-align:center;
	text-transform:uppercase;
	width:100%;
	font-size:15px;
	left:0
}

.navigation {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#012243;
	z-index:100;
	-webkit-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
-webkit-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;
	overflow:auto
}

.navigation.open {
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}

.navigation img {
	position:relative;
	top:0;
	width:230px;
	height:127px
}

.navigation ul {
	list-style-type:none;
	text-align:left
}

.navigation ul>li { font-size:1.5em }

.navigation li { margin-top:30px }

.navigation a { color:white }

header {
	position:relative;
	height:auto;
}

header .logoaccueil {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:230px;
	height:127px
}

.logoaccueil h1 {
	padding:0;
	margin:0
}

.logoaccueil img { width:100% }

.menu-droite {
	position:absolute;
	right:0;
	top:0;
	background-color:#012243;
	z-index:2
}

.menu-droite .recherche {
	background-color:#d96835;
	width:112px;
	display:inline-block
}

.menu-droite .recherche img {
	width:63.7px;
	padding:21%
}

.menu-droite .menuburger {
	width:100px;
	height:100%;
	text-align:center;
	display:inline-block
}

.fondheader {
	background-color:#fff;
	position:absolute;
	top:0;
	width:100%;
	height:120px;
	z-index:1
}

.menuburger img {
	width:54.8px;
	padding:9.6%;
	text-align:center
}

.contacttop {
	z-index:1;
	position:absolute;
	bottom:0;
	right:0;
	background-color:#012243;
	width:326px;
	color:white;
	display:none
}

.gras { font-weight:700 }

.formaville p.date { font-size:16px }

.formaville p.date span { font-size:16px }

footer .container { margin:auto }

footer img { width:100% }

footer {
	text-align:left;
	clear:both;
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2
}

footer .menu ul {
	list-style-type:none;
	padding-left:30px;
	text-align:left
}

.menubot {
	padding-left:15px;
	padding-right:15px
}

.menubot h2:after {
	content:"";
	display:block;
	border-bottom:#d96835 3px solid;
	padding-top:5px;
	width:20%
}

.menu-footer_milieu-container ul {
	list-style-type:none;
	padding:0
}

.menu-footer_milieu-container li { line-height:2 }

.contenu.programme {
	padding-left:15%;
	padding-right:15%;
	padding-top:6em;
	padding-bottom:4em
}

.matieres { padding-left:10% }

.matieres h2 { text-align:left }

.matieres h2:after {
	content:"";
	display:block;
	border-bottom:#d96835 3px solid;
	padding-top:5px;
	width:20%
}

.matieres ul {
	list-style-type:none;
	padding:0
}

.matieres .txt-left { text-align:left }

.titlemetier {
	z-index:2;
	position:absolute;
	color:white;
	width:100%;
	margin:0 auto;
	display:flex;
	align-items: center;
	height:100%
}

.titlemetier h1 {
	margin:0 auto;
}

.headpage h1:after {
	content:"";
	display:block;
	border-bottom:#d96835 3px solid;
	padding-top:5px;
	width:100px;
	position:relative;
	left:47%
}

.visuel h2 {
	z-index:1;
	position:absolute;
	bottom:27px;
	padding:0 4%;
	left:169px
}

.visuel p {
	z-index:1;
	position:absolute;
	bottom:27px;
	padding:0 4%;
	left:169px;
	font-size:22px;
	font-weight:700
}

.hover p { display:none }

.voile {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, .6);
	z-index:9
}

.voilemetier {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, .6);
	z-index:9
}

.blockShadow {
	-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	border:0;
	background:#fff;
	border-radius:3px
}

.metiers {
	position:relative;
	padding:1px;

}

.btn-link {
	display:block;
	padding:10px 15px;
	font-size:14px;
	background-color:#d96835;
	border-radius:5px;
	border-color:transparent;
	color:#fff;
	border:2px solid #d96835;
	text-transform:uppercase;
	text-align:center
}

.btn-link-position {
	display:block;
	padding:10px 15px;
	font-size:14px;
	background-color:#d96835;
	border-radius:5px;
	border-color:transparent;
	color:#fff;
	border:2px solid #d96835;
	text-transform:uppercase;
	font-weight:700;
	text-align:center;
	width:320px;
	position:relative;
	left:30%
}

.btn-link-position-top {
	display:block;
	padding:10px 15px;
	font-size:14px;
	background-color:#d96835;
	border-radius:5px;
	border-color:transparent;
	color:#fff;
	border:2px solid #d96835;
	text-transform:uppercase;
	font-weight:700;
	text-align:center;
	width:320px;
	position:relative;
	left:34%;
	margin-top:32px;
	margin-bottom:35px
}

.btn-link-position .wp-block-button__link { background-color:transparent }

.btn-link-position-top .wp-block-button__link { background-color:transparent }

.btn-link-position:hover {
	background-color:white;
	border-color:#d96835;
	border:2px solid;
	color:#d96835
}

.btn-link:hover {
	background-color:white;
	border-color:#d96835;
	border:2px solid;
	color:#d96835
}

.propos { margin:15px 0 }

.propos h2.trait {
	padding:0 19%;
	text-align:left
}

.containers.singleinterviews.equippe { max-width:1432px }

.singleinterviews.equippe h2.trait {
	text-align:left;
	padding:0;
	margin:10px 26px;
	padding:10px 0
}

.contentavis { padding:67px }

.temoincard {
	padding:10px 0;
	margin:10px 0
}

.temoincard p {
	padding:0 5%;
	text-align:justify
}

.infortemoignage {
	text-align:center;
	font-weight:700
}

.infortemoignage p {
	text-align:center;
	font-weight:700
}

.partenairep .partenaires img { border-radius:3px;display:block; margin:0 auto}

.boutonintro { padding:45px 0 }

.encartpagemetier p {
	text-align:justify;
	margin:0
}

.encartpageinterview p { margin:0 }

.singleinterviews h2.trait { text-align:left }

.encartpagemetier {
	padding:0 3%;
	margin:0 5%
}

.headpage h1 {
	position:relative;
	bottom:146px;
	left:0
}

.visuel .textwidget p {
	position:relative;
	left:0;
	bottom:0
}

.wp-block-column a { color:#d96835 }
@media screen and (min-width:1024px) {
.wrapperinterviewpage {
position:relative;
bottom:40px
}
.autremetier .metier.blockShadow h3.trait:after {
left:72px
}
.buttonprevnex {
margin-right:25%
}
.encartpagemetier {
padding:0;
margin:0
}
.metiers h2 {
text-align:center
}
.visuel.titremetier h1 {
position:initial!important;
font-size:28px
}
.contacttop {
display:block
}
.encartpagemetier {
position:relative;
bottom:36px;
z-index:1;
background-color:white;
max-width:1087px;
margin-left:auto;
margin-right:auto
}
.encartpagemetier {
text-align:justify;
background-color:white;
padding:15px
}
.encartpageinterview {
text-align:justify;
background-color:white;
padding:15px;
z-index:1;
bottom:55px;
position:relative
}
.recrutdiv {
width:250px;
padding:12% 2%
}
.emploi {
width:250px
}
.wrap {
padding:0 10%
}
.emploi {
display:inline-block
}
.propos h2.trait {
padding:0 34%
}
.recrutdiv {
width:inherit
}
.temoignage .swiper-slide-active .extrait {
display:none
}
.interviewhead h1:after {
width:9%
}
.interviewhead p {
z-index:1;
position:absolute;
bottom:27px;
padding:0 4%;
left:169px;
font-size:22px;
font-weight:700
}
.interviewhead {
height:7%!important
}
.pagehead {
height:455px
}
.temoincard img {
width:300px;
height:300px
}
.temoincard {
vertical-align:top
}
.collaborateurs.all a {
font-size:2em
}
.partenaireswipe h2.trait {
/*padding:0 38%*/
}
.partenaireswipe img {
 max-width:100%;

 margin:0 auto;
}
.button {
padding:10px 35%
}
.collaborateurs.all a:hover {
font-size:2em
}
.vs {
width:24.4%
}
.temoignage .swiper-slide-next .extrait {
display:block!important
}
.temoignage .swiper-slide .extrait {
display:none
}
.col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
/*padding-right:.2rem*/
}
.navigation {
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:fixed;
left:0;
top:0;
width:25%;
height:100%;
background-color:#012243;
z-index:100;
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;
overflow:auto
}
.menu-droite .menuburger {
width:326px;
height:100%;
text-align:center;
display:inline-block
}
.wrapperpage {
margin:25px 0
}
.rl-basicgrid-gallery .rl-gallery-item img {
height:154px
}
.formaville p {
font-size:13px
}
.wrapperpage .metierp {
margin:0
}
.containers {
max-width:1358px;
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px
}
.containers.singleinterviews {
max-width:1127px;
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px;
margin-top:30px
}
.containers.singleinterviews.contactvilles {
margin-top:0
}
.contactvilles .content {
background-color:rgba(0, 0, 0, .12)
}
.contactx h2 {
padding:0 2%;
margin:15px 0
}
.contactxt h2 {
padding:0 2%;
margin:15px 0;
padding-top:12px
}
.singleinterviews {
max-width:1140px
}
.headpage h1 {
position:relative;
bottom:130px;
left:0
}
}

.navigation.open {
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
@media screen and (min-width:1124px) {
header {
 height:auto;
}
.vs {
width:32.4%
}
.titlemetier.maintitle {
left:6%
}
.titlemetier.villesingle {
left:0
}
.singlemetier {
padding:0 3%
}
.aside-fm {
-webkit-box-ordinal-group:1;
-ms-flex-order:0;
order:0
}
.singlemetier aside {
margin:25px 0
}
.singlemetier .metiers {
margin-bottom:15px
}
.btn-link {
position:absolute;
top:290px;
left:38px
}
.wrapperpage.metierp {
padding-right:2%;
padding-left:2%;
max-width:1127px;
margin-left:auto;
margin-right:auto;
padding-left:15px;
padding-right:15px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:left;
position:relative;
bottom:30px
}
.metiers {
/*width:242px;
height:327px;
max-width:1170px;
margin:4px 4px 10px*/
}
aside h2.trait:after {
content:"";
display:block;
border-bottom:#d96835 4px solid;
height:5px;
width:100px;
text-align:center;
position:relative;

}
.pagesmetiersingle h2 {
font-size:25px;
margin:0;
margin-bottom:10px;
}
.pagesmetiersingle {
text-align:justify;
font-size:18px;
line-height:1.5
}
}
@media screen and (min-width:1280px) {
.vs {
width:24.4%
}
.video iframe {
	/*width:640px*/
}
}
@media screen and (min-width:1380px) {
.recrutdiv {
padding:10% 2%
}
.emploi {
width:inherit
}
}
@-webkit-keyframes 
bounce { from, 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:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-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 { from, 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:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}

.bounce {
	-webkit-animation-name:bounce;
	animation-name:bounce;
	-webkit-transform-origin:center bottom;
	-ms-transform-origin:center bottom;
	transform-origin:center bottom
}
@-webkit-keyframes 
flash { from, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes 
flash { from, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}

.flash {
	-webkit-animation-name:flash;
	animation-name:flash
}
@-webkit-keyframes 
pulse { from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}

to {
	-webkit-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
}
@keyframes 
pulse { from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}

to {
	-webkit-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
}

.pulse {
	-webkit-animation-name:pulse;
	animation-name:pulse
}
@-webkit-keyframes 
rubberBand { from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 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:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
}
@keyframes 
rubberBand { from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 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:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
}

.rubberBand {
	-webkit-animation-name:rubberBand;
	animation-name:rubberBand
}
@-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)
}
}
@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)
}
}

.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: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)
}
}
@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)
}
}

.swing {
	-webkit-transform-origin:top center;
	-ms-transform-origin:top center;
	transform-origin:top center;
	-webkit-animation-name:swing;
	animation-name:swing
}
@-webkit-keyframes 
tada { 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)
}
}
@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)
}
}

.tada {
	-webkit-animation-name:tada;
	animation-name:tada
}
@-webkit-keyframes 
wobble { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
wobble { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.wobble {
	-webkit-animation-name:wobble;
	animation-name:wobble
}
@-webkit-keyframes 
jello { from, 11.1%, to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
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 { from, 11.1%, to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
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;
	-ms-transform-origin:center;
	transform-origin:center
}
@-webkit-keyframes 
heartBeat { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
14% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
28% {
-webkit-transform:scale(1);
transform:scale(1)
}
42% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
70% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes 
heartBeat { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
14% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
28% {
-webkit-transform:scale(1);
transform:scale(1)
}
42% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
70% {
-webkit-transform:scale(1);
transform:scale(1)
}
}

.heartBeat {
	-webkit-animation-name:heartBeat;
	animation-name:heartBeat;
	-webkit-animation-duration:1.3s;
	animation-duration:1.3s;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out
}
@-webkit-keyframes 
bounceIn { from, 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:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
}
@keyframes 
bounceIn { from, 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:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
}

.bounceIn {
-webkit-animation-duration:.75s;
animation-duration:.75s;
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn
}
@-webkit-keyframes 
bounceInDown { from, 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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
bounceInDown { from, 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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.bounceInDown {
	-webkit-animation-name:bounceInDown;
	animation-name:bounceInDown
}
@-webkit-keyframes 
bounceInLeft { from, 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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
bounceInLeft { from, 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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.bounceInLeft {
	-webkit-animation-name:bounceInLeft;
	animation-name:bounceInLeft
}
@-webkit-keyframes 
bounceInRight { from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}

from {
	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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
bounceInRight { from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}

from {
	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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.bounceInRight {
	-webkit-animation-name:bounceInRight;
	animation-name:bounceInRight
}
@-webkit-keyframes 
bounceInUp { from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}

from {
	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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
bounceInUp { from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}

from {
	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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.bounceInUp {
	-webkit-animation-name:bounceInUp;
	animation-name:bounceInUp
}
@-webkit-keyframes 
bounceOut { 20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}

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-duration:.75s;
animation-duration:.75s;
	-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 { from {
opacity:0
}

to { opacity:1 }
}
@keyframes 
fadeIn { from {
opacity:0
}

to { opacity:1 }
}

.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
@-webkit-keyframes 
fadeInDown { from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
fadeInDown { from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.fadeInDown {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown
}
@-webkit-keyframes 
fadeInDownBig { from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
fadeInDownBig { from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.fadeInDownBig {
	-webkit-animation-name:fadeInDownBig;
	animation-name:fadeInDownBig
}
@-webkit-keyframes 
fadeInLeft { from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
fadeInLeft { from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft
}
@-webkit-keyframes 
fadeInLeftBig { from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
fadeInLeftBig { from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.fadeInLeftBig {
	-webkit-animation-name:fadeInLeftBig;
	animation-name:fadeInLeftBig
}
@-webkit-keyframes 
fadeInRight { from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
fadeInRight { from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight
}
@-webkit-keyframes 
fadeInRightBig { from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
fadeInRightBig { from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.fadeInRightBig {
	-webkit-animation-name:fadeInRightBig;
	animation-name:fadeInRightBig
}
@-webkit-keyframes 
fadeInUp { from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
fadeInUp { from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
@-webkit-keyframes 
fadeInUpBig { from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
fadeInUpBig { from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}

to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.fadeInUpBig {
	-webkit-animation-name:fadeInUpBig;
	animation-name:fadeInUpBig
}
@-webkit-keyframes 
fadeOut { from {
opacity:1
}

to { opacity:0 }
}
@keyframes 
fadeOut { from {
opacity:1
}

to { opacity:0 }
}

.fadeOut {
	-webkit-animation-name:fadeOut;
	animation-name:fadeOut
}
@-webkit-keyframes 
fadeOutDown { from {
opacity:1
}

to {
	opacity:0;
	-webkit-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
}
@keyframes 
fadeOutDown { from {
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 { from {
opacity:1
}

to {
	opacity:0;
	-webkit-transform:translate3d(0, 2000px, 0);
	transform:translate3d(0, 2000px, 0)
}
}
@keyframes 
fadeOutDownBig { from {
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 { from {
opacity:1
}

to {
	opacity:0;
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
}
@keyframes 
fadeOutLeft { from {
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 { from {
opacity:1
}

to {
	opacity:0;
	-webkit-transform:translate3d(-2000px, 0, 0);
	transform:translate3d(-2000px, 0, 0)
}
}
@keyframes 
fadeOutLeftBig { from {
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 { from {
opacity:1
}

to {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
}
@keyframes 
fadeOutRight { from {
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 { from {
opacity:1
}

to {
	opacity:0;
	-webkit-transform:translate3d(2000px, 0, 0);
	transform:translate3d(2000px, 0, 0)
}
}
@keyframes 
fadeOutRightBig { from {
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 { from {
opacity:1
}

to {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}
@keyframes 
fadeOutUp { from {
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 { from {
opacity:1
}

to {
	opacity:0;
	-webkit-transform:translate3d(0, -2000px, 0);
	transform:translate3d(0, -2000px, 0)
}
}
@keyframes 
fadeOutUpBig { from {
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 { from {
-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) scale3d(1, 1, 1) 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) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform:perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}

to {
	-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
	transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in
}
}
@keyframes 
flip { from {
-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) scale3d(1, 1, 1) 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) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform:perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}

to {
	-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
	transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
	-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 { 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)
}
}
@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)
}
}

.flipInX {
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important;
	-webkit-animation-name:flipInX;
	animation-name:flipInX
}
@-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)
}
}
@keyframes 
flipInY { from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg)
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg)
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg)
}
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)
}
}

.flipInY:hover {
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important;
	-webkit-animation-name:flipInY;
	animation-name:flipInY;
	-webkit-transition-delay:1s;
	-o-transition-delay:1s;
	transition-delay:1s
}
@-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
}
}
@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
}
}

.flipOutX {
-webkit-animation-duration:.75s;
animation-duration:.75s;
	-webkit-animation-name:flipOutX;
	animation-name:flipOutX;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}
@-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
}
}
@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
}
}

.flipOutY {
-webkit-animation-duration:.75s;
animation-duration:.75s;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important;
	-webkit-animation-name:flipOutY;
	animation-name:flipOutY
}
@-webkit-keyframes 
lightSpeedIn { 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)
}

to {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
lightSpeedIn { 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)
}

to {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.lightSpeedIn {
	-webkit-animation-name:lightSpeedIn;
	animation-name:lightSpeedIn;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out
}
@-webkit-keyframes 
lightSpeedOut { from {
opacity:1
}

to {
	-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
	transform:translate3d(100%, 0, 0) skewX(30deg);
	opacity:0
}
}
@keyframes 
lightSpeedOut { from {
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 { from {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}

to {
	-webkit-transform-origin:center;
	transform-origin:center;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}
@keyframes 
rotateIn { from {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}

to {
	-webkit-transform-origin:center;
	transform-origin:center;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}

.rotateIn {
	-webkit-animation-name:rotateIn;
	animation-name:rotateIn
}
@-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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}
@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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}

.rotateInDownLeft {
	-webkit-animation-name:rotateInDownLeft;
	animation-name:rotateInDownLeft
}
@-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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}
@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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}

.rotateInDownRight {
	-webkit-animation-name:rotateInDownRight;
	animation-name:rotateInDownRight
}
@-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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}
@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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}

.rotateInUpLeft {
	-webkit-animation-name:rotateInUpLeft;
	animation-name:rotateInUpLeft
}
@-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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}
@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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}

.rotateInUpRight {
	-webkit-animation-name:rotateInUpRight;
	animation-name:rotateInUpRight
}
@-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
}
}
@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
}
}

.rotateOut {
	-webkit-animation-name:rotateOut;
	animation-name:rotateOut
}
@-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
}
}
@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
}
}

.rotateOutDownLeft {
	-webkit-animation-name:rotateOutDownLeft;
	animation-name:rotateOutDownLeft
}
@-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
}
}
@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
}
}

.rotateOutDownRight {
	-webkit-animation-name:rotateOutDownRight;
	animation-name:rotateOutDownRight
}
@-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
}
}
@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
}
}

.rotateOutUpLeft {
	-webkit-animation-name:rotateOutUpLeft;
	animation-name:rotateOutUpLeft
}
@-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
}
}
@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
}
}

.rotateOutUpRight {
	-webkit-animation-name:rotateOutUpRight;
	animation-name:rotateOutUpRight
}
@-webkit-keyframes 
hinge { 0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}

to {
	-webkit-transform:translate3d(0, 700px, 0);
	transform:translate3d(0, 700px, 0);
	opacity:0
}
}
@keyframes 
hinge { 0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}

to {
	-webkit-transform:translate3d(0, 700px, 0);
	transform:translate3d(0, 700px, 0);
	opacity:0
}
}

.hinge {
	-webkit-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-name:hinge;
	animation-name:hinge
}
@-webkit-keyframes 
jackInTheBox { from {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}

to {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
}
@keyframes 
jackInTheBox { from {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}

to {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
}

.jackInTheBox {
	-webkit-animation-name:jackInTheBox;
	animation-name:jackInTheBox
}
@-webkit-keyframes 
rollIn { 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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
rollIn { 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:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.rollIn {
	-webkit-animation-name:rollIn;
	animation-name:rollIn
}
@-webkit-keyframes 
rollOut { 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)
}
}
@keyframes 
rollOut { 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)
}
}

.rollOut {
	-webkit-animation-name:rollOut;
	animation-name:rollOut
}
@-webkit-keyframes 
zoomIn { from {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes 
zoomIn { from {
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 { 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(.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 { 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(.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 { 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(.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 { 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(.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 { 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(.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 { 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(.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 { 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(.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 { 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(.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 { from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}

to { opacity:0 }
}
@keyframes 
zoomOut { from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}

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 { from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}

to {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
slideInDown { from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}

to {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.slideInDown {
	-webkit-animation-name:slideInDown;
	animation-name:slideInDown
}
@-webkit-keyframes 
slideInLeft { from {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}

to {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
slideInLeft { from {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}

to {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.slideInLeft {
	-webkit-animation-name:slideInLeft;
	animation-name:slideInLeft
}
@-webkit-keyframes 
slideInRight { from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}

to {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
slideInRight { from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}

to {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.slideInRight {
	-webkit-animation-name:slideInRight;
	animation-name:slideInRight
}
@-webkit-keyframes 
slideInUp { from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}

to {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes 
slideInUp { from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}

to {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}

.slideInUp {
	-webkit-animation-name:slideInUp;
	animation-name:slideInUp
}
@-webkit-keyframes 
slideOutDown { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}

to {
	visibility:hidden;
	-webkit-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
}
@keyframes 
slideOutDown { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 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 { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}

to {
	visibility:hidden;
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
}
@keyframes 
slideOutLeft { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 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 { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}

to {
	visibility:hidden;
	-webkit-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
}
@keyframes 
slideOutRight { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 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 { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}

to {
	visibility:hidden;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}
@keyframes 
slideOutUp { from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}

to {
	visibility:hidden;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}

.slideOutUp {
	-webkit-animation-name:slideOutUp;
	animation-name:slideOutUp
}

.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.delay-1s {
	-webkit-animation-delay:1s;
	animation-delay:1s
}

.animated.delay-2s {
	-webkit-animation-delay:2s;
	animation-delay:2s
}

.animated.delay-3s {
	-webkit-animation-delay:3s;
	animation-delay:3s
}

.animated.delay-4s {
	-webkit-animation-delay:4s;
	animation-delay:4s
}

.animated.delay-5s {
	-webkit-animation-delay:5s;
	animation-delay:5s
}

.animated.fast { -webkit-animation-duration:.8s;
animation-duration:.8s
}

.animated.faster { -webkit-animation-duration:.5s;
animation-duration:.5s
}

.animated.slow {
	-webkit-animation-duration:2s;
	animation-duration:2s
}

.animated.slower {
	-webkit-animation-duration:3s;
	animation-duration:3s
}
@media(print), (prefers-reduced-motion) {
.animated {
-webkit-animation:unset!important;
animation:unset!important;
-webkit-transition:none!important;
-o-transition:none!important;
transition:none!important
}
}


/*********************/

.squarePhoto {
	overflow:hidden;
	max-height:300px;

}
.squarePhoto img{

	height:300px;
}


/*
     FILE ARCHIVED ON 05:31:16 Mar 15, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:56:31 Jul 09, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.152
  exclusion.robots: 0.136
  exclusion.robots.policy: 0.112
  esindex: 0.016
  cdx.remote: 45.639
  LoadShardBlock: 2612.411 (3)
  PetaboxLoader3.resolve: 2387.861 (3)
  PetaboxLoader3.datanode: 344.214 (4)
  load_resource: 171.14
*/