.fade-in {
    -webkit-animation-name: fade-in; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: fade-in;
    animation-duration: 3s;
    opacity: 1;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fade-in {
    0%   {opacity: 0;}
    25%  {opacity: 0;}
    100% {opacity: 1;}
}

/* Standard syntax */
@keyframes fade-in {
    0%   {opacity: 0;}
    25%  {opacity: 0;}
    100% {opacity: 1;}
}

.fade-in-first {
    -webkit-animation-name: fade-in-first; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: fade-in-first;
    animation-duration: 3s;
    opacity: 1;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fade-in-first {
    0%   {opacity: 0;}
    50%  {opacity: 1;}
    100% {opacity: 1;}
}

/* Standard syntax */
@keyframes fade-in-first {
    0%   {opacity: 0;}
    50%  {opacity: 1;}
    100% {opacity: 1;}
}

.fade-in-second {
    -webkit-animation-name: fade-in-second; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: fade-in-second;
    animation-duration: 3s;
    opacity: 1;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fade-in-second {
    0%   {opacity: 0;}
    75%  {opacity: 1;}
    100% {opacity: 1;}
}

/* Standard syntax */
@keyframes fade-in-second {
    0%   {opacity: 0;}
    75%  {opacity: 1;}
    100% {opacity: 1;}
}



/* CAROUSEL */

.fade-image1 {
    -webkit-animation-name: fade-image-a; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */
    animation-name: fade-image-a;
    animation-duration: 15s;
    animation-iteration-count:infinite;
    opacity: 1;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fade-image-a {
    0%   {opacity: 0;}
    10%   {opacity: 1;}
    33%   {opacity: 1;}
    43%  {opacity: 0;}
    100% {opacity: 0;}
}

/* Standard syntax */
@keyframes fade-image-a {
   0%   {opacity: 0;}
   10%   {opacity: 1;}
   33%   {opacity: 1;}
   43%  {opacity: 0;}
   100% {opacity: 0;}
}

.fade-image2 {
    -webkit-animation-name: fade-image-b; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */
    animation-name: fade-image-b;
    animation-duration: 15s;
    animation-iteration-count:infinite;
    opacity: 1;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fade-image-b {
    0%   {opacity: 0;}
    30%   {opacity: 0;}
    33%   {opacity: 1;}
    66%  {opacity: 1;}
    76%  {opacity: 0;}
    100% {opacity: 0;}
}

/* Standard syntax */
@keyframes fade-image-b {
   0%   {opacity: 0;}
   30%   {opacity: 0;}
   33%   {opacity: 1;}
   66%  {opacity: 1;}
   76%  {opacity: 0;}
   100% {opacity: 0;}
}

.fade-image3 {
    -webkit-animation-name: fade-image-c; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */
    animation-name: fade-image-c;
    animation-duration: 15s;
    animation-iteration-count:infinite;
    opacity: 1;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fade-image-c {
    0%   {opacity: 1;}
  	10%   {opacity: 1;}
  	13%   {opacity: 0;}
    65%   {opacity: 0;}
    66%   {opacity: 1;}
    100% {opacity: 1;}
}

/* Standard syntax */
@keyframes fade-image-c {
   0%   {opacity: 1;}
   10%   {opacity: 1;}
   13%   {opacity: 0;}
   65%   {opacity: 0;}
   66%   {opacity: 1;}
   100% {opacity: 1;}
}