* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
  .form-control, .form-floating>label {
    font-size: 1.4rem;
    color: #313538;
  }

  .titulo {
    color: #00305a;
    font-weight: 700;
    font-size: 3rem;
  }
  .titulo-2 {
    color: #00a1e6;
    font-weight: 700;
    font-size: 3rem;
  } 

  .vehiculo {
    background: #262c33;
  }

  .yellow {background:#ff9500;}

  html {font-size:62.5%;}
  body {font-family: 'Montserrat', sans-serif; font-size: 1.6rem; }

  section, footer {padding: 4rem 0;}

  p {font-size: 1.3rem;}

  /*****HEADER******/

  header {
    position: relative;
    background-color: black;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
  }
  
  /*header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }*/

  .header  {
    background: url(../img/header.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 720px;
    position: absolute  ;
  }
  
  header .container {
    position: relative;
    z-index: 2;
  }
  
  .bajada {
    display: none;
  } 
  header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.2;
    z-index: 1;
  }

  .navbar-light .navbar-toggler {
    background: #fff;
  }
  .nav-link {
    color: #fff!important;
    text-transform: uppercase;
  }

  
  .bg-contacto {
    background: none;
    padding: 2rem 0;
  }

  /*****CONTACTO******/
  .btn-contacto {
    border: 2px solid #ffffff;
    background: trasparent;
    border-radius: 7px;
    color: #fff;
    font-size: 1.5rem;
    text-transform: uppercase;
    text-decoration: none ;
    padding: 1rem 3rem;
  }
  .btn-contacto:hover {
    color: #fff;
  }
  .wasap {
    font-size: 4rem;
  }

  .form {
    padding: 0 10% 0 30%;
    text-align: right;
  }

  /*****BOTON SUBIR ARCHIVO******/

  .button_outer {background: #00a1e6; border-radius:5px; text-align: center; height: 50px; width: 100%; display: inline-block; transition: .2s; position: relative; overflow: hidden;}
.btn_upload {padding: 17px 30px 12px; color: #fff; text-align: center; position: relative; display: inline-block; overflow: hidden; z-index: 3; white-space: nowrap; font-size: 1.5rem;}
.btn_upload input {position: absolute; width: 100%; left: 0; top: 0; width: 100%; height: 105%; cursor: pointer; opacity: 0; }
.file_uploading {width: 100%; height: 10px; margin-top: 20px; background: #ccc;}
.file_uploading .btn_upload {display: none;}
.processing_bar {position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius: 30px; background:#83ccd3; transition: 3s;}
.file_uploading .processing_bar {width: 100%;}
.success_box {display: none; width: 50px; height: 50px; position: relative;}
.success_box:before {content: ''; display: block; width: 9px; height: 18px; border-bottom: 6px solid #fff; border-right: 6px solid #fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position: absolute; left: 17px; top: 10px;}
.file_uploaded .success_box {display: inline-block;}
.file_uploaded {margin-top: 0; width: 50px; background:#83ccd3; height: 50px;}
.uploaded_file_view {max-width: 200px; margin: 40px auto; text-align: center; position: relative; transition: .2s; opacity: 0; border: 2px solid #ddd; padding: 15px;}
.file_remove{width: 30px; height: 30px; border-radius: 50%; display: block; position: absolute; background: #aaa; line-height: 30px; color: #fff; font-size: 12px; cursor: pointer; right: -15px; top: -15px;}
.file_remove:hover {background: #222; transition: .2s;}
.uploaded_file_view img {max-width: 100%;}
.uploaded_file_view.show {opacity: 1;}
.error_msg {text-align: center; color: #fff}

  /*****SERVICIOS******/
  .servicio {
    background: #f9f8f8;
  }
  .servicio .box {
   /* background: #fff;
    padding: 2rem;
    min-height: 260px;
   /* -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.2); 
    box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.2);*/
  }
  .servicio .box p {
    font-size: 1.5rem;
    text-align: justify;
  }


  
  

  /*****VEHICULOS******/
  .vehiculo { 
    background: #2b3236;
    color: white;
  }
  .vehiculo h2, .vehiculo h3 {
    color: #ff9500;
  }

  .vehiculo h2 {
    font-size: 4rem;
    padding: 4rem 0;

  }
  .vehiculo .contact {
    background: url(../img/ico-form.png) no-repeat 0 0;
    padding-left: 100px;
  }
  .vehiculo .info {
    background: url(../img/ico-tasacion.png) no-repeat 0 0;
    padding-left: 100px;
  }
  .vehiculo .precio {
    background: url(../img/ico-pago-inmediato.png) no-repeat 0 0;
    padding-left: 100px;
  }

    /*****ACERCA******/
    .acerca p span {
      color: #4b9ab7;
    }
    .acerca h3 {
      color: #4b9ab7;
    }
    .arrow-desktop {
      display: none;
    }
    .arrow-movil {
      display: block;
    }


  /*****CHOCADOS******/

  .chocados {
    background: url(../img/bg-paisaje.jpg) no-repeat center center;
    background-size: cover;
    height: 600px;
  }
  .chocados h2, .chocados h3  {
    font-size: 4rem;
  }

  /*****FOOTER******/
  .menu-footer span {
    display: block;
    font-weight: 500;
  }

  footer a {
    color: #151515;
  }

  


  /*****wasap*****/
	.whatsapp {
    position:fixed;
    width:60px;
    height:60px;
    bottom:120px;
    right:20px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
  }

  .whatsapp-icon {
    margin-top:13px;
  }


  /* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
  .wasap {
    font-size: 2rem;
    line-height: 150%;
  }

  .form {
    text-align: center;
    padding: 0 10%;
  }
 }

/* Small devices (landscape phones, less than 768px)*/
@media (min-width: 768px) {

  .form {
    padding: 0;
  }

  

  .arrow-desktop {
    display: block;
  }
  .arrow-movil {
    display: none;
  }

  .bajada {
    display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 45%;
}
.bajada h2 {

  font-size: 3rem;
  font-weight: bold;
  color: #ff9500;
  word-break: break-all!important;
}
.bajada p {
  color: #fff;
  word-break: break-all;
}


 }

/* Medium devices (tablets, less than 992px)*/
@media (min-width: 991.98px) { 
    .form {
      padding: 0 10% 0 30%;
    }

    .vehiculo {
      background: #2b3236 url(../img/bg-vehiculo.jpg) no-repeat 300px 0;
    }
  
  
 }

/* Large devices (desktops, less than 1200px)*/
@media (min-width: 1199.98px) { 
  .form {
    padding: 0 1 0 20%;
    text-align: right;
    }

  .vehiculo {
      background: #232e34 url(../img/bg-vehiculo.jpg) no-repeat right 0;
  }

  .titulo {
    font-size: 4rem;
  } 


 }

/* X-Large devices (large desktops, less than 1400px)*/
@media (min-width: 1399.98px) { 

  .bg-contacto {
    background: url(../img/bg-contacto.png) no-repeat !important;
  }

 }