/**
 * Theme Name: vendedorasesor
 * Theme URI: vendedorasesor
 * Description:vendedorasesor
 * Version: 1.0.0
 * Author: Julian
 * Author URI: vendedorasesor
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: genesis
**/
@font-face { 
font-family:  "Gelion" ; 
src: url(/wp-content/themes/starter 1.0/fonts/Gelion Regular.ttf); 
 font-style: normal;
  font-weight: 400;
}
@font-face { 
font-family: "Gelion" ; 
src: url(/wp-content/themes/starter 1.0/fonts/Gelion Black.ttf); 
 font-style: normal;
  font-weight: 800;
}




html {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
body {background-color: #fff;color: #2c3792;font-family: 'Gelion';font-size: 16px;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:1px solid #3f4a51;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: #333;text-decoration: none;}
p {	margin: 0 0 20px;	padding: 0;}
ol,ul {	margin: 0;	padding: 0;}
article ol, article ul{padding-left:20px;margin-bottom:20px}

li {list-style-type: none;}
article li {padding-left: 10px;list-style:inherit;margin-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: 'Gelion';	font-weight: 800;	line-height: 1.2;	margin: 0 0 20px;}
h2,h3, h4,h5,h6{font-family: 'Gelion';	font-weight: 800;	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: 20px;}
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:#2c3792;text-decoration:none;}

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

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

/*menu*/

.mobmenu img{margin: 0 auto;	display: block;height:32px;filter: brightness(0) invert(1);}
.mobmenu { background:#2c3792; cursor: pointer; color:#fff;font-weight:bold;font-size:2em;padding: 10px; }
.active, .mobmenu:hover { background: rgba(49,49,49,1);;color:#fff}



/*menu*/
.site-header{width:100%;position:relative;z-index:2 }



#telefonos, #emailtop{display:flex;align-items:center}
#telefonos img,  #emailtop img{margin-right:20px}

.telefonotop{background: #fff;position:relative;z-index:3;}
.telefonotop .wrap{margin:0 auto}

#idotele{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-around;padding:0.5em;box-sizing:border-box}
#emailsocial{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-around;padding:0.5em;box-sizing:border-box}
#idiomas{margin-right:1em}
#emailtop{margin-right:1em;display:flex;align-items:center;font-size:1.1em}
#emailsocial img{margin:0 0.25em}
.custom-logo-link{background:#fff;display: block;padding: 0.5em;box-sizing: border-box;}
.custom-logo-link img{margin:0 auto;display:block}

#twomenus {    max-height: 0;    overflow: hidden;    transition: max-height .2s ease-out;background:#2c3792}

.nav-primary wrap ,.nav-secondary wrap{position:relative}
.nav-primary ul,.nav-secondary ul{text-align:center;list-style:none;padding-left: 0; }
 .nav-primary li a,.nav-secondary li a{color: #fff;text-decoration: none;font-size: 1.25em;text-align:center;display:block;padding:0.5em;box-sizing:border-box}
.nav-primary li:hover,.nav-secondary li:hover { background:#fdd804;color:#2c3792;overflow:hidden}
.nav-primary li:hover > a,.nav-secondary li:hover > a {color:#2c3792}
.nav-primary li ul,.nav-secondary li ul{display:none;position:absolute;	min-width:140px;top:67px;background:#ed1f41}
.nav-primary li ul li a, ,.nav-secondary li ul li a{color:#fff}

/*slideshow*/
.featured-slides{margin:0 auto;background:#202120;position: absolute;z-index: 3;right:0; left:0;}
.mySlides {display:none;}
.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 img{margin:0 auto;display:block}

.metaslider .flexslider{margin:0 !important}

/*.metaslider .caption-wrap{position:relative !important;opacity: 1 !important;line-height: 3em !important;}*/

/*.metaslider .caption-wrap .slidertitulo{background: none !important;position: absolute !important;bottom: 100% !important;color: #215D8F !important;font-size: 1.25em;max-width: 1147px !important;text-align: center;padding:0.5em;box-sizing:border-box; left: 0 !important;right: 0 !important;margin: 0 auto !important;font-family: 'Gelion Script-Black';opacity: 1 !important;text-shadow: -2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff;line-height:1.5em;}*/


#metaslider-id-10 .flexslider .caption-wrap {
  background: none !important;
  bottom: 10%;
  text-align: center;background-color: rgba(0, 0, 0, 0.5) !important;opacity:1;
}

	#metaslider-id-10 .flexslider .caption-wrap h2{font-size:4vw}
	#metaslider-id-10 .flexslider .caption-wrap {
 font-size: 3vw;
}

.metaslider .flex-control-nav {display:none !important}
.flex-control-paging li a{background: rgba(235,183,47,.5) !important;}
.flex-control-paging li a.flex-active {background: rgba(235,183,47,.9) !important;}

.metaslider .caption{padding:0 !important}
.metaslider .flexslider .slides p{margin: 0 auto !important}


#yellowbox,.sliderdescripcion{background: #fdd804;min-height:165px;}
#yellowbox p, .sliderdescripcion p{margin-bottom:0;font-size:1.25em;text-align:center;max-width:1200px;padding:0.5em;margin:0 auto;color:#2c3792 }

#iconshome{margin:0 auto;max-width:1350px;width:100%;padding:0.5em;box-sizing:border-box;display:flex;justify-content:space-around;flex-wrap:wrap;min-height:467px;align-items:center}
#iconshome a{max-width:300px;font-weight:bold;text-align:center;margin: 0 auto;padding:0.5em;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:center}
#iconshome p{margin-bottom:0;margin-top:1em;font-weight:bold}



#quienessomos{background:#fdd804;padding:30px 10px;box-sizing:border-box}
#quienessomos h4{font-size:24px;font-weight:bold;text-align:center}
	#quienessomos p{font-size:18px;max-width:900px;text-align:center;margin:0 auto;padding:0.2em;box-sizing:border-box}
#quienessomos img{display:block;margin: 0 auto;padding:0.5em;box-sizing:border-box}

#home-block4 .custom-html-widget{position:relative}
.arrowupright {position: absolute;left: calc(50% - 1000px );top: -200px; z-index:3}
.damosservicios1{font-size:18px}
.damosservicios1 > div{padding:0.5em;box-sizing:border-box}
.damosservicios1 >div:first-child{background:#2c3792;color:#fff;}
.damosservicios1 >div:last-child{background:#fdd804;color:#2c3792}
.damosservicios1 > div p{margin-bottom:0}


.rl-basicgrid-gallery::after{content:none !important}

#desarrollo{display: flex;
  flex-wrap: wrap;
  margin: 20px auto;
  max-width: 1200px;align-items:center;justify-content:center}

#desarrollo h2{font-size:32px;text-align:center}
#desarrollo p{font-size:18px}
#desarrollo > div{max-width:600px;padding:10px;box-sizing:border-box}

#tableexperiencia{max-width: 100%;  margin-bottom: 80px;  width: 1400px !important;  margin: 0 auto;    margin-bottom: 0px;  margin-bottom: 80px;}

#tableexperiencia tbody tr:nth-child(even) {
  background: #fdd804;
  color: #2c3792;
}

.footer-widgets{position:relative}
#footersocial{background:#fdd804;min-height:131px;}
#footersocial > div{padding:0.5em 0.25em;box-sizing:border-box}
#footersocial > div:first-child{font-size:1.5em} 
#footersocial .footersocial{display:flex;justify-content:center;align-items:center}
#footersocial .footersocial img{margin:0 0.5em}




#contacto{    background-image: url("/wp-content/uploads/2025/08/15892.jpg");    height: 100%;    width:100%;    position: relative;        background-repeat: no-repeat;    background-size:cover; padding-top:4em}

#contacto .contactowrap{max-width:800px;width:100%;padding:0.5em;box-sizing:border-box;margin:0 auto;color:#fff}
#contacto .contactowrap a{color:#fff}
#contacto h3, #contacto h4{color:#fdd804;font-weight:normal}
#contacto h3{font-size:2.5em}
#contacto h4{font-size:1.75em}

#contacto hr{border-top: 1px solid #979797}
#contacto ul{margin-left:1em}
#contacto li::before {    content: "\2022";    color: #FFC70D;    font-weight: bold;    display: inline-block;    width: 1em;    margin-left: -1em;    font-size: 1.2em;}

.footer-widgets-2{position:relative}
.arrowupleft {position: absolute;right: calc(50% - 1200px );top: -200px;overflow:hidden;}
.arrowupleft img{display:none}

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




#home-block5{padding:30px 10px;box-sizing:border-box; }
#home-block5 h4{text-align:center;font-size:40px;}


#rl-gallery-container-1{margin:20px auto; margin-top:20px}


.rl-basicgrid-gallery .rl-gallery-item img{max-width: 100%;
  height: auto;
  display: inline-block;
  width: auto;
  max-height: 178px;}

 #rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item {    max-width: 180px;margin: 20px !important;  }

.rl-basicgrid-gallery{align-items: center !important;  justify-content: center  !important;}



.rl-basicgrid-gallery::after {
  content: none;
   
}




/*pages*//*posts*//*archive category*/


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

.page .entry-header{background:#fdd804;display:flex;justify-content:center;align-items: center;padding:0.5em;box-sizing:border-box}
.page.entry-header img{max-width:121px;}
.page .entry-header .entry-title{max-width:325px;margin-bottom:0;text-align:center;text-transform:uppercase}



.single-post .entry-header{background:#2c3792;display:flex;justify-content:center;align-items: center;padding:0.5em;box-sizing:border-box;color:#fff}
.single-post .entry-header h1{margin:0}




div.wpcf7-response-output {	margin: 2em 0.5em 1em;	padding: 0.2em 1em;	color:#fff; text-align:center;font-weight:900}
div.wpcf7-mail-sent-ok {background: #eb2f35;}
div.wpcf7-mail-sent-ng {background: #ff0000;}
div.wpcf7-spam-blocked {background: #ffa500;}
div.wpcf7-validation-errors {background: #f7e700;color:#000}
.footer-widgets-2 .halfinp {    display: flex; justify-content:space-between;margin-bottom:0.5em}
	.footer-widgets-2 .halfinp > label {    width: 49%;   ;}

.wpcf7-form p{margin-bottom:0.5em}
.wpcf7-form textarea{height:160px}


.wpcf7-submit{background: #fdd804;font-size: 1.75em !important;color: #2c3792;text-transform: uppercase;font-weight: bold;letter-spacing: 8px;padding: 0.5em !important;}
.wpcf7-submit:hover{background:#E2E2E2 ;}




header{transition: all 0.5s ease-out}
header.sticky{position: fixed;top: 0;left: 0;right: 0;padding: 0;z-index:98;}	
/*full site*/



.wp-post-modal.show {    max-width: 85%;    background: #fff;    width: 600px;    margin: 5em auto;    padding: 1em 2em;    box-sizing: border-box;    overflow: hidden;
	font-size: 20px !important;color:#2c3792;text-align:center;border:solid 3px #fdd804; }

.close-modal {    margin-left: 90%;    background: #2c3792;    color: #fff;    font-size: 31px;    padding: 0.5em;    height: 48px;    width: 46px;    line-height: 0;}


@media screen and (min-width: 60em) {
	


.site-header > .wrap #twomenus{background:none}
.telefonotop, #idotele,#emailsocial{min-height:54px}
.telefonotop .wrap{display:flex;justify-content:space-between;max-width:1380px;}
	.telefonotop .wrap >div{width: calc(50% - 140px) }
	 
	/*#redessociales a:hover,#emailtop:hover,#telefonos:hover{filter: brightness(0) invert(1);}*/
	
	#telefonos{letter-spacing:3px}
	
	/*header*/
.headerdeart .radial-progress{top:15%;right:10%}	
	.site-header>.wrap #twomenus{background: none;position: absolute;right: 0;left: 0;top: 0;}
	.site-header>.wrap #twomenus > div{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1300px;margin:0 auto}
	.site-header>.wrap #twomenus > div nav{width:calc(50% - 150px)}
	
	.header-widget-area{width:2044px;margin:0 auto;overflow:hidden;border-radius: 50%;height:212px;position:absolute;top:-100px;display: flex;align-items:center;left: 50%;margin-left: -1022px;background:#2c3792}
	
	
	.sliderdescripcion p{font-size:1.75em }
	
	
.whatscel{margin-left:1em}
	.headermail img{margin-top:5px}
	
	/*logo*/
	.title-area {margin:0;background:transparent;max-width:25%;}
	.custom-logo-link{position:absolute;top:-50px; border-radius: 50%;background:#fff;right:0;left:0;width:279px;margin:0 auto;height:279px;display:flex;justify-content:center;align-items:center}
	.custom-logo-link img{margin:0 auto;display:block}
	

	
	/*menu*/
	.mobmenu{display:none}
	
	#twomenus{ max-height: 100%;overflow:visible }
	/*nav*/
	
	
		.nav-primary > ul,.nav-secondary > ul{display:flex;flex-wrap:wrap;align-items: center;justify-content:center}
	.nav-primary .wrap,.nav-secondary .wrap{display:flex;justify-content:center;align-items:center;}
	.nav-primary .wrap>ul,.nav-secondary .wrap>ul{display:flex;flex-wrap:wrap;justify-content:space-around;align-items: center;position:relative;z-index:10; width:100%}
		.nav-primary .wrap>ul>li,.nav-secondary .wrap>ul>li{display:inline-block;padding:1em 0.333em;}
	.nav-primary li:hover > ul ,.nav-secondary li:hover > ul{display:block;}
	.nav-primary li ul li ,.nav-secondary li ul li {	position:relative;}
	.nav-primary li ul li ul ,.nav-secondary li ul li ul{right:-140px;	top:0px;}
	.nav-primary li a, .nav-secondary li a{font-size:0.8em}
	
		#metaslider-id-10 .flexslider .caption-wrap h2{font-size:3.5vw}
	#metaslider-id-10 .flexslider .caption-wrap {
 font-size: 2.5vw;
}
	
	
	#iconshome a{height:250px}
	
	#quienessomos h4{font-size:2.5em}
	#quienessomos p{font-size:1.5em;}
	#quienessomos img{display:inline-block;padding:0;padding-right:0.5em}
	#damosservicios{display:flex;}
	#damosservicios >div {position:relative}


	#damosservicios{display:flex;}
	.damosservicios1{font-size:1.5em}
	.damosservicios1 > div{display:flex;;flex-direction:column; justify-content:center;align-items:flex-end}
	.damosservicios1 > div p{max-width:783px;margin-right:1em;text-align:center;}
	.damosservicios1 >div:first-child{min-height:591px}
	.damosservicios1 >div:last-child{min-height:473px}
	.damosservicios1{width: calc(50% + 100px)}
	.damosservicios2{width:calc(50% - 100px)}
	.damosservicios2  > div{    background-image: url("/wp-content/uploads/2025/08/318712.jpg");    height: 100%;    min-height: 1000px;    position: relative;        background-repeat: no-repeat;    background-size:cover;max-width:960px}

	
	
	
	#desarrollo h2{font-size:3em; }
#desarrollo p{font-size:1.5em}
	#desarrollo h4{font-size:2em; }
	
	
	
	#footersocial{max-width:1049px;padding:0.5em;box-sizing:border-box;margin:0 auto;display:flex;justify-content:space-around;align-items:center}

	#footersocial .footersocial{width: calc(100% / 3)}
	
	#contacto .contactowrap{display:flex;justify-content:space-between}
	#contacto .contactowrap > div{width:100%;padding:0.5em;box-sizing:border-box}
	#contacto .contactowrap > div:last-child{margin-top:1.5em}
	#contacto h3{font-size:3em;text-align:center;margin-bottom:0.2em}
	#contacto h4{font-size:2em}
	#footersocial{position:absolute;top: -4em;z-index: 4;right: 0;left: 0;border-radius:20px;}
	#footersocial .footersocial{height:112px}
	#footersocial > div:nth-child(2n){border-left:solid 1px #fff; border-right:solid 1px #fff }
	.arrowupleft img{display:block}
	

.entry-header{flex-wrap:wrap}	
.entry-header img{margin-right:1em}	
	
@media screen and (min-width: 70em) {
	
	.nav-primary li a, .nav-secondary li a{font-size:20px}
	
}


















.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;
}
	}