/*
	Theme Name: Landings
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,600,600i,700,700i');
/*------------------------------------*\
   COLORES
\*------------------------------------*/

.transparencia{ background-color: rgba(218, 33, 40,0.8); box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);}
.fondo1, .derecha .wpcf7-submit:hover{ background-color: rgb(5, 138, 170);}
.derecha .wpcf7-submit{ background-color: #333; cursor: pointer;}
.texto1{ color: rgb(5, 138, 170);}
a.fondo1:hover, .derecha .wpcf7-submit:hover{ background-color: #111;}
.fondo2{ background-color: rgb(229,16,41);}
.texto2{ color: rgb(229,16,41);}
a.fondo2:hover, input.fondo2:hover{ background-color: #333;}
a.fondo1, a.fondo2, .derecha  .wpcf7-submit, input.fondo2{ transition: background 0.3s;}
a.fondo1:hover, a.fondo2:hover, input.fondo1:hover, input.fondo2:hover, .derecha .wpcf7-submit{ transition: background 0.3s;}
.fondo3{ background-color: #FFF}
.texto3{color:rgb(38,38,38);}
.texto4{color:rgb(78,78,78);}
.texto5{color:rgb(48, 59, 76);}
.wpcf7-text, .wpcf7-select, .wpcf7-textarea{font:300 13px /1.4 'Montserrat','Helvetica Neue', Helvetica, Arial, sans-serif; }
body {
	font:300 11px/1.4 'Montserrat','Helvetica Neue', Helvetica, Arial, sans-serif;}


#auto_principal h3{float:left; clear: left; position:relative; color: #FFF; background-size: 100% 100%; padding: 8px 190px 8px 65px; background-image: url(img/flecha2.png);font-weight: 500; font-size: 30px; line-height: 1; margin: -13px 0 0 0; max-width: 100%}
#auto_principal h3 strong{float:left;width: 100%; font-weight: 500;}
#auto_principal h3 span{clear: left; float: left;font-style: italic; font-size: 20px; width: 100%;}
#barramensajes{width:100%; clear: left; margin: 30px 0 15px;  padding: 8px 20px; float: left; position: relative;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */}



/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	color:#222;padding: 0; margin: 0; float: left; width: 100%;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	border: none;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	width:95%;
	max-width: 1200px;
	padding: 0 20px;
	margin:0 auto;
	position:relative;
}
/* header */
.header {
 width:100%; float: left; text-align: center; padding: 12px 0;
 box-shadow: 0 2px 2px rgba(0,0,0,0.25);
 position: relative;
 z-index: 2;
}

.header .wrapper {
	display: flex;
	align-items: center;
}
/* logo */
.logos {
	text-align: left; position: relative; flex-shrink: 0;
}
.logos a{position: relative; vertical-align: middle; display: table-cell; padding-right: 10px;}
.logos a img{max-height: 100px; width: auto;transition: height 0.3s;}
.logo-anchor {
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	text-align: left;
}

.contactos {
	margin-left: auto;
	font-size: 19px;
	text-align: right;
	display: flex;
	text-align: center;
	flex-wrap: wrap;
	justify-content: flex-end;
}

#bottom .contactos {
	text-align: center;
	justify-content: center;
}

#bottom .wrapper {
	display: flex;
	align-items: center;
}

.contactos a {
	margin-left: 10px;
	font-weight: bold;
	color: #DA2128;
	display: inline-block;
	padding: 3px 10px;
}

.contactos a:hover {
	color: #333;
	transition: color 0.4s;
}

.contactos a.whatsapp {
	background-color: #00bb2d;
	color: #FFF;
	border-radius: 3px;
}

.contactos a.whatsapp:hover {
	background-color: #329118;
}

.contactos .consultas-online, .contactos .consultas-telefonicas {
	text-align: center;
	display: flex;
	flex-direction: column;
	white-space: nowrap;
}

.contactos .consultas-online span {
	font-size: 13px; 
	color: #00bb2d;
	font-weight: bold;
	text-transform: uppercase;
}

.contactos .consultas-telefonicas span {
	font-size: 13px; 
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
}

#auto_principal{float:left; width: 100%; background-repeat: no-repeat; background-size: auto 140% !important; height: auto; position: relative; background-image: url(img/banner8.jpg); background-position: left 0; text-align: left;}
#auto_datos{clear:left;}
#auto_principal .izquierda{float:left; width: 90%; flex: 1 1 auto; color:rgba(0,0,0,0.9); text-align: center; margin-right: 20px; color: #FFF; text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
border-radius: 5px; padding: 10px 100px 10px 20px; margin-right: -90px; background-color: rgba(24, 159, 219, 0.5); }
#auto_principal .wrapper { position: static; display: flex; align-items: center;}
#auto_principal .izquierda>* {
	max-width: 800px;
	margin: 0 auto;
}
#auto_principal h1{ width: 100%; text-transform: uppercase; font-size: 42px; line-height: 1.3; margin-bottom: 0; }
#auto_principal h2{ width: 100%; font-weight: 600;font-size: 22px;z-index: 2; position:relative;}
#auto_principal .derecha{ width: 360px; max-width:80%; float:right; margin: 20px 0 80px auto; min-width: 320px; }
.izquierda img.imgauto{float:right; max-width: 100%; min-width: 74%; position: absolute; right:25px; bottom:0px;}
.izquierda img.imggarantia{float:right; height:auto; max-width: 101px; position: absolute; left:25px; bottom:20px;}
.izquierda small{text-transform: uppercase; right:20px; bottom: 30px; position: absolute;}
#auto_principal .derecha>div{ color:#FFF; text-align: center; float: left; width: 100%; padding: 20px 30px; margin-top:15px;}
#auto_principal .derecha h4{font-size: 24px; margin-top: 0; margin-bottom: 10px}
#auto_principal .derecha .wpcf7-form-control-wrap, #auto_principal .derecha .wpcf7-text{float:left; width: 100%;margin-bottom:20px; }
#auto_principal .derecha .wpcf7-text, #auto_principal .derecha .wpcf7-select, #auto_principal .derecha .wpcf7-textarea{float: left; width: 100%; border: 1px solid #DDD; margin-bottom: 0; color: #000; font-size: 14px; line-height: 21px;}
#auto_principal .derecha .wpcf7-textarea{ height: 65px; max-width: 100%; max-height: 65px; resize: none;}
#auto_principal .derecha .wpcf7-submit{font-size: 24px; color: #FFF; font-weight: 600; border: none; padding: 6px; text-align: center; width: 100%; float: left;}
#auto_principal .derecha p{margin:0;}
#autodatos, #bottom{float:left; width: 100%; padding: 40px 20px; background-color: #e6e6e6;}
#bottom {
	border-top: 2px solid rgb(229,16,41)
}

#autodatos .izquierda{float:left; width: 60%; font-size: 15px; font-weight: normal;}
#autodatos .izquierda h4{font-weight: 600; font-size: 18px; margin: 0 0 6px;}
#autodatos .izquierda>div p{margin:0;}
#autodatos .izquierda>div{float:left; padding-left: 70px; position: relative; margin-bottom: 15px;}
#autodatos .izquierda>div .icono{position:absolute; border-radius: 50%; height: 48px; width: 48px; line-height: 48px; text-align: center; padding: 3px; left: 0; top: 20px;}
#autodatos .izquierda>div .icono img{height:auto; max-width: 100%; max-height: 100%; vertical-align: middle;}
#autodatos .derecha{float:right; width: 40%; padding-left: 25px; padding-top: 25px; }
.fotos{float:left; width: 100%;}
#listado_autos{float:left; width: 100%; padding: 60px 0; }

#tcols {
	background: rgb(89,162,198);
background: linear-gradient(90deg, rgba(89,162,198,1) 0%, rgba(85,159,207,0.9191877434567577) 35%, rgba(0,212,255,1) 100%);
box-shadow: 0 -5px 3px rgba(0,0,0,0.25) inset;
border-top: 4px solid #FFF;
}
#listado_autos .wrapper, #tcols .wrapper{display: flex;}
@media screen and (min-width: 767px) {
	#tcols > .wrapper > div {
		max-width: 30%;
	}
}
#tcols .wrapper {
	justify-content: center;
	padding: 50px 0;
	flex-wrap: wrap
}

#tcols > .wrapper > div {
	padding: 20px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.2;
	color: #254b72;
	text-shadow: none;
}

#tcols > .wrapper > div span {
	display: inline-block;
	color: #FFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
#listado_autos .auto{display:inline-block; flex: 1 1 0; overflow: hidden; width: 25%; padding: 10px; border-right: 1px solid #DDD; margin: 10px 0; text-transform: uppercase;}
#listado_autos .auto:nth-child(4n){border:none;}
#listado_autos .auto h3{float:left; width: 100%; margin: 0; font-weight: 600; font-size: 45px;}
#listado_autos .auto h3 span{float:left; padding-right: 6px; line-height: 1;}
#listado_autos .auto h3 span em{font-weight:400; clear: left;font-size: 19px;float:left;color: #555;}
#listado_autos .auto h3 span strong{float:left; clear: left;}
#listado_autos .auto h3 span.modelo{color:#189fdb; font-size: 26px; font-weight: 800; margin-left: 10px;margin-top:5px; width: 100%; overflow: hidden; text-overflow: ellipsis;}
#listado_autos .auto .valor{float:right; background-image: url(img/flecha4.png); background-size: 100% 100%; color:#FFF;font-size: 28px; font-weight: 600; text-align: right; padding: 6px 20px; font-style: italic; margin-top: -15px;}
#listado_autos .auto .vboni{float: right;font-size: 24px;font-weight: bold;margin-bottom: -30px;margin-top: -5px;text-align: right;padding: 6px 20px;font-style: italic;clear: right;color: #555;}
#listado_autos .auto .valor.boni{font-size: 20px; }
#listado_autos .auto .valor span{float: left;width: 93px;font-size: 14px;line-height: 14px;padding-top: 6px;margin-right: 7px;}
#listado_autos .auto img{ margin:10px auto; max-width: 100%; height: auto;}
.solicitar{float:left; clear: left; width: 100%; margin: 10px 0; font-weight: 500; font-size: 19px; color: #FFF!important; text-align: center; padding: 6px;}
#bottom .wrapper>div{float:left; width: 50%; padding: 0 20px; border-right:1px solid #DDD; text-align: center; text-transform: uppercase;}
#bottom .wrapper>div:last-child{border:none;}
#bottom .wrapper>div:first-child{background-repeat: no-repeat; background-position: left 15px, right 15px; background-image: url(img/chevron.png), url(img/chevron2.png); padding: 10px 40px; }
.usado{ display: inline-block; line-height: 1;}
.usado strong{font-weight: normal; font-size: 20px;}
.usado span{clear:left; font-size: 15px;}
#bottom .wrapper>div p{font-size:11px; font-weight: 100; padding: 0 5%;}
#bottom .wrapper>div .cont{width:100%; max-width: 350px; margin: 0px auto;}
#bottom .wrapper>div h3{margin:4px 0 5px; font-size: 16px; line-height: 1.2;}
.contacto{float:left; width: 100%; margin: 0px 0 10px; color: #FFF!important; font-weight: 600; font-size: 21px; padding: 10px;}
/* footer */
.footer {
 float:left; width:100%; padding: 10px 0; border-top: 2px solid rgb(229,16,41); background-color: rgba(27,34,45,1); color: #FFF;
}
.footer .wrapper {
	display: flex;
	padding: 0 60px;
}
.footer .logosf{float:left; padding-right: 50px;}
.copyright{margin-left: auto; flex: 1 1 auto; }
.copyright>div{display: inline-block; margin-left: 10px;}
.g2rocket{color:#0eb0e3!important; display: flex; align-items: center;}
.g2rocket img{vertical-align: top;}

.promos { padding: 0 30px;}
#promos {
	border-top: 2px solid #333; border-bottom: 2px solid #333;}
#promos .slick-slide {
	text-align: center;
	color: #FFF;
	font-size: 35px;
	line-height: 39px;
	padding: 10px 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#bajopromo {
	text-align: center;
	float: left;
	width: 100%;
	padding: 30px 0 60px;
	font-size:16px;
}

#bajopromo .contacto {
	width: auto; 
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
	float: none;
	display: inline-block;
}

#sucursales {
	float: left;
	width: 100%;
	background-image: url(img/fondo.jpg);
	background-size: cover;
	padding: 75px 0;
	border-top: 1px solid #999;
}

#sucursales .wrapper div {
	font-size: 15px;
	width: 40%;
	margin: 0 5%;
	float:left;
	padding: 30px;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.7);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}


#sucursales i {
	margin-right: 6px;
}

#sucursales h4 {
	margin-bottom: 5px;
	font-size: 19px;
	margin-top: 0;
}

#sucursales a {
	font-size: 13px;
	font-weight: bold;
	color: #DA2128;
}

#sucursales a:hover {
	color: #333;
}

#sucursales p {
	margin: 0;
}

#wpflotante {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: auto;
	display: flex;
	align-items: center;
	height: 50px;
	z-index: 20;
}
#wpflotante span {
	border: 1px solid #AAA;
	background-color: rgba(255,255,255,0.7);
	color: #666;
	font-size: 10px;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	display: inline-block;
	margin-right: 5px;
}
#wpflotante a {
	border-radius: 50%;
	color: #FFF;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	font-size: 35px;
	line-height: 50px;
	height: 50px;
	width: 50px;
	text-align: center;
	background-color: #00bb2d;
	display: inline-block;
}

#wpflotante a:hover {
	background-color: #329118;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width:1060px) {
	
	#listado_autos .auto .valor{margin-top:0px;}
}
@media only screen and (max-width:900px) {
	.solicitar{font-size:16px; line-height: 17px; padding-top: 10px; padding-bottom: 10px;}
	#auto_principal h1 {
		font-size: 35px;
	}
	#auto_principal h2 {
		font-size: 18px;
	}
}
@media only screen and (max-width:768px) {
	
	#auto_principal .izquierda{position:relative; width: 100%; text-align: center; order: 2; padding: 20px; margin-right: 0;}
	#auto_principal .derecha{width:100%; padding:0px 20%; position: relative; transform: none; top: auto; right: auto; order: 1; max-width: none; }
	#auto_principal .derecha h4 {
		font-size: 18px;
	}
	.izquierda small{bottom:5px;}
	#auto_principal{height:auto;}
	.izquierda img.imgauto{width:84%; position: relative; right: auto; margin: 10px auto; float:none;}
	.izquierda img.imggarantia{left:auto; right:0; top: 20px;}
	#barramensajes .flecha3{padding: 14px 44px;	max-width: none;margin: -20px auto -15px;line-height: 22px;float: none;width: auto;text-align: center;display: inline-block;}
	#barramensajes span img {float: none;margin-top: -2px; display: inline-block; vertical-align: text-top;}
	#barramensajes{ background: none; text-align: center;}
	#barramensajes span {float: left; width: 100%;text-align: center; padding: 10px; background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );}
#auto_principal .wrapper{
		flex-wrap: wrap; 
		padding-bottom: 60px;
	}
	#listado_autos .auto{width: 50%; min-width: 50%;}
	
	#listado_autos .wrapper {
		flex-wrap: wrap;
	}
	#listado_autos .auto{ border-right: none!important;}
	#auto_principal .derecha .wpcf7-text, #auto_principal .derecha .wpcf7-select, #auto_principal .derecha .wpcf7-textarea {
		font-size: 16px;
		line-height: 19px;
		height: auto;
	}

	#sucursales iframe {
		width: 100%;
		margin: 20px 0;
	}

	#bottom a {
		margin: 0;
	}

	.contactos a.phone {
		white-space: nowrap;
		text-align: center;
	}

}

#promos {
	background-image: url(img/degrade.jpg);
	background-size: cover;
	padding: 120px 0;
	display: block;
	float: left;
	width: 100%;
}
@media only screen and (max-width:650px) {
	#autodatos .izquierda, #autodatos .derecha{width:100%; padding: 0 0 10px; }
	#bottom .wrapper > div{width:100%; border: none; padding: 10px 0;}
	#bottom .wrapper {
		display: block;
	}
	#sucursales .wrapper div {
		width: 90%;
		margin: 20px 5%;
		float:left;
		padding: 30px;
		text-align: center;
		border-radius: 5px;
		background-color: rgba(255,255,255,0.7);
		box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	}
	.contactos {
		font-size: 16px;
	}
	#wpflotante span {
		display: none;
	}

	#bottom .wrapper {
		flex-wrap: wrap;
	}

	.logos a img {
		max-height: 70px;
	}

	.logo-anchor {
		font-size: 12px;
	}

	
}
@media only screen and (max-width:550px) {
	#auto_principal .derecha{padding:0px; }
	#listado_autos .auto{min-width: 100%; border:none!important}
	.solicitar{font-size:19px; line-height: 20px;}
	#listado_autos .auto img{width:100%; margin-top: -20px;}
	.copyright,.footer .logosf{width:100%; padding-right: 0px; margin-bottom: 10px; margin-top: 10px; text-align: center}
	.copyright > div{padding:0; margin-bottom: 6px; width: 100%;}
	.footer .wrapper {
		display: block;
		text-align: center;
	}
	.contactos {
		font-size: 16px;
	}

	.logos a img {max-height: 60px}
	#bottom .wrapper > div:first-child {
		padding: 10px 30px;
	}

	#promos {
		padding: 70px 0;
	}

	#promos .slick-slide {
		font-size: 30px;
	}
	
}
@media screen and (min-width: 451px) {
	.logo-anchor-mobile {
		display: none;
	}
}
@media only screen and (max-width:450px) {
	.slick-next {
		right: 5px;
	}
	.slick-prev {
		left: 5px;
	}
	#listado_autos .auto img{margin-top: 0px;}
	.logo-anchor {
		display: none;
	}
	.wrapper {
		width: 100%;
	}

	#auto_principal h1 {
		font-size: 29px;
	}
	.logos a img {
		margin-left: 16px;
		margin-bottom: 4px;
	}
	.logos a {
		text-align: center;
	}
	.logo-anchor-mobile {
		display: block;
		clear: left;
		font-weight: bold;
		text-align: center;
		max-width: 115px;
		font-size: 10px;
	}
	#auto_principal .derecha {
		margin-bottom: 40px;
	}
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

.transparencia, .izquierda{
	opacity: 0.2;
	transition: opacity .3s .25s ease-out;
	will-change: opacity;
}

.transparencia.is-visible, .izquierda.is-visible {
	opacity: 1;
}

.inline-photo, .inline-photo2, #sucursales .wrapper div {
	opacity: 0.2;
	transform: translateY(4em) rotateZ(-5deg);
	transition: transform 4s .25s cubic-bezier(0,1,.3,1),
				opacity .3s .25s ease-out;
	will-change: transform, opacity;
  }
  

  .inline-photo.is-visible,  #sucursales .wrapper div.is-visible {
	opacity: 1;
	transform: rotateZ(-2deg);
  }

  .inline-photo2.is-visible {
	opacity: 1;
	transform: rotateZ(0deg);
  }

  #sucursales .wrapper div.is-visible {
	transform: rotateZ(0deg);
  }
  
  .inline-photo2 {
	transform: scale(1);
	animation: pulse-black 2s infinite;
}

@keyframes pulse-black {
	0% {
		transform: scale(0.95);
	}
	
	70% {
		transform: scale(1);
	}
	
	100% {
		transform: scale(0.95);
	}
}

.wpcf7 form.sent .wpcf7-response-output {
	float:left;
	display: block;
}