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



@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 400;
   src: url('/wp-content/themes/startergeek/fonts/roboto/Roboto-Regular.woff2')  /* Super Modern Browsers */
}


@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 700;
 src: url('/wp-content/themes/startergeek/fonts/roboto/Roboto-Bold.woff2') /* Super Modern Browsers */
 }

@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/themes/startergeek/fonts/roboto/Roboto-Black.woff2')  /* Super Modern Browsers */      
}

 


html {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
body {background-color: #fff;color: #212121;font-family: "roboto", sans-serif;font-size: 18px;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; padding: 0.7em;border:none;box-sizing:border-box; background-color:#96C515; color:#fff}



input[type="radio"]{width:auto;height:auto}
input, select{height:48px;width: 100%;}
textarea{height:100px;width: 100%;}
textarea{max-height:160px}
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:1em}

.home 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: "roboto"  ;	font-weight: 700;	line-height: 1.2;	margin: 0 0 20px;}
h2,h3, h4,h5,h6{font-family: "roboto" ;	font-weight: 700;	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:#000;text-decoration:none;font-weight:bold}

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

/*logo*/
.site-header{background:#fff;}

.title-area img{padding:3% 0;margin:0 auto;display:block;max-width:95%}
.site-description{display:none}
#centa a{font-weight:normal}


#centa, #telefono, .mini-cart span{display:none}
.mini-cart .cart-count{display:block}
/*telefono y social*/

#search-form-container {display:flex;margin:10px auto}
#search-form-container  > div {padding:0 20px;box-sizing:border-box}
#cuenta a {display:flex;align-items:center}
.telefonotop {position: relative;  z-index: 22;}
.telefonotop wrap{height:67px}
.telefonotop a{color:#000;font-weight:normal;font-size:14px}
.telefonotop a img{margin-right:4px;height:40px}
	 

#social-container{display:flex;align-items:center;justify-content:center}
#search-form-container .telsocial  a:hover   {
  filter: grayscale(100%) invert(45%) sepia(66%) saturate(453%) hue-rotate(68deg) brightness(99%) contrast(98%);
}

/* Ajustar las propiedades de filtro para los elementos con la clase .cart-count */
#search-form-container .telsocial   a:hover .cart-count {
  filter: invert(45%);
}

#search-form-container a{display:flex;flex-direction:column;justify-content:center;align-items: center;}


.mini-cart{position:relative}
.cart-count{background:#000;border-radius:100px;height: 20px;width: 20px;display: block;position: absolute;top: -10px;right: 1px;font-size:13px;padding: 0px 7px;box-sizing:border-box;color:#fff}
#telefono a{letter-spacing:2px;font-weight:500;margin:0}
#telefono a span{top: 4px;position: relative;}
#centa{top: 4px;position: relative;text-transform:uppercase}


#topinfo > a, #redestop{border-left:solid 1px #fff;padding:10px;box-sizing:border-box}

#tophorariodir{display:none}

/*tienda*/
.content-sidebar aside .content-sidebar-wrap aside{padding:0 0.5em;box-sizing:border-box;;margin-top:1em}
.content-sidebar aside #woocommerce_product_categories-2 h4, .content-sidebar-wrap aside #woocommerce_product_categories-2 h4{color:#fff;background:#5A8E25;padding:0.5em;text-align:center;font-weight:normal;height:78px;display:flex;align-items:center;justify-content:center;font-size:31px;font-family:"gelion"}

.content-sidebar aside .product-categories, .content-sidebar aside #woocommerce_price_filter-2{width:250px;margin:0 auto;max-width:90%;}

.content-sidebar aside .product-categories ul a{text-transform:lowercase}



.woocommerce-ordering{width:358px;height:78px;display: flex;  align-items: center;}
.woocommerce-ordering .orderby{background-color: #96C515;  color: #fff;  margin: 5px 18px;  height: 44px;  padding: 8px;  box-sizing: border-box;}


.woocommerce-products-header__title{display:none}
aside ul{text-decoration:none;font-weight:bold;list-style: none;}
aside li a{text-decoration:none;color:#fff;display:block;text-transform:uppercase}

aside ul ul{margin:0}
aside li{padding: 12px 5px; box-sizing:border-box}
aside li:hover{background:#000;color:#fff}
aside li:hover a{color:#fff}
aside .widget-title{color:#fff}

body.logged-in.admin-bar .totalhead {
  margin-top: calc(0px + 35px);
}


#totalhead{margin-bottom:257px}

.home #totalhead, .page-template-default #totalhead, .single-post #totalhead{margin-bottom: 209px;}





.totalhead{padding: 0;background: #fff;overflow-x: visible;overflow-y: visible;width: 100%;position: fixed !important;
top: 0px;bottom: auto;left: 0px;right: auto;z-index: 9999;display:flex;flex-direction:column-reverse}	

/*search*/


#searchform > div {position:relative;  overflow:hidden;border-radius:12px;display:block;}

#searchform{margin:5px auto;  text-align:center;   width: 100%;}
  #searchform input {        border-radius:14px;  color:#6E757E;box-sizing:border-box;outline: none;  max-width:100%;background-color: #fff;border:solid 1px #D4D4D4;    max-width: 90%; margin:0 auto;width:600px }
#searchform input:placeholder{opacity:0.7;color:#212121}

#searchform button{position:absolute;background:none;    margin-left: -10vw;outline: none;width:61px;background:#01A4E5;border:none;cursor:pointer;transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;color: #fff;padding: 6px;text-transform: uppercase;font-size: 15px;box-sizing:border-box; border-radius: 0 7px 7px 0; height:50px}

#searchform button:hover{background:#3B3C3E;color:#1F4261}


#horario{width:317px;background:#96C515;color:#fff;text-align:center; border-radius:0 0 7px 7px;padding: 5px; box-sizing:border-box}
#contactotop{display:flex;margin-top: 20px;  justify-content: center;}
#contactotop > div{padding:5px  15px;box-sizing:border-box;}
/*menu*/

#barramenu{background-color:#01A4E5;width:100%;}
#barramenuint{display:flex;justify-content:space-around;max-width:1350px;margin:0 auto}

#topinfo{display:flex;}
#topinfo a{color:#fff}
#topinfo img{margin:0 5px}
#topinfo > a, #topinfo > div{display:flex}

.mobmenu img{margin: 0 auto;	display: block; }
.mobmenu { background:#fff; cursor: pointer; color:#fff;font-weight:bold;font-size:2em;padding: 10px;max-width:74px }
.active, .mobmenu:hover { background: #01A4E5;color:#fff}

.mobmenu:hover img{filter:brightness(0) invert(1)}

/*menu*/
.site-header{width:100%;position:relative;z-index:9 }
.site-header > .wrap{max-width:1200px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;height:60px}
.site-header > .wrap .title-area img{max-height:60px;width:auto}

.nav-primary {    max-height: 0;    overflow: hidden;    transition: max-height .2s ease-out; position: absolute;width: 100%;left: 0; top:248px;background-color:#01A4E5}

.nav-primary wrap{position:relative}
.nav-primary ul{text-align:center;list-style:none;padding-left: 0; }
.nav-primary li, .nav-primary li a{color: #fff;padding: 5px;box-sizing:border-box;text-decoration: none;font-size: 18px; }
.nav-primary li:hover { background: #96C515;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:#fff;position: absolute;z-index: 1;right:0; left:0;}

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

.featured-image-class{margin:0 auto;margin-bottom:20px}
.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}

.mySlides{overflow:hidden;position:relative}

/* Next & previous buttons */
.prevslide, .nextslide {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -22px;color: white;font-weight: bold;font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0;user-select: none;z-index:5}

/* Position the "next button" to the right */
.nextslide { right: 0;border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prevslide:hover, .nextslide:hover {background-color: rgba(0,0,0,0.5);}

#promos{max-width:100%;padding:5px;box-sizing:border-box}

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


#totalhead{display:flex;flex-direction:column-reverse}
.home .widgettitle,  {
  max-width: 96%;
  width: 852px;
  height: 100px;
  font-size: 32px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0 6vw;
  color: #fff;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  margin-top: 20px;
	position:relative;
	z-index:10
}
.single-product .related.products > h2{text-align:center;color:#96C515; }






#home-block1{position: relative;max-width:100%; width:1200px;margin:20px auto;padding:10px;box-sizing:border-box}

#home-block1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr); /* Tres columnas iguales */
  grid-template-rows: repeat(3, 1fr); /* Dos filas iguales */
  grid-template-areas: 
    "img2" 
    "img3"
	 "img4" ;
  gap: 10px; /* Espacio entre elementos */
}



/* Estilo para la primera imagen que ocupa 4 cuadros */
#home-block1 #media_image-2 {
  grid-area: img2;
  width: 100%;
  height: 100%;
	text-align:center;
}
#home-block1 #media_image-2 img{max-width:415px !important}
/* Estilo para la tercera imagen que ocupa la parte superior derecha */
#home-block1 #media_image-3 {
  grid-area: img3;
  width: 100%;
  height: 100%;text-align:center;
}

/* Estilo para la cuarta imagen que ocupa la parte inferior derecha */
#home-block1 #media_image-4 {
  grid-area: img4;
  width: 100%;
  height: 100%;text-align:center;
}






.baanersmall{display:none !important}

#home-block2 .products{max-width:1270px;margin:0 auto}

#home-block3 h4{font-size:20px;margin:0;text-align:center;padding:10px;box-sizing:border-box;background-color:#96C515;color:#fff}

#consultas{background-image: url("/wp-content/uploads/2024/12/blur-hospital.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
display:flex;
position:relative; min-height:223px;padding:10px;box-sizing:border-box ;padding-bottom:0;align-items:center
}
#consultas > div{display:flex;align-items:center;flex-wrap:wrap;margin-right:-50px}
#consultas > div img{margin-right:20px}
#consultas > div h2{color:#01A4E5;text-shadow: -4px -4px 0 #fff, /* Borde superior izquierdo */
         4px -4px 0 #fff, /* Borde superior derecho */
        -4px  4px 0 #fff, /* Borde inferior izquierdo */
         4px  4px 0 #fff; /* Borde inferior derecho */}
#consultas > img{max-width:50%}



.widget-title{text-transform:uppercase;text-align:center;color:#96C515}
 
#home-block5 {width:980px;max-width:100%;margin:20px auto}
  
#productologo{position:relative; max-width:1117px;margin:0 auto; color:#fff;  }
	#productologo > img{position:relative;top:-160px;left:0}
#productologo > div{text-align:center;position:relative;top:-100px}
#productologo > div h2{font-size:35px}
#productologo > div a{width:260px;display:flex;align-items:center;justify-content:center; height:56px;text-align:center;background: #96C515;  color: #fff;  border-radius: 8px;margin: 0 auto;font-size:18px;font-weight:normal}
#productologo > div a span{margin-right:10px;}
#productologo > div a:hover{background:#3B3C3E}


.randtextorosa{background:#000;}
.randtextorosa p{max-width:1200px;color:#fff;font-style:italic;font-size:1.2em;font-weight:600;padding:1em;box-sizing:border-box;text-align:center;margin:0 auto}

#home-block6{background:#96C515}
#home-block6 #nosotros{ font-size:20px; }
#custom_html-7{background-image: url("/wp-content/uploads/2024/12/Grupo-328.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
 
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
color:#fff;
	padding:5% 2%; box-sizing:border-box
}

#home-block6 #nosotros a{color:#fff;background:#202020;width:170px;height:42px;margin-left:auto;display:flex;justify-content:center;align-items:center}
#home-block6 #nosotros a:hover{background:#01A4E5}
#custom_html-7 h2{display:flex;color:#202020;font-size:62px;align-items: center;
}
#custom_html-7 h2 img{margin-right:20px}

#custom_html-6 img{margin:0 auto;display: block;}



.wc-block-cart__submit-button{background-color:#96C515;color:#fff}

.wc-block-cart__submit-button:hover{background-color:#36A8EC;color:#fff}




/*pages*//*posts*//*archive category*/
.entry-meta{display:none}

.archive .entry-title{display:none}
.entry-title{text-align:center}

.archive .content,.error404 article .entry-content, .page article .entry-content{margin:0 auto;width:100%;box-sizing:border-box}
.single article , .page article{margin:20px 0}

.error404 .entry-content, .single .entry-content, .page .entry-content{max-width:1200px;width:100%; margin:0 auto}

.error404 .entry-title, .single .entry-header, .page .entry-header{margin-top: 0px;  background:#96C515;  height: 56px;  display: flex;  align-items: center;  justify-content: center;  font-weight: normal;  margin-bottom: 50px;color:#fff;position: relative;  top: 17px;}

.entry-title {margin:0;font-size:25px}


.archive .content {padding:0 }



.footer-widgets{background:#fff;width:100%}
.footer-widgets-1{display:block;width:100%;margin:0 auto;background:#01A4E5}
#contacto > h2{text-align:center; font-weight:normal;font-size:32px;text-transform:uppercase}


#footerinfo p{display:flex;align-items:center}
#footerinfo img{margin-right:10px}
#footerredes{display:flex;justify-content:space-around;width:360px;align-items: center;margin:0 auto; margin-bottom:20px;flex-wrap:wrap;max-width:100%}
#footerredes > div{padding 0 18px;box-sizing:border-box}
#redesfoot{display:flex;}
#redesfoot a{padding:5px;box-sizing:border-box}
#bottomtel img{margin-right:10px}

.wpcf7 form.invalid .wpcf7-response-output{background:#ffb900}
.wpcf7 form.sent .wpcf7-response-output {background:#46b450}

.wpcf7-submit{color: #fff; ;height: 43px;background:#36A8EC;display: flex;align-items: center;justify-content: center;margin: 16px auto;font-size: 20px;margin-right: 0;width:218px;text-transform:uppercase}
.wpcf7-submit:hover{background: #96C515; color:#fff}
.formulario p{margin-bottom:10px}
.formulario{display:flex;flex-direction:column;justify-content:center;padding:5px;box-sizing:border-box}


#formulario{max-width:90%}

#contacto{display:flex;width:975px;max-width:100%;margin:0 auto;padding:50px 20px;box-sizing:border-box;justify-content: space-around;color:#fff;flex-wrap:wrap}
#contacto a{color:#fff;font-weight:normal}

.related.products{flex-direction: column;background-color:#F8F8F8;padding: 20px 10px; box-sizing:border-box;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{max-width: 300px !important;  border-radius: 11px !important;}



.woocommerce .products{display:flex;flex-wrap:wrap;justify-content:space-around}
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product{margin:1em 0.5% !important;max-width: 400px;width:auto}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{display: flex;flex-direction: column;justify-content: space-between;overflow:hidden}

.woocommerce ul.products li.product img, .woocommerce-page ul.products li.product img{transition: 0.5s;}
.woocommerce ul.products li.product:hover img, .woocommerce-page ul.products li.product:hover img{transform: scale(1);margin: 0 auto;text-align:center}

.woocommerce ul.products li.product:hover .button{background:#1F4261;}

.woocommerce ul.products li.product  h2, .woocommerce-page ul.products li.product  h2{text-align:center;font-weight:bold;text-transform:uppercase}
.woocommerce ul.products li.product  a, .woocommerce-page ul.products li.product  a{text-align:center;}

.woocommerce ul.products li.product  a h2 {color:#000;font-weight:normal}
.woocommerce ul.products li.product   a .price{color:#01A4E5 !important;}

.woocommerce ul.products li.product .price{color:#fff !important;font-weight: bold !important;}
.woocommerce ul.products li.product .button{width:100%; font-size:12px;font-weight:400;display:flex !important;justify-content:center}
.woocommerce ul.products li.product .button:hover{background:#01A4E5 !important;color:#fff;}

.woosq-btn::before {
  content: "";
  display: block;
  width: 20px;
  height: 13px;
  background: url('/wp-content/uploads/2024/12/Grupo-49-1.png') no-repeat;
  top: 1px;
  position: relative;left: -5px;
}

.woosq-btn {background:none !important;color:#707070;display: flex;  align-items: center;  justify-content: center;cursor:pointer;font-size:12px
}

#woosq-popup .woocommerce .single_add_to_cart_button:before{content:none}


.productocarro{display:flex;flex-direction:column;justify-content:space-between;padding:0 0.25em;position:relative;z-index:2;background:#fff}
.woocommerce ul.products::before,.woocommerce ul.products::after{content""!important;display:none !important}


.woocommerce a.quick_view{background: none !important;}

/*productos*/
.single-product  .product_title{margin-bottom:30px;font-weight:normal}
.single-product .tabs.wc-tabs{display:none}
.single-product #tab-description h2{display:none}
.single-product .related > h2{text-transform:uppercase;}
.pcomp{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.single-product .productogris{background: #fff;padding-top: 1em;margin-top: -1.2em;}
.single-product .productounico{width:100%;margin:0 auto;margin-bottom:50px}
.single-product .products{ width:100%;margin:0 auto;box-sizing:border-box}
.single-product .products .columns-4{max-width:1280px;padding:0 0.5em; box-sizing:border-box;margin:30px auto}
 
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{width:100% !important;float:none !important;padding: 20px;  box-sizing: border-box;}

.single-product  .descripro{max-width:1200px;padding:0.5em;box-sizing:border-box;margin: 0 auto;}

.botonproducto{width:170px;height:42px; background-color:#96C515;display:flex;align-items:center;justify-content:center;color:#fff;margin:10px auto;text-transform:uppercase;font-size:14px}
.botonproducto span{margin-right:10px}
.botonproducto img{transform:scale(1.2)}
.botonproducto:hover{background-color:#01A4E5}

.single-product .productogris .sfsi_shortcode_container{float:none !important}
.norm_row{float:none;margin:0 auto;text-align:center !important}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background:#96C515 !important;
	font-weight:800;text-transform:uppercase; padding: 15px;box-sizing:border-box;color:#fff!important}


.woocommerce button.button.alt{height:49px}

.woocommerce div.product .stock{color:#000 !important}
.woocommerce div.product p.price{color:#01A4E5 !important;font-weight:normal;margin:0;font-size:20px !important;}
.single-product .productdiscar .price{margin-bottom:0; color: #5A8E25 !important;}

.single-product .productdiscar .cart{display:flex;flex-direction:column}

.single-product .productdiscar .cart .single_add_to_cart_button{max-width:170px; font-weight: normal;margin-left: 42px;height:42px;font-size:14px}
.single-product .productdiscar .cart .single_add_to_cart_button:hover{background: #01A4E5 !important; color:#fff !important}
.single-product .productdiscar .cart  .quantity{margin:20px 0 !important;}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: #5A8E25 !important;
}


.woocommerce .single_add_to_cart_button{ position: relative;     padding-left: 30px;}

.woocommerce .single_add_to_cart_button:before {
  content: '';
  background-image: url('/wp-content/uploads/2024/12/Trazado-112.png');
  position: absolute;
  background-repeat: no-repeat;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  background-position: center;
  background-color: #96C515;
}


.woocommerce .single_add_to_cart_button:hover:before{content: '';
    position: absolute;
  
     /* Your desired background color */
    content: '';
  background-image: url('/wp-content/uploads/2024/12/Trazado-112.png');
  position: absolute;
  background-repeat: no-repeat;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  width: 62px;
  height: 62px;
	background-position: center;background-color: #01A4E5;}








input[type="number"] {
    position: relative;
    margin: 0 0 1rem;
    border: 1px solid #BBB;
    border-color: #BBB #ECECEC #ECECEC #BBB;
    padding: .2rem;
}

/* Spin Buttons modified */
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    background: #000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPAgMAAABPU92jAAAACVBMVEVHcEy7u7v////LvDypAAAAAXRSTlMAQObYZgAAAClJREFUeNpjYAABBSBewcDAtIqBgWtVAwMMiIYGwNkgcZA8SB1YPQMDALRFBgvC9vavAAAAAElFTkSuQmCC') no-repeat center center;
    width: 1em;
    border-left: 1px solid #BBB;
    opacity: 1; /* shows Spin Buttons per default (Chrome >= 39) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
input[type="number"]::-webkit-inner-spin-button:hover,
input[type="number"]::-webkit-inner-spin-button:active{
 
    opacity: .8;
}
 


 



.woocommerce ul.products li.product{background:#fff;border:solid 1px #EBEBEB}
.redesproducto{display:flex;align-items:center;justify-content:space-around;}
.redesproducto .inerCnt > .sficn > img, .redesproducto > span{filter: grayscale(100%) invert(45%) sepia(66%) saturate(453%) hue-rotate(68deg) brightness(99%) contrast(98%);}
.redesproducto .inerCnt > .sficn > img:hover{filter:none}

.redesproducto .norm_row{width:auto !important}
.woocommerce div.product div.images img{transform: scale(0.8)}
.single div.product div.images img{transform: scale(1)}
.woocommerce-product-gallery__wrapper{ border-radius:10px}

/*.woocommerce ul.products li.product > a{background:#f1f1f1}*/
.woocommerce ul.products li.product{margin:3px}
.woocommerce ul.products li.product > a{display:flex;align-items:center;justify-content:center; }
.archive   ul.products li.product > a{display:flex;align-items:center;justify-content:center;min-height:250px; overflow:hidden}
.woocommerce ul.products li.product a img{margin:0 !important;box-sizing:border-box; transform: scale(0.8);max-height:100%;max-height:100%;width:auto !important}
.productocarro .agregarcarrito{text-align:center;display: block;font-weight:300;font-size:1.5em}
.woocommerce ul.products li.product .woocommerce-placeholder{border:none !important}

.single-product  .content > .entry-title {margin-top: 0px;  background:#96C515;  height: 56px;  display: flex;  align-items: center;  justify-content: center;  font-weight: normal;  margin-bottom: 50px;color:#fff;position: relative;  top: 17px;}
.woocommerce-variation-add-to-cart{display:flex;flex-direction:column}
.cajablanc {background:#fff;display:flex;height:80px;align-items:center;margin-top:1em;padding:0.25em;box-sizing:border-box}
.cajablanc p{margin:0;font-size:0.9em}
.cajablanc img{margin-right:1em;width:40px}
.cajablanc a{color:#B1B1B1}

.compartesingl{display:flex;justify-content:center;clear: both;margin: 0 auto;max-width: 1200px;padding: 0.5em;box-sizing: border-box;text-align:center;align-items:center;flex-wrap:wrap}
.compartesingl p{margin-bottom:0;margin-right.1em}



.woocommerce-result-count{display:none}

	

header{transition: all 0.5s ease-out}
header.sticky{position: fixed;top: 0;left: 0;right: 0;padding: 0;z-index:98;}	
 
	.footer-widgets-2 {display:flex;justify-content:center; margin:0 auto;flex-wrap:wrap; background:#F8F8F8;padding:40px 10px;box-sizing:border-box}	
#custom_html-5{width:586px;max-width:100%;padding:10px;30px;box-sizing:border-box;font-size:18px}
#custom_html-5 h4{font-size:28px}
#footerinfo{display:flex;flex-direction:column;font-size:27px;padding:10px;30px;box-sizing:border-box;width:305px;max-width:100%}
#footerinfo > a img {filter: brightness(0)}
#footerinfo > a{margin:20px auto}
#footerinfo img{margin: 10px}


#text-3{width:625px;max-width:100%;padding:10px;box-sizing:border-box}
.footemail{font-size:18px}

aside section{margin-bottom:1em}	

.footphone a{font-size:27px}

.price_slider_amount .button{background:#000  !important;color:#fff  !important;}
.price_slider_wrapper .ui-slider-range {background:#fff  !important;}
.price_slider_wrapper .ui-slider-handle{background:#96C515  !important;}
.woocommerce nav.woocommerce-pagination{text-align:right !important}
.woocommerce nav.woocommerce-pagination ul {border:none !important}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{padding:0.2em 1em !important }
.woocommerce .widget_price_filter .price_slider_amount{color:#fff !important}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{text-align: left;  color: #5A8E25;  font-size: 20px;
  text-transform: uppercase;  font-weight: normal;}

#woocommerce_product_categories-3 h4{background-color:#fff;color:#96C515;padding-bottom: 20px;box-sizing:border-box}

.medioinput {
  display: flex;
  justify-content: space-between;
}.medioinput > div {
  width: 48.5%;
}

#footerredes .mini-cart img{filter: brightness(0) invert(1);}
#footerredes .cart-count{right:-10px}

.tax-product_cat ul.products li.product{display:flex;flex-direction:column;justify-content:center;align-items:center}
 
 
 

.footer-widgets-3 .bootomfooterinfo {
  background: #36A8EC;
 
  padding: 0 10px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
	color:#fff;flex-wrap:wrap
}
.footer-widgets-3 .bootomfooterinfo a{color:#fff;font-weight:normal}

.footer-widgets-3 .bootomfooterinfo > div{margin:10px auto}
.footer-widgets-3 .bootomfooterinfo > div:last-child{margin:0 auto}

#hechopor {
  background-color: rgba(25, 25, 25, 0.32);
  width: 248px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  position: relative;
}




.search-results .site-inner{margin-top: 8em;}
.search-results .entry-title{display:none}


/*pop up*/
.wp-post-modal.show{max-width: 85%;background: #fff;width: 600px;margin: 5em auto;padding: 2em;box-sizing: border-box;overflow:hidden;font-size:12px !important}
.wp-post-modal.show .has-text-color{font-size:16px !important}
.wp-post-modal.show ul{padding-left:10px;margin-bottom:10px}
.close-modal{margin-left: 90%;background: #1F4261;color: #fff;font-size: 31px;padding: 0.5em;height: 48px;width: 46px;line-height: 0;}

.woocommerce span.onsale{background:#CC6CA8 !important;font-size:12px !important;width: 60px;
height: 60px;
line-height: 15px !important;
display: flex;
justify-content: center;
align-items: center;}




.searchnewin{display: flex;align-items: center;justify-content: center;margin:0 auto;flex-direction:column;width:1350px;max-width:70%}


.searchnewin .newin {     margin: 1em auto;    display: block;    text-align: center;}
.searchnewin .newin a{ color:#fff;background:#CC6CA8; text-align:center;padding:0.2em 1em;font-weight:normal}
.searchnewin .newin a:hover{background:#1F4261}

.wpcf7-form{width:590px;margin:0 auto;max-width:100%;display: flex;
  align-items: center;
  flex-direction: column;}
.wpcf7-form > div{width:500px;max-width:90%;padding:0 5px;box-sizing:border-box;max-width:100%}



.mensaje-envio-gratis {
    background-color: #1F4261;
   color:#fff;
    padding: 10px;
    margin-bottom: 20px;
	text-align:center;
	font-weight:bold
}

.woocommerce-product-details__short-description{padding:10px;box-sizing:border-box;background-color: #F5F5F5;}
.woocommerce-product-details__short-description p{max-width:1400px;margin:0 auto}
/*--------------------- input quantity*/

/* Para navegadores Webkit como Chrome y Safari */


/* Estilo personalizado para las flechas */
.single-product input[type="number"] {
    background-color: #fff;
    color: #000;
    padding: 5px;
    border: 1px solid #000;
   
}

/* Para ocultar el pequeño cuadro naranja en Safari */
.single-product input[type="number"]::-webkit-inner-spin-button,
.single-product input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Agregar una flecha personalizada (puedes usar una imagen o un icono) */
.single-product input[type="number"]:before {
    content: '\2191'; /* Código de la flecha hacia arriba en Unicode */
    padding-right: 5px; /* Espaciado entre la flecha y el número */
	background:#fff
}

/* Agregar una flecha personalizada (puedes usar una imagen o un icono) */
.single-product input[type="number"]:after {
    content: '\2193'; /* Código de la flecha hacia abajo en Unicode */
    padding-left: 5px; /* Espaciado entre el número y la flecha */
	background:#fff
}




/*full site*/
@media screen and (min-width: 1000px) {

	.aws-container .aws-show-clear .aws-search-field{width:430px;border-radius:10}
#totalhead{margin-bottom:228px;flex-direction:column}
	.totalhead{flex-direction:column;height:129px;justify-content: space-between;}

	.telefonotop{    
    max-width: 100%;
    display: flex;
    justify-content: flex-end;
    position: relative;
    }
	.telefonotop .wrap{height: 81px;         display: flex;    justify-content: flex-end;    }
	.searchnewin{height: 81px; flex-direction:row;justify-content:flex-end}
	.searchnewin .newin {    margin: 0;}	
	 .telsocial{max-width:1400px;margin:0 auto;display:flex;justify-content:space-around;padding:0.2em 0;align-items:Center}
	
	 .telsocial > div{padding: 5px 20px;}
	.telsocial > div img{margin-right:10px}
	#searchform{display:flex;justify-content:flex-end;max-width:45%; margin:5px}
	 .telsocial > div:last-child{border:none}
	
	#topinfo{display:flex}
	#searchform button{  margin-left: -61px;outline: none;width:61px;}

	
	#centa, #telefono{display:flex}
	
	
	
	#tophorariodir{display:flex;background:#F8F8F8;justify-content:center;font-size:1vw}
	#tophorariodir > div{padding:5px 10px;box-sizing:border-box;display:flex;align-items:center}
	#tophorariodir > div:first-child{border-right:solid 1px #D3D3D3}
	#tophorariodir img{height:22px;margin-right:10px}
	
	
	.mini-cart span{display: inherit;}
	/*header*/
.headerdeart .radial-progress{top:15%;right:10%}	

	.home .widgettitle  {font-size:46px}
	.page .site-header, .home .site-header{border:none}
	
	.site-header>.wrap{display:flex;align-items: flex-end;margin:0;margin-top:-80px;height:auto;width:400px;}
	.header-widget-area{max-width:75%;width:100%;}
	.searchnewin {display:flex;justify-content:flex-end;align-items: center;}
.whatscel{margin-left:1em}
	.headermail img{margin-top:5px}
	/*logo*/
	.title-area {margin:0;background:#fff;padding: 0.5em 2em;border-radius: 30px;min-width:225px}
	.site-header > .wrap .title-area img{max-height:100%}
	/*menu*/
	.mobmenu{display:none}
	.nav-primary { max-height: 100%;overflow:visible;position:relative;top:0;width:auto }
	/*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;margin-left: -4vw;}
	.nav-primary .wrap>ul{display:flex;flex-wrap:wrap;justify-content:space-around;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;}
	
	#promos{display:flex;}

#home-block1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Tres columnas iguales */
  grid-template-rows: repeat(2, 1fr); /* Dos filas iguales */
  grid-template-areas: 
    "img2 img2 img3"
    "img2 img2 img4";
  gap: 10px; /* Espacio entre elementos */
	text-align: center;
}

	#home-block1 #media_image-2 img{max-width:100% !important}
	
	.baanersmall{display:flex !important;justify-content:center}
	
#recomendados{display:flex;justify-content: space-around;}
	#recomendados > div{margin:0.25em}
#recomendados .recom{height:540px;}	
.recom2 img{margin:0 auto;display:block;max-height:160px;width: auto;}
	.recom2 > div{max-height:260px}	
	.recom2  h2{margin-top:0 !important}
	.recom2{height:540px;display:flex;flex-direction:column;justify-content: space-between;}
	
	
	#consultas > div h2{font-size:62px}
	#consultas > div{position: relative;    left: calc(50% - 8vw);    -webkit-transform: translateX(-50%);    transform: translateX(-50%);
    z-index: 2;}
	#consultas > img {position:absolute;left: calc(50% + 480px);-webkit-transform: translateX(-50%);transform: translateX(-50%);bottom:0}
	
	#home-block2{margin-bottom: 225px;}
	
#home-block4 .textwidget > h2{font-size:46px;position:relative;z-index:10}
	
	

	
	
	 	

#productologo > div{max-width: 50vw;width: 640px; top:0}
	#productologo > img{position:absolute;top:-360px;left:0}
	#productologo > div h2{font-size:60px}
	#productologo{  display:flex;  justify-content:flex-end}
	
	.woocommerce div.product div.images.woocommerce-product-gallery{max-width:50%;width:370px;margin:0 auto}
	.single-product  .product_title{text-align:left}
	.woocommerce div.product{display:flex;justify-content:space-around}
	.single-product .productounico .product{display:flex;justify-content:space-between}	


	.woocommerce-page div.product div.summary{max-width:48%}
.woocommerce-product-details__short-description p{text-transform:uppercase;color:#252020;}

	.woocommerce div.product div.images .flex-control-thumbs{display:flex;justify-content:center}
 
	.woocommerce div.product div.images .flex-control-thumbs li{border:solid 1px #B5B5B5;margin:5px !important}
	.woocommerce-product-gallery .flex-viewport{max-width:84%;margin:0 auto;width:600px}
	/*.woocommerce-product-gallery .flex-control-thumbs{max-width:15%}*/
	
	
/*	.archive	.content-sidebar-wrap{display:flex;margin:0 auto;max-width:1200px;width:100%;flex-direction: row-reverse;}
	.archive .content-sidebar-wrap main{width:75%;padding:0 1em;box-sizing:border-box}
	.archive .content-sidebar-wrap aside{ width:25%;margin-top:-0.6em}
	
	.archive .content-sidebar-wrap aside {margin-bottom:2em}*/
	
	
	.archive .content-sidebar-wrap{display: flex;
    margin: 0;
   
    width: 100%;
    flex-direction: row-reverse;
    justify-content: flex-end;}
	
	 .archive .content-sidebar-wrap aside {
    width: 482px;
    max-width: 36vw;
    background-color: #01A4E5;
  }
	
	
	#home-block6{display:flex; }
	#home-block6 section{width:50%}

	#home-block6 #nosotros{font-size:1.1vw}
	
.archive .content-sidebar-wrap main .entry-content{margin-top:1em}

	.archive ul.products{display:flex;flex-wrap:wrap}
	.archive ul.products li{max-width:350px !important;margin:1% !important}
	
	

	.tax-product_cat  ul.products li.product {width:30% !important;margin-bottom:1em}	
	
	#contacto{flex-wrap:nowrap}
	#contacto > h2{font-size:46px}
	
		#contactanosint {  display: flex;  align-items: center;  justify-content: space-around;  max-width: 686px;  margin: 0 auto;  padding: 10px;  box-sizing: border-box;width:100%}
.contact{display: flex;justify-content: space-between;width: 100%;align-items: center;}


  #hechopor::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 64px 21px;
    border-color: transparent transparent transparent #36A8EC;
    left: 0;
    bottom: 0;
	  
  }
 #hechopor {
    margin-right: -10px;
  }

@media screen and (min-width: 1920px) {
	
	#home-block6 #nosotros{font-size:20px}
	#tophorariodir{font-size:18px}

}

}



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