/*
Theme Name:     Story Child
Author:         Pexeto
Author URI:     http://pexetothemes.com
Template:       thestory
*/

@import url("../thestory/style.css");
/*modifications de style base H1 H2*/
h1 {
  font-size: 40px;
  text-align: center;
}
h2 {
  font-size: 35px;
  text-align: center;
  padding: 50px;
}

/*marges pour avoir du fullscreen*/
#content-container .section-boxed {
  margin: 0px auto;
}

.section-boxed {
  position: relative;
  margin: 0 auto;
  padding: 0 0%;
  max-width: 1500px;
}

.page-template-template-full-custom-php .section-boxed {
  max-width: 1500px;
}

.content-boxed {
  margin: 0 auto;
  padding: 0 3%;
  max-width: 1500px;
}

#content-container {
  padding: 0px 0%;
}

/*marges pour un article fullscreen mais pas trop*/
#full-width .post-content {
  padding-top: 4%;
  padding-left: 15%;
  padding-right: 15%;
  padding-bottom: 10px;
}

/*couleur du menu*/
.fixed-header-scroll #header {
  padding-top: 7px;
  padding-bottom: 7px;
  width: 90%;
  background: #000000;
  background: rgba(15, 56, 88, 0.95);
}

/*marges de sidebar*/
.sidebar-box .title {
  margin-bottom: 0px;
  padding: 0px 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}

/*Pour modifier la marge du titre de la sidebar*/
.sidebar-box .title {
	margin-bottom: 0px;
	margin-left: 3px;
	padding: 0px 0;
	text-transform: uppercase;
	font-size: 22px !important;
	font-weight: 400;
	background: #A10002;
	color: #FFFFFF;
	text-align: center;
}

/*pour enlever la bordure dans les brèves*/
.lp-wrapper {
  padding: 3px 0 2px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/*Gestion des citations*/
blockquote {
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	padding: 0 0 0 0px;
	text-align: center;
	font: italic 150%/170% "Open Sans", Helvetica, Arial, sans-serif;
}

p {
  margin: 30px 0;
  padding: 0;
  line-height: 2;
}

body {
  color: #777777;
  font-size: 16px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 1.5;
}

/*Alignement correct du social share dans les articles*/
.blog-single-post .social-share {
  float: right;
  margin: 0 !important;
  max-width: 50%;
}

/*Agrandissement du MENU*/
.nav-menu ul li a {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
}

/*Modification du menu*/
#header {
  padding-top: 20px;
  padding-right: 5%;
  padding-left: 5%;
  width: 90%;
  background: transparent;
  position: relative;
}

.section-header {
  padding: 0;
  padding-bottom: 20px;
}

.fixed-header #header {
  position: fixed;
  top: 0;
  width: 90%;
  z-index: 500;
}
.fixed-header .page-wrapper {
  padding-top: 0 !important;
}

/*Ombre sous le titre de une*/
.cs-title {
	text-shadow: 0px 2px 4px rgba(0,0,0,1);
	line-height: 1em;
}

/*pour avoir un lien blanc et mise en forme sur les vignettes faire correspondre la class dans Visual Composer*/
.lienblanc a:hover {
	color :#FFFFFF;
}

.lienblanc a {
	color: #FFFFFF !important;
	font-size: 20px;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1);
}

.lienblanc h2 {
	line-height: 1;
}

.dateblanche {
	visibility: hidden;
	color:#FFFFFF;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1);
}

.separateursecondeune {
	margin-bottom: 0 !important;
}

/*Titre rubrique dessin*/
.titredessin h2 {
font-size: 22px;
color: #000000 !important;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
font-weight: 400;
padding: 0;
}

.titredessin a:hover {
	opacity: 1 !important;
	color: #363636 !important;
}

/*Titre rubrique second dessin*/
.titreseconddessin h2 {
font-size: 18px;
color: #000000 !important;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
font-weight: 400;
padding: 0;
text-align: center !important;
}

.titreseconddessin a:hover {
	opacity: 1 !important;
	color: #363636 !important;
}

/*Effet visuel hover sur titre brèves*/
.lp-title a:hover {
	color: #363636 !important;
}

/*Titre des rubriques sur la page d’accueil*/
.titrerubriqueune p {
	font-size: 36px;
	color: #ffffff;
	padding-left: 10px;
	margin: 0;
	font-weight: 800 !important;
}

/*Titre rubrique dessin*/
.titrerubriquedessin a {
	font-size: 36px;
	color: #000000;
	margin: 0;
	font-weight: 800;
}

.titrerubriquedessin p {
	font-size: 36px;
	color: #000000;
	margin: 0;
}

/*Customisation de la une princiaple*/
.titreuneprincipale a {
font-weight: 600;
font-size: 32px;
color: #FFFFFF !important;
text-transform: uppercase;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}

.titreuneprincipale a:hover {
font-weight: 600;
font-size: 32px;
color: #FFFFFF !important;
opacity: 1 !important;
}

/*Customization de la Une de chaque continent*/


.unecontinent a {
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	font-weight: 800;
	font-size: 64px;
	color: #FFFFFF !important;
}

.unecontinent a:hover {
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	font-weight: 800;
	font-size: 64px;
	color: #FFFFFF !important;
	opacity: 1 !important;
}

/*Stylisation des boutons de une pour chaque continent*/
.boutonunecontinent a {
	font-size: 22px !important;
	color: #FFFFFF !important;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8);
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) !important;
	border-color: #FFFFFF !important;
}

.boutonunecontinent a:hover {
	background-color: rgba(255,255,255,0.3) !important;
	color: #FFFFFF !important;
}

/*Stylisation du bouton de la Une Principale*/
.boutonune {
	text-transform: uppercase;
	font-weight: 600;
}
/*Personnalisation des titres des pages de continent*/
.titrecontinent h2 {
	color: #FFFFFF !important;
	font-weight: 800;
	font-size: 48px;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	text-transform: uppercase;
}

.titrecontinent h2:after {
  content: "";
  display: block;
  width: 10%;
  height: 1px;
  background-color: #ffffff;
  margin: auto;
  margin-top: 5px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}

/*Customization du readmore*/
.readmore a {
	color: #FFFFFF;
	font-size: 20px;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	line-height: 0px;
}

.readmore a:hover {
	color: #FFFFFF;
}

.readmoretitle p {
	font-size: 20px;
}

/*Modification de la taille des titres dans contenu post*/
.post-title {
  font-size: 48px;
  font-weight: 600;
}


/*Customization des posts En Bref*/
.category-en-bref p {
	font-size: 22px;
	margin-top: 10px;
	color: #777777;
	font-weight: 300;
}

.category-en-bref a {
	text-decoration: underline;
}

.category-en-bref h1 {
	font-size: 60px;
	color: #A10002 !important;
}

.category-en-bref h2 {
	padding: 0;
	font-size: 30px;
	text-align: left;
	color: #A10002 !important;
}

.category-en-bref h3 {
	font-size: 22px;
	margin-top: 10px;
	color: #777777 !important;
	font-weight: 500;
}

.category-en-bref div.post-content {
	padding-left: 10% !important;
	padding-right: 10% !important;
}

/*Customization des articles afrique*/

.category-afrique h3 {
	font-weight: 400;
	margin-bottom: 30px;
	color: #1d303e !important;
}

.category-afrique h2 {
	color: #1d303e !important;
}


.category-afrique p {
	font-weight: 300;
}

.category-afrique h3>a {
	text-decoration: underline;
}

.category-afrique p>a {
	text-decoration: underline;
}

/*Customization des articles Europe*/

.category-europe h3 {
	font-weight: 400;
	margin-bottom: 30px;
	color: #92abbd !important;
}

.category-europe h2 {
	color: #92abbd !important;
}

.category-europe p {
	font-weight: 300;
}

.category-europe h3>a {
	text-decoration: underline;
}

.category-europe p>a {
	text-decoration: underline;
}

/*Customization des articles Amérique du Nord*/

.category-amerique-du-nord h3 {
	font-weight: 400;
	margin-bottom: 30px;
	color: #355771 !important;
}

.category-amerique-du-nord h2 {
	color: #355771 !important;
}

.category-amerique-du-nord p {
	font-weight: 300 ;
}

.category-amerique-du-nord h3>a {
	text-decoration: underline;
}

.category-amerique-du-nord p>a {
	text-decoration: underline;
}

/*Customization des articles Amérique du Sud*/

.category-amerique-du-sud h3 {
	font-weight: 400;
	margin-bottom: 30px;
	color: #697b89 !important;
}

.category-amerique-du-sud h2 {
	color: #697b89 !important;
}

.category-amerique-du-sud p {
	font-weight: 300;
}

.category-amerique-du-sud h3>a {
	text-decoration: underline;
}

.category-amerique-du-sud p>a {
	text-decoration: underline;
}

/*Customization des articles Asie*/

.category-asie h3 {
	font-weight: 400;
	margin-bottom: 30px;
	color: #5992bd !important;
}


.category-asie h2 {
	color: #5992bd !important;
}

.category-asie p {
	font-weight: 300;
}

.category-asie h3>a {
	text-decoration: underline;
}

.category-asie p>a {
	text-decoration: underline;
}

/*Customisation des articles édito*/

.category-editorial h3 {
	font-weight: 400;
	margin-bottom: 30px;
	color: #0F3858 !important;
}


.category-editorial h2 {
	color: #0F3858 !important;
}

.category-editorial p {
	font-weight: 300;
}

.category-editorial h3>a {
	text-decoration: underline;
}

.category-editorial p>a {
	text-decoration: underline;
}
/*Personalisation des articles radios*/
.category-radio h3 {
	font-weight: 400;
	margin-bottom: 30px;
	color: #0F3858 !important;
}


.category-radio h2 {
	color: #0F3858 !important;
}

.category-radio p {
	font-weight: 300;
}

.category-radio h3>a {
	text-decoration: underline;
}

.category-radio p>a {
	text-decoration: underline;
}



/*Personnalisation du footer maison*/
.footerperso p {
	font-size: 13px;
	letter-spacing: 1px;
	margin: 1px;
	padding-left: 5px;
	color: #FFFFFF;
}

.footerperso a {
	color: #FFFFFF;
}

.footerperso h2 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	padding: 0;
	color: #FFFFFF !important;
}

.footerperso a:hover {
	color: rgba(255, 255, 255, 0.8);
}

/*Stylisation du resume d'article*/
#resume1 {
	width: 33%;
	float: left;
	margin-right: 0.33%;
}

#resume2 {
	width: 33%;
	float: left;
	margin-right: 0.33%;
}

#resume3 {
	width: 33%;
	float: left;
}

.carreresume {
	text-align: center;
	color: #353535;
	background-color: #F3F3F3;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 800;
}

.numerorond {
	border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 6px;
    border: 1px solid #777777;
    color: #777777;
    text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
}

.boutoncontaineresume {
	width: 100%;
}

.boutonresume {
	width: 25px;
	height: 25px;
	-webkit-transition: all 0.1s ease; /* Safari and Chrome */
  	-moz-transition: all 0.1s ease; /* Firefox */
  	-o-transition: all 0.1s ease; /* IE 9 */
  	-ms-transition: all 0.1s ease; /* Opera */
  	transition: all 0.1s ease;
}

.boutonresume:hover {
	cursor: pointer;
	-webkit-transform:scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.20); /* Firefox */
    -ms-transform:scale(1.20); /* IE 9 */
    -o-transform:scale(1.20); /* Opera */
     transform:scale(1.20);
}

/*Stylisation du timbre en bref*/
#enbrefstampimg {
	width: 120px;
	height: 120px;
	-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    transform: rotate(-20deg);
}

.stampenbref {
	margin-top: -100px;
	margin-left: 30px;
}

/*Cache le stamp en bref sur les autres catégories*/
.category-afrique .stampenbref {
	visibility:hidden;
}

.category-europe .stampenbref {
	visibility:hidden;
}

.category-asie .stampenbref {
	visibility:hidden;
}

.category-oceanie .stampenbref {
	visibility:hidden;
}

.category-amerique-du-nord .stampenbref {
	visibility:hidden;
}

.category-amerique-du-sud .stampenbref {
	visibility:hidden;
}

.category-dessin .stampenbref {
	visibility:hidden;
}

.category-editorial .stampenbref {
	visibility: hidden;
}

.category-radio .stampenbref {
	visibility: hidden;
}

/*Alignement du menu langue*/
.qtranxs-lang-menu img {
	vertical-align: baseline; !important
}

/*Enleve les marges pour les écrans d’iPhone*/

@media screen and (max-width: 520px) {
#full-width .post-content {
  padding-top: 20%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 4%;
}
/*Marges des pages de contact pour iphone*/
.custom-page-content-contact {
	padding-left: 1% !important;
	padding-right: 1% !important;
}

/*Modifie la taille des titres de rubrique sur page d'accueil pour iPhone*/
.titrerubriqueune p {
	font-size: 30px;
}
/*Modifie la taille des titres de rubrique dessin du JI sur page d'accueil pour iPhone*/
.titrerubriquedessin a {
	font-size: 30px;
}

/*Modification des unes dans les pages continents pour iPhone*/
.unecontinent a {
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	font-weight: 800;
	font-size: 32px;
}

/*Enleve les marge de disqus*/
#disqus_thread {
	padding-right: 1% !important;
	padding-left: 1% !important;
}

}

@media screen and (min-width: 520px) and (max-width: 1000px) {
	/*Customisation du menu pour petit écran*/
#header {
	background: transparent;
}

#full-width .post-content {
  padding-top: 10%;
}

/*Modification des unes dans les pages continents pour petit écran*/
.unecontinent a {
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	font-weight: 800;
	font-size: 48px;
}

}

/*Typographies pour les écrans Retina*/
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
/*Placer ici les codes spéciaux pour écrans retinas*/

}

/*Marges des pages de contact*/

.custom-page-content-contact {
	padding-top: 10px;
	padding-left: 20%;
	padding-right: 20%;
}

/*Rétablissement des marges des vous aimerez aussi (c'était le gros bordel)*/
.pexeto-related-posts {
	padding-top: 0px !important;
}

.pexeto-related-posts h3 {
	padding: 0;
}

.pexeto-related-posts h4 {
	text-align: center;
	padding-top: 10px;
}

.pexeto-related-posts a {
	font-size: 16px !important;
	text-decoration: none;
	font-weight: 500 !important;
	color: #000000;
}

/*Taille des commentaires disqus*/
#disqus_thread {
	padding-right: 15%;
	padding-left: 15%;
}

/*Stylisation de la rubrique flattr sur posts*/
h3.flattrstyle {
	text-transform: uppercase;
text-align: center;
font-size: 16px;
margin-bottom: 0px;
}

.flattrstyle::after {
	content: "";
display: block;
width: 70px;
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
margin: auto;
margin-top: 6px;
}

iframe.FlattrButton {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80px;
}

/*Animation lancement site*/
/*

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes bounceInDown2 {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: 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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
	opacity: 1;
  }
}

@keyframes bounceInDown2 {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: 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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
	opacity: 1;
  }
}

.header-search {
	opacity: 0;
  -webkit-animation-duration: .75s;
 animation-duration: .75s;
  -webkit-animation-name: bounceInDown2;
  animation-name: bounceInDown2;
  -webkit-animation-delay: 4.25s;
  animation-delay: 4.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.social-profiles {
	opacity: 0;
  -webkit-animation-duration: .75s;
 animation-duration: .75s;
  -webkit-animation-name: bounceInDown2;
  animation-name: bounceInDown2;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.menu-item-1179 {
	opacity: 0;
  -webkit-animation-duration: .75s;
 animation-duration: .75s;
  -webkit-animation-name: bounceInDown2;
  animation-name: bounceInDown2;
  -webkit-animation-delay: 3.75s;
  animation-delay: 3.75s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.menu-item-955 {
	opacity: 0;
  -webkit-animation-duration: .75s;
 animation-duration: .75s;
  -webkit-animation-name: bounceInDown2;
  animation-name: bounceInDown2;
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.menu-item-954 {
	opacity: 0;
  -webkit-animation-duration: .75s;
 animation-duration: .75s;
  -webkit-animation-name: bounceInDown2;
  animation-name: bounceInDown2;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.menu-item-953 {
	opacity: 0;
  -webkit-animation-duration: .75s;
 animation-duration: .75s;
  -webkit-animation-name: bounceInDown2;
  animation-name: bounceInDown2;
  -webkit-animation-delay: 2.50s;
  animation-delay: 2.50s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.menu-item-952 {
	opacity: 0;
  -webkit-animation-duration: .75s;
 animation-duration: .75s;
  -webkit-animation-name: bounceInDown2;
  animation-name: bounceInDown2;
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.menu-item-209 {
	opacity: 0;
  -webkit-animation-duration: .75s;
 animation-duration: .75s;
  -webkit-animation-name: bounceInDown2;
  animation-name: bounceInDown2;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#logo-container {
 -webkit-animation-duration: .75s;
 animation-duration: .75s;
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
*/
/*ARRET delay 0 2 3*/ 


.animate-in {
	opacity: 0;
    -webkit-animation: fadeIn 3s ease-in;
    animation: fadeIn 3s ease-in;
	-webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
    animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
}

.animate-out {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

.animate-in2 {
	opacity: 0;
	-webkit-animation: fadeIn 2s ease-in;
    animation: fadeIn 2s ease-in;
	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

.animate-in3 {
	opacity: 0;
	-webkit-animation: fadeIn 1s ease-in;
    animation: fadeIn 1s ease-in;
	-webkit-animation-delay: 3s; /* Chrome, Safari, Opera */
    animation-delay: 3s;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

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