@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://use.typekit.net/ofx1wnl.css");
.tertiary-font {
  font-family: "roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw);
  }
  h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw);
  }
  h2,
.h2 {
    font-size: calc(1.325rem + 0.9vw);
  }
  h3,
.h3 {
    font-size: calc(1.3rem + 0.6vw);
  }
  h4,
.h4 {
    font-size: calc(1.275rem + 0.3vw);
  }
  .display-1 {
    font-size: calc(1.725rem + 5.7vw);
  }
  .display-2 {
    font-size: calc(1.675rem + 5.1vw);
  }
  .display-3 {
    font-size: calc(1.575rem + 3.9vw);
  }
  .display-4 {
    font-size: calc(1.475rem + 2.7vw);
  }
  .close {
    font-size: calc(1.275rem + 0.3vw);
  }
}
.load-hidden {
  visibility: hidden;
}

@-webkit-keyframes wait {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes wait {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[v-cloak] {
  display: none;
}

html, body {
  height: 100%;
  position: relative;
  scroll-behavior: smooth;
}

body {
  color: #fff;
  background-color: #000;
  background-image: url("https://mbvanes-evento.s3.us-west-2.amazonaws.com/img/2023/mb-pattern.svg");
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-size: contain;
  background-position: center center;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body .stars-01:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url("https://mbvanes-evento.s3.us-west-2.amazonaws.com/img/stars-01.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
}
@media screen and (max-width: 992px) {
  body .stars-01:before {
    background-size: 150%;
  }
}
@media screen and (max-width: 580px) {
  body .stars-01:before {
    background-size: 200%;
    background-position: top right;
  }
}
@-webkit-keyframes stars {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes stars {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body .stars-01 {
  -webkit-animation: stars 2s infinite;
          animation: stars 2s infinite;
}

section {
  position: relative;
  padding: 5rem 0;
  display: block;
  z-index: 2;
}
@media screen and (max-width: 580px) {
  section {
    padding: 2rem 0rem;
  }
}

main {
  overflow: hidden;
  min-height: 100vh;
  display: block;
  position: relative;
  padding-bottom: 5.2rem;
  padding-top: 6.25rem;
}
@media screen and (max-width: 992px) {
  main {
    padding-top: 3rem;
  }
}

footer {
  padding: 2rem 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
footer::after, footer::before {
  content: "";
  position: absolute;
  height: 2px;
  background: #009cdb;
  width: 100%;
  left: 0;
  top: -2px;
}
footer p {
  color: #fff;
  margin-bottom: 0;
  font-size: 1rem;
}
footer a {
  color: #009cdb;
}
footer a:hover {
  color: #838383;
  text-decoration: underline;
}
@media screen and (max-width: 992px) {
  footer {
    background: #000;
  }
}

.footer-top {
  left: 0;
  pointer-events: none;
  z-index: 1;
  position: absolute;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

#custom-nav {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
  background: rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#custom-nav::after, #custom-nav::before {
  content: "";
  position: absolute;
  height: 2px;
  background: #009cdb;
  width: 100%;
  left: 0;
  bottom: -2px;
}
#custom-nav .idiomas .esMX, #custom-nav .idiomas .ptBR {
  width: 1.25rem;
  line-height: 1rem;
}
#custom-nav .idiomas img {
  border-width: 2px !important;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
@media screen and (max-width: 992px) {
  #custom-nav {
    background: #000;
  }
}
#custom-nav ul {
  background: none;
}
#custom-nav ul li {
  display: inline-block;
}
#custom-nav ul li a {
  color: #fff;
  text-align: center;
  text-shadow: none;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
  background: none;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 0 1.25rem;
  line-height: 6.25rem;
}
#custom-nav ul li a:hover {
  color: #009cdb;
}
#custom-nav ul li a.dropdown-item {
  padding: 0.5rem 1.25rem;
  line-height: 1.5rem;
  position: relative;
}
@media screen and (max-width: 992px) {
  #custom-nav ul li a {
    line-height: 2rem;
  }
}
#custom-nav .navbar {
  background: transparent;
  padding: 0;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
#custom-nav .navbar-toggler-icon {
  background: none;
  height: auto;
}
#custom-nav .navbar-toggler-icon i {
  font-size: 2rem;
}
#custom-nav .navbar-toggler {
  border-color: white;
  border: none;
  outline: none;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
#custom-nav .navbar-toggler i {
  color: #fff;
}
#custom-nav .dropdown-menu {
  background: #009cdb;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  margin-top: 0;
  padding: 0;
}
#custom-nav .dropdown-menu a:hover {
  color: #fff;
}
@media screen and (max-width: 992px) {
  #custom-nav .dropdown-menu {
    background-color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 1rem 0;
  }
  #custom-nav .dropdown-menu a {
    color: #009cdb;
  }
  #custom-nav .dropdown-menu a:hover {
    color: #838383;
  }
}
#custom-nav .nav-link {
  position: relative;
  z-index: 10;
}
#custom-nav .nav-link.active {
  color: #009cdb;
}
#custom-nav .btn {
  font-size: 0.7rem;
  -webkit-transform: translateY(0.25rem);
          transform: translateY(0.25rem);
}
#custom-nav .logo-main {
  max-height: 4rem;
}
#custom-nav .logo-main img {
  margin-top: 0;
  height: 4rem;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
@media screen and (max-width: 992px) {
  #custom-nav .logo-main img {
    padding: 0.5rem 0;
    height: 3rem;
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
  }
}
@media screen and (max-width: 992px) {
  #custom-nav ul {
    padding: 2rem 0;
  }
  #custom-nav ul li a {
    text-align: center;
    line-height: auto;
    margin-bottom: 0;
  }
}

#custom-nav.navscrolled {
  padding: 0;
  opacity: 1;
  -webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.35);
  background: rgba(0, 0, 0, 0.9);
}
#custom-nav.navscrolled ul li a {
  font-size: 0.75rem;
  line-height: 5.25rem;
}
#custom-nav.navscrolled .navbar {
  padding: 0;
}
#custom-nav.navscrolled .logo-main {
  max-height: 3.5rem;
}
#custom-nav.navscrolled .logo-main img {
  margin-top: 0;
  height: 3.5rem;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
@media screen and (max-width: 992px) {
  #custom-nav.navscrolled .logo-main img {
    padding: 0.5rem 0;
    height: 3rem;
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
  }
}
#custom-nav.navscrolled .dropdown-menu {
  -webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.35);
}
#custom-nav.navscrolled .dropdown-menu a:hover {
  color: #fff;
}
#custom-nav.navscrolled:hover {
  -webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.35);
}
@media screen and (min-width: 581px) and (max-width: 768px) {
  #custom-nav.navscrolled .navbar-toggler {
    top: 1.25rem;
  }
}
@media screen and (max-width: 580px) {
  #custom-nav.navscrolled #custom-nav ul {
    padding-top: 1rem;
  }
  #custom-nav.navscrolled #custom-nav ul li a {
    text-align: left;
    margin-bottom: 1rem;
    line-height: auto;
    padding: 0;
    margin-bottom: 0;
  }
}

::-moz-selection {
  background: #969696;
  color: #fff;
}

::selection {
  background: #969696;
  color: #fff;
}

::-moz-selection {
  background: #969696;
  color: #fff;
}

a {
  color: #009cdb;
  text-decoration: none;
}
a:hover {
  color: #fff;
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  color: #fff;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
  font-weight: normal;
  display: block;
}

h1, h2 {
  font-family: "corporate-a", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h3, h4, h5, h6 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

td {
  font-size: 0.875rem;
}

strong, b {
  font-weight: 700;
}

i {
  font-family: "Font Awesome";
}

.font-ultra {
  font-weight: 900;
}

.font-light {
  font-weight: 300;
}

.main-font {
  font-family: "corporate-a", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.secondary-font {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.black {
  color: #000;
}

.white {
  color: #fff;
}

.text-white {
  color: #fff !important;
}

.btn {
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
  border-radius: 0.25rem;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #009cdb;
  font-size: 0.875rem;
  padding: 0.75rem 2rem;
}

.btn-sm {
  padding: 0.25rem 1rem !important;
  font-size: 0.7rem !important;
}

.btn-lg {
  padding: 0.75rem 2.25rem;
  font-size: 1.25rem !important;
}

.btn-primary {
  color: #fff !important;
  background: #009cdb !important;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
.btn-primary:hover {
  color: #fff !important;
  background: #0fbaff !important;
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
}

.btn-outline-primary {
  padding: 0.375rem 1.1rem;
  border: 2px solid #009cdb;
}
.btn-outline-primary:hover {
  border: 2px solid #009cdb;
}

.btn-secondary {
  color: #fff !important;
  background: #838383 !important;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
.btn-secondary:hover {
  color: #fff !important;
  background: #9d9d9d !important;
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
}

.btn-outline-secondary {
  color: #838383 !important;
  padding: 0.375rem 1.1rem;
  border: 2px solid #838383;
}
.btn-outline-secondary:hover {
  color: #fff !important;
  border: 2px solid #838383;
}

.btn-light {
  background: #fff !important;
  color: #000;
}
.btn-light:hover {
  background: #000 !important;
  color: #fff;
}

.btn-dark {
  background: #000 !important;
  color: #fff;
}
.btn-dark:hover {
  background: #4d4d4d;
}

.btn-success, .btn-danger {
  color: #fff !important;
}
.btn-success:hover, .btn-danger:hover {
  color: #fff;
}

label {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.75rem;
  margin-bottom: 0;
}

label a {
  text-decoration: underline;
}

.form-vars, .custom-file-label, .custom-file, select.custom-select, [type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus, option:focus, select:focus, .form-control:focus, .custom-select:focus, input [type=text],
[type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea, option, select, .form-control, .custom-select {
  letter-spacing: 0.5px;
  border-radius: 0;
  text-shadow: none;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}

input [type=text],
[type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea, option, select, .form-control, .custom-select {
  color: #009cdb;
  background: rgba(0, 0, 0, 0.15);
  border: none;
  border-bottom: 2px solid #fff;
}
input [type=text]::-webkit-input-placeholder, [type=password]::-webkit-input-placeholder, [type=date]::-webkit-input-placeholder, [type=datetime]::-webkit-input-placeholder, [type=datetime-local]::-webkit-input-placeholder, [type=month]::-webkit-input-placeholder, [type=week]::-webkit-input-placeholder, [type=email]::-webkit-input-placeholder, [type=number]::-webkit-input-placeholder, [type=search]::-webkit-input-placeholder, [type=tel]::-webkit-input-placeholder, [type=time]::-webkit-input-placeholder, [type=url]::-webkit-input-placeholder, [type=color]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, option::-webkit-input-placeholder, select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .custom-select::-webkit-input-placeholder {
  color: #009cdb !important;
  opacity: 0.75;
}
input [type=text]::-moz-placeholder, [type=password]::-moz-placeholder, [type=date]::-moz-placeholder, [type=datetime]::-moz-placeholder, [type=datetime-local]::-moz-placeholder, [type=month]::-moz-placeholder, [type=week]::-moz-placeholder, [type=email]::-moz-placeholder, [type=number]::-moz-placeholder, [type=search]::-moz-placeholder, [type=tel]::-moz-placeholder, [type=time]::-moz-placeholder, [type=url]::-moz-placeholder, [type=color]::-moz-placeholder, textarea::-moz-placeholder, option::-moz-placeholder, select::-moz-placeholder, .form-control::-moz-placeholder, .custom-select::-moz-placeholder {
  color: #009cdb !important;
  opacity: 0.75;
}
input [type=text]:-ms-input-placeholder, [type=password]:-ms-input-placeholder, [type=date]:-ms-input-placeholder, [type=datetime]:-ms-input-placeholder, [type=datetime-local]:-ms-input-placeholder, [type=month]:-ms-input-placeholder, [type=week]:-ms-input-placeholder, [type=email]:-ms-input-placeholder, [type=number]:-ms-input-placeholder, [type=search]:-ms-input-placeholder, [type=tel]:-ms-input-placeholder, [type=time]:-ms-input-placeholder, [type=url]:-ms-input-placeholder, [type=color]:-ms-input-placeholder, textarea:-ms-input-placeholder, option:-ms-input-placeholder, select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .custom-select:-ms-input-placeholder {
  color: #009cdb !important;
  opacity: 0.75;
}
input [type=text]::-ms-input-placeholder, [type=password]::-ms-input-placeholder, [type=date]::-ms-input-placeholder, [type=datetime]::-ms-input-placeholder, [type=datetime-local]::-ms-input-placeholder, [type=month]::-ms-input-placeholder, [type=week]::-ms-input-placeholder, [type=email]::-ms-input-placeholder, [type=number]::-ms-input-placeholder, [type=search]::-ms-input-placeholder, [type=tel]::-ms-input-placeholder, [type=time]::-ms-input-placeholder, [type=url]::-ms-input-placeholder, [type=color]::-ms-input-placeholder, textarea::-ms-input-placeholder, option::-ms-input-placeholder, select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .custom-select::-ms-input-placeholder {
  color: #009cdb !important;
  opacity: 0.75;
}
input [type=text]::placeholder,
[type=password]::placeholder, [type=date]::placeholder, [type=datetime]::placeholder, [type=datetime-local]::placeholder, [type=month]::placeholder, [type=week]::placeholder, [type=email]::placeholder, [type=number]::placeholder, [type=search]::placeholder, [type=tel]::placeholder, [type=time]::placeholder, [type=url]::placeholder, [type=color]::placeholder, textarea::placeholder, option::placeholder, select::placeholder, .form-control::placeholder, .custom-select::placeholder {
  color: #009cdb !important;
  opacity: 0.75;
}

[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus, option:focus, select:focus, .form-control:focus, .custom-select:focus {
  color: #fff;
  border: none;
  border-bottom: 2px solid #009cdb;
  background: rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

select.custom-select {
  background: black;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important;
}
select option {
  font-family: "corporate-a", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  background-color: #fff;
  font-style: normal !important;
  color: #000 !important;
}

.custom-file {
  border: none;
  padding-left: 0.5rem;
  border: 2px solid #009cdb;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0rem;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 0 0.5em 0.5em 0;
}
.custom-file::after {
  border-radius: 0;
}

.custom-file-label {
  border-radius: 0 0.5em 0.5em 0;
  padding: 0.75rem 1rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  padding: 0.75rem 1rem;
  line-height: 1.7;
  color: #fff;
  content: "Buscar";
  background-color: #009cdb;
  border-left: inherit;
  border-radius: 0 0.5em 0.5em 0;
}

.custom-file-label {
  border: none;
}

#registro input::-webkit-input-placeholder {
  color: #adb5bd;
}

#registro input::-moz-placeholder {
  color: #adb5bd;
}

#registro input:-ms-input-placeholder {
  color: #adb5bd;
}

#registro input::-ms-input-placeholder {
  color: #adb5bd;
}

#registro input::placeholder {
  color: #adb5bd;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .form-control:valid, .form-control.is-valid {
  background-image: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

.help-block {
  color: #DC3545 !important;
}

.has-error input, .has-error select.custom-select {
  border-color: #DC3545 !important;
}

.separador {
  height: 4rem;
}

.separador-sm {
  height: 2rem;
}

.separador-xl {
  height: 8rem;
}

.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

.fixed-index-footer {
  z-index: 998;
  margin-bottom: -25vh;
}
@media screen and (max-width: 580px) {
  .fixed-index-footer {
    margin-bottom: -5vh;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .fixed-index-footer {
    margin-bottom: -15vh;
  }
}

.shadowed {
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
}

.card {
  background-color: #000;
  border: solid 2px #009cdb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#counter {
  margin-top: 0;
}
@media screen and (max-width: 992px) {
  #counter {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 580px) {
  #counter {
    margin-top: 2rem;
  }
}

.counter {
  margin: 1rem auto;
  text-align: center;
  font-size: 0.75rem;
  font-family: "corporate-a", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.counter .col {
  background-color: rgba(0, 0, 0, 0.5);
  border: solid 2px #009cdb;
  -webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.35);
  color: #fff;
  border-radius: 50%;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.counter span {
  font-size: 3rem;
  line-height: 1;
  display: block;
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  .counter span {
    font-size: 2rem;
  }
}

.modal #login-form label.control-label, .modal #recuperar-contrasena label.control-label {
  font-size: 80%;
  color: #fefefe;
}
.modal #login-form .help-block, .modal #recuperar-contrasena .help-block {
  color: #dc3545;
  font-size: 80%;
  margin: 0.5rem 0;
}
.modal .modal-content {
  position: relative;
  overflow: hidden;
  z-index: 1100 !important;
  background-color: #000;
  border: solid 2px #fff;
  -webkit-box-shadow: 0 20px 40px black;
          box-shadow: 0 20px 40px black;
}
.modal .modal-content .modal-body {
  z-index: 1;
}
.modal .modal-content .modal-header {
  z-index: 1;
  background-color: #fff;
  border: none;
}
.modal .modal-content .modal-header .modal-title {
  text-transform: initial;
  letter-spacing: 0;
  color: #838383;
}

.modal-backdrop {
  background-color: #000 !important;
  z-index: 1040 !important;
}
.modal-backdrop.show {
  opacity: 0.85;
}

.panel {
  background: rgba(131, 131, 131, 0.7);
  padding: 1rem;
  position: relative;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel p, .panel li {
  color: #fff;
}
.panel .form-group {
  margin: 0.125rem auto;
  position: relative;
}
.panel .form-group:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f107";
  color: #fff !important;
  position: absolute;
  bottom: 0.125rem;
  right: 0.125rem;
  z-index: 9;
  font-size: 1rem;
  font-weight: 300;
}
.panel .form-group label {
  color: #fff;
}
.panel .form-group-text {
  padding: 0 0.5rem;
  background: transparent;
  border: 0;
  color: #fff;
}
.panel .custom-select {
  font-size: 0.875rem;
  padding: 0;
  height: calc(2rem + 2px);
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  position: relative;
}
.panel .custom-select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.hora {
  font-size: 1.25rem;
  line-height: 1.25;
  background: rgba(0, 156, 219, 0.25);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin-bottom: 0;
}

#agenda {
  position: relative;
}
#agenda .panel a {
  color: #fff;
}
#agenda .agenda-inner {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.75);
}
#agenda .agenda-inner h3 {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
  font-weight: 700;
}
#agenda .agenda-inner h3 small {
  text-transform: uppercase;
  color: #495057;
}
#agenda .agenda-inner h4 {
  font-size: 1.75rem;
  margin-bottom: 0;
  margin-top: 0.5rem;
}
#agenda .agenda-inner hr {
  border-bottom: 3px solid rgba(131, 131, 131, 0.25);
  width: 5rem;
}
#agenda .agenda-inner p:not(.hora) {
  margin-bottom: 0.5rem;
}
#agenda .agenda-inner .button-group {
  margin-bottom: 1rem;
}
#agenda .agenda-inner .button-group .btn {
  padding-bottom: 0.25rem;
}
#agenda .agenda-inner .cargo {
  color: #009cdb;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
}
#agenda .agenda-inner .cargo:before {
  content: "- ";
}
#agenda .agenda-inner .horario {
  margin-bottom: 0.5rem;
  text-align: center;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
  border-bottom: 2px solid #009cdb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#agenda .agenda-inner .horario:nth-child(odd) .hora {
  background: rgba(131, 131, 131, 0.25);
}
#agenda .agenda-inner .horario:last-of-type {
  margin-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 580px) {
  #agenda .agenda-inner h4 {
    font-size: 1.125rem;
  }
  #agenda .agenda-inner .hora {
    font-size: 1rem;
    padding: 0.125em 0;
  }
  #agenda .agenda-inner .horario {
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
    text-align: center;
    margin-bottom: 2rem;
  }
  #agenda .agenda-inner .button-group .btn {
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 580px) {
  #time-selection.panel {
    position: sticky;
    text-align: center;
    margin-top: 2rem;
  }
  #time-selection.panel .form-group {
    margin-bottom: 0.75rem;
  }
}

.back {
  text-align: center;
  margin: 1rem auto 0;
}

.addeventatc {
  z-index: 1 !important;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #fff !important;
}
.addeventatc .addeventatc_icon {
  display: none !important;
}
.addeventatc:after {
  content: "";
  display: none;
}
.addeventatc:hover {
  background-color: #838383 !important;
  color: #fff !important;
  border: 2px solid #838383 !important;
}
.addeventatc:hover:after {
  color: #fff !important;
}

.bg-player {
  background-image: url("https://immunotecev.s3.us-west-2.amazonaws.com/immunofest/img/bg/bg-main.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#dashboard {
  z-index: 998;
}
#dashboard .embed-responsive {
  -webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.35);
}
#dashboard.w-agenda {
  background-color: rgba(255, 255, 255, 0.5);
}
#dashboard #modulo {
  padding-left: 1rem;
  overflow: hidden;
}
#dashboard #modulo h1, #dashboard #modulo h2, #dashboard #modulo h3, #dashboard #modulo h4, #dashboard #modulo h5, #dashboard #modulo p, #dashboard #modulo li {
  color: #000;
}
#dashboard #modulo .nav-tabs {
  background: #838383;
}
#dashboard #modulo .nav-tabs .nav-link {
  border: none;
  border-radius: 0;
  color: #fff;
}
#dashboard #modulo .nav-tabs .nav-link.active {
  color: #009cdb;
  border: none;
  background: #fff;
}
#dashboard #modulo .tab-content {
  position: relative;
  overflow-y: scroll;
  overflow: hidden;
  background-color: #fff;
}
#dashboard #modulo .tab-content .contenido {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  padding: 1rem;
}
#dashboard #modulo .tab-content .chat-dialog {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #009cdb;
}
#dashboard #modulo .tab-content .chat-dialog h1, #dashboard #modulo .tab-content .chat-dialog h2, #dashboard #modulo .tab-content .chat-dialog h3, #dashboard #modulo .tab-content .chat-dialog h4, #dashboard #modulo .tab-content .chat-dialog h5, #dashboard #modulo .tab-content .chat-dialog p, #dashboard #modulo .tab-content .chat-dialog li {
  color: #838383;
}
#dashboard #modulo .tab-content .btn {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  color: #fff;
}
#dashboard #modulo .nav-item {
  font-size: 0.65rem;
}
#dashboard #modulo .chat {
  height: 25rem;
}
#dashboard #modulo .panel-body {
  overflow-y: scroll;
}
#dashboard #modulo ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
#dashboard #modulo ::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}
#dashboard #modulo ::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
#dashboard #modulo .acerca .datos-speaker {
  padding: 0.5rem;
}
#dashboard #modulo .acerca .datos-speaker h5 {
  font-size: 1rem;
}
#dashboard #modulo .acerca .datos-speaker p {
  margin-bottom: 0.5rem;
  font-size: 0.8125rem;
}
#dashboard #modulo #canales {
  margin-bottom: 1rem;
}
#dashboard #modulo #canales.d-none {
  margin-bottom: 0;
}
#dashboard #modulo #canales .dropdown-item {
  font-weight: 700;
}
#dashboard #modulo #canales .dropdown-item:hover, #dashboard #modulo #canales .dropdown-item :focus {
  color: #fff;
  text-decoration: none;
  background-color: #d8d8d8;
}
#dashboard .controles {
  margin-bottom: 1rem;
}
#dashboard .controles h3 {
  font-size: 1.15rem;
  margin-bottom: 0;
}
#dashboard #banners {
  padding: 1rem 0;
  margin: 1rem auto;
  background: rgba(0, 0, 0, 0.2);
}
#dashboard #banners .btn {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.65rem !important;
  margin: 0.5em auto;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  #dashboard {
    padding-top: 6rem;
  }
  #dashboard #modulo {
    height: 21.5rem;
  }
  #dashboard #modulo h1, #dashboard #modulo h2, #dashboard #modulo h3, #dashboard #modulo h4, #dashboard #modulo h5, #dashboard #modulo p, #dashboard #modulo li {
    color: #000;
  }
  #dashboard #modulo .panel-body {
    overflow-y: scroll;
    height: 21.5rem;
  }
  #dashboard #modulo .tab-content {
    height: calc(21.5rem - 2.5rem);
  }
  #dashboard #modulo .tab-content .contenido {
    height: calc(21.5rem - 2.5rem);
  }
  #dashboard #modulo .chat {
    overflow-y: scroll;
    height: 16rem;
    height: calc(21.5rem - 3rem);
  }
  #dashboard #modulo .nav-link {
    padding: 0.5rem 0.5rem;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  #dashboard {
    padding-top: 6rem;
  }
  #dashboard #modulo {
    height: 21.5rem;
  }
  #dashboard #modulo h1, #dashboard #modulo h2, #dashboard #modulo h3, #dashboard #modulo h4, #dashboard #modulo h5, #dashboard #modulo p, #dashboard #modulo li {
    color: #000;
  }
  #dashboard #modulo .panel-body {
    overflow-y: scroll;
    height: 21.5rem;
  }
  #dashboard #modulo .tab-content {
    height: calc(21.5rem - 2rem);
  }
  #dashboard #modulo .tab-content .contenido {
    height: calc(21.5rem - 2rem);
  }
  #dashboard #modulo .chat {
    overflow-y: scroll;
    height: 18rem;
    height: calc(21.5rem - 3rem);
  }
  #dashboard #modulo .nav-link {
    padding: 0.5rem 0.5rem;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  #dashboard {
    padding-top: 6rem;
  }
  #dashboard #modulo {
    height: 21.5rem;
  }
  #dashboard #modulo h1, #dashboard #modulo h2, #dashboard #modulo h3, #dashboard #modulo h4, #dashboard #modulo h5, #dashboard #modulo p, #dashboard #modulo li {
    color: #000;
  }
  #dashboard #modulo .panel-body {
    overflow-y: scroll;
    height: 21.5rem;
  }
  #dashboard #modulo .tab-content {
    height: calc(21.5rem - 2rem);
  }
  #dashboard #modulo .tab-content .contenido {
    height: calc(21.5rem - 2rem);
  }
  #dashboard #modulo .chat {
    overflow-y: scroll;
    height: 18rem;
    height: calc(21.5rem - 1rem);
  }
  #dashboard #modulo .nav-link {
    padding: 0.5rem 0.5rem;
  }
}
@media (min-width: 620px) and (max-width: 768px) {
  #dashboard {
    padding-top: 6rem;
  }
  #dashboard #modulo {
    margin-top: 2rem;
    height: 21.5rem;
  }
  #dashboard #modulo h1, #dashboard #modulo h2, #dashboard #modulo h3, #dashboard #modulo h4, #dashboard #modulo h5, #dashboard #modulo p, #dashboard #modulo li {
    color: #000;
  }
  #dashboard #modulo .panel-body {
    overflow-y: scroll;
    height: 21.5rem;
  }
  #dashboard #modulo .tab-content {
    height: calc(21.5rem - 3rem);
  }
  #dashboard #modulo .tab-content .contenido {
    height: calc(21.5rem - 3rem);
  }
  #dashboard #modulo .chat {
    height: 18rem;
    height: calc(21.5rem - 3rem);
  }
}
@media screen and (max-width: 580px) {
  #dashboard #modulo {
    height: 25rem;
  }
  #dashboard #modulo h1, #dashboard #modulo h2, #dashboard #modulo h3, #dashboard #modulo h4, #dashboard #modulo h5, #dashboard #modulo p, #dashboard #modulo li {
    color: #000;
  }
  #dashboard #modulo .panel-body {
    overflow-y: scroll;
    height: calc(25rem - 2.5rem);
  }
  #dashboard #modulo .tab-content {
    height: calc(25rem - 2.5rem);
  }
  #dashboard #modulo .tab-content .contenido {
    height: calc(25rem - 2.5rem);
  }
  #dashboard #modulo #chat, #dashboard #modulo .chat {
    height: calc(25rem - 2.5rem);
  }
}

.descarga {
  border-bottom: 2px solid #f8f9fa;
}
.descarga h5 {
  color: #009cdb;
}

.main-live section#agenda .btn-live {
  display: none;
}

body.active-theater {
  overflow: hidden;
}
body.active-theater #dashboard {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  padding: 0;
}
body.active-theater #dashboard .container {
  max-width: 100%;
}
body.active-theater #dashboard .container #liveVideo {
  padding: 1rem;
  height: 100vh;
  background-color: #000;
}
body.active-theater #dashboard .container .modulo {
  padding: 1rem;
  background-color: #262626;
  height: 100vh;
}
body.active-theater #dashboard .container #modulo {
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.active-theater #live-extra, body.active-theater #custom-nav {
  display: none;
}

#liveVideo #liveWindow {
  position: relative;
}
#liveVideo #liveWindow #moveicon {
  position: absolute;
  text-align: center;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  top: 0;
  right: 0;
  background-color: #fff;
  color: #000;
  z-index: 1002;
}
#liveVideo #liveWindow.position-fixed {
  right: 1rem;
  z-index: 1001;
  max-width: 25vw;
  cursor: move;
}
#liveVideo #liveWindow.position-fixed iframe {
  pointer-events: none;
}
#liveVideo #liveHidden {
  background-color: #1c293d;
}

#aviso-privacidad p, #aviso-privacidad li, #terminos-condiciones p, #terminos-condiciones li {
  font-size: 0.8125rem;
}
#aviso-privacidad ol, #aviso-privacidad ul, #terminos-condiciones ol, #terminos-condiciones ul {
  padding-left: 2rem;
}
#aviso-privacidad li, #terminos-condiciones li {
  margin-bottom: 0.25rem;
}
#aviso-privacidad h2, #aviso-privacidad h3, #aviso-privacidad h4, #aviso-privacidad h5, #aviso-privacidad h6, #terminos-condiciones h2, #terminos-condiciones h3, #terminos-condiciones h4, #terminos-condiciones h5, #terminos-condiciones h6 {
  text-transform: none;
}
#aviso-privacidad h3, #aviso-privacidad h4, #aviso-privacidad h5, #terminos-condiciones h3, #terminos-condiciones h4, #terminos-condiciones h5 {
  font-family: "corporate-a", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#aviso-privacidad h3, #terminos-condiciones h3 {
  font-size: 1.2rem;
}
#aviso-privacidad h4, #terminos-condiciones h4 {
  font-size: 1rem;
}
#aviso-privacidad h5, #terminos-condiciones h5 {
  font-size: 0.876rem;
}
#aviso-privacidad h5.modal-title, #terminos-condiciones h5.modal-title {
  color: #fff;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#hero {
  position: relative;
}
#hero #side-hero {
  position: relative;
  z-index: 2;
  height: calc(100vh - 8rem);
  min-height: 50.5rem;
  padding: 1rem;
  background-color: #838383;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
#hero #side-hero .logo-atd {
  margin-bottom: 1rem;
}
#hero #side-hero .logo-atd img {
  width: 10rem;
}
#hero #side-hero .panel {
  background: transparent;
  border-bottom: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 1rem;
}
#hero #side-hero .panel h1 {
  color: #fff;
  text-transform: none;
  font-size: 2.5rem;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.125;
}
#hero #side-hero .panel h1 small {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: none;
}
#hero #side-hero .panel p {
  color: #fff;
  line-height: 1.25;
}
#hero #side-hero .panel p strong {
  display: block;
  font-weight: 700;
}
#hero #space-area {
  height: calc(100vH - 8rem);
  min-height: 50.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1rem 0 20rem;
}
#hero #space-area h2 {
  position: relative;
  z-index: 99;
}
#hero #space-area .halftone-top, #hero #space-area .halftone-bottom {
  position: absolute;
  z-index: 1;
  width: 55rem;
  height: 55rem;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
#hero #space-area .halftone-top img, #hero #space-area .halftone-bottom img {
  width: 100%;
}
#hero #space-area .halftone-top {
  -webkit-animation: scaleTop 15s infinite alternate ease-in-out;
          animation: scaleTop 15s infinite alternate ease-in-out;
  top: -20rem;
  right: -15rem;
}
#hero #space-area .halftone-bottom {
  -webkit-animation: scaleBottom 15s infinite alternate ease-in-out;
          animation: scaleBottom 15s infinite alternate ease-in-out;
  bottom: -20rem;
  left: -15rem;
}
#hero .fecha {
  margin-top: 2rem;
}
#hero .main-logo {
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
  margin: 1rem auto;
  position: relative;
  z-index: 2;
}
#hero .counter {
  margin-top: 2rem;
  color: #000;
  text-align: center;
}
#hero .counter .faltan {
  top: -1.5rem;
  z-index: 2;
  text-transform: uppercase;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  line-height: 0.75rem;
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  #hero #side-hero {
    height: auto;
    min-height: auto;
    padding-bottom: 2rem;
  }
  #hero #side-hero .logo-atd img {
    width: 12rem;
  }
  #hero #side-hero .panel {
    background: transparent;
    margin-bottom: 1rem;
  }
  #hero #side-hero .panel h1 {
    font-size: 2.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1;
  }
  #hero #space-area {
    height: 26rem;
    min-height: 26rem;
    background: url("https://medtronicadt.s3.us-east-2.amazonaws.com/img/bg/bg-space.jpg");
    background-position: 28%;
    background-size: cover;
    padding: 3rem 1rem 0 20rem;
  }
  #hero #space-area h2 {
    font-size: 7vW;
  }
  #hero #space-area .halftone-top, #hero #space-area .halftone-bottom {
    width: 26rem;
    height: 26rem;
  }
  #hero #space-area .halftone-top {
    top: -7rem;
    right: -7rem;
  }
  #hero #space-area .halftone-bottom {
    bottom: -7rem;
    left: -7rem;
  }
}
@media screen and (min-width: 581px) and (max-width: 768px) {
  #hero #side-hero {
    height: auto;
    min-height: auto;
    padding-bottom: 2rem;
  }
  #hero #side-hero .logo-atd img {
    width: 12rem;
  }
  #hero #side-hero .panel {
    background: transparent;
    margin-bottom: 1rem;
  }
  #hero #side-hero .panel h1 {
    font-size: 2.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1;
  }
  #hero #space-area {
    height: 26rem;
    min-height: 26rem;
    background: url("https://medtronicadt.s3.us-east-2.amazonaws.com/img/bg/bg-space.jpg");
    background-position: 28%;
    background-size: cover;
    padding: 3rem 1rem 0 20rem;
  }
  #hero #space-area h2 {
    font-size: 7vW;
  }
  #hero #space-area .halftone-top, #hero #space-area .halftone-bottom {
    width: 26rem;
    height: 26rem;
  }
  #hero #space-area .halftone-top {
    top: -7rem;
    right: -7rem;
  }
  #hero #space-area .halftone-bottom {
    bottom: -7rem;
    left: -7rem;
  }
}
@media screen and (max-width: 580px) {
  #hero #side-hero {
    height: auto;
    min-height: auto;
    padding-bottom: 0rem;
  }
  #hero #side-hero .logo-atd img {
    width: 10rem;
  }
  #hero #side-hero .counter {
    text-align: center;
  }
  #hero #side-hero .panel {
    background: transparent;
    margin-bottom: 1rem;
  }
  #hero #side-hero .panel h1 {
    font-size: 1.8rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    line-height: 1;
  }
  #hero #side-hero .panel h1 small {
    font-size: 1rem;
    margin-top: 0.5rem;
    display: inline-block;
  }
  #hero #space-area {
    height: 18rem;
    min-height: 18rem;
    background: url("https://medtronicadt.s3.us-east-2.amazonaws.com/img/bg/bg-space.jpg");
    background-position: 28%;
    background-size: cover;
    padding: 3rem 1rem 0 8rem;
  }
  #hero #space-area h2 {
    font-size: 9vW;
  }
  #hero #space-area .halftone-top, #hero #space-area .halftone-bottom {
    width: 12rem;
    height: 12rem;
  }
  #hero #space-area .halftone-top {
    top: -7rem;
    right: -7rem;
  }
  #hero #space-area .halftone-bottom {
    bottom: -7rem;
    left: -7rem;
  }
}

@-webkit-keyframes scaleTop {
  0%, 100% {
    -webkit-transform: scale(1.5) translate(-6rem, 6rem);
            transform: scale(1.5) translate(-6rem, 6rem);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes scaleTop {
  0%, 100% {
    -webkit-transform: scale(1.5) translate(-6rem, 6rem);
            transform: scale(1.5) translate(-6rem, 6rem);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes scaleBottom {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5) translate(6rem, -6rem);
            transform: scale(1.5) translate(6rem, -6rem);
  }
}
@keyframes scaleBottom {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5) translate(6rem, -6rem);
            transform: scale(1.5) translate(6rem, -6rem);
  }
}
#registro {
  position: relative;
  z-index: 6;
}
#registro .form-panel {
  padding: 2rem 2rem 1rem;
  -webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.35);
  margin-bottom: 2rem;
}
#registro hr {
  margin: 0 auto 1rem;
}
#registro .fecha {
  text-align: center;
  margin-top: 1rem;
  font-size: 1.5rem;
  line-height: 1;
  color: #009cdb;
  font-weight: 700;
}
#registro #sidebar-registro .logo-atd {
  margin-bottom: 1rem;
}
#registro #sidebar-registro p {
  line-height: 1.25;
  color: #fff;
}
#registro #sidebar-registro p strong {
  display: block;
}
@media screen and (max-width: 580px) {
  #registro {
    padding-bottom: 3rem;
  }
  #registro #sidebar-registro .logo-atd {
    width: 10rem;
    margin-bottom: 1rem;
  }
}

#login-dialog {
  background: #f8f9fa;
  padding: 2rem;
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
}
#login-dialog ol {
  padding-left: 1rem;
}
#login-dialog ol li {
  font-size: 0.875rem;
}
#login-dialog hr {
  margin: 0 auto 1rem;
  border-bottom: 2px solid #838383;
}

#encuesta .radio-list label {
  font-size: 1.25rem;
  margin-right: 1rem;
  color: #009cdb;
}