/* let's move some stuff */


/*
article.node--type-page div.node__content,
main h1.title {
  animation-name: slidein;
  animation-duration: 2s;
}

ul.navbar-nav li.nav-item {
  animation-name: slidein;
  animation-duration: 1s;
}

@keyframes slidein {
  from {
    margin-left: 10px;
  }
  to {
    margin-left: 0px;
  }
}

@keyframes fadein {
}
*/









/* ------------------------------------------ */
/*  BEGIN SLIDE-UP-FADE-IN animation effect   */
/* ------------------------------------------ */

/* -------------------------------- */
/*  Apply animation to Blue Rules   */
/* -------------------------------- */
hr.page_title, 
.slide-up-fade-in,
.line {
	animation: slide-up-fade-in ease 1s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	animation-fill-mode:forwards; /* when the spec is finished */
	-webkit-animation: slide-up-fade-in ease 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-fill-mode:forwards; /* Chrome 16+, Safari 4+ */ 
	-moz-animation: slide-up-fade-in ease 1s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-moz-animation-fill-mode:forwards; /* FF 5+ */
	-o-animation: slide-up-fade-in ease 1s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-o-animation-fill-mode:forwards; /* Not implemented yet */
	-ms-animation: slide-up-fade-in ease 1s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	-ms-animation-fill-mode:forwards; /* IE 10+ */
	opacity:0;
	opacity: 1\9;

}


/* --------------------------------- */
/*  Keyframe animation Definitions   */ 
/* --------------------------------- */

@keyframes slide-up-fade-in {
	0% {
	    opacity:0;
	    transform:  translate(0px,40px)  ;
	}
	100% {
	    opacity:1;
	    transform:  translate(0px,0px)  ;
	}
}

@-moz-keyframes slide-up-fade-in{
	0% {
	    opacity:0;
	    -moz-transform:  translate(0px,40px)  ;
	}
	100% {
	    opacity:1;
	    -moz-transform:  translate(0px,0px)  ;
	}
}

@-webkit-keyframes slide-up-fade-in {
	0% {
	    opacity:0;
	    -webkit-transform:  translate(0px,40px)  ;
	}
	100% {
	    opacity:1;
	    -webkit-transform:  translate(0px,0px)  ;
	}
}

@-o-keyframes slide-up-fade-in {
	0% {
	    opacity:0;
	    -o-transform:  translate(0px,40px)  ;
	}
	100% {
	    opacity:1;
	    -o-transform:  translate(0px,0px)  ;
	}
}

@-ms-keyframes slide-up-fade-in {
	0% {
	    opacity:0;
	    -ms-transform:  translate(0px,40px)  ;
	}
	100% {
	    opacity:1;
	    -ms-transform:  translate(0px,0px)  ;
	}
} 

/* --------------------------------------- */
/*  END slide-up-fade-in animation effect  */
/* --------------------------------------- */



/* -------------------------------------------- */
/*  BEGIN slide-in-up animation effect          */
/* -------------------------------------------- */

@keyframes slide-in-up {
  0% {
    opacity: 0;
    transform: translateY(250px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* -------------------------------------------- */
/*  END slide-in-up animation effect            */
/* -------------------------------------------- */














/* --------------------------------------- */
/*  BEGIN fadeIn animation effect          */
/* --------------------------------------- */

#main-wrapper,
#navbar-main {
	animation: fadeIn linear 1s;
	-webkit-animation: fadeIn linear 1s;
	-moz-animation: fadeIn linear 1s;
	-o-animation: fadeIn linear 1s;
	-ms-animation: fadeIn linear 1s;
}

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

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

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

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}


/* --------------------------------------- */
/*  END fadeIn animation effect            */
/* --------------------------------------- */