@keyframes greysat{
    from {filter:saturate(0);}
    to {filter:saturate(1.15);}
}


#proveedores a i{
	height:71px;
	width:264px;
}


#proveedores div .middle-xs{
	opacity:0;
	filter:grayscale(0);
}

#page .footer-shadow .content #proveedores div .row .col-sm-3 .contentswap-overlay .swap-inner{
	opacity:0 !important;
}

#proveedores div .contentswap-overlay{
	opacity:1;
	filter:contrast(4.24) grayscale(0.1) saturate(1.01);
	padding-left:10px;
	padding-right:10px;
}

#proveedores .overlay{
	opacity:0;
}

.header-hero-media .middle-sm img{
	box-shadow:0px 0px 38px 0px #542437;
	
}
#page .footer .center-xs{
	display:none;
}

#page .content-section-spacing{
	padding-bottom:27px;
}

@media (max-width:500px){

	#callnowbutton{
		height:50px;
		width:50px;
		margin-bottom:53px;
		margin-right:-11px;
		margin-left:0px;
	}
	
	.header-description h1{
		font-size:41px;
	}
	
}

@media (max-width:500px){

	.flexbox img{
		max-width:85%;
		margin-top:8px;
		
	}
	
}

@media (min-width:768px){

	#page .content-section-spacing{
		padding-top:19px;
	}
	
}
#page div .bg-image{
	filter:blur(0px) contrast(1.15) grayscale(0) saturate(1.15);
	transform:rotateY(180deg) skewx(0deg);
}

.content-section-spacing .gridContainer .text-center .section-title-col p{
	font-weight:600;
	font-size:17px;
	line-height:20px;
}

#page .section-title-col a{
	line-height:20.7px;
	font-size:15px;
	text-indent:-1px;
	
}

.animation-element.slide-up {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100px, 0px);
}
.animation-element.greys.in-view {
  	animation-name: greysat;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.animation-element.greys {
  	filter:saturate(0);
  
}

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}
.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}
.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.slide-up.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/* WOOCOMMERCE SECTION */

/* Image Auto Ajustable Categorias */
.products a img{
	min-width:0px;
	height:139px !important;
	object-fit: contain;
}

/* Bloque categorias de 2 en 2 por falta de espacio (A no ser que lleguemos a 8) */

.tamanoCategorias {
    -webkit-flex-basis: 50% !important;
    -moz-flex-basis: 50% !important;
    -ms-flex-preferred-size: 50% !important;
    flex-basis: 50% !important;
    max-width: 50% !important;
}