@font-face {
  font-family: 'HansOfSean';
  src: url("../fonts/WorkSans-Bold.ttf");
}

@media screen and (max-width: 320px) {
  #logo {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  #logo {
    display: none;
  }
}

@media screen and (max-with: 640px) {
  .logo {
    display: none !important;
  }
}

body::-webkit-scrollbar {
  width: 7px;
}

body::-webkit-scrollbar-thumb {
  background: #39A900;
  border-radius: 5px;
}

.modal-dialog-scrollable::-webkit-scrollbar {
  width: 7px;
}

.modal-dialog-scrollable::-webkit-scrollbar-thumb {
  background: #39A900;
  border-radius: 5px;
}

.colorOne {
  color: #39A900;
}

.colorTwo {
  color: #00324D;
}

.text-title-two {
  font-family: 'Calibri';
  src: url("../fonts/");
}

.text-title,
.title-target {
  font-family: 'HansOfSean' !important;
}

.title-target {
  margin-bottom: 30px !important;
}

.text-target {
  font-family: 'Calibri';
  font-size: 20px;
}

/* LLamado a la accion */
.llamado_accion {
  margin-top: 30%;
  float: left !important;
}

#title_llamado {
  font-family: 'HansOfSean' !important;
  color: white;
  font-size: 300%;
  text-shadow: 5px 5px 5px #2A2421;
}

#btn_llamado {
  width: 47%;
  height: 50%;
  font-size: 25px;
}

#card-noticias {
  margin-left: 4%;
}

/* Nuevos estilos de contactanos */
.formulario-contacto {
  margin: 30px auto;
  width: 500px;
  font-family: 'Calibri';
  font-size: 20px;
}

.item-contacto {
  font-family: 'Calibri';
  font-size: 18px;
}

#text-terminos {
  margin-top: 1%;
  font-size: 70%;
  float: left;
}

.fcontacto {
  padding: 14px;
  font-family: 'Calibri';
}

#alert-size {
  border: 1px solid #00324D !important;
  border-radius: 5px;
}

#alerta-registro {
  background-color: #00324D !important;
  border-color: #00324D !important;
  color: #FFFFFF;
  font-weight: 550;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

#correocontacto {
  color: #00324D;
}

#descripcion {
  word-break: break-all !important;
}

.btn-search {
  color: #39A900;
  background-color: transparent;
}

.carousel-control-prev,
.carousel-control-next {
  color: #39A900;
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #39A900;
}

.form-control:focus {
  border-color: #39A900;
  outline: 0;
  box-shadow: 0 0 0 0.1rem #39A900;
}

.btn-enviar {
  background-color: #39A900;
  border-color: #39A900;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 550;
  float: right;
}

.btn-enviar:hover {
  background-color: #3bbc00;
  border-color: #3bbc00;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 550;
}