@charset "utf-8";

@font-face {
    font-family: 'gothambold';
    src: url('../fonts/gotham-bold.eot');
    src: url('../fonts/gotham-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-bold.woff') format('woff'),
         url('../fonts/gotham-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gothamlight';
    src: url('../fonts/gotham-light.eot');
    src: url('../fonts/gotham-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-light.woff') format('woff'),
         url('../fonts/gotham-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/* =============================================================================
   Définitions d'affichage HTML5
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; /* *display: inline; *zoom: 1; */}
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Redimensionnement anormal du texte dans IE6/7 si la taille de la police de corps est définie en unités em.
 * 2. Barre de défilement verticale forcée dans les navigateurs autres que IE
 * 3. Prévention de l'adaptation de la taille de texte sous iOS en cas de changement d'orientation de l'appareil, sans désactivation du zoom utilisateur : h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 18px; line-height: 1.231; background-color: #ffffff;color: #222;font-family: 'gothamlight',sans-serif;}
body.accueil {background-color: #78c3eb;transition: background 1s ease;}
					   
button, input, select, textarea { font-family: sans-serif; color: #222; }
H1,H2,H3,H4 { font-family:'gothambold',Arial, Helvetica, sans-serif; font-weight:normal;}
h2 { color: #4594a3; font-family: 'gothamlight'; text-align: center; text-transform: uppercase; margin-bottom: 80px;}
.accueil h2 { color: #ffffff; font-family: 'gothambold'; text-align: left; margin-bottom: auto;}
#testimonial h2 {color:#FFF;}

section {
	position: relative;
	padding-bottom: 40px; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box; 
}
º

/* =============================================================================
   Liens
   ========================================================================== */

a, a:link { color: #339688; text-decoration:none;outline: none }
a:visited { color: #551a8b; outline: none}
a:hover { color: #008A27;outline: none }
a:focus { outline: none; }
a.blanc,a.blanc:visited {color: #FFF; transition: all 0.3s ease;}
a.blanc:hover { background-color: #FFF; color: #4594A3;}
/* Amélioration de la lisibilité en cas de focus et de survol dans tous les navigateurs : h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typographie
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee currentcolor currentcolor;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
    background-image: -moz-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.2), transparent);
    border: 0 none;
    height: 1px;
}

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Nouvelle déclaration de la famille de polices monospace : h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Amélioration de la lisibilité du texte préformaté dans tous les navigateurs */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 70%; }

/* Placement du contenu en exposant et en indice sans influer sur la hauteur de ligne : h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Listes
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Contenu incorporé
   ========================================================================== */

/*
 * 1. Amélioration de la qualité d'image en cas de mise à l'échelle dans IE7 : h5bp.com/d
 * 2. Suppression de l'espace entre images et bordures dans les conteneurs d'images : h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Débordement correct non masqué dans IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Illustrations
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Formulaires
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indiquer que le 'libellé' décalera le focus sur l'élément de formulaire associer */
label { cursor: pointer; }

/* 
 * 1. Couleurs correctes non héritées dans IE6/7/8/9 
 * 2. Alignement correct affiché de façon anormale dans IE6/7 
 */

legend { border: 0; /**margin-left: -7px;*/ padding: 0; }

/*
 * 1. Taille de police correcte non héritée dans tous les navigateurs
 * 2. Suppression des marges dans FF3/4 S5 Chrome
 * 3. Définition de l'affichage cohérent de l'alignement vertical dans tous les navigateurs
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; /* *vertical-align: middle; */}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {   
	outline: 0 none;

	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
		 -o-box-shadow: none !important;
			box-shadow: none !important;
}
::-webkit-input-placeholder { color: #999;}
:-moz-placeholder { color: #999;}
::-moz-placeholder { color: #999;}
:-ms-input-placeholder { color: #999;}

/*
 * 1. Définition de la hauteur de ligne comme normale pour correspondre à FF3/4 (définition à l'aide de !important dans la feuille de style UA)
 * 2. Espacement intérieur correct affiché de façon anormale dans IE6/7
 */

button, input { line-height: normal; /**overflow: visible; */}

/*
 * Réintroduction de l'espacement intérieur dans 'table' pour éviter les problèmes de chevauchement et d'espaces blancs dans IE6/7
 */

/*table button, table input { *overflow: auto; }*/

/*
 * 1. Affichage d'un curseur en forme de main pour les éléments de formulaire cliquables
 * 2. Autoriser la définition de style pour les éléments de formulaire cliquables dans iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Dimensionnement et apparence cohérents des cases
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Suppression de la marge intérieure et de la bordure dans FF3/4 : h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Suppression de la barre de défilement verticale par défaut dans IE6/7/8/9 
 * 2. Autoriser le redimensionnement vertical seul
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Couleurs pour validité de formulaire */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tableaux
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* Pour le remplacement d'image */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Masquer des lecteurs d'écran et des navigateurs : h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Masquer visuellement, mais laisser à disposition des lecteurs d'écran : h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Développe la classe .visuallyhidden pour permettre le focus sur l'élément en cas d'accès à l'aide du clavier : h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Masquer visuellement et des lecteurs d'écran, mais conserver la disposition */
.invisible { visibility: hidden; }

/* Contient des éléments flottants : h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== styles d'impression =======================================================
   Styles d'impression.
   Mis en retrait pour éviter la connexion HTTP obligatoire : h5bp.com/r
   ========================================================================== */
 
 @media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Le noir s'imprime plus vite : h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Ne pas afficher les liens pour les images ou les liens JavaScript/internes */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


img, object, embed, video {
	max-width: 100%;
}
/* IE 6 ne prend pas en charge max-width ; la largeur par défaut est donc fixée à 100% */
.ie6 img {
	width:100%;
}

svg {
	width: 100%;
	height: auto;
}

/* Disposition mobile : 480px et moins. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	margin-top:110px;
	
}
#navfix .gridContainer {
	margin-top:0px; width: 100%
	
}
.logo {
	display: inline-block;
	float: right;
	margin-top: 20px;
}

/*navigation circulaire*/
nav.top-right { display: block; position: fixed; width: 360px; /*taille (=30) * nbr de cercle * 2      */
  height: 360px; /*idem*/
  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 
  -webkit-transform: translate3d(15px, -15px, 0); /*  taille *.5,-taille*.5,0  */
          transform: translate3d(15px, -15px, 0); 
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9); 
		  transition: -webkit-transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9);
		  transition: transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9);
		  transition: transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9), -webkit-transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9); }
nav.top-right.open { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
nav.top-right { top: -115px; /*-taille * (nbr cercle - 2.2)*/
  left: -120px; /*idem*/
}
.disc.l6.toggle h3{ font-weight:normal; font-size:15px; font-family:'gothamlight', Sans, sans-serif;}
.disc,.disc:visited { color:#000;position: absolute; display: inline-block; text-align: center; cursor: pointer; 
font: 15px 'gothamlight', Sans, sans-serif; /*   $size*.5   */
line-height: 24px; /*  $size * .8;  */
padding-top: 6px; /* $size * .2 */
border-radius: 50%;/*180px; /*  $size * $items  */
-webkit-transform: scale3d(0.5, 0.5, 0.5) rotate3d(0, 0, 1, -190deg); transform: scale3d(0.5, 0.5, 0.5) rotate3d(0, 0, 1, -190deg); 
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9);transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9); 
transition: transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9), opacity 0.5s; 
transition: transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9), opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9); 
pointer-events: none; opacity: 0;}
.disc div { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.open .disc { pointer-events: auto; opacity: 1; }
.disc.active { background-color:#000;}
.disc.active { color:#fff;}

.l1 { top: 0px;/* nombre * taille ici 0*30 */ left: 0px; right: 0px; bottom: 0px; background: #44E1FF; -webkit-transition-delay: 0s; transition-delay: 0s; }
.open .l1 { -webkit-transition-delay: 0s; transition-delay: 0s; }
.open .l1:hover { background: #309db3; color: #44E1FF;}
.open .l1:active { background: #309db3; color: #44E1FF; }


.l2 { top: 30px; /* nombre * taille ici 1*30 */left: 30px; right: 30px; bottom: 30px; background: #4DE3CD; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.open .l2 { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.open .l2:hover { background: #339688; color: #4DE3CD;}
.open .l2:active { background: #339688; color: #4DE3CD; }


.l3 { top: 60px; /* nombre * taille ici 2*30 */left: 60px; right: 60px; bottom: 60px; background: #00D56F; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.open .l3 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.open .l3:hover { background: #008a47; color: #00D56F; }
.open .l3:active { background: #008a47; color: #00D56F; }


.l4 { top: 90px; left: 90px; right: 90px; bottom: 90px; background: #00D53E; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.open .l4 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.open .l4:hover { background: #008a27; color: #00D53E;}
.open .l4:active { background: #008a27; color: #00D53E; }


.l5 { top: 120px; left: 120px; right: 120px; bottom: 120px; background: #00c903; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.open .l5 { -webkit-transition-delay: 0.4s; transition-delay: 0.4s;}
.open .l5:hover { background: #009603; color: #00c903;}
.open .l5:active { background: #009603; color: #00c903; }


.l6 { top: 150px; left: 150px; right: 150px; bottom: 150px; background: #FF00FF; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.open .l6 { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.open .l6:hover { background: #1a1301; color: #ffc00e;}
.open .l6:active { background: #806007; color: #ffc00e; }

.toggle { line-height: 60px; /*  $size*2  */width: 60px;/* idem*/
padding: 0;  background: gold; opacity: 1; -webkit-transform: none; transform: none; pointer-events: auto; -webkit-transition-delay: 0s; transition-delay: 0s; }
.open .toggle { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
.toggle:hover { background: #1a1600; color: gold; }
.toggle:active { background: #806c00; color: rgba(255, 215, 0, 0.5); -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition-duration: 0s; transition-duration: 0s; }

/****/
				
.open .l1,.open .l2,.open .l3,.open .l4,.open .l5,.open .l6 { -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -190deg); transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -190deg); opacity: 1;}
.open .l1:hover,.open .l2:hover,.open .l3:hover,.open .l4:hover,.open .l5:hover,.open .l6:hover { -webkit-transition-delay: 0s; transition-delay: 0s; }
.open .l1.toggle,.open .l2.toggle,.open .l3.toggle,.open .l4.toggle,.open .l5.toggle,.open .l6.toggle { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -10deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -10deg); }

/* navigation fil d'ariane*/
.side-menu  {display: none;}


.header { background-color: rgba(0,0,0,0); height: 110px;width: 100%; position: fixed; top: 0; left: 0; z-index: 1500;transition: background 1s linear;}
.header .gridContainer { margin-top: 0;}
.header.fdheader {background-color: rgba(0,0,0,0.6);}/*rajout du style quand on defile  rgba(0,0,0,0.9);*/
.accueil .header  { background-color: rgba(0,0,0,0.25);}



.accueil section { color: #FFF;}
.accueil h1,.accueil h2 { font-size: 27px; text-transform: uppercase; }
.accueil p { font-size: 16px; text-transform: uppercase; font-family:'gothambold',Arial, Helvetica, sans-serif; line-height: 40px;}
a.btnaccueil, a.btnaccueil:visited {
	background-color: rgba(120,195,235,1); text-align:center;
	color: #fff;
	text-transform: uppercase;
	font-family: 'gothambold',Arial, Helvetica, sans-serif;
	font-size: 18px;
	border-radius: 10px;
	display: inline-block;
	padding: 10px 15px;transition: all 0.2s ease-in
}
a.btnaccueil:hover {
	background-color: rgba(255,255,255,1);
	color: #78c3eb;
	padding: 10px 25px;
}

.slidebkg .inside, .contact #contact .inside {
  display: table;
  height: /*100%*/70vh;
  width: 100%;
  padding: 0;
}
.slidebkg .inside .row {
  display: table;
  width: 100%;
  clear: both;
  vertical-align: middle;
  text-align: center;
}
.accueil .slidebkg .inside .row {
  display: table-cell;
 text-align: left;
}
.accueil section.slidebkg {height:auto!important;padding-bottom: 100px;}
.accueil .gridContainer {
	margin-top: 0;
}
.accueil #agence2com .gridContainer {
	margin-top: 110px;
}

.fullheight .inside {
  display: table-cell;
  height: 100vh;
  width: 100%;
  padding: 0; vertical-align: middle;
}


a.scrollbtn,a.scrollbtn:visited,a.scrollbtn:active, a.scrollbtn:focus { font-size: 80px; color: rgba(255,255,255,0.5); position: absolute; bottom: 0; left: 0; z-index:600; width:100%; text-align: center;}
a.scrollbtn:hover { color: rgba(255,255,255,1);}
a.scrollbtn.inviewport { position: absolute; bottom: -120px; left: 0; }

/*parallaxe*/
.fond1, .fond2, .fond3, .fond4, .fond5, .fond6, .fond7 {
display: block; /*padding-top: 15%;*/ background-image: url("../images/fd.png");
    background-position: center center;
    background-size: contain; background-attachment: fixed;}


/*.fond1 { background-color: #78c3eb;}/*bleu*/
.fond2 {}
/*.fond3 { background-color: #99cc33;}/*vert*/
.fond4 { }
/*.fond5 { background-color: #88447f;}/*violet*/
.fond6 { }
/*.fond7 { background-color: #4594a3;}/*bleu foncé*/


footer { background-color:#000; color:#FFF; font-size: 14px;}
footer a, a:visited {color:#FFF;}
footer a:focus, footer a:hover {color: #000; background-color: #FFF;}
footer .gridContainer {
	margin-top: 0;
}

.social { width: 40px; height:40px; display: inline-block; padding-bottom: 10px;
transition: all 0.5s ease;}
.social:hover { background-color:green;border-radius: 50%;}

/*clients*/
.client blockquote {
	font-style: italic;
	text-transform: capitalize;
	font-size: 15px;
}
.client #titre {background-color:#131638;}
#client h2 {
  margin-top: 10vh;
}
#client p {
  font-size: 20px;
  margin: 0;
}
#client .clients p {
  font-size: 14px;
}
.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.ch-info-wrap{
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;

	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	top: 20px;
	left: 20px;
	background: #f9f9f9 /*url(../images/team/bg.jpg)*/;
	box-shadow: 
		0 0 0 20px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info{
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
		
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ch-info .ch-info-back {
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
	
	background: #000;
}

/*.ch-img-1 { background-image: url("../images/client/10.jpg");}
.ch-img-2 { background-image: url("../images/client/11.jpg");}
.ch-img-3 { background-image: url("../images/client/12.jpg");}*/



.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	margin: 0 15px;
	padding: 40px 0 0 0;
	height: 90px;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #4594a3;
    font-size: 14px;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover .ch-info-wrap {
	box-shadow: 
		0 0 0 0 rgba(255,255,255,0.8), 
		inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
	-webkit-transform: rotate3d(0,1,0,-180deg);
	-moz-transform: rotate3d(0,1,0,-180deg);
	-o-transform: rotate3d(0,1,0,-180deg);
	-ms-transform: rotate3d(0,1,0,-180deg);
	transform: rotate3d(0,1,0,-180deg);
}

/*titre*/
.vertical {display: table-cell; vertical-align: middle;}
.cadre {
  background-color: rgba(151, 204, 51, 0.5);
  color: #fff;
  display: table;
  text-align: center;
  padding: 10px;
  margin: 0 auto;
}
.cadre h1 {
  background-color: rgb(151, 204, 51);
  display: inline-block;
  font-family: gothamlight;
  margin: 0;
  padding: 20px; font-size: 24px;
}
.cadre span {
  display: block;
  font-family: 'gothambold';
  text-transform: uppercase;
}
.fd{background-color: #4594a3; color: #FFF;}
.fd2{background-color: #99cc33; color: #FFF;} .fd2 h2 {color: #FFF;}

/*testimonial*/
#titre {
  background-image: url("../images/fd.png");
  background-size: cover;
  background-position: left  center;
  background-repeat: no-repeat; background-attachment: fixed;
}
#testimonial.slidebkg .row {
  text-align: left;
}
cite:before {
  content: "- ";
}
cite:after {
  content: " -";
}
#testimonial p {
  font-size: 16px;
  line-height: 24px;
}
#testimonial h4 {
  font-size: 24px;
  margin-top: 0;
  border-bottom: solid 1px;
  padding-bottom: 10px;
}
#testimonial .carousel-indicators {
  background-color: #4594A3;border-top: 1px solid #4594a3;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  padding: 30px 0 0;
  position: relative;
  width: 100%;
}

#carousel-testimonials .carousel-indicators li{ 
    background-color: #ffffff;
    width:16px; 
    height:7px;border: solid 1px #FFF; cursor: pointer;
    } 
#carousel-testimonials .carousel-indicators .active {
    width: 16px;
    height: 16px;
    background-color: #78c3eb;border: solid 1px #78c3eb;
}
#testimonial .carousel.slide {
  background-color: #fff;
}
#testimonial .row .col-md-8 {
  background-color: #4594a3;padding-top: 10px; margin-right: -15px;
}
#testimonial .row .col-md-4 {
  padding-top: 5px; padding-bottom: 5px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {margin: 0 auto;}


/*agence*/
.agence #titre {background-color: #008A27;}
#agence h2 { margin-top: 10vh;}
#agence p {  font-size: 20px;  margin: 0;}
#agence ul {
  font-size: 18px;
  padding-left: 12px;
}
#agence a {
  background-color: #4594a3;
  color: #fff;
  display: block;
  font-size: 20px;
  padding: 30px 10px;
  text-transform: uppercase;
	border-bottom: solid 1px #FFF;
}
#agence a:hover {background-color: #000;}
#agence .col-md-4 {  text-align: center;}
#agence .row {margin-top: 80px;}

.highlight { font-family: "gothambold"; font-size: 20px;}
.couleur {color: #4594a3; font-size: 18px;}

/*team*/
.team-container {
  height: 247px;
  position: relative;
  text-align: center;
  width: 247px; margin: 0 auto 10px; cursor: pointer;
}
.team-inside {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.christo {background-image: url("../images/team/christopher.gif");}
.jean {background-image: url("../images/team/jean.gif");}
.stephanie {background-image: url("../images/team/stephanie.gif");}
.kiki {background-image: url("../images/team/kiki.gif");}
.lucie {background-image: url("../images/team/lucie.gif");}
.doudou {background-image: url("../images/team/doudou.gif");}
.boris {background-image: url("../images/team/boris.gif");}
.team-nom {
  background-color: #78c3eb;
  bottom: -10px;
  font-family: "gothamlight";
  font-size: 20px;
  padding: 12px 0 60px;
  position: absolute;
  text-transform: uppercase;
  width: 100%;-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.team-nom > span {
  display: block;
  font-family: "gothambold";
}
.team-job {
  background-color: #fff;
  border-bottom: 3px solid #78c3eb;
  bottom: 0;
  color: #78c3eb;
  font-family: "gothamlight";
  font-size: 16px;
  padding: 13px 0;
  position: absolute;
  width: 100%;-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.team-container:hover .team-nom {
  padding: 5px 0;
  font-size: 15px;
}
.team-container:hover .team-job {
  height: 1px;
  opacity: 0;
}
/*team animation*/
#histoire h2 {margin-top: 10vh;}
.histoire1 {position:relative; height: 100vh; margin-top: 80px;}
.histoire2 {position:relative; height: 100vh;}
.histoire3 {position:relative; height: 100vh;}
.histoire4 {position:relative; height: 100vh;}
.histoire5 {position:relative; height: 100vh;}
.histoire6 {position:relative; height: 100vh;}
.histoire7 {position:relative; height: 100vh;}
.date {
  	border-radius: 50%;
	height: 50px; width: 50px;
  	color: #fff;
	position: absolute;
	top: -20px;
	text-align: center;
	padding-top: 17px;
  	font-family: gothambold;
  	font-size: 16px;
 	right: 16px;
	margin: 0 auto; 
}
.date2007 {  background-color: #57c8e6;}/*bleu*/
.date2008 {  background-color: #99CC33;}/*vert*/
.date2009 {  background-color: #493d81;}/*mauve*/
.date2010 {  background-color: #57c8e6;}/**/
.date2015 {  background-color: #89447E;}/*violet*/
.date2016 {  background-color: #D1EAF7;}/*bleuclair*/
.date2017 {  background-color: #E792BA;}/*rose*/


.lettre {
  font-family: "gothambold";
}
.hist-img {
  height: 160px;
  width: 160px;
}
.hist-nom {
	color: #57c8e6;
	font-size: 28px;
	margin-bottom: 5px; text-align: center;
}
.hist-doudou .hist-img {
	width: 50px;
	height: 50px;
	margin-top: -18px;
}
.smtpbox {max-width: 300px}
.hist-jean .hist-img, .hist-christo .hist-img {
	width: 80Px;
	height: 80px;
	float: left;
}
.hist-jean .hist-img,  .hist-boris .hist-img, .hist-lucie .hist-img,.hist-steph .hist-img{
	margin-left: 40px;
}
 .hist-chry .hist-img,.hist-christo {
	margin: 0 auto;
}
.histoire1 > p,.histoire2 > p,.histoire3 > p,.histoire4 > p,.histoire5 > p,.histoire6 > p,.histoire7 > p  {
  text-align: center;
}

/*form*/
.icon-email {background:#ffffff url("../images/email.gif") no-repeat scroll 96% 50% !important;}
.icon-user {background:#ffffff url("../images/user.gif") no-repeat scroll 96% 50% !important;}
.icon-phone {background:#ffffff url("../images/phone.gif") no-repeat scroll 96% 50% !important;}
.icon-sujet {background:#ffffff url("../images/info.gif") no-repeat scroll 96% 50% !important;}
.icon-message {background:#ffffff url("../images/info.gif") no-repeat scroll 96% 50% !important;}

.erreurselect { color:#FF0000 !important;} 
.erreur-email {color: #ff0000; background:#ffffff url("../images/email-red.gif") no-repeat scroll 96% 50% !important;}
.erreur-user {color: #ff0000; background:#ffffff url("../images/user-red.gif") no-repeat scroll 96% 50% !important;}
.erreur-phone {color: #ff0000; background:#ffffff url("../images/phone-red.gif") no-repeat scroll 96% 50% !important;}
.erreur-sujet {color: #ff0000; background:#ffffff url("../images/info-red.gif") no-repeat scroll 96% 50% !important;}
.erreur-message {color: #ff0000; background:#ffffff url("../images/info-red.gif") no-repeat scroll 96% 13% !important;}


.contact #titre {background-color:#004d63;}
#success_message{ display: none;}
.map2 {
  display: block;
  height: 220px;
  width: 100%;
}

.contact form {
  padding: 20px 15px 20px 0;
}
.contact #contact h3 {
  margin: 0;
}
.contact .btn.btn-primary {
  margin-top: 20px;
}
.block {
  display: block; font-size: 14px;
}
.contact label { margin-top: 10px;}

#contact a {
	position: relative;
	display: inline-block;
	outline: none; color: #339688;
}
#contact a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

#contact a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #008A27;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}



#contact a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

#contact a:hover,
#contact a:focus {
	color: #008A27;
}


#contact a:hover::after,
#contact a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
/*service*/
section#conseil {padding-bottom:0;}
#conseil { position: relative;}
.service h2 {
  text-align: left;margin-bottom: 30px; 
}
.service .fidelisation h2, .service .analyse h2 {
  color: #fff;
}
.service p {
  text-align: left;
}
.onglet {text-align: center;    text-transform: uppercase;}
.onglet.nav.nav-tabs {border: 0;background-color: rgba(0,0,0,1);}
.nav-tabs > li.active > h2 a, .nav-tabs > li.active >  h2  a:focus, .nav-tabs > li.active >  h2  a:hover,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color:#FFF;cursor:default;border:0;border-bottom-color:transparent; 
}/****ONGLET A CUSTOM*****/
#navfix.affix {}
#navfix {width: 100%; /*background-color: rgba(0,0,0,1)*/}
#navfix.affix {-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.4);
box-shadow: 0 1px 5px 0 rgba(0,0,0,0.4);bottom: 0;top: auto; z-index: 1300;}

.onglet a { color: #339688;}
.onglet .active a {text-decoration: overline;}
.onglet .active a:hover { letter-spacing:normal;}
.onglet a:hover { letter-spacing: -0.1em;}
.onglet h2 {font-size: 16px;text-align: center;margin: 5px 0;}
.onglet .active h2 {font-family: "gothambold",Arial,Helvetica,sans-serif;}
.onglet li:after {
  content: "|";
  position: absolute;
  right: -3px;
  top: 20px;
}
.onglet li:last-child:after {
  content: "";
}

.routage,.row.emailing,.row.monetisation,.row.fidelisation, .row.conseil, .row.communication, .row.diffusion, .row.analyse, .communication .row {
  padding-top: 60px; padding-bottom: 70px;
} 
a.lienblanc {
	background-color: rgba(255,255,255,1);
	display: table;
	text-align: center;
	text-transform: uppercase;
	padding: 10px;
	margin: 10px auto 0;color: #339688;
}
a.lienblanc:hover {
	background-color:  rgba(255,255,255,0.5);
}

.emailing ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.emailing li {
  border-bottom: 8px solid #ededed;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
a.highlight-btn {
  background-color: #4594a3;
  text-align: center;
  display: block;
  padding: 10px;
  text-transform: capitalize;
  margin-top: 10px; color: #FFF;
}
.highlight-btn:hover ,.highlight-btn:visited {
  background-color: #339688; color: #FFF;
}
a.highlight-btn2 {
  background-color: #306771;
  text-align: center;
  display: block;
  padding: 10px;
  text-transform: capitalize;
  margin-top: 10px; color: #FFF;
}
.highlight-btn2:hover ,.highlight-btn2:visited {
  background-color: #003440; color: #FFF;
}
.timer {
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 32px;
  height: 110px;
  line-height: 105px;
  width: 110px;
}
.timer1 {background-color: #59BA41;}
.timer2 {background-color: #774F38;}
.timer3 {background-color: #C02942;}
.monetisation .row.text-center {
  padding-top: 40px;
}
.fidelisation a[data-toggle=tooltip] {
  color: #FFF;
  text-decoration: underline;
}
.fidelisation .col-xs-12.col-sm-4,.fdnoir {
  background-color: rgba(0,0,0,0.3); padding: 0 25px;
}
.fidelisation .col-xs-12.col-sm-4 ul {
  margin: 0;
  padding: 0;
  list-style: inside;
  font-size: 16px;
}
.fidelisation .col-xs-12.col-sm-4 li {
  margin-bottom: 15px;
}
.service #spamstrap {
	padding: 0 40px;
}
.service .layersnap {
  width: 40%;
  float: right;
}
.service #donnee .layersnap {
  width: 100%;
  float:none;
}

.gm-style-iw > div {
  overflow: hidden!important;
  min-width: 90px;
  text-align: center;
}

.btn-default:visited {
  background-color: #fff;
  border-color: #ccc;
  color: #333;
}

.liencadre:hover {  background-color: transparent;color: #FFF;}
a.liencadre {
	 color: #FFF;
	position: relative;
	display: inline-block;
	outline: none; z-index: 3;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}


.liencadre:before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 40px;
	background: #6D9E4C;
	content: '0820 405 805';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);

}

.liencadre:hover:before,
.liencadre:focus:before {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
.layersnap {
	margin-top: 20px;
}
/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */

@media only screen and (min-width: 481px) {
.accueil section.slidebkg {padding-bottom: 0;}
.accueil #agence2com .gridContainer {
	margin-top: 0px;
}	
	.layersnap {
	margin-top: 0px;
}
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#navfix .gridContainer {
	width: 90.675%;
	
}
section.accueil {height:100vh;}
section {min-height:100vh;}
section.header {min-height:120px;}
section#testimonial {min-height: 100px;}
section#titre.slidebkg {min-height: 0vh;}
section#titre.slidebkg .inside {height: 40vh;}
/*section#titre {min-height: auto; height:  70vh;}*/
	
.interieur section { /*height: auto;*/ padding: 30px 0 30px;}
.scrollbtn { left: 0; bottom:0; width:auto;}
	
/*navigation circulaire*/
	nav.top-right {width: 480px; height: 480px;
	-webkit-transform: translate3d(20px, -20px, 0);transform: translate3d(20px, -20px, 0); top: -166px;  left: -152px;}
	.disc { font-size: 20px; line-height: 32px; padding-top: 8px; border-radius: 240px;}
	.disc.l6.toggle h3{ font-size:20px;}
	.l1 { top: 0px;   left: 0px;   right: 0px;   bottom: 0px;}
	.l2 { top: 40px;  left: 40px;  right: 40px;  bottom: 40px;}
	.l3 { top: 80px;  left: 80px;  right: 80px;  bottom: 80px;}
	.l4 { top: 120px; left: 120px; right: 120px; bottom: 120px;}
	.l5 { top: 160px; left: 160px; right: 160px; bottom: 160px;}
	.l6 { top: 200px; left: 200px; right: 200px; bottom: 200px;}
	.toggle { line-height: 65px; /*  $size*2  */width: 80px;/* idem*/
	}
#animcible,#animmarketing,#animanalyse,#animdiffusion,#animsmtp,#animdiffusion { max-width: 500px; margin: 0 auto;}	
	/*titre*/
.cadre {padding: 20px;}
.cadre h1 {padding: 30px;font-size: 36px;}

#client h2 { margin-top: 10vh;}
#agence h2 { margin-top: 10vh;}
#competence h2 { margin-top: 10vh;}
#mention h2 { margin-top: 10vh;}
#contact h2 { margin-top: 10vh;}
.hist-doudou .hist-img {
	width: 100px;
	height: 100px;
	margin-top: -35px;
}

	
}
@media only screen and (min-width: 600px) {
/*agence*/
	.hist-jean .hist-img, .hist-christo .hist-img {
	width: 150px;
	height: 150px;
	
}.hist-jean, .hist-christo {
	float: left;
	
}
	
	.date {
  	height: 100px; width: 100px;
  	top: 0;
	padding-top: 34px;
  	font-size: 29px;
 	left: 0;
	right: 0; 
}
	.cntl-content:after {
 content: ''; top: 0; right: -30px;
position: absolute;
	width: 0;
height: 0;
border-style: solid;
border-width: 30px 30px 0 0;
border-color: #F3F3F3 transparent transparent transparent;}
.cntl-state:nth-child(2n+2) .cntl-content:before {
 content: ''; top: 0; left: -30px;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 30px 30px 0;
border-color:  transparent #F3F3F3 transparent transparent;}
.cntl-state:nth-child(2n+2) .cntl-content:after {border-right:0;}
	.cntl-state {/*pour afficher le triangle à gauche*/ border-left: solid transparent 30px;border-right: solid transparent 30px;
}	
	
}

/* Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette */

@media only screen and (min-width: 769px) {
	.onglet.nav.nav-tabs {border: 0;background-color: rgba(255,255,255,0.9);}
	.nav-tabs > li.active > h2 a, .nav-tabs > li.active >  h2  a:focus, .nav-tabs > li.active >  h2  a:hover,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color:#333; }
	#navfix.affix {bottom: auto;top:120px; background-color: rgba(255,255,255,0.9);}
	.onglet h2 {font-size: 20px; margin:20px 0;}
	/* navigation fil d'ariane*/
.side-menu {
	display: table;
	height: 100%; width: 150px;
	position: fixed;
	top: 0;z-index: 10;right: 0; font-size: 14px;
}
.side-menu  .nav {
	vertical-align: middle; text-align: right;
	display: table-cell; padding-right: 6px;
}
.side-menu .nav a {color: #FFF;}
.side-menu.side-n .nav a {color: #000;}
.side-menu .dot { background-image:url(../images/dotvide.png); background-size: cover; width: 8px; height: 8px; display: inline-block;}
.side-menu .dotn { background-image:url(../images/dotvide-noir.png); background-size: cover; width: 8px; height: 8px; display: inline-block;}
.side-menu .active .dot { background-image:url(../images/dotplein.png);width: 16px; height: 16px;}
.side-menu .active .dotn { background-image:url(../images/dotplein-noir.png);width: 16px; height: 16px;}
.side-menu .nav > li > a {padding: 0;}
.side-menu .nav > li > a:focus, .nav > li > a:hover { background-color: transparent;}
.side-menu .nav > li > a:hover .dot { width: 16px; height: 16px;}
.nav-sec {display: none;}

	
	.slidebkg .inside .row {
  display: table-cell;
}
.gridContainer {
	width: 100%;
	max-width: 924px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
.scrollbtn {  bottom:50px; left:46%;/*right: 10%; left:auto;*/}

	#animcible,#animmarketing,#animanalyse,#animdiffusion,#animsmtp,#animdiffusion { max-width:none;}	
	.inside { padding: 0 3em; }
	#intro .inside { padding: 8em 3em 0;}
	
	.side-menu .nav > li > a:focus .nav-sec , .nav > li > a:hover .nav-sec, .nav > li.active .nav-sec {
	display: inline-block ;padding-right: 4px;}
	.nav > li > a:hover .nav-sec {color:#89f5f5}
	.side-menu .nav {padding-right: 20px;
}
	/*.cadre {
  background-image: url("../images/cadre.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}*/
#testimonial .row .col-md-8 { padding-top: 10px; padding-bottom: 30px;}
	
}

@media only screen and (min-width: 924px) {
	.slidebkg .inside, .contact #contact .inside {
  display: table;
  height: /*100%*/100vh;
  width: 100%;
  padding: 0;
}
	
.accueil h1,.accueil h2 { font-size: 46px; }
.accueil p { line-height: 52px;}
.btnaccueil {float: left;}


}

@media only screen and (min-width: 992px) {	
/*testimonial*/
	#testimonial .row .col-md-8 {background-color: #4594a3;padding-left: 30px;padding-top: 0;padding-bottom: 30px;} 
	#testimonial .row .col-md-4 {padding-top: 50px;padding-bottom: 0;}
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(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:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-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:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}