.timeline::before{ background: #1f3d8c !important; }
.timeline-bullet{ border-color: #1f3d8c; background-color: #1f3d8c; }

@font-face { font-family: 'general_bold'; src: url('../fonts/GeneralSans-Bold.otf'); }
@font-face { font-family: 'nova_bold'; src: url('../fonts/proximanova-bold.otf'); }
@font-face { font-family: 'nova_light'; src: url('../fonts/proximanova-light.otf'); }
@font-face { font-family: 'general_medium'; src: url('../fonts/GeneralSans-Medium.otf'); }
@font-face { font-family: 'general_regular'; src: url('../fonts/GeneralSans-Regular.ttf'); }
@font-face { font-family: 'general_semibold'; src: url('../fonts/GeneralSans-Semibold.ttf'); }
@font-face { font-family: 'nova_semibold'; src: url('../fonts/proximanova-semibold.otf'); }


.general_bold{ font-family: 'general_bold'; }
.nova_bold{ font-family: 'nova_bold'; }
.nova_light{ font-family: 'nova_light'; }
.general_medium{ font-family: 'general_medium'; }
.general_regular{ font-family: 'general_regular'; }
.general_semibold{ font-family: 'general_semibold'; }
.nova_semibold{ font-family: 'nova_semibold'; }

#top{ background: url('../images/fondo_home.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100vh; }
.pt5{ padding-top: 5em; }
.pt2{ padding-top: 2em; }
.pd0{ padding: 0; }
.w100{ width: 100%; }
.address_map{ padding: 0; margin-bottom: 2em; }
.txt_azul{ color: #1f3d8c; }
.btn_registro{ color: #1f3d8c; font-family: 'general_medium'; background-color: #fff; border-radius: 3px; }

.aviso_privacidad{ color: #1f3d8c; }
.aviso_privacidad:hover{ color: #1f3d8c; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield; }

.contador{ background-color: #c4ccde; padding: 3em 0; }
#countdown li{ border-radius: 23px; border: 3px solid rgb(31, 61, 140); }
#countdown li span{ font-family: 'general_bold'; color: #1f3d8c; }
#countdown li p{ font-family: 'general_regular'; color: #1f3d8c; }

.timeline-content h2{ font-family: 'general_semibold'; color: #7f7f7f; }
.timeline-content .date{ font-family: 'general_medium'; color: #7f7f7f; }

.direccion{ background-color: #fff; border-radius: 3px; padding: 1em 1em; position: absolute; }
@media (min-width: 768px) {
  .d-flex-d{ display: flex; }
  .direccion{ width: 50%; margin-top: -30%; margin-left: 49%; }
}
@media (max-width: 767px) {
  .mapa iframe{ min-height: 15em; }
  .direccion{ width: 100%; position: relative; }
  #top .container{ padding-top: 24%; }
  #countdown li{ width: 80px; margin-right: 5px; }
}

@media (max-width: 400px){
  #countdown li{ margin-right: -1px;}
}

@media (min-width: 2000px) {
  #top .container{ padding-top: 25em; }
  .direccion{  width: 50%; margin-top: -15%; }
}
.rrss{ background-color: #1f3d8c; border-radius: 50%; width: 3em; height: 3em; padding: 9px 0 !important; }
.rrss img{ filter: invert(1); width: 2em; }

.btn_registrar{ background-color: #1f3d8c; border: 2px solid #1f3d8c; border-radius: 3px; font-family: 'general_semibold'; }
.btn_registrar:hover{ border: 2px solid #1f3d8c; color: #1f3d8c; }

.btn_regreso{ background-color: unset; border: 2px solid #fff; color: #fff; }
.btn_regreso:hover{ background-color: #fff; color: #1f3d8c; }