#slide-home{
	background-color: #fff;
	float: left;
	position: relative;
	width: 100%;
}

#marcas-home{
	float: left;
	width: 100%;
}
	#marcas-home ul.marcas-carrusel{}
		#marcas-home ul.marcas-carrusel li{margin: 10px;}
		
#secciones-home{
	float: left;
	padding: 40px 0;
	width: 100%;
}
		#secciones-home ul.secciones-carrusel{}
			#secciones-home ul.secciones-carrusel li{
				margin: 10px;
			}
				#secciones-home ul.secciones-carrusel li a{background-color: #000000; float: left; overflow: hidden; position: relative;}
					#secciones-home ul.secciones-carrusel li a img{
						opacity: .6;
						transition: .2s ease all;
						backface-visibility: hidden;
				    max-width: none;
				    transform: /*translate3d(-40px, 0px, 0px)*/ scale(1.14);
				    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
						display: block;
						height: auto;
						width: calc(100% + 30px);
					}
					#secciones-home ul.secciones-carrusel li a .section-name{
						align-items: center;
						bottom: 0;
						display: flex;
						justify-content: center;
						left: 0;
						height: 100%;
						position: absolute;
						transition: .2s ease all;
						width: 100%;
						z-index: 3;
					}
						.section-name h3{
							color: #fff;
							font-size: 1.9em;
							text-align: center;
							text-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
						}
		/* hover */
		#secciones-home ul.secciones-carrusel li:hover a img{
			opacity: 1;
			transform: /*translate3d(0, 0, 0) */scale(1);
		}
		#secciones-home ul.secciones-carrusel li:hover a .section-name{
			transform: scale3d(1.1,1.1,1);
		}

#ofertas-home{
	float: left;
	padding: 40px 0;
	text-align: center;
	width: 100%;
}
	#ofertas-home .title-ofertas{margin-bottom: 30px;}
	
#media-home{
	float: left;
	padding: 40px 0;
	width: 100%;
}
	#media-home .item-video{}
		#media-home .item-video figure{background-color: #212529; float: left; position: relative; width: 100%;}
			#media-home .item-video figure img{opacity: .8; transition: .2s ease all;}
			#media-home .item-video figure figcaption{
				align-items: center;
				bottom: 0;
				display: flex;
				justify-content: center;
				left: 0;
				height: 100%;
				position: absolute;
				transition: .2s ease all;
				width: 100%;
				z-index: 3;
			}
				#media-home .item-video figure figcaption svg{color: #fff; font-size: 60px;transition: .2s ease all;}
				
		/* hover */
		#media-home .item-video figure:hover img{opacity: 1}
		#media-home .item-video figure:hover figcaption svg{color: #332D7B; transform: scale(1.2)}

#corporative-home{
	float: left;
	padding: 40px 0;
	text-align: center;
	width: 100%;
}
	#corporative-home h1{display: none;}
	#corporative-home h2{}
	#corporative-home p{font-family: 'Barlow Condensed', Helvetica, sans-serif; font-size: 1.2em; font-weight: 400;}

	#corporative-home .item-corporativo .circle-icon{
		background-color: #332D7B;
		border-radius: 50%;
		color: #fff;
		display: inline-block;
		font-size: 4em;
		height: 130px;
		line-height: 2.0em;
		margin: 20px 0;
		position: relative;
		width: 130px;
	}
	#corporative-home .item-corporativo .circle-icon:after{
	  background-color: transparent;
	  border: 5px solid rgba(52, 45, 123, 0);
	  border-radius: 50%;
	  bottom: 0;
	  content: "";
	  height: 130px;
	  left: 0;
	  opacity: 0.9;
	  position: absolute;
	  right: 0;
	  transition: .2s ease all;
	  top: 0;
	  width: 130px;
	  z-index: 2; 
	}
		
	#corporative-home .item-corporativo p{color: #868E96; font-family: 'Barlow Condensed', Helvetica, sans-serif; font-size: 1.2em; font-weight: 400;}
	
	/* hover */
	#corporative-home .item-corporativo:hover .circle-icon{
		-webkit-animation: increase-08 .6s forwards;
		-moz-animation: increase-08 .6s forwards;
		-ms-animation: increase-08 .6s forwards;
		animation: increase-08 .6s forwards;
	}
	#corporative-home .item-corporativo:hover .circle-icon:after{
		border-color: rgba(52, 45, 123, 0.4);
		-webkit-animation: increase-125 1.0s infinite, bgopacity 1.0s ease-in-out infinite;
		-moz-animation: increase-125 1.0s infinite, bgopacity 1.0s ease-in-out infinite;
		-ms-animation: increase-125 1.0s infinite, bgopacity 1.0s ease-in-out infinite;
		animation: increase-125 1.0s infinite, bgopacity 1.0s ease-in-out infinite;
	}

#suscribe-home{
	background-color: #868E96;
	float: left;
	padding: 40px 0;
	text-align: center;
	width: 100%;
}
	#suscribe-home h6{
		color: #fff;
		font-size: 2em;
		display: inline-block;
		margin: 0 20px 0 0;
	}
	#suscribe-home .suscribe-form{
		display: inline-block;
		position: relative;
	}
		#suscribe-home .suscribe-form input{
			border-radius: 90px;
			margin: 0;
			width: 200px;
		}
		#suscribe-home .suscribe-form .ico-send{
			background-color: #868E96;
			border-radius: 50%;
			color: #fff;
			height: 30px;
			line-height: 2em;
			right: 2px;
			top: 2px;
			position: absolute;
			width: 30px;
		}
		#suscribe-home .suscribe-form .ico-send:hover{background-color: #332D7B}
		
#sucursales-home{
	float: left;
	padding: 40px 0;
	text-align: center;
	width: 100%;
}
	#sucursales-home .item-sucursal{background-color: #332D7B; display: inline-block; margin: 10px; width: calc(16.666667% - 23px)}
		#sucursales-home .item-sucursal{padding: 15px 10px;}
			#sucursales-home .item-sucursal svg{color: rgba(255, 255, 255, 0.4); float: left; height: 40px; margin: 3px 15px 0 0; transition: .2s ease all; width: 40px;}
			#sucursales-home .item-sucursal .sucursal-data{
				float: left;
				text-align: left;
				width: calc(100% - 55px);
			}
				#sucursales-home .item-sucursal .sucursal-data h5{float: left; color: #fff; font-size: 1.2em; text-transform: uppercase; width: 100%;}
				#sucursales-home .item-sucursal .sucursal-data .address{float: left; color: #fff; font-size: .8em; line-height: 1em; width: 100%;}
				#sucursales-home .item-sucursal .sucursal-data .phone{float: left; color: #fff; font-size: .8em; line-height: 1em; width: 100%;}

		/* hover */
		#sucursales-home .item-sucursal:hover{transform: scale(1.05);}
			#sucursales-home .item-sucursal:hover svg{color: rgba(255, 255, 255, 1.0);}
		

/* ANIMATION FRANJA Keyframes */
@keyframes increase-08{
	from {
    transform: scale3d(1.0,1.0,1);
  }

  to {
    transform: scale3d(1.08,1.08,1);
  }
}
@keyframes increase-125{
	from {
    transform: scale3d(1.0,1.0,1);
  }

  to {
    transform: scale3d(1.25,1.25,1);
  }
}