@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}


.fadeInRight {
   animation: fadeInRight 1s ease-in-out forwards;
}
@keyframes downup {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* fadeInUp2 */

.fadeInUp { animation: fadeInUp2 .35s ease-in-out forwards;  }

@-webkit-keyframes fadeInUp2 {
	from{ opacity: 0; transform: translateY(50px); }
	to{ opacity: 1; transform: translateY(0px); }
}

@-ms-keyframes fadeInUp2 {
	from{ opacity: 0; transform: translateY(50px); }
	to{ opacity: 1; transform: translateY(0px); }
}

@-o-keyframes fadeInUp2 {
	from{ opacity: 0; transform: translateY(50px); }
	to{ opacity: 1; transform: translateY(0px); }
}

@keyframes fadeInUp2 {
	from{ opacity: 0; transform: translateY(50px); }
	to{ opacity: 1; transform: translateY(0px); }
}

/* fadeInLeft */

.fadeInLeft { animation: fadeInLeft .35s ease-in-out forwards;  }

@-webkit-keyframes fadeInLeft {
	from{ width: 5rem; }
	to{ width:11.78rem; }
}

@-ms-keyframes fadeInLeft {
	from{ width: 5rem; }
	to{ width:11.78rem; }
}

@-o-keyframes fadeInLeft {
	from{ width: 5rem; }
	to{ width:11.78rem; }
}

@keyframes fadeInLeft {
	from{ width: 1rem; }
	to{ width:11.78rem; }
}

/* fadeIn2 */

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


@-ms-keyframes fadeIn2 {
	from{ opacity: 0;  }
	to{ opacity: 1;  }
}

@-o-keyframes fadeIn2 {
	from{ opacity: 0;  }
	to{ opacity: 1;  }
}

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

.fadeIn2 { animation: fadeIn2 .35s ease-in-out forwards;  }

/* fadeIn */

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }


}