@font-face{
	font-family: 'Toyota-display-bold';
	src: url('../font/TOYOTADISPLAY-BOLD.TTF');
}
@font-face{
	font-family: 'Toyota-display-regular';
	src: url('../font/TOYOTADISPLAY-REGULAR.TTF');
}
@font-face{
	font-family: 'Gotham-Bold';
	src: url('../font/Gotham-Bold.otf');
}
.container-fluid{
	max-width: 1920px;
}
/*header*/
.logo-header{
	width: 280px;
	max-width: 100%;
	margin-right: 40px;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}
/***********/
}
header{
	background-size: cover;
	background-position: center;
	min-height: 850px;
	padding-top: 30px;
}
header h3{
	color: #111183;
	font-family: 'Toyota-display-bold';
	text-transform: uppercase;
	font-size: 42px;
	text-align: center;
}
header .logo img{
	width: 300px;
	max-width: 100%;
	margin-top: 20px;
}
.video{
	margin-top: -10%;
}
.boton-video{
	width: 158px;
	height: 39px;
	background: url(../image/boton-video.png) no-repeat;
	background-size: cover;
	border: none;
	color: #111183;
	font-family: 'Toyota-display-bold';
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	padding:2px 0px 0px 2px;
	outline: none;
}
.modal-body{
	padding: 0px !important;
}
.close {
	width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 99999999999;
	background: url(../image/close.svg) no-repeat !important; 
    background-size: auto 100% !important;
}
main{
	background: url(../image/background-contact.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	min-height: 700px;
	padding-top: 30px;
}
main .titulo{
	text-align: center;	
}
main .titulo img{
	width: 420px;
	max-width: 100%;
}
main h4{
	font-family: 'Toyota-display-bold';
	font-size: 60px;
	color: #000000;
	text-shadow: 2px 1px 0 rgba(0, 0, 0, .5);
	margin-top: 20px;
	margin-bottom: 40px;
	
}
main label{
	font-family: 'Toyota-display-bold';
	font-size: 24px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
	color: #000000;
}
input:not(.email),select,textarea{
	border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
	box-shadow: 2px 2px 10px rgba(0,0,0,.50) !important;
}
.email-label{
	padding: 0px;
}
.email-input{
	border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
	box-shadow: 2px 2px 10px rgba(0,0,0,.50) !important;
	background: #FFFFFF;
	height: 42px;
	padding: 0;
}
.email-input input{
	width: 100% !important;
	border: none;
	background: transparent;
	box-shadow: initial;
	border-radius: initial;
	margin: 0;
	display: inline-block;
}
.email-input input:focus{
	border: none;
	box-shadow: none;
}
.email-input #email_1{
	padding-right: 0px;
}
.email-input #email_2{
	padding-left: 0px;
}
.email-input span{
	font-family: 'Toyota-display-regular';
	font-size: 20px;
}
input,select{
	height: 42px !important;
}
textarea{
	resize: none;
}
.btn-enviar{
	position:absolute; 
	bottom:0px;
	width: 110px;
	height: 40px;
	border: none;
	background: url(../image/boton-enviar.png) no-repeat;
	background-size: cover;
	color: #FFFFFF;
	font-family: 'Toyota-display-bold';
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	outline: none;
}
/*Footer*/
footer{
	background: url(../image/background-footer.png) no-repeat;
	background-size: 100%;
	background-position: center top;
	min-height: 100%;
	padding-top: 30px;
}
.logo-footer{
	width: 400px;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
@media(min-width:992px) and (max-width: 1199px){
	main{
		padding-top: 24px;
	}
}
@media (max-width: 991px){
	main h4{
		margin-top: 80px;
	}
	main .cotiza{
		padding: 0px;
	}
	.form-horizontal .control-label{
		text-align: left;
	}
	.email-label{
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 15px;
	}
	footer{
		background-position: 50%;
	}
	footer .logo-toyota{
		text-align: left;
		margin-bottom: 40px;
	}
	footer .logo-tomebamba{
		text-align: center;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	main .titulo {
		margin-top: 30px;
	}
}	
@media (max-width: 768px){
	.container{
		padding-left: 0px;
		padding-right: 0px;
	}
	header, main{
		background-position: left;
	}
	header .logo{
		text-align: center;
		margin-bottom: 40px;
	}
	header h3{
			margin-bottom: 40px;
	}
	main .titulo {
		text-align: left;
		margin-top: 60px;
	}
	.hilux, .hilux div{
		padding:0px;
	}
	footer{
		background-position: left top;
		background-size: 2040px 112px;
	}
	footer .logo-toyota{
		text-align: center;
	}
	footer .logo-tomebamba{
		padding-top: 40px;
		padding-bottom: 20px;
	}
}