*{
outline: 0 !important;
}
.inicio_body{
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #d9d9d9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#d9d9d9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#d9d9d9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#d9d9d9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
min-height: 800px;
padding: 150px;
}
.inicio{
text-align: center;
}
.login{
margin-top: 100px;
}
.login input{
border-radius: 5px;
width: 40%;
height: 60px;
padding: 20px;
background: #fff;
border:solid 2px #cccccc;
color: #222;
font-family: 'helvetica_regular';
font-size: 20px;
}

.login button {
height: 58px;
padding: 0px 20px;
border-radius: 5px;
border: none;
margin-left: 5px;
background: #595959;
top: -1px;
position: relative;
}


/* ESTILOS TOYOTA */


.toyota header .col-md-4:nth-child(3){
text-align: right;
color: #fff;
font-size: 16px;
font-family: 'helvetica_regular';
}

.toyota header .col-md-4:nth-child(3) span {
line-height: 31px;
}

.overlay-toyota{
text-align: center;
background: rgba(0,0,0,0.6);
position: relative;
padding: 40px;
min-height: 695px;
padding-top: 120px;
}

.overlay-toyota h1{
margin: 0;
color: #fff;
font-size: 28px;
line-height: 40px;
font-family: 'helvetica_bold';
margin-bottom: 40px;
}

.overlay-toyota h2{
margin: 0;
color: rgba(255,255,255,0.7);
font-size: 20px;
font-family: 'helvetica_regular';
margin-bottom: 40px;
}




.overlay-toyota a{
padding: 15px 30px;
color: #fff;
border:solid 2px #fff;
font-size: 18px;
width: 100%;
font-family: 'helvetica_regular';
transition:all 0.3s ease;
}

.overlay-toyota a:hover,.overlay-toyota a:focus, .overlay-toyota ul .active a{
padding: 15px 30px;
color: #333333;
border:solid 2px #fff;
font-size: 18px;
background: #fff;
text-decoration: none;
width: 100%;
font-family: 'helvetica_regular';
transition:all 0.3s ease;
cursor: pointer;
}

.overlay-toyota ul{
padding: 0;
}

.overlay-toyota ul li{
margin: 60px 0;
list-style: none;
}

.overlay-toyota textarea{
width: 60%;
height: 200px;
color: #fff;
border:solid 2px rgba(255,255,255,0.5);
background: rgba(0,0,0,0.8);
padding: 15px 30px;
font-size: 16px;
font-family: 'helvetica_regular';
}

/* TERMINAN ESTILOS TOYOTA */


/* ESTILOS RENAULT */




.renault header .col-md-4:nth-child(3){
text-align: right;
color: #fff;
font-size: 16px;
font-family: 'helvetica_regular';
}

.renault header .col-md-4:nth-child(3) span {
line-height: 50px;
}

.renault header .col-md-4:nth-child(1) img {
width: 40%;
}


.overlay-renault {
    text-align: center;
    background: rgba(0,0,0,0.6);
    position: relative;
    padding: 40px;
    min-height: 695px;
    padding-top: 195px;
}

.overlay-renault h1{
margin: 0;
color: #fff;
font-size: 28px;
line-height: 40px;
font-family: 'helvetica_bold';
margin-bottom: 40px;
}

.overlay-renault h2{
margin: 0;
color: rgba(255,255,255,0.7);
font-size: 20px;
font-family: 'helvetica_regular';
margin-bottom: 40px;
}




.overlay-renault a{
padding: 15px 30px;
color: #fff;
border:solid 2px #fff;
font-size: 18px;
width: 100%;
font-family: 'helvetica_regular';
transition:all 0.3s ease;
}

.overlay-renault a:hover,.overlay-renault a:focus,.overlay-renault ul .active a{
padding: 15px 30px;
color: #333333;
border:solid 2px #fff;
font-size: 18px;
background: #fff;
text-decoration: none;
width: 100%;
cursor: pointer;
font-family: 'helvetica_regular';
transition:all 0.3s ease;
}

.overlay-renault ul{
padding: 0;
}

.overlay-renault ul li{
margin: 60px 0;
list-style: none;
}

.overlay-renault textarea{
width: 60%;
height: 200px;
color: #fff;
border:solid 2px rgba(255,255,255,0.5);
background: rgba(0,0,0,0.8);
padding: 15px 30px;
font-size: 16px;
font-family: 'helvetica_regular';
}

/* TERMINAN ESTILOS RENAULT */


/* ESTILOS CHEVROLET */


.chevrolet header .col-md-4:nth-child(3){
text-align: right;
color: #fff;
font-size: 16px;
font-family: 'helvetica_regular';
}

.chevrolet header .col-md-4:nth-child(3) span {
line-height:65px;
}

.chevrolet header .col-md-4:nth-child(1) img {
width: 50%;
}


.overlay-chevrolet {
    text-align: center;
    background: rgba(0,0,0,0.6);
    position: relative;
    padding: 40px;
    min-height: 895px;
    padding-top: 284px;
}

.overlay-chevrolet h1{
margin: 0;
color: #fff;
font-size: 28px;
line-height: 40px;
font-family: 'helvetica_bold';
margin-bottom: 40px;
}

.overlay-chevrolet h2{
margin: 0;
color: rgba(255,255,255,0.7);
font-size: 20px;
font-family: 'helvetica_regular';
margin-bottom: 40px;
}


.overlay-chevrolet a{
padding: 15px 30px;
color: #fff;
border:solid 2px #fff;
font-size: 18px;
width: 100%;
font-family: 'helvetica_regular';
transition:all 0.3s ease;
}

.overlay-chevrolet a:hover,.overlay-chevrolet a:focus,.overlay-chevrolet ul .active a{
padding: 15px 30px;
color: #333333;
border:solid 2px #fff;
font-size: 18px;
background: #fff;
text-decoration: none;
width: 100%;
font-family: 'helvetica_regular';
cursor: pointer;
transition:all 0.3s ease;
}

.overlay-chevrolet ul{
padding: 0;
}

.overlay-chevrolet ul li{
margin: 60px 0;
list-style: none;
}

.overlay-chevrolet textarea{
width: 60%;
height: 200px;
color: #fff;
border:solid 2px rgba(255,255,255,0.5);
background: rgba(0,0,0,0.8);
padding: 15px 30px;
font-size: 16px;
font-family: 'helvetica_regular';
}

/* TERMINAN ESTILOS RENAULT */


.avanzar{
width: 100px;
height: 100px;
background: #2b8238;
position: fixed;
right: 0;
bottom: 0;
padding: 35px 25px;
}

.avanzar img{
width: 60%;
}

.next{
	padding: 0 !important;
	border:none !important;
}

.next:hover{
	padding: 0 !important;
	background: transparent !important;
	border:none !important;
}

.regresar{
width: 100px;
height: 100px;
background: #333;
position: fixed;
left: 0;
bottom: 0;
padding: 35px 25px;
}


.finalizar{
width: 100px;
height: 100px;
background: #0071bc;
position: fixed;
right: 0;
bottom: 0;
padding: 35px 25px;
}


.regresar img{
width: 60%;
}

.comentarios{
padding-top: 100px;
}

.finish{
padding-top: 200px;
}

@media (min-width: 1300px){
.overlay-toyota{
min-height: 850px;
}

.overlay-renault{
min-height: 850px;
}

.overlay-chevrolet{
min-height: 850px;
}

.comentarios{
padding-top: 150px;
}

.finish{
padding-top: 250px;
}

.renault header .col-md-4:nth-child(1) img {
width: auto;
}
}

@media (min-width: 990px) and (max-width: 1100px){
.inicio_body{
	min-height: 675px;
}

.overlay-renault {
padding-top: 105px;
}

.overlay-toyota {
padding-top: 100px;
}

.overlay-chevrolet {
padding-top: 105px;
}
}

@media (min-width: 768px) and (max-width: 800px){
.inicio_body{
	min-height: 929px;
}

.login input {
width: 60%;
}

.inicio_body {
padding-top: 300px;
}

.overlay-toyota {
min-height: 930px;
padding-top: 130px;
}

.overlay-renault{
min-height: 930px;
padding-top: 130px;
}

.overlay-chevrolet {
min-height: 930px;
padding-top: 130px;
}

.col-md-4{
float: left;
width: 50%;
}

}

@media (min-width: 600px) and (max-width: 667px){
.inicio_body{
min-height: 364px;
padding: 50px;
padding-top: 75px;
}

.overlay-toyota h1,.overlay-renault h1,.overlay-chevrolet h1{
font-size: 20px;
}

.inicio img{
width: 50%;
}

.login{
margin-top: 50px;
}

.login input {
width: 60%;
}

.regresar {
width: 115.5%;
height: 50px;
position: relative;
left: -50px;
bottom: 0;
padding: 7px;
}

.regresar img {
width: 4%;
}

.avanzar {
width: 115.5%;
height: 50px;
position: relative;
left: -50px;
bottom: 0;
padding: 7px;
}

.avanzar img{
width: 4%;
}

.overlay-toyota,.overlay-renault,.overlay-chevrolet{
padding-bottom: 0;
}

.toyota header .col-md-4:nth-child(3),.toyota header .col-md-4:nth-child(2),.toyota header .col-md-4:nth-child(1),.renault header .col-md-4:nth-child(3),.renault header .col-md-4:nth-child(2),.renault header .col-md-4:nth-child(1),.chevrolet header .col-md-4:nth-child(3),.chevrolet header .col-md-4:nth-child(2),.chevrolet header .col-md-4:nth-child(1)  {
text-align: center;
}

.toyota header .col-md-4:nth-child(3){
padding-top: 10px;
}
}

@media (min-width: 600px) and (max-width: 600px){
.avanzar {
width: 117.5%;
height: 50px;
position: relative;
left: -50px;
bottom: 0;
padding: 7px;
}

.regresar {
width: 117.5%;
height: 50px;
position: relative;
left: -50px;
bottom: 0;
padding: 7px;
}

.overlay-toyota h1,.overlay-renault h1,.overlay-chevrolet h1{
font-size: 20px;
}
}

@media (min-width: 568px) and (max-width: 568px){
.avanzar {
width: 118.8%;
height: 50px;
position: relative;
left: -50px;
bottom: 0;
padding: 7px;
}

.overlay-toyota h1,.overlay-renault h1,.overlay-chevrolet h1{
font-size: 20px;
}

.toyota header .col-md-4:nth-child(3),.toyota header .col-md-4:nth-child(2),.toyota header .col-md-4:nth-child(1),.renault header .col-md-4:nth-child(3),.renault header .col-md-4:nth-child(2),.renault header .col-md-4:nth-child(1),.chevrolet header .col-md-4:nth-child(3),.chevrolet header .col-md-4:nth-child(2),.chevrolet header .col-md-4:nth-child(1)  {
text-align: center;
}

.toyota header .col-md-4:nth-child(3){
padding-top: 10px;
}

.regresar {
width: 118.8%;
height: 50px;
position: relative;
left: -50px;
bottom: 0;
padding: 7px;
}

.avanzar img, .regresar img{
width: 4%;
}

.overlay-toyota,.overlay-renault,.overlay-chevrolet{
padding-bottom: 0;
padding-top: 240px;
}

}

@media (min-width: 568px) and (max-width: 568px){
.inicio_body {
min-height: 256px;
padding: 20px;
padding-top: 21px;
}

.inicio img{
width: 50%;
}

.login{
margin-top: 50px;
}

.login input {
width: 60%;
}
}

@media (min-width: 320px) and (max-width: 414px){
.inicio_body {
min-height: 504px;
padding: 30px;
padding-top: 155px;
}

.overlay-toyota h1,.overlay-renault h1,.overlay-chevrolet h1{
font-size: 20px;
}

.inicio img{
width: 80%;
}

.login{
margin-top: 50px;
}

.login input {
width: 70%;
}

.toyota header .col-md-4:nth-child(3),.toyota header .col-md-4:nth-child(2),.toyota header .col-md-4:nth-child(1),.renault header .col-md-4:nth-child(3),.renault header .col-md-4:nth-child(2),.renault header .col-md-4:nth-child(1),.chevrolet header .col-md-4:nth-child(3),.chevrolet header .col-md-4:nth-child(2),.chevrolet header .col-md-4:nth-child(1)  {
text-align: center;
}

}

@media (min-width: 375px) and (max-width: 414px){
.inicio_body {
min-height: 600px;
padding-top: 165px;
}
}

@media (min-width: 414px) and (max-width: 414px){
.inicio_body {
min-height: 672px;
padding-top: 200px;
}

.regresar {
width: 399px;
height: 50px;
position: relative;
left: -40px;
bottom: 0;
padding: 7px;
}

.regresar img {
width: 6%;
}

.avanzar {
width: 399px;
height: 50px;
position: relative;
left: -40px;
bottom: 0;
padding: 7px;
}

.avanzar img{
width: 6%;
}

.overlay-toyota,.overlay-renault,.overlay-chevrolet{
padding-bottom: 0;
}
}

@media (min-width: 736px) and (max-width: 736px){

.col-md-4{
float: left;
width: 50%;
}

.regresar {
width: 730px;
height: 50px;
position: relative;
left: -50px;
bottom: 0;
padding: 7px;
}

.regresar img {
width: 4%;
}

.avanzar {
width: 730px;
height: 50px;
position: relative;
left: -50px;
bottom: 0;
padding: 7px;
}

.avanzar img{
width: 4%;
}

.overlay-toyota,.overlay-renault,.overlay-chevrolet{
padding-bottom: 0;
}

}

@media (min-width: 375px) and (max-width: 384px){
.avanzar {
width: 110%;
height: 50px;
position: relative;
left: -20px;
bottom: 0;
padding: 7px;
}

.toyota header .col-md-4:nth-child(3),.toyota header .col-md-4:nth-child(2),.toyota header .col-md-4:nth-child(1),.renault header .col-md-4:nth-child(3),.renault header .col-md-4:nth-child(2),.renault header .col-md-4:nth-child(1),.chevrolet header .col-md-4:nth-child(3),.chevrolet header .col-md-4:nth-child(2),.chevrolet header .col-md-4:nth-child(1)  {
text-align: center;
}

.toyota header .col-md-4:nth-child(3){
padding-top: 10px;
}

.regresar {
width: 110%;
height: 50px;
position: relative;
left: -20px;
bottom: 0;
padding: 7px;
}

.avanzar img, .regresar img{
width: 6%;
}

.overlay-toyota h1 {
margin: 0;
color: #fff;
font-size: 20px;
line-height: 40px;
font-family: 'helvetica_bold';
margin-bottom: 40px;
}

.overlay-toyota,.overlay-renault,.overlay-chevrolet{
padding-bottom: 0 !important;
}

.overlay-toyota, .overlay-renault, .overlay-chevrolet {
    text-align: center;
    background: rgba(0,0,0,0.6);
    position: relative;
    padding: 15px;
    min-height: 640px;
    padding-top: 220px;
}

.inicio_body {
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#d9d9d9));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#d9d9d9 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#d9d9d9 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#d9d9d9 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d9d9d9',GradientType=0 );
    min-height: 800px;
    padding: 150px;
    padding-left: 10px;
    padding-right: 10px;
}

}

@media (min-width: 414px) and (max-width: 736px){
.inicio_body {
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#d9d9d9));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#d9d9d9 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#d9d9d9 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#d9d9d9 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d9d9d9',GradientType=0 );
    min-height: 800px;
    padding: 150px;
    padding-left: 10px;
    padding-right: 10px;
}


}

@media (min-width: 320px) and (max-width: 320px){
.avanzar {
width: 118.8%;
height: 50px;
position: relative;
left: -37px;
bottom: 0;
padding: 7px;
}

.toyota header .col-md-4:nth-child(3),.toyota header .col-md-4:nth-child(2),.toyota header .col-md-4:nth-child(1),.renault header .col-md-4:nth-child(3),.renault header .col-md-4:nth-child(2),.renault header .col-md-4:nth-child(1),.chevrolet header .col-md-4:nth-child(3),.chevrolet header .col-md-4:nth-child(2),.chevrolet header .col-md-4:nth-child(1)  {
text-align: center;
}

.toyota header .col-md-4:nth-child(3){
padding-top: 10px;
}

.regresar {
width: 118.8%;
height: 50px;
position: relative;
left: -37px;
bottom: 0;
padding: 7px;
}

.avanzar img, .regresar img{
width: 6%;
}

.overlay-toyota h1 {
margin: 0;
color: #fff;
font-size: 20px;
line-height: 40px;
font-family: 'helvetica_bold';
margin-bottom: 40px;
}

.overlay-toyota,.overlay-renault,.overlay-chevrolet{
padding-bottom: 0 !important;
}

.overlay-toyota, .overlay-renault, .overlay-chevrolet{
text-align: center;
background: rgba(0,0,0,0.6);
position: relative;
padding: 15px;
padding-top: 150px;
min-height: 640px;
}

}

@media (min-width: 1280px) and (max-width: 1366px){
.inicio_body{
padding: 200px;
}

.overlay-chevrolet, .overlay-toyota,.overlay-renault{
padding: 50px;
min-height: 800px;
padding-top: 150px;
}

.finish {
padding: 50px;
padding-top: 220px;
}

.content{
padding: 100px !important;
}

.content h1{
margin-bottom: 30px !important;
}

}