/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
	font-family: "Dosis", sans-serif;
	background: url('../img/bg-site.jpg') no-repeat;
	background-size: cover;
}

a{
	color: #fff;
}

.top-bar{
	width: 100%;
	height: 2.4rem;
	display: block;
	background: url(../img/top-bar.png);
}

.btn-rojo,
input[type=submit]{
	color: #fff;
	background: #D4332C;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	font-size: 1.475rem;
	padding: .8em 2.8em;
	display: inline-block;
	line-height: 1;
	border: none;
}

header.header-main{
	padding: 3.6rem 3.9rem;
	text-shadow: 1px 1px 2px rgba(0,0,0,.4);
	text-align: center;
	color: #fff;
	/*background: url('../img/header-banner.png') no-repeat;*/
	background: url('../img/SCT2L.jpg') no-repeat left bottom;
	background-size: cover;
	height: 580px;
}

h1{
	text-transform: uppercase;
	font-size: 3.7rem;
	font-weight: 700;
	margin-bottom: 2.7rem;
}

h2{
	font-size: 2.5rem;
	color: #fff;
	text-transform: none;
	font-weight: 700;
	margin-bottom: 2.4rem;
	line-height: 1;
}

a{
	transition: all .2 ease-in;
}


a:hover{
	color: inherit;
	opacity: .8;
}

a.facebook{
	border-radius: 0 0 5px 5px;
	transform: rotate(-90deg);
	position: fixed;
	left: -9.2rem;
	display: block;
	margin: 0;
	text-transform: none;
	top: 39rem;
	font-size: 1.5rem;
	font-weight: 500;
	z-index: 10;
}

header.header-main p{
	font-size: 2.4rem;
	font-weight: 500;
	margin-bottom: .5rem;
}

header.header-main form{
	margin-top: 4rem;
}

form input:not([type=submit]), form select, form textarea{
	width: 100%;
	padding: .7rem 2.3rem;
	border: none;
	margin-bottom: .5rem;
	box-shadow: 2px 2px 3px rgba(0,0,0,.3);
	color: #6D6D6D;
}

section.intro{
	padding: 5.6rem 0 5.9rem;
	color: #444444;
	font-size: 2.4rem;
	text-align: center;
	background: #fff;
}

.productos{
	text-align: center;
	padding: 0 0 6.2rem;
}

.text{
	padding: 1.5rem 1.8rem;
	background: #fff;
	color: #494949;
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 2.9rem;
}

.banner{
	background: #fff;
	text-align: center;
	padding-top: 3.9rem;
}

.img-wrapper{
	overflow: hidden;
	position: relative;
}

.img-wrapper .overlay{
	background: url(../img/overlay.svg);
	background-size: 100% 62px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	mix-blend-mode: multiply;
	color: #fff;
	font-size: 1.7rem;
	text-transform: uppercase;
	font-weight: 700;
	height: 62px;
	text-align: left;
	padding: 3rem 2rem;
}

.img-wrapper .overlay span{
	isolation: isolate;
}

.productos.ford .img-wrapper:after,
.productos.chevrolet .img-wrapper:after,
.productos.dodge .img-wrapper:after{
	content: "";
	position: absolute;
	background: url(../img/over-producto.png) no-repeat;
	background-size: cover;
	display: block;
	right: 2rem;
	bottom: 1rem;
	width: 156px;
	height: 104px;
}

.productos.dodge .img-wrapper:after{
	background: url(../img/over-producto2.png) no-repeat;
	width: 69px;
	height: 137px;
}

.productos.dodge header img+img{
	margin-left: 8.2rem;
}

.productos.programadores{
	margin-top: 5.5rem;
}

.productos header{
	margin-bottom: 6.4rem;
}

hr{
	margin: 0 0 6.2rem;
	border-color: #B5B5B5;
}

footer{
	padding: 3.7rem 0;
	color: #fff;
	font-weight: 500;
	font-size: 1.5rem;
}

footer img{
	max-width: 100%;
	height: auto;
}

footer > .container > div+div{
	padding-left: 3rem;
	position: relative;
}

footer > .container > div+div:before{
	display: block;
	position: absolute;
	background: url(../img/separador.svg) no-repeat;
	height: 7.3rem;
	width: 3.6rem;
	left: -3rem;
	content: "";
	top: 0;
}

footer .logo-dieseltuning {
	background: url(../img/dieseltuning.png) center center scroll no-repeat;
	background-size: contain;
	width: 220px;
	height: 66px;
	display: inline-block;
	margin-right: 1em;
}

footer .logo-bullydog {
	background: url(../img/bullydog.svg) center center scroll no-repeat;
	background-size: contain;
	width: 90px;
	height: 66px;
	display: inline-block;
	margin-right: 1em;
}

footer .logo-sprint {
	background: url(../img/sprint-logo.png) center center scroll no-repeat;
	background-size: contain;
	width: 98px;
	height: 66px;
	display: inline-block;
	margin-right: 1em;
}

footer .text-footer{
	padding-top: 1.5rem;
}

img{
	max-width: 100%;
}

@media screen and (max-width: 768px){
	footer div+div{
		margin-top: 2rem;
	}

	footer{
		text-align: center;
	}

	footer .logo-sprint, footer .logo-bullydog, footer .logo-dieseltuning  {
		display: block!important;
		width: 100%;
	}


	.productos.dodge header img{
		margin: 0 auto;
		clear: both;
		display: block;
	}
	.productos.dodge header img+img{
		margin-left: auto;
		margin-right: auto;
		margin-top: 1rem;
	}

	header.header-main{
		height: 100%;
	}
}

#captchaError {
	display: none;
	color: rgb(212, 51, 44);
    background: white;
    border: 1px red;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 10px 0px;
    width: fit-content;
}