/* ***************************************** TOP ************************************** */

.logo{
	text-align: center;
	background-color: transparent;
	margin-left: 25%;
	margin-right: 25%;}

/* *************************************** BACKGROUND ********************************* */

body{
	background: rgb(96,108,136); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(96,108,136,1) 13%, rgba(63,76,107,1) 20%, rgba(117,118,163,1) 28%, rgba(206,217,219,1) 47%, rgba(63,76,107,1) 82%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(13%,rgba(96,108,136,1)), color-stop(20%,rgba(63,76,107,1)), color-stop(28%,rgba(117,118,163,1)), color-stop(47%,rgba(206,217,219,1)), color-stop(82%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%); /* W3C */


    -webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	-pie-background: linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%);
	behavior: url(PIE/PIE.htc);

	height:100%;
	min-height: 100%;

	overflow-x: hidden;
}

.pricipalContainer{
	width: 92%;
}

.degradedBackgroundLight{
	background-color: rgb(240,225,204);

	background-image: linear-gradient(right bottom, rgb(245,237,226) 0%, rgb(214,183,137) 28%, rgb(240,225,204) 64%);
	background-image: -o-linear-gradient(right bottom, rgb(245,237,226) 0%, rgb(214,183,137) 28%, rgb(240,225,204) 64%);
	background-image: -moz-linear-gradient(right bottom, rgb(245,237,226) 0%, rgb(214,183,137) 28%, rgb(240,225,204) 64%);
	background-image: -webkit-linear-gradient(right bottom, rgb(245,237,226) 0%, rgb(214,183,137) 28%, rgb(240,225,204) 64%);
	background-image: -ms-linear-gradient(right bottom, rgb(245,237,226) 0%, rgb(214,183,137) 28%, rgb(240,225,204) 64%);
	background-image: -webkit-gradient(linear,right bottom,left top,color-stop(0, rgb(245,237,226)),color-stop(0.28, rgb(214,183,137)),color-stop(0.64, rgb(240,225,204)));

	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);

	height: 100%;

	-pie-background: linear-gradient(right bottom, rgb(245,237,226) 0%, rgb(214,183,137) 28%, rgb(240,225,204) 64%);
	behavior: url(PIE/PIE.htc);
}

/* *************************************** ACCUEIL 2 *************************************** */
.mainPicture {
    display: block;
    margin-top: 1%;
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: auto ;
	height: 100%;
}

/* *************************************** ACCUEIL *************************************** */
.homeTopRow{
	padding-left: 2%;
	padding-right: 2%;
}

.titleContainer{
	position: relative;
	line-height: 1;
	border: 1px solid #ddd;
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
	  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
		 -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
			  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
	border-style: simple;
	border-color: white;
	border-width: 1px;
	margin-right: 5%;
	margin-top: 3%;

	margin-bottom: 1%;
	width: 50%;
	padding: 1% 1% 1% 1%;
	behavior: url(PIE/PIE.htc);
}

.homeBottomRow{
	padding-left: 2%;
	padding-right: 2%;
	margin-top: 0.5%;
}

.titleContainerRight{
	position: relative;
	line-height: 1;
	border: 1px solid #ddd;
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
	  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
		 -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
			  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
	border-style: simple;
	border-color: white;
	border-width: 1px;
	float: right;
	margin-top: 3%;
	margin-bottom: 1%;
	width: 55%;
	padding: 1% 1% 1% 1%;
	behavior: url(PIE/PIE.htc);
}

.accueilImg{
	float: right;
	position: relative;
	width: 40%;
	margin-top: 2%;
	margin-left: 10%;
}

.accueilImgLeft{
	float: left;
	width: 40%;
	position: relative;
	margin-left: 3%;
}

/* *************************************** FONT *************************************** */

.flashFont{
	font-family: 'Ubuntu';
	color: #0e83df;
	text-shadow: 4px 0px 2px white;
	text-align: center;
	behavior: url(PIE/PIE.htc);
}

.accueilFontCenter{
	font-family: 'Ubuntu';
	text-align: center;
	color: black;
	text-shadow: 5px 5px 8px white;
    behavior: url(PIE/PIE.htc);
}

.accueilFont_Grey{
	font-family: 'Ubuntu';
	color: black;
	color: rgba(63,76,107,1);
	text-shadow: 5px 5px 20px white;
    text-align: center;
    font-size: 36px;
    behavior: url(PIE/PIE.htc);
}

.accueilFont_Grey_indent_1{
	font-family: 'Ubuntu';
	color: #0e83df;
	text-shadow: 4px 0px 2px white;
	text-align: center;
	margin-top: 2%;
	font-size: 30px;
}

.accueilFont_Grey_indent_2{
	font-family: 'Ubuntu';
	color: black;
	text-shadow: 5px 5px 8px white;
    text-align: center;
    margin-top: 2%;
	font-size: 36px;
}

.underlineFont{
	text-align: center;
	font-family: 'Ubuntu';
	color: rgba(63,76,107,1);
	text-shadow: 5px 5px 20px white;
    behavior: url(PIE/PIE.htc);

}

.underlineFontTop{
	text-align: center;
	vertical-align: middle;
	font-family: 'Ubuntu';
	color: rgba(63,76,107,1);
	text-shadow: 5px 5px 20px white;
    behavior: url(PIE/PIE.htc);
}

.importantWord{
	color: #e68d01;
	font-weight: bold;
}

.dividerSpan{
	color: #da5d30;
	color: #0e83df;
	color: #e68d01;
	font-weight: bold;
}

.importantOrange{
	color: #e68d01;
	text-shadow: 5px 5px 8px white;
    behavior: url(PIE/PIE.htc);
}

.importantBlack{
	color: black;
	text-shadow: 5px 5px 8px white;
    behavior: url(PIE/PIE.htc);
}

/* *************************************** LEFT MENU ********************************** */


/** hover */
.leftMenuItem > li > a:hover {
  	text-decoration: none;
  	background-color: #f0c082;
  	color: black;
}

/** selected */
.leftMenuItem > li.active > a,
.leftMenuItem > li.active > a:hover {
	color: #e68d01;
	background-color: #2c2c2c;
}

/** link himself */
.leftMenuItem > li > a {
  color: rgba(63,76,107,1);
  font-weight: bold;
}

.leftMenuItemContainer{
  font-size: 14px;
	line-height: 16px;
}

/* *************************************** TOP MENU ********************************** */

.tabNavbar{
	/*position: relative;*/
	overflow: hidden;
 	width: 98%;
 	margin-left: 0.5%;
	margin-right: 1%;
 	margin-top: 2%;
 	/*text-align: center;*/

  	background: rgb(96,108,136); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(96,108,136,1) 13%, rgba(63,76,107,1) 20%, rgba(117,118,163,1) 28%, rgba(206,217,219,1) 47%, rgba(63,76,107,1) 82%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(13%,rgba(96,108,136,1)), color-stop(20%,rgba(63,76,107,1)), color-stop(28%,rgba(117,118,163,1)), color-stop(47%,rgba(206,217,219,1)), color-stop(82%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=1 );

	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
		 -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
			  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
}

/** hover */
.tabNavbar .nav > li > a:hover {
  	text-decoration: none;
  	background-color: rgba(117,118,163,1);
}

/** selected */
.tabNavbar .nav > .active > a,
.tabNavbar .nav > .active > a:hover {
  	color: #e68d01;
  	background-color: #2c2c2c;
}

/** link himself */
.tabNavbar .nav > li > a {
  	color: white;
  	font-weight: bold;
}


/* *************************************** CONTAINERS ********************************** */

.scrollableRow{
  	margin-top: 2%;
}

.smallContainer{
  	line-height: 1;
	border: 1px solid #ddd;
	  -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			  border-radius: 4px;
	  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
		 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
			  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	border-style: simple;
	border-color: white;
	border-width: 1px;
	margin-bottom: 7%;
	margin-left: 0.5%;
	margin-right: 1%;
	height: auto;
	overflow:hidden;
	width: 98%;
	behavior: url(PIE/PIE.htc);
}

.galleryContainer{
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 3%;
	float: left;
	list-style-type: none;
}

.galleryContainer img{
	display:none;
}

.galleryPictureModel{
	float: left;
	margin-right: 2%;
	margin-bottom: 1%;
}

.h1SmallContainer{
	text-align: center;
	margin-top: 1%;
	font-family: 'Ubuntu';
	color: rgba(63,76,107,1);
	text-shadow: 5px 5px 20px white;
    behavior: url(PIE/PIE.htc);
}

.h2SmallContainer{
	font-family: 'Ubuntu';
	color: #0e83df;
	text-shadow: 4px 0px 2px white;
	text-align: center;
}

.textBloc{
	position: relative;
	margin-top: 4%;
	margin-left: 4%;
	margin-right: 2%;
	margin-bottom: 1%;
}

.textBloc > p{
	text-align: justify;
}

.settlement{
	position: relative;
	width: 100%;
	height: 100%;
}


.settlementLeft{
	margin-left: 4%;
	margin-right: 3%;
	margin-bottom: 1%;
	float: left;
	width: 44%;
}

.settlementLeft > p{
	text-align: justify;

}

.settlementRight{
	margin-top: 4%;
	margin-left: 2%;
	margin-right: 4%;
	margin-bottom: 4%;
}

.settlementRight > p{
	text-align: justify;
}

.downloadSection{
	text-align: center;
	margin-top: 5%;
	margin-bottom: 3%;
	width: 100%;
}

.downloadSection a{

}

.imageBloc{
	float: right;
	position: relative;
	width: 35%;
	margin-bottom: 2%;
	margin-top: 4%;
	margin-right: 2%;
	margin-left: 4%;
}

.imageBlocMiddle{
	position: relative;
	margin-bottom: 2%;
	margin-top: 4%;
	margin-right: 25%;
	margin-left: 25%;
}

.videoContainer{
	text-align: center;
}

.imageCustom{
	float: right;
	position: relative;
	width: 35%;
	text-align: center;
	margin-bottom: 2%;
	margin-top: 1%;
	margin-right: 8%;
	margin-left: 1%;
}

.customLink{
	text-align: center;
	margin-top: 3%;
	margin-bottom: 2%;
}

.sheduleStyle{
	margin-right: 2%;
}

/* *************************************** MARQUEE ********************************** */

.advertisementPanel{
	background-color: transparent;

}

.marqueeSpanImportant{
	font-family: 'Ubuntu';
	font-size: 1.6em;
	color: #e68d01;
	text-align: center;
}

.marqueeSpanLessImportant{
	font-size: 1.4em;
	color: #e68d01;
	text-align: center;
}

.marqueeSpan{
	font-size: 1.4em;
	color: #0e83df;
	text-align: center;
}

.marqueeSpanNormal{
	color: white;
	text-align: center;
}

.innerAdvertisementPanel > p{
	margin-top: 2%;
}

.innerAdvertisementPanel {
	text-align: center;
	width: 100%;
	height: 75px;
	background-color: #2c2c2c;

    -webkit-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: inset 0px 2px 2px  rgba(0, 0, 0, .5), 0px 1px 0px  rgba(250, 250, 250, .2);
    box-shadow: inset 0px 2px 2px  rgba(0, 0, 0, .5), 0px 1px 0px  rgba(250, 250, 250, .2);

	-webkit-transition: background-color 350ms;
	-moz-transition: background-color 350ms;
    transition: background-color 350ms;
}

.fadeSecondary{
	display:none;
}

.fadeSecondary a:hover{
	text-decoration: none;
	/*background-color: #0e83df;*/
}

.fadeSecondary a:hover > span{
	color: #0e83df;
}

.advertisementLink{
	cursor: pointer;
	text-decoration: none;
}

/* *************************************** Golden Book ********************************** */

.goldenLink{

}

#goldenSignature{
	padding: 1% 1% 1% 1%;
	margin-right: 5%;
	float: left;
	width: 75%;
}

.goldenMessage{
	font-size: 1.3em;
	color: black;
	text-shadow: 5px 5px 8px white;
}


.goldenAuthor{
	font-style: italic;
	color: rgba(63,76,107,1);
	text-shadow: 5px 5px 20px white;
}

.goldenBookRow{
	min-height: 82px;
	max-height: 82px;
}

.goldenBookRow_right{
	min-height: 82px;
	max-height: 82px;
	float: right;
}

.goldenBookRow_store{
	text-align: center;
	vertical-align: middle;
	position: :relative;
	/* min-height: 50px;
	max-height: 50px; */
	padding-left:10%;
	padding-right: :10%;
	padding-top: 1%; */
	padding-bottom: 1%;
	/* margin-top: 1%; */
}

#goldenButton{
	/*width: 10%;*/
	margin: 2% 2% 2% 2%;
	float: right;
}

.btn-custom {
  background-color: hsl(214, 37%, 28%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7a99c1", endColorstr="#2c4361");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#7a99c1), to(#2c4361));
  background-image: -moz-linear-gradient(top, #7a99c1, #2c4361);
  background-image: -ms-linear-gradient(top, #7a99c1, #2c4361);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a99c1), color-stop(100%, #2c4361));
  background-image: -webkit-linear-gradient(top, #7a99c1, #2c4361);
  background-image: -o-linear-gradient(top, #7a99c1, #2c4361);
  background-image: linear-gradient(#7a99c1, #2c4361);
  border-color: #2c4361 #2c4361 hsl(214, 37%, 19.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.56);
  -webkit-font-smoothing: antialiased;
}

.goldenBookModal{
	background-color: hsl(214, 37%, 28%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7a99c1", endColorstr="#2c4361");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#7a99c1), to(#2c4361));
  background-image: -moz-linear-gradient(top, #7a99c1, #2c4361);
  background-image: -ms-linear-gradient(top, #7a99c1, #2c4361);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a99c1), color-stop(100%, #2c4361));
  background-image: -webkit-linear-gradient(top, #7a99c1, #2c4361);
  background-image: -o-linear-gradient(top, #7a99c1, #2c4361);
  background-image: linear-gradient(#7a99c1, #2c4361);
  border-color: #2c4361 #2c4361 hsl(214, 37%, 19.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.56);
  -webkit-font-smoothing: antialiased;
}


/* *************************************** SOCIAL NETWORK ************************ */

.socialNetworkPanel{
	height: 75px;
	width: 100%;
}

.socialNetwork{
	float: left;
	margin-right: 1%;
}

/* *************************************** TABS ********************************** */

.scrollable {
	position: relative;
	height: 480px;
	overflow: auto;
}

.scrollableForLesson {

	height: 450px;

}

.allTab{
	min-height: 631px;
	max-height: 631px;
}

/* *************************************** TABLE ********************************** */
.scrollableTable {
	height: 600px;
	overflow: auto;
	margin-left: 1%;
}

.mainTable{
	width: 98%;
}

.miniTable{
	width: 48%;
}

.mainTable .tableMainHeader{
	text-align: center;
	vertical-align: middle;
	font-size: 28px;
	font-family: 'Ubuntu';
	color: rgba(63,76,107,1);
	color: black;
	background: rgb(96,108,136); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(96,108,136,1) 13%, rgba(63,76,107,1) 20%, rgba(117,118,163,1) 28%, rgba(206,217,219,1) 47%, rgba(63,76,107,1) 82%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(13%,rgba(96,108,136,1)), color-stop(20%,rgba(63,76,107,1)), color-stop(28%,rgba(117,118,163,1)), color-stop(47%,rgba(206,217,219,1)), color-stop(82%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%); /* W3C */

	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
		 -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
			  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.575);
	text-shadow: 5px 5px 20px white;

    -pie-background: linear-gradient(45deg,  rgba(96,108,136,1) 13%,rgba(63,76,107,1) 20%,rgba(117,118,163,1) 28%,rgba(206,217,219,1) 47%,rgba(63,76,107,1) 82%);
    behavior: url(PIE/PIE.htc);
}

.mainTable tbody tr td,
.mainTable tbody tr:nth-child(odd) td,
.miniTable tbody tr td,
.miniTable tbody tr:nth-child(odd) td{
	text-align: center;
	vertical-align: middle;
	color: rgba(63,76,107,1);
}

.mainTable  .tableHeader,
.miniTable  .tableHeader{
	text-align: center;
	vertical-align: middle;
	color: #e68d01;
}

.mainTable tbody tr,
.mainTable tbody tr:nth-child(odd),
.miniTable tbody tr,
.miniTable tbody tr:nth-child(odd) {
	background-color: white;
}


.table-curved {
    border-radius: 6px;
}

.table-curved th {
    border-top: none;
}
.table-curved th:first-child {
    border-radius: 6px 0 0 0;
}
.table-curved th:last-child {
    border-radius: 0 6px 0 0;
}
.table-curved th:only-child{
    border-radius: 6px 6px 0 0;
}


/* *************************************** FX ********************************** */

.fadeIn {

        /* CSS needed for animation
        ---------------------------------------------------- */
        opacity:0;
        -webkit-animation:fadeIn ease-in 1;
        -moz-animation:fadeIn ease-in 1;
        -o-animation:fadeIn ease-in 1;
        animation:fadeIn ease-in 1;
        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        -o-animation-fill-mode:forwards;
        animation-fill-mode:forwards;
}
/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-3s {
        -webkit-animation-duration:1s;
        -moz-animation-duration:1s;
        -o-animation-duration:1s;
        animation-duration:1s;
}
.fadeIn-5s {
        -webkit-animation-duration:1s;
        -moz-animation-duration:1s;
        -o-animation-duration:1s;
        animation-duration:1s;
}
/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay-3s {
        -webkit-animation-delay:0s;
        -moz-animation-delay:0s;
        -o-animation-delay:0s;
        animation-delay:0s;
}
.fadeIn-Delay-5s {
        -webkit-animation-delay:1s;
        -moz-animation-delay:1s;
        -o-animation-delay:1s;
        animation-delay:1s;
}
/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
