/* - - - - - - - - - - - - - - - 
CSS principal
Desarrollado por: Upgrade Diseño Interactivo
Para: 
Fecha: 
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

/* ====== F O N T S ====== */
@font-face {
    font-family: 'FuturaPT-bold';
    src: url('../../_fonts/futura-pt-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT-book';
    src: url('../../_fonts/futura-pt-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ====== F O N T S (end) ====== */

/*Eliminamos márgenes del "body" */
html, body{ margin:0px; padding:0px; height:100%; }

#big-container /* Div que va a manterner el "footer" siempre al fondo */
{
	/* height: 100% !important;
    min-height:100% !important; */
	background-color: #F4F9FF;	
	overflow: hidden;
}

/* GENERAL */
a { text-decoration: none; }

p { font-family: 'FuturaPT-book'; }

h1, h2 { font-family: 'FuturaPT-bold'; text-transform: uppercase; }

.btn{
	background-color: #deaf53;
    font-family: 'FuturaPT-bold';
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #fff;
    border-radius: 8px;
	padding: 12px 20px;

}
.btn:hover{
	box-shadow: 3px 3px 25px rgb(158 158 158 / 27%);
}

.title-black{
	color: #000;
	font-size: 4.5em;
}
.title-black span{
	-webkit-text-stroke: 2px #000;
    color: transparent;
}
.title-white{
	color: #fff;
	font-size: 4.5em;
}
.title-white span{
	-webkit-text-stroke: 2px #fff;
    color: transparent;
}

/* ------------------------HEADER------------------------------ */

#menu, 
header input,
#logoResp{
	display: none;
}
header{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 15px 0 0;
	position: relative;
	z-index: 9;
	/* background-color: #F4F9FF; */
}
.align-header{
	display: flex;
	align-items: center;
	z-index: 3;
}
.nav-header{
	display: flex;
    align-items: center;
}
.nav-header a{
	min-width: 130px;
    text-align: center;
	font-size: 1.2em;
}
.nav-header a:hover{
	color: #deaf53;
}
.logo {
 	width: 80px;
	 position: relative;
	 top: 10px;
}
header a{
    font-family: 'FuturaPT-book';
	color: #000;
}

.btn_contacto{
	color: #000 !important;
	font-size: 1.1em;
	background: #fff;
    padding: 8px 20px;
    border-radius: 8px;
    position: absolute;
    right: 6%;
	box-shadow: 3px 3px 25px rgba(158, 158, 158, .27);
}
.btn_contacto img{
	width: 17px;
	margin-right: 8px;
}

.btn_contacto:before {
	content:"";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 100%;
	background: #deaf53;
	transition: all .5s ease;
    border-radius: 8px;
  }

  .btn_contacto:hover:before {
  width: 100%;
  }

  .txt-bc{
	display: flex;
    align-items: center;
    z-index: 999;
    position: relative;
  }

  .form-menu{
	background-image: url(../../_images/_svg/fmenu.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 175px;
    margin: auto;
    position: absolute;
    top: -15px;
    z-index: 3;
    /* opacity: .5;*/
  }
/* ------------------------INICIO------------------------------ */
.fondo{
	width: 90%;
	height: 600px;
	margin: auto;
	border-radius: 10px;
}
#f_inicio{
	/* background-image: url(../../_images/fondo_inicio.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;*/
	width: 90%;
	margin: auto;
	position: relative;
	height: auto;
	border-radius: 10px;
	
}
#t_inicio{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative; 
    height: 600px;
	z-index: 4;
}
#t_inicio h1{
    font-family: 'FuturaPT-bold';
	color: #fff;
	text-align: center;
	font-size: 3em;
}
#t_inicio a{
	position: absolute;
	bottom: -15px;
}
#v_inicio{
	width: 100%;
    height: auto;
    background-color: #F4F9FF;
    position: absolute;
    top: 0;
    z-index: 2;
}
.pleca-video{
	width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to bottom, rgb(0 0 0 / 70%) 100%,rgb(0 0 0 / 0%) 100%);
    z-index: 2;
	top: 0;
	border-radius: 10px
}
.sec2-cpi{
	width: 100%;
    background-color: #F4F9FF;
    position: relative;
    z-index: 3;

}
.ct-i{
	width: 80%;
	margin: auto;
}
.ct-i p{
	font-size: 1.4em;
}
.cpi{
	display: flex;
	justify-content: space-evenly;
	padding: 80px 0;
}
.logos{
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#logocpi{ width: 35%; }
#logofides{ width: 55%; }

.mx{
	width: 100%;
	position: relative;
	text-align: center;
}
#align-mx{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
}
.ct-mx h1{
	font-size: 3em;
	text-align: center;
}
.ct-mx p{
	width: 80%;
    margin: auto;
    text-align: center;
}
.nclientes{
	background-color: #fff;
	font-size: 2em;
	text-align: center;
	padding: 50px 0;
}

/* sec clientes */
.clients{
	width: 70%;
	margin: auto;
}

#cld1{
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
}

#cld2{
	width: 80%;
	margin: 40px auto;
	display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
}
#cld3{
	width: 100%;
	margin: 40px auto;
	display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
}

#cld4{
	width: 100%;
	margin: 60px auto 50px;
	display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
}

.clbig{
	width: 20%;
}
.clmedium{
	width: 17%;
}
.clmedium1{
	width: 15%;
}
.clmedium2{
	width: 12%;
}
.clsmall{
	width: 8%;
}
/* ------------------------ VALORES ------------------------------ */

#fondo-valores{
	background-image:url(../../_images/valores-min.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 70%;
	width: 100%;
    height: 90vh;
    position: absolute;
    top: 0;
}
#fondo-valores h1{
	text-align: center;
    position: relative;
    top: 18%;
    width: fit-content;
    margin: auto;
}
#btn-val{
	display: flex;
    justify-content: center;
}
#btn-val a{
	position: absolute;
    bottom: -20px;
}
.ct-val{
	padding-top: 90vh;
}
#p-val{
	width: 70%;
    margin: auto;
    text-align: center;
    font-size: 1.4em;
}
.align-misvis{
	width: 70%;
	margin: 50px auto;
}
.mis-vis{
	display: flex;
	justify-content: space-between;
}
.pleca{
	width: 45%;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 10px 10px 33px #E1E8F1;
}
.pleca h2{
	margin: 0;
	padding: 10px 20px;
}
.pleca hr{
	border: none;
    border-bottom: 1px solid #DEDEDE;
    width: 90%;
    margin: 0;

}
.pleca p{
	margin: 0;
    padding: 20px;
    font-size: 1.4em;
}

/* ------------------------ SERVICIOS ------------------------------ */

.fondo{
	background-image: url(../../_images/servicios-min.jpg);
	background-repeat: no-repeat;
	background-position: center 70%;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	filter: grayscale(1);
}
.fondo h1{
	text-align: center;
	z-index: 2;
}
#pleca-serv{
	background: linear-gradient(to bottom, rgb(0 0 0 / 40%) 100%,rgb(0 0 0 / 0%) 100%);
}
.gal{
	width: 90%;
	margin: 30px auto;
	display: flex;
	justify-content: space-between;
}
.img-gal{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 50%;
	height: 500px;
	border-radius: 12px;
}
.txt-gal{
	width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
	padding: 0 6%;
    box-sizing: border-box;
}
.txt-gal h1{
	margin: 0;
}
.txt-gal p{
	font-size: 1.4em;
}
.txt-gal ul{
	line-height: 1.5;
    font-family: 'FuturaPT-book';
}

#slider-serv>.owl-nav {
    display: flex;
    width: 45%;
    justify-content: space-between;
    position: absolute;
    top: 40%;
    left: 5%;
}
#slider-serv>.owl-nav>.owl-prev{
    position: absolute;
    left: 5%;
    
}
#slider-serv>.owl-nav>.owl-next{
    position: absolute;
    right: 5%;   
}
#slider-serv>.owl-nav>.owl-prev span{
    font-family: 'FuturaPT-book';
    color: #000;
    font-size: 5em;
	text-shadow: 0px 2px 4px rgb(158 158 158 / 40%);
}
#slider-serv>.owl-nav>.owl-next span{
    font-family: 'FuturaPT-book';
    color: #000;
    font-size: 5em;
	text-shadow: 0px 2px 4px rgb(158 158 158 / 40%);
}
#slider-serv>.owl-nav>.owl-next span:hover,
#slider-serv>.owl-nav>.owl-prev span:hover{
    opacity: .5;
}

/* ------------------------ CERTIFICACIONES ------------------------------ */
.fondo3{
	background-image: url(../../_images/certif-min.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	filter: grayscale(1);
}
.fondo3 h1{
	text-align: center;
	z-index: 5;
}
.fondo3 .pleca-video{
	background: linear-gradient(to bottom, rgb(0 0 0 / 40%) 100%,rgb(0 0 0 / 0%) 100%);
}
.sec-cert{
	width: 90%;
	margin: 60px auto;
}
.sec-cert h2{
	width: 50%;
	margin: auto;
    font-family: 'FuturaPT-bold';
	color: #000;
	text-transform: uppercase;
	text-align: center;
}
.logos_cert{
	text-align: center;
	margin: 60px;
}
.logos_cert img{
	width: 20%;
}
#lg2{
	display: flex;
    align-items: center;
    justify-content: center;
	margin-top: 50px;
}
#lg2 :nth-child(2){
	margin-left: 50px;
}
#lg1{
	flex-wrap: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}
#lg1 :nth-child(2){ 
	margin: 0 50px;
}
/* ------------------------ CONTACTO ------------------------------ */
.fondo2{
	width: 90%;
    height: 550px;
    margin: auto;
    border-radius: 10px;
	background-image: url(../../_images/contact-min.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	flex-direction: column;
	filter: grayscale(1);
}

.fondo2 h1{
	text-align: center;
	z-index: 5;
}
.fondo2 .pleca-video{
	background: linear-gradient(to bottom, rgb(0 0 0 / 50%) 100%,rgb(0 0 0 / 0%) 100%);
}
.btns{
	display: flex;
    width: 55%;
    margin: 0 auto;
    justify-content: space-between;
    position: absolute;
    bottom: -26px;
	z-index: 2;
}
.btn_ct{
	background-color: #fff;
	border-radius: 10px;
    font-family: 'FuturaPT-bold';
	color: #000;
	padding: 20px;
    width: 200px;
    text-align: center;
	box-shadow: 3px 3px 25px rgb(158 158 158 / 27%);
	cursor: pointer;
	transition: 0.3s;
}

.btn_ct:hover{
	background-color: #292418;
	color: #fff;	
}
/* FORMULARIOS */
#forms-ct{
	padding: 60px 0 0;
	position: relative;
}
.forms{
	width: 50%;
	margin: auto;
}
.align-inputs{
	display: flex;
	justify-content: center;
}
.styleInput{
	width: 50%;
    border: 1px solid rgba(207, 207, 207, 0.5);
    border-radius: 5px;
    margin: 10px;
    padding: 20px;
    background-color: #fff;
    outline: none;
	font-family: 'FuturaPT-book';
    font-size: 1em;
}
.align-texta{
	display: flex;
    flex-direction: column;
	align-items: center;
}
.textarea{
	width: 93%;
}
.btn-enviar{
	border-style: none;
	width: 15%;
	cursor: pointer;
	margin-top: 30px;
}
input::placeholder,
textarea::placeholder{
	color:#C0C0C0;
}

input:focus {
	border: 1px solid #deaf53;
}

textarea:focus {
	border: 1px solid #deaf53;
}
.mail-ok h3{
	color: white;
    font-family: 'FuturaPT-bold';
    font-size: 2em;
	text-align: center;
	z-index: 3;
}
.mail-ok .btns{
	justify-content: center;
}
.back{
	color: #000;
}
.back:hover {
	color: #fff !important;	
}
/* Formulario cotizar */

/* Formulario postularse */
#select{
	width: 55%;
}
#pmail{
	width: 93%;
}

.no-visible{
	display: none;
}
.visible{
	display: block;
}

.btn-activo{
	background-color: #292418;
    color: white;
}

/* --------------------------------- */
.info-contact{
	width: 100%;
}
#pleca-info{
	width: 50%;
	margin: 60px auto 30px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 3px 3px 25px rgb(158 158 158 / 27%);
}
#pleca-info h1{
	text-align: center;
    margin: 0;
    padding: 30px;
    font-size: 2em;
}
#pleca-info a{
	font-family: 'FuturaPT-book';
	color: #000;
}
#pleca-info a:hover{
	text-decoration: underline;
}
#ctinf{
	display: flex;
    justify-content: space-evenly;
    padding-bottom: 50px;
	line-height: 1.5;
}
#ctinf h2{
	color: #deaf53;
}
/* -----------------------------FOOTER------------------------------ */

#footer_cut { padding-top:50px; clear:both; }

footer { 
	width: 100%;
	background-color: #262012;
	padding: 30px 0;
	color: white;
    font-size: 1.1em;
}
.align-footer{
	width: 90%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items:flex-end;
}
#udi{
	color: white;
}

footer a:hover{
	text-decoration: underline;
}
#alogof{
	width: 10.6%;
}
.logof{
	width: 70px;
    margin-bottom: 20px;
}
footer .icon {
    font-size: 2em;
    top: 10px;
    color: white;
    position: relative;
}
#aviso{
	color: #fff;
}
.sec-av{
	padding-top: 50px;
	font-size: 1.1em;
}
.align-av{
	width: 70%;
    margin: auto;
}
.sec-av h1{
	text-align: center;
}
.sec-av h3{
	font-family: 'FuturaPT-bold';
}
.sec-av span, .sec-av li{
	font-family: 'FuturaPT-book';
}
.sec-av a{
	font-family: 'FuturaPT-bold';
	color: #000;
}
/* -------------------------------------------------------------- */

@media only screen and (min-width: 2000px) {

	#p-val{
		width: 60%;
	}
	.align-misvis{
		width: 60%;
	}
    
}


/************************************************************/
/********************CSS DE ANIMACIONES**********************/
/************************************************************/

.animatable {
  
	/* initially hide animatable objects */
	visibility: hidden;
	
	/* initially pause animatable objects their animations */
	-webkit-animation-play-state: paused;   
	-moz-animation-play-state: paused;     
	-ms-animation-play-state: paused;
	-o-animation-play-state: paused;   
	animation-play-state: paused; 
  }
  
  /* show objects being animated */
  .animated {
	visibility: visible;
	
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
  
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-ms-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running;
  }
  
  /* CSS Animations (extracted from http://glifo.uiparade.com/) */
  @-webkit-keyframes fadeInDown {
	  0% {
		  opacity: 0;
		  -webkit-transform: translateY(-20px);
	  }   100% {
		  opacity: 1;
		  -webkit-transform: translateY(0);
	  }
  }
  
  @-moz-keyframes fadeInDown {
	  0% {
		  opacity: 0;
		  -moz-transform: translateY(-20px);
	  }
  
	  100% {
		  opacity: 1;
		  -moz-transform: translateY(0);
	  }
  }
  
  @-o-keyframes fadeInDown {
	  0% {
		  opacity: 0;
		  -o-transform: translateY(-20px);
	  }
  
	  100% {
		  opacity: 1;
		  -o-transform: translateY(0);
	  }
  }
  
  @keyframes fadeInDown {
	  0% {
		  opacity: 0;
		  transform: translateY(-20px);
	  }
	  100% {
		  opacity: 1;
		  transform: translateY(0);
	  }
  }
  
  
  
  @-webkit-keyframes fadeIn {
	  0% {
		  opacity: 0;
	  }
	  20% {
		  opacity: 0;
	  }
	  100% {
		  opacity: 1;
	  }
  }
  
  @-moz-keyframes fadeIn {
	  0% {
		  opacity: 0;
	  }
	  20% {
		  opacity: 0;
	  }
	  100% {
		  opacity: 1;
	  }
  }
  
  @-o-keyframes fadeIn {
	  0% {
		  opacity: 0;
	  }
	  20% {
		  opacity: 0;
	  }
	  100% {
		  opacity: 1;
	  }
  }
  
  @keyframes fadeIn {
	  0% {
		  opacity: 0;
	  }
	  60% {
		  opacity: 0;
	  }
	  20% {
		  opacity: 0;
	  }
	  100% {
		  opacity: 1;
	  }
  }
  @-webkit-keyframes bounceInLeft {
	  0% {
		  opacity: 0;
		  -webkit-transform: translateX(-2000px);
	  }
	  60% {
		  -webkit-transform: translateX(20px);
	  }
  
	  80% {
		  -webkit-transform: translateX(-5px);
	  }
  
	  100% {
		  opacity: 1;
		  -webkit-transform: translateX(0);
	  }
  }
  
  @-moz-keyframes bounceInLeft {
	  0% {
		  opacity: 0;
		  -moz-transform: translateX(-2000px);
	  }
  
	  60% {
		  -moz-transform: translateX(20px);
	  }
  
	  80% {
		  -moz-transform: translateX(-5px);
	  }
  
	  100% {
		  opacity: 1;
		  -moz-transform: translateX(0);
	  }
  }
  
  @-o-keyframes bounceInLeft {
	  0% {
		  opacity: 0;
		  -o-transform: translateX(-2000px);
	  }
  
	  60% {
		  opacity: 1;
		  -o-transform: translateX(20px);
	  }
  
	  80% {
		  -o-transform: translateX(-5px);
	  }
  
	  100% {
		  opacity: 1;
		  -o-transform: translateX(0);
	  }
  }
  
  @keyframes bounceInLeft {
	  0% {
		  opacity: 0;
		  transform: translateX(-2000px);
	  }
  
	  60% {
		  transform: translateX(20px);
	  }
  
	  80% {
		  transform: translateX(-5px);
	  }
  
	  100% {
		  opacity: 1;
		  transform: translateX(0);
	  }
  }
  @-webkit-keyframes bounceInRight {
	  0% {
		  opacity: 0;
		  -webkit-transform: translateX(2000px);
	  }
  
	  60% {
		  -webkit-transform: translateX(-20px);
	  }
  
	  80% {
		  -webkit-transform: translateX(5px);
	  }
  
	  100% {
		  opacity: 1;
		  -webkit-transform: translateX(0);
	  }
  }
  
  @-moz-keyframes bounceInRight {
	  0% {
		  opacity: 0;
		  -moz-transform: translateX(2000px);
	  }
  
	  60% {
		  -moz-transform: translateX(-20px);
	  }
  
	  80% {
		  -moz-transform: translateX(5px);
	  }
  
	  100% {
		  opacity: 1;
		  -moz-transform: translateX(0);
	  }
  }
  
  @-o-keyframes bounceInRight {
	  0% {
		  opacity: 0;
		  -o-transform: translateX(2000px);
	  }
  
	  60% {
		  -o-transform: translateX(-20px);
	  }
  
	  80% {
		  -o-transform: translateX(5px);
	  }
  
	  100% {
		  opacity: 1;
		  -o-transform: translateX(0);
	  }
  }
  
  @keyframes bounceInRight {
	  0% {
		  opacity: 0;
		  transform: translateX(2000px);
	  }
  
	  60% {
		  transform: translateX(-20px);
	  }
  
	  80% {
		  transform: translateX(5px);
	  }
  
	  100% {
		  opacity: 1;
		  transform: translateX(0);
	  }
  }
  @-webkit-keyframes fadeInUp {
	  0% {
		  opacity: 0;
		  -webkit-transform: translateY(20px);
	  }   100% {
		  opacity: 1;
		  -webkit-transform: translateY(0);
	  }
  }
  
  @-moz-keyframes fadeInUp {
	  0% {
		  opacity: 0;
		  -moz-transform: translateY(20px);
	  }
  
	  100% {
		  opacity: 1;
		  -moz-transform: translateY(0);
	  }
  }
  
  @-o-keyframes fadeInUp {
	  0% {
		  opacity: 0;
		  -o-transform: translateY(20px);
	  }
  
	  100% {
		  opacity: 1;
		  -o-transform: translateY(0);
	  }
  }
  
  @keyframes fadeInUp {
	  0% {
		  opacity: 0;
		  transform: translateY(20px);
	  }
  
	  100% {
		  opacity: 1;
		  transform: translateY(0);
	  }
  }
  @-webkit-keyframes bounceIn {
	  0% {
		  opacity: 0;
		  -webkit-transform: scale(.3);
	  }
	  50% {
		  -webkit-transform: scale(1.05);
	  }
  
	  70% {
		  -webkit-transform: scale(.9);
	  }
  
	  100% {
		  opacity: 1;
		  -webkit-transform: scale(1);
	  }
  }
  
  @-moz-keyframes bounceIn {
	  0% {
		  opacity: 0;
		  -moz-transform: scale(.3);
	  }
  
	  50% {
		  -moz-transform: scale(1.05);
	  }
  
	  70% {
		  -moz-transform: scale(.9);
	  }
  
	  100% {
		  opacity: 1;
		  -moz-transform: scale(1);
	  }
  }
  
  @-o-keyframes bounceIn {
	  0% {
		  opacity: 0;
		  -o-transform: scale(.3);
	  }
  
	  50% {
		  -o-transform: scale(1.05);
	  }
  
	  70% {
		  -o-transform: scale(.9);
	  }
  
	  100% {
		  opacity: 1;
		  -o-transform: scale(1);
	  }
  }
  
  @keyframes bounceIn {
	  0% {
		  opacity: 0;
		  transform: scale(.3);
	  }
  
	  50% {
		  transform: scale(1.05);
	  }
  
	  70% {
		  transform: scale(.9);
	  }
  
	  100% {
		  opacity: 1;
		  transform: scale(1);
	  }
  }
  @-webkit-keyframes moveUp {
	  0% {
		  opacity: 1;
		  -webkit-transform: translateY(40px);
	  }   100% {
		  opacity: 1;
		  -webkit-transform: translateY(0);
	  }
  }
  
  @-moz-keyframes moveUp {
	  0% {
		  opacity: 1;
		  -moz-transform: translateY(40px);
	  }
  
	  100% {
		  opacity: 1;
		  -moz-transform: translateY(0);
	  }
  }
  
  @-o-keyframes moveUp {
	  0% {
		  opacity: 1;
		  -o-transform: translateY(40px);
	  }
  
	  100% {
		  opacity: 1;
		  -o-transform: translateY(0);
	  }
  }
  
  @keyframes moveUp {
	  0% {
		  opacity: 1;
		  transform: translateY(40px);
	  }
  
	  100% {
		  opacity: 1;
		  transform: translateY(0);
	  }
  }
  
  @-webkit-keyframes fadeBgColor {
	  0%{
		  background:none;
	  }
	70%{
		  background:none;
	  }
	  100%{
		  background:#464646;
	  }
  }
  @-o-keyframes fadeBgColor {
	  0%{
		  background:none;
	  }
	70%{
		  background:none;
	  }
	  100%{
		  background:#464646;
	  }
  }
  @keyframes fadeBgColor {
	  0%{
		  background:none;
	  }
	70%{
		  background:none;
	  }
	  100%{
		  background:#464646;
	  }
  }
  
  .animated.animationDelay{
	  animation-delay:.4s;
	  -webkit-animation-delay:.4s;
  }
  .animated.animationDelayMed{
	  animation-delay:1.2s;
	  -webkit-animation-delay:1.2s;
  }
  .animated.animationDelayLong{
	  animation-delay:1.6s;
	  -webkit-animation-delay:1.6s;
  }
  .animated.fadeBgColor {
	  -webkit-animation-name: fadeBgColor;
	  -moz-animation-name: fadeBgColor;
	  -o-animation-name: fadeBgColor;
	  animation-name: fadeBgColor;
  }
  .animated.bounceIn {
	  -webkit-animation-name: bounceIn;
	  -moz-animation-name: bounceIn;
	  -o-animation-name: bounceIn;
	  animation-name: bounceIn;
  }
  .animated.bounceInRight {
	  -webkit-animation-name: bounceInRight;
	  -moz-animation-name: bounceInRight;
	  -o-animation-name: bounceInRight;
	  animation-name: bounceInRight;
  }
  .animated.bounceInLeft {
	  -webkit-animation-name: bounceInLeft;
	  -moz-animation-name: bounceInLeft;
	  -o-animation-name: bounceInLeft;
	  animation-name: bounceInLeft;
  }
  .animated.fadeIn {
	  -webkit-animation-name: fadeIn;
	  -moz-animation-name: fadeIn;
	  -o-animation-name: fadeIn;
	  animation-name: fadeIn;
  }
  .animated.fadeInDown {
	  -webkit-animation-name: fadeInDown;
	  -moz-animation-name: fadeInDown;
	  -o-animation-name: fadeInDown;
	  animation-name: fadeInDown;
  }
  .animated.fadeInUp {
	  -webkit-animation-name: fadeInUp;
	  -moz-animation-name: fadeInUp;
	  -o-animation-name: fadeInUp;
	  animation-name: fadeInUp;
  }
  .animated.moveUp {
	  -webkit-animation-name: moveUp;
	  -moz-animation-name: moveUp;
	  -o-animation-name: moveUp;
	  animation-name: moveUp;
  }