/**
 * Theme Name: quality
 * Theme URI: quality
 * Description:quality
 * Version: 1.0.0
 * Author: Julian
 * Author URI: quality
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: genesis
**/



html {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
body {background-color: #fff;color: #4d4d4d;font-family: 'Helvetica', 'Arial', sans-serif;font-size: 14px;font-weight: 400;line-height: 1.5;margin: 0;overflow-x: hidden;}
button,input:focus,input[type="button"],input[type="reset"],input[type="submit"],.button,.gallery img {transition: all 0.2s ease-in-out;border: 0;padding: 0.7em;font-size: 1rem;font-family: inherit; }
input[type="submit"],.button{cursor: pointer;}

button, input, select, textarea { font-size: 1rem;font-family: inherit;     line-height: 1.5;width:100%;padding: 0.7em;border:none;box-sizing:border-box}

a {color: #777;text-decoration: underline;	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;}
a:focus,a:hover {color: #6195CE;text-decoration: none;}

p {	margin: 0 0 20px;	padding: 0;}
ol,ul {	margin: 0;	padding: 0;}
article ol, article ul{padding-left:20px}

li {list-style-type: none;}
article li {padding-left: 10px;}
hr {border: none;	border-collapse: collapse;	border-top: 1px solid #eee;	clear: both;	margin: 30px 0;}
b,strong {font-weight: 700;}
blockquote,cite,em,i {font-style: italic;}
mark {background: #ddd;	color: #333;}
blockquote {margin: 30px;}
h1 {font-family: 'Helvetica', 'Arial', sans-serif;	font-weight: 600;	line-height: 1.2;	margin: 0 0 20px;}
h2,h3, h4,h5,h6{font-family: 'Helvetica', 'Arial', sans-serif;	font-weight: 600;	line-height: 1.2;	margin: 0 0 20px;}
h1 {font-size: 30px;}
h2 {font-size: 27px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
.entry-content h3,.entry-content h4 {font-weight: 600;}
.entry-content h4 {	margin-top: 40px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
embed,iframe,img,object,video,.wp-caption {	max-width: 100%;}
img {height: auto;	vertical-align: top;}
figure {margin: 0;}
*, ::before, ::after{-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}
/*-------- constantes*/
.site-inner{width:100%;margin:0 auto;}



/*------------------------------------------------------------------------------------------------------------------------*/

/*-------- general*/
a {color:#0B080D;text-decoration:none;}


.site-container{max-width:100%;box-sizing:border-box}

/*logo*/
.site-header{background:#fff;height:150px;display:flex}
.title-area img{ 0;max-width:100%;;margin:0 auto;display:block;max-width:90%}
.site-description{display:none}
.title-area{max-width:60%}

.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

#social-container {font-size:15px;}
#social-container a{font-weight:normal}
#social-container .custom-html-widget div {margin:10px auto;display:none; align-items:center; justify-content:center}
#social-container .custom-html-widget div:first-child {margin:10px auto;display:flex; align-items:center; justify-content:center}

#social-container .custom-html-widget div img{margin:0 5px}
#social-container  a img:hover{filter: invert(48%) sepia(71%) saturate(348%) hue-rotate(172deg) brightness(100%) contrast(84%);}



#inglesespanol{display:flex;justify-content: center;margin: 5px auto;}
#inglesespanol > div{width:34px; height:26px;display: flex;align-items: center;justify-content: center;}
#inglesespanol > div a{display:block;padding: 10px;box-sizing: border-box;}
#inglesespanol > div:first-child{background:#002247; color:#fff}
#inglesespanol > div:first-child:hover{background:#6195CE; color:#fff}
#inglesespanol > div:first-child a{ color:#fff}
#inglesespanol > div:last-child{background:#F2F3F5;}


/*menu*/

.mobmenu img{margin: 0 auto;	display: block;height:24px}
.mobmenu { background:#152D39; cursor: pointer; color:#fff;font-weight:bold;font-size:2em;padding: 10px; }
.active, .mobmenu:hover { background: #6195CE;color:#fff}



/*menu*/
.site-header{width:100%;position:fixed;z-index:5;border-bottom: solid 8px #152D39; }
.site-header > .wrap{max-width:1200px;margin:0 auto;display:flex; align-items:center; justify-content:space-around;padding:5px}


.nav-primary {    max-height: 0;    overflow: hidden;    transition: max-height .2s ease-out; position:absolute}

.nav-primary wrap{position:relative}
.nav-primary ul{text-align:center;list-style:none;padding-left: 0; background:#fff; text-transform:uppercase}
.nav-primary li, .nav-primary li a{color: #313131;padding: 1.1em 0.6em;text-decoration: none;font-size: 1em;}
.nav-primary li:hover { background:#6195CE;color:#fff;overflow:hidden}
.nav-primary li:hover > a{color:#fff}
.nav-primary li ul {display:none;position:absolute;	min-width:140px;top:67px;background:#ed1f41}
.nav-primary li ul li, .nav-primary li ul li a{color:#fff}


/*slideshow*/
.featured-slides{margin:0 auto;background:#202120;position: absolute;z-index: 1;right:0; left:0;}

.mySlides img {margin:0 auto;display: block;}
/*.fadingslide{animation:fading 6s infinite}@keyframes fading{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}*/

.featured-image-class{padding-top:150px}
.featured-image-class img{margin:0 auto;display:block;width:100%}


  @keyframes anim {  0% {    display: none;    opacity: 0;  }  1% {    display: block;    opacity: 0;    transform: scale(1.2);  }    100% {    opacity: 1;    transform: scale(1);  }}

.featured-slides picture { animation: anim .8s ease-in-out; overflow:hidden}
.imagendebanner{width:100%}
.mySlides{overflow:hidden;position:relative}

.bottonessliders {  cursor: pointer;  position: absolute;  top: 50%;  width: auto;  margin-top: -30px;    color: #fff;  font-weight: bold;  font-size: 20px;
  border-radius: 0 3px 3px 0;  user-select: none; z-index: 4;}	
	
/* Position the "next button" to the right */
.previous_btn {  position: absolute;  left: 1%;  border-radius: 3px 0 0 3px; width: 0;   height: 0;   border-top: 20px solid transparent;  border-bottom: 20px solid transparent;  border-right: 18px solid #6195CE;}
.next_btn {  position: absolute;  right: 1%;  border-radius: 3px 0 0 3px; width: 0;   height: 0;   border-top: 20px solid transparent;  border-bottom: 20px solid transparent;  border-left: 18px solid #6195CE;}

/* On hover, add a black background color with a little bit see-through */
.previous_btn:hover, .next_btn:hover {  background-color: rgba(0,0,0,0.8);  color: white;}	


#home-block1{height:32vw;overflow:hidden; width:100%;position: relative;}

#home-block2{position:relative;z-index:3}

/*image*/
.featuredpost article{overflow:hidden}
.featuredpost a img{transition: .75s ease;margin:0 auto;display:block}
.featuredpost a:hover img {	opacity: 1;	-webkit-animation: flash 1s;	animation: flash 1s; transform: scale(1.1)}

@-webkit-keyframes flash {	0% {		opacity: .4;	}	100% {		opacity: 1;	}}
@keyframes flash {	0% {		opacity: .4;	}	100% {		opacity: 1;	}}







#confianza{background:#152D39;color:#fff;font-size:18px;color:#fff;position:relative}
#confianza h2{color:#B8DCFF; font-size:22px;text-align:center; text-transform:uppercase;padding:5px;box-sizing:border-box;font-weight:800}
#confianza p{padding:5px;box-sizing:border-box;text-align:center;margin:0}


#servicios h2{background:#6195CE;width:456px;max-width:90%;font-size:36px;border-radius: 0 0 60px 60px;padding:10px;box-sizing:border-box;text-align:center;margin:0 auto;color:#fff;margin-bottom:20px; text-transform:uppercase;padding-top: 0px;padding-bottom: 15px;} 

#listaservicios{display:flex;justify-content:space-around;max-width:1350px; padding: 10px;margin: 0 auto;text-align: center;    flex-wrap: wrap;}
#listaservicios > div{margin:0 auto;width:300px;display:block}
#listaservicios img{margin-bottom:10px}
#listaservicios h4{text-align:center;text-transform:uppercase}
#listaservicios h4 small{font-size:0.6em;display:block}
/*pages*//*posts*//*archive category*/




#nosotros h2{background:#6195CE;width:456px;max-width:90%;font-size:36px;border-radius:  60px 60px 0 0;padding:10px;box-sizing:border-box;text-align:center;margin:0 auto;color:#fff;margin-top:20px; text-transform:uppercase;padding-top: 15px;padding-bottom:0 ;} 

#nosotrosfull{background:#152D39;color:#fff}
#nosotrosinto{max-width:1920px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}
#nosotrosinto >div{width:100%;max-width:640px}
#nosotrosinto >div > div{display:flex;align-items:center;justify-content:center}
#nosotrosinto >div > div h4{max-width:60%}
.nostext{text-align:center;padding:10px;box-sizing:border-box;display:flex; justify-content:center;align-items:center;flex-direction:column}


.nosimg1{background-image: url("/wp-content/uploads/2021/09/Mining-8.jpg");  background-color: #cccccc;  height: 500px;  background-position: center;  background-repeat: no-repeat;
  background-size: cover;  position: relative;}

.nosimg2{background-image: url("/wp-content/uploads/2021/09/Imagen7.jpg");  background-color: #cccccc;  height: 500px;  background-position: center;  background-repeat: no-repeat;
  background-size: cover;  position: relative;}

.nosimg3{background-image: url("/wp-content/uploads/2021/09/Imagen6.jpg");  background-color: #cccccc;  height: 500px;  background-position: center;  background-repeat: no-repeat;
  background-size: cover;  position: relative;}



#mision{background:#6195CE;color:#fff; text-align:center; font-size:1.2em}
#misionint > div{padding:2%;box-sizing:border-box}
#misionint > div:nth-child(2){ border: none; border-top:solid 1px #CBCBCB; border-bottom: solid 1px #CBCBCB}



#clientes h2{background:#152D39;width:1028px;max-width:90%;font-size:36px;border-radius:  0 0 60px 60px ;padding:10px;box-sizing:border-box;text-align:center;margin:0 auto;color:#fff;margin-bottom:20px; text-transform:uppercase;padding-bottom: 25px;padding-top:10px;}


.clienteslogos{max-width:90%; border-radius:70px;border:solid 1px #6195CE;padding: 20px;margin: 0 auto;box-sizing:border-box}

.rl-basicgrid-gallery{justify-content:center;align-items:center}
.rl-basicgrid-gallery::after{flex-grow:0!important; min-width: 0 !important}

#bodegas{max-width:1920px;width:100%;padding: 15px;box-sizing: border-box;margin: 0 auto;}
#bodegas .twogallcolum{display:flex;align-items:center;justify-content: space-between;margin-top: 10px;}
#bodegas > div{margin:10px}
#bodegas .twogallcolum > div{max-width:49%;}
.bodegatext{background:#152D39;color:#fff;text-align:center;padding:1%;box-sizing:border-box}
.bodegatext p{text-align:center;margin:0 auto; margin-bottom:1em}	

#ubicacion{background:#F2F3F5;color:#fff}
#ubicacion h2{background:#152D39;margin:0;padding:4px;box-sizing:border-box;}
#ubicacion .direccion{background:#4EA7FF;text-align:Center;padding:10px;box-sizing:border-box;position:relative;font-weight:600}
.dmapa img{margin:0 auto; max-width:90%;display:block;padding:10px;box-sizing:border-box}

#piepagina{background:#152D39;color:#fff}
	#piepagina a{color:#fff}


#socialfooter{max-width:800px;margin:0 auto}
#socialfooter > div{margin: 10px auto;display: flex;align-items: center;justify-content: center;}
#socialfooter img{margin: 0 5px; filter: brightness(0) invert(1);}
#socialfooter  a img:hover{filter: invert(48%) sepia(71%) saturate(348%) hue-rotate(172deg) brightness(100%) contrast(84%);}
#socialfooter a:hover{color:#6195CE}
#menufooter li{text-align:center;padding: 2px;}
#menufooter a{padding: 1.1em 0.5em;text-transform:uppercase}
#menufooter{max-width:620px;margin:0 auto;padding:10px;box-sizing:border-box;margin-top:10px}
#menufooter a:hover{color:#6195CE}


.archive .content,.error404 article .entry-content, .single article .entry-content, .page article .entry-content{max-width:1200px;margin:0 auto;padding:1em;width:100%;box-sizing:border-box;font-size:17px}

.entry-title{text-align:center;margin:10px auto;max-width:200px}
 .content-sidebar-wrap {padding-top:150px}


#rl-gallery-container-2 .rl-gallery-item{overflow: hidden;}
#rl-gallery-container-2 .rl-gallery-item img{width: 100%;transition: all 1s ease-in-out;}
#rl-gallery-container-2 .rl-gallery-item a:hover img{transform: scale(1.2,1.2)}



header{transition: all 0.5s ease-out}
header.sticky{position: fixed;top: 0;left: 0;right: 0;padding: 0;z-index:98;}	
/*full site*/
@media screen and 	(min-width: 60em) {

	.telefonotop .wrap{display:flex;justify-content: space-around;align-items: center;}
	

#social-container .custom-html-widget{display:flex;justify-content:space-around}
	#social-container .custom-html-widget div {margin:10px auto;display:flex; align-items:center; justify-content:center}
	#social-container .custom-html-widget div a{font-size:1vw}		
	/*header*/
.headerdeart .radial-progress{top:15%;right:10%}	
	.site-header>.wrap{display:flex;align-items: flex-end;justify-content:center}
	
	.site-header{border-bottom: solid 10px #152D39;}
.title-area img{padding:3% 0}	
	
	.header-widget-area{max-width:70%;width:100%}
.whatscel{margin-left:1em}
	.headermail img{margin-top:5px}
	/*logo*/
	.title-area {margin:0;background:transparent;max-width:30%;margin-bottom: -14px;background: #fff;border-radius: 50px;}

	/*menu*/
	.mobmenu{display:none}
	.nav-primary { max-height: 100%;overflow:visible;position:relative }
	/*nav*/
	.nav-primary > ul{display:flex;flex-wrap:wrap;align-items: center;justify-content:center}
	.nav-primary .wrap{display:flex;justify-content:center;align-items:flex-end;}
	.nav-primary .wrap>ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;position:relative;z-index:10; }
	
	
	
	
	.nav-primary .wrap>ul>li{display:inline-block;padding:1.1em 0.5em;}
				.nav-primary li:hover > ul {display:block;}			
			.nav-primary li ul li {	position:relative;}			
			.nav-primary li ul li ul {right:-140px;	top:0px;}
	
	
#confianza	{font-size:27px;}
	#confianza	p{max-width:1200px;text-align:center;margin:0 auto}
	#confianza h2{max-width:664px;padding:20px;box-sizing:border-box;border-radius:40px;font-size:40px;position: relative;margin: 0 auto;right: 0;left: 0;top: -37px;background: #152D39;margin-bottom:-40px}

	#servicios h2{font-size:57px} 

	
	#listaservicios > div{max-width:33%; width:33%}
#listaservicios h4{font-size:25px}
	#listaservicios p{font-size:22px}
	
		#nosotros h2{font-size:57px} 
	#nosotrosinto >div{width: calc(100% / 3);max-width:100%}
	.nostext{font-size:1.2vw}
	.nostext h4{font-size:1.5vw}
	
	
	#misionint {max-width: 1920px;width:100%;display:flex;justify-content:space-between; margin:0 auto}
	#misionint > div{width: calc(100% / 3)}
	#misionint h3{font-size:58px}
	#misionint p{font-size:22px}
	#misionint > div:nth-child(2){ border: none; border-right:solid 1px #CBCBCB; border-left: solid 1px #CBCBCB}
	
	#bodegas{display:flex;align-items:center;justify-content:center;}
	#bodegas > div{width:50%}
	
	.bodegatext h4{font-size:56px}	
	.bodegatext p{font-size:20px; max-width:665px}	
	
	#ubicacion{display:flex;justify-content:center;}
	#ubicacion > div{width:50%;position:relative}
	#ubicacion h2{font-size:57px}
	#ubicacion .direccion{ width:388px;margin-left:auto; font-size:1.4vw;}
	.dmapa img {margin-top: -85px;}
	.mapa  {height: 100%;width:auto;background: url("/wp-content/uploads/2021/09/MAPA2.jpg"); background-repeat: no-repeat;  min-height: 680px;
  background-position: left;display:block}
	#ubicacion .direccion:after{content: '';width: 0;height: 0;border-bottom: 76px solid #4EA7FF;border-left: 388px solid transparent;position: absolute;right: 0;top: -75px;}
	
	#ubicacion .dmapa{min-width:700px}
	
	#socialfooter{display:flex; justify-content:space-around}
	
	#menufooter{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;z-index: 10;}
	
	
	
	
.entry-title{margin-top: -40px;margin-bottom:50px;max-width:100%}
	
	
	
	
	
	
	
	
	@media screen and (min-width: 1920px) {	
#social-container .custom-html-widget div a{font-size:16px}	

		.nostext{font-size:22px}
	.nostext h4{font-size:29px}
		#ubicacion .direccion{ font-size:22px}	
		
		
		
		
	}
	
	
	
	
}



.creciendizq { animation: grup 1s ease-in-out; overflow:hidden}
 @keyframes grup {  0% {    display: none;    opacity: 0;  }  1% {    display: block;    opacity: 0;    transform: scale(0.02) translateX(80%); transition:  1s ease-in-out; }    100% {    opacity: 1;    transform: scale(1) translateX(0); transition:  2s ease-in-out;  }}


.creciendder { animation: grup2 1s ease-in-out; overflow:hidden}
 @keyframes grup2 {  0% {    display: none;    opacity: 0;  }  1% {    display: block;    opacity: 0;    transform: scale(0.02) translateX(-80%); transition:  1s ease-in-out; }    100% {    opacity: 1;    transform: scale(1) translateX(0); transition:  2s ease-in-out;  }}


.radial-progress {
  float: left;
  margin: 25px;
  width: 120px;
  height: 120px;
  position: relative;
  background-color: #d7d7d7;
  border-radius: 50%;
}
@media (max-width: 480px) {
  .radial-progress {
    width: 85px;
    height: 85px;
  }
}
.radial-progress .circle .mask,
.radial-progress .circle .fill,
.radial-progress .circle .shadow {
  width: 120px;
  height: 120px;
  position: absolute;
  border-radius: 50%;
}
@media (max-width: 480px) {
  .radial-progress .circle .mask,
  .radial-progress .circle .fill,
  .radial-progress .circle .shadow {
    width: 85px;
    height: 85px;
  }
}
.radial-progress .circle .mask,
.radial-progress .circle .fill {
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
}
.radial-progress .circle .mask.reanimate,
.radial-progress .circle .fill.reanimate {
  transition: -webkit-transform 0s;
  transition: -ms-transform 0s;
  transition: transform 0s;
}
.radial-progress .circle .mask.reset,
.radial-progress .circle .fill.reset {
  -webkit-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.radial-progress .circle .mask {
  clip: rect(0px, 120px, 120px, 60px);
}
@media (max-width: 480px) {
  .radial-progress .circle .mask {
    clip: rect(0px, 85px, 85px, 42.5px);
  }
}
.radial-progress .circle .mask .fill {
  clip: rect(0px, 60px, 120px, 0px);
  background-color: #ed1f41;
}
@media (max-width: 480px) {
  .radial-progress .circle .mask .fill {
    clip: rect(0px, 42.5px, 85px, 0px);
  }
}
.radial-progress .inset {
  width: 100px !important;
  height: 100px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px !important;
  background-color: #fbfbfb;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
	display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 480px) {
  .radial-progress .inset {
    width: 66px !important;
    height: 66px !important;
    margin: -33px 0 0 -33px !important;
    line-height: 90px;
  }
}
.radial-progress .little {
  font-size: 22px;
  color: #d7d7d7;
}
@media (max-width: 480px) {
  .radial-progress .little {
    font-size: 12px;
  }
}
.radial-progress .big {
  font-size: 37px;
}
@media (max-width: 480px) {
  .radial-progress .big {
    font-size: 27px;
  }
}

.radial-progress{position:absolute}


/*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;
}