@font-face { font-family: 'light'; src: url('.././fonts/Montserrat-Light.otf'); }
@font-face { font-family: 'regular'; src: url('.././fonts/Montserrat-Regular.otf'); }
@font-face { font-family: 'semibold'; src: url('.././fonts/Montserrat-SemiBold.otf'); }
@font-face { font-family: 'bold'; src: url('.././fonts/Montserrat-Bold.otf'); }
@font-face { font-family: 'extrabold'; src: url('.././fonts/Montserrat-ExtraBold.otf'); }

body{ background-color: #eeeeee; color: #000000; }
.pd0{ padding: 0; }
.mb50{ margin-bottom: 50px; }
.centrado{ display: flex; justify-content: center; align-items: center; }
.seccion{ background-color: #ed1b2e; font-family: 'bold'; color: #fff; text-align: center; padding: 20px 0; }
.cuadro_info{ border: 2px solid #d4d4d4; padding: 25px 10px; }
.cuadro_info>p{ text-align: left; }
.cuadro_img{ width: 90%; margin: 20px 0; }
.btn_descarga{ font-family: 'semibold'; background-color: #000; border: none;  color: #fff; padding: 15px 30px; }
.btn_descarga>a{ font-family: 'semibold'; }
.btn_descarga>a:hover{ font-family: 'semibold'; }
.quiero_comprarlo{ background-color: #ff4848; min-height: 650px; -webkit-box-shadow: 0px 10px 12px -4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 10px 12px -4px rgba(0,0,0,0.5); box-shadow: 0px 10px 12px -4px rgba(0,0,0,0.5); }
.mapa{ width: 65%; position: absolute; top: 20px; left: 0; right: 0; bottom: 0; margin: auto; filter: opacity(0.4); }
.estado{ border: none; border-radius: 6px; -moz-appearance: none; -webkit-appearance: none; padding: 5px 50px; position: inherit; display: flex; color: #000; text-align-last: center; font-family: 'light'; margin: 20px 0 0; }
.form-control{ border: 2px solid #000; }
.distribuidores, .distribuidores>p{ font-family: 'light'; color: #fff; }
.formulario{ background-color: #ff4848; padding: 30px 15px; -webkit-box-shadow: 0px 10px 12px -4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 10px 12px -4px rgba(0,0,0,0.5); box-shadow: 0px 10px 12px -4px rgba(0,0,0,0.5); }
input, textarea{ font-family: 'light'; color: #000000; }
.form-group{ margin-bottom: 25px; }
.footer>p{ color: #ff4848; text-transform: uppercase; font-family: 'bold'; text-align: center; padding: 25px 0; }
@media (max-width: 767px) {
  .logo{ width: 70%; }
  .bryant{ width: 100px; margin: 0 10px 0 0; }
  .tempstar{ width: 200px; margin: 0 0 0 10px; }
h1{ font-family: 'bold'; text-transform: uppercase; margin: 0; color: #ed1b2e; }
h2{ font-family: 'extrabold'; color: #fff; text-transform: uppercase; margin: 0; position: inherit; }
h3{ font-family: 'bold'; margin: 0; color: #ed1b2e; }
h4{ color: #fff; position: inherit; }
h5{ font-size: 7vw; margin: 10px; }
h6{ font-family: 'bold'; color: #fff; margin: 0; }
p{ font-family: 'semibold'; margin: 0; }
label{ font-family: 'light'; color: #fff; }
a, a:hover{ font-family: 'light'; color: #fff; text-decoration: none; }
.estado{ width: 70%; }
.pin{ width: 5vw; }
}
@media (min-width: 768px) {
  .logo{ width: 50%; }
  .bryant{ width: 135px; margin: 0 50px; }
  .tempstar{ width: 250px; margin: 0 50px; }
  h1{ font-family: 'bold'; font-size: 5vh; text-transform: uppercase; margin: 0; color: #ed1b2e; }
  h2{ font-family: 'extrabold'; font-size: 5vh; color: #fff; text-transform: uppercase; margin: 0; position: inherit; }
  h3{ font-family: 'bold'; font-size: 2.3vh; margin: 0; color: #ed1b2e; }
  h4{ font-size: 3vh; color: #fff; position: inherit; }
  h5{ font-size: 6vh; }
  h6{ font-family: 'bold'; font-size: 2.5vh; color: #fff; margin: 0; }
  p{ font-family: 'semibold'; font-size: 2vh; margin: 0; }
  label{ font-family: 'light'; font-size: 2.5vh; color: #fff; }
  a, a:hover{ font-family: 'light'; font-size: 2.5vh; color: #fff; text-decoration: none; }
  .banner{ height: 400px; overflow: hidden; margin-bottom: 25px; display: flex; justify-content: center;}
  .cuadros{ display: flex; justify-content: space-around; padding: 0 75px; }
  .last_info{ display: flex; align-items: center; }
  .mas_info{ display: flex; justify-content: center; align-items: center; }
  .mas_info_d{ margin-right: 30px; }
  .mas_info_i{ margin-left: 30px; }
  .estado{ width: 25%; }
  .pin{ width: 3vw; margin-right: 20px; }
  .dist_edo{ display: flex; justify-content: center; align-items: center; }
  .distribuidores>p{ font-size: 2.5vh; }
}