/*
Theme Name: Conference - Event CTA/Registration Landing Page
Theme URI: http://csmthemes.com/themes/conference/
Author: Pixininja
Author URI: http://csmthemes.com/
Description: Conference is a event call to action landing page. The main purpose of this page is to let users signup for the event.
Version: 1.3

///////////////////////// A LOT OF MODIFICATIONS /////////////////////////
*/

/* ====================================================================== +/
/+ -------------------------- Table Of Content -------------------------- +/
Las secciones con '*' no han sido tocadas
Las secciones con '!' fueron modificadas completamente
Las secciones con '?' fueron modificadas completamente pero hay reglas que parece pertencer a otras secciones

? 0. From album.css file
* 1. General
! 2. Hero section
* 3. nav
! 4. about
* 5. counter
! 6. schedule
! 7. speaker
! 8. speaker bio
! 9. Pricing
* 10. venue
* 11. Map
! 12. sponsor
? 13. faq
! 14. hotels
! 15. Hotel rating
* 16. Subscription form styles
! 17. site footer
* 18. Contact
! 19. Social
? 20. Small devices (tablets, 768px and up)
? 21. Medium devices (desktops, 992px and up)
/+ ====================================================================== */

/* moved from index.html */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap');

/* ====================================================================== */
/* ----------------------------- Legacy Code ---------------------------- */
/* #region ============================================================== */

/* ==========================================================================
   0. From album.css file
   ========================================================================== */

/* LOGO */

#logosite{
  width: 500px;
  padding-top: 140px;
  padding-bottom: 20px;
  }

.espacio160{
  padding-bottom: 60px;
}

@media (max-width: 768px){
/*Nada*/
}

.speaker-bio-item.in {
    /* background: red !important; */
    z-index: 999;
}

a#speaker-bio-close {
    z-index: 9999;
}


div#modal-register-form h5, div#modal-register-form h4, div#modal-project-form h4, div#modal-project-form h5 {
    color: #000 !important;
}

footer#site-footer {
    display: flex;
    align-items: center;
}


body{
  background: #000000;
}

.jumbotron {
  padding-top: 6rem;
  padding-bottom: 6rem;
  margin-bottom: 0;
  background-color: #fff;
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

.card-1,
.card-2,
.card-3,
.card-4 {
  float: left;
  padding: 0.75rem;
  margin-bottom: 2rem;
  border: 0;
  background: white;
}

.card-1 {
  width: 100%;
}

.card-2 {
  width: 50%;
}

.card-3 {
  width: 33.333%;
}

.card-4 {
  width: 25%;
}

.card>img {
  margin-bottom: 0.75rem;
}

.card-text {
  font-size: 85%;
  padding: 0.25rem;
  padding-left: 0.75rem;
}

.card-title {
  font-weight: bold;
  padding: 0.25rem;
  padding-left: 0.75rem;
}

.winner {
  color: var(--fav-primary);
  font-weight: bold;
}

.old-embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  background: black;
  padding-bottom: 56.25%;
}

.old-embed-responsive embed,
.old-embed-responsive iframe,
.old-embed-responsive object,
.old-embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 600px) {

  .card-1,
  .card-2,
  .card-3,
  .card-4 {
    width: 100%;
  }
}


.mobile-img{
  display: none;
}

/* Adiciones */
.card {
  margin-bottom: 2rem;
  padding: 0.75rem;
  background: white;
  border: 0;
}

/* ----------------------- Bootstrap@4.x.x classes ---------------------- */
/* TODO: Revisar esta seccion */
/* ! CREO QUE ESTO NO ESTA SIENDO USADO EN NINGUN LADO */

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--aspect-ratio);
  content: 'l';
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-16x9 {
  --aspect-ratio: calc(9 / 16 * 100%);
}

/* ==========================================================================
   1.General
   ========================================================================== */

@font-face {
  font-family: 'Gotham_c';
  src: url('../fonts/Gotham_Book_Regular.otf');
  font-weight: 400;
}

@font-face {
  font-family: 'Gotham_c';
  src: url('../fonts/Gotham_Black.otf');
  font-weight: 900;
}

body {
  /*font-family: 'Gotham_c', 'Open Sans', sans-serif;*/
  line-height: 1.5;
  font-weight: 400;
  font-size: 16px;
  overflow-x: hidden;
}

p {
  font-weight: 400;
  color: #ffffff;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('../fonts/NeueMontreal-Bold.otf') format('truetype');
    font-weight: 800; /* ExtraBold */
    font-style: normal;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('../fonts/NeueMontreal-Medium.otf') format('truetype');
    font-weight: 500; /* SemiBold */
    font-style: normal;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('../fonts/NeueMontreal-Regular.otf') format('truetype');
    font-weight: 400; /* Medium */
    font-style: normal;
}

.titulosfav {
    font-family: 'Neue Montreal', sans-serif;
    font-weight: 800 !important; /* ExtraBold */
}

.subtitulosfav {
    font-family: 'Neue Montreal', sans-serif;
    font-weight: 500 !important; /* SemiBold */
}

.cuerpofav {
    font-family: 'Neue Montreal', sans-serif;
    font-weight: 400 !important; /* Medium */
}

/*
Tituloa Grandes
Titulos Medianos
Titulos Normal
*/


h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 900;
  color: #fff;
}

a {
  color: var(--fav-primary);
  transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
  color: var(--fav-primary);
  text-decoration: none;
}

a:focus {
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

b,
strong {
  font-weight: 400;
}

/* ! 2. Hero section */

/* ? 3.nav */

.nav>li {
  text-align: center;
}

.nav>li>a:hover,
.nav>li>a:focus {
  border-color: transparent;
  background-color: transparent;
}

.nav>li>a {
  padding: 12px 16px;
}

/* ! 4. about */

/* ==========================================================================
   5.counter
   ========================================================================== */

.counter {
  padding: 4.5em 0;
  position: relative;
}

.counter i {
  color: var(--fav-primary);
}

.counter p {
  margin-bottom: 0;
}

.counter div[class^='col-']:nth-child(1),
.counter div[class^='col-']:nth-child(2) {
  padding-bottom: 1.5em;
}

/* ! 6. schedule */
/* ! 7. speaker */
/* ! 8. speaker bio */
/* ! 9. Pricing */

/* ==========================================================================
   10.venue
   ========================================================================== */

.venue::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
}

.venue {
  background: url(../img/venue-bg.jpg) center center no-repeat fixed;
  background-size: cover;
  position: relative;
  color: #fff;
}

.venue::before {
  background: rgba(0, 0, 0, 0.5);
}

.venue h2 {
  font-size: 36px;
  font-weight: 700;
  margin-top: 0;
  color: #fff;
}

.venue address {
  margin-bottom: 3em;
}

.venue address p {
  color: #fff;
  font-size: 18px;
}

.venue address p:first-child {
  margin-bottom: 1px;
}

.venue address i {
  padding-right: 0.3em;
  font-size: 1.4em;
}

.venue address .map-link {
  font-size: 16px;
  text-decoration: underline;
  color: #fff;
}

.map-link a {
  color: #fff;
}

/* ==========================================================================
   11.Map
   ========================================================================== */

#map-canvas {
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 30em;
  border-radius: 4px;
}

#map-canvas img {
  max-width: none;
}

/* ! 12. sponsor */
/* ? 13. faq */

.sub-form {
  background: #f7f7f7;
}

/* ! 14. hotels */
/* ! 15. hotel rating */

/* ==========================================================================
   16.Subscription form styles
   ========================================================================== */
.select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.form-control::-webkit-input-placeholder {
  color: #ababab;
  font-weight: 300;
}

.form-control:-moz-placeholder {
  color: #ababab;
  font-weight: 300;
}

.form-control::-moz-placeholder {
  color: #ababab;
  font-weight: 300;
}

.form-control:-ms-input-placeholder {
  color: #ababab;
  font-weight: 300;
}

.center-block {
  float: none;
}

.form-control {
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid #fff;
  color: #333;
  box-shadow: none;
  height: 60px;
  font-weight: 400;
  padding: 0 1.5em 0 3em;
}

.form-control:focus {
  border-color: #fff;
  outline: 0;
  box-shadow: none;
}

.btn {
  transition: all 0.3s ease-in-out;
  padding: 12px 2em;
}

.btn-default {
  color: var(--fav-white);
  background-color: var(--fav-black);
  border-color: var(--fav-black);
  font-weight: 700;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

#mc-form .btn-default {
  height: 60px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  background-color: var(--fav-black);
  border-color: var(--fav-black);
  color: var(--fav-white);
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none;
}

#mc-notification {
  margin: 0.75em 0 0;
  font-weight: 300;
  color: #7d7d7d;
}

.error {
  color: #f44336 !important;
}

.valid {
  color: #000 !important;
}

.error i,
.valid i {
  padding-right: 0.5em;
}

#contact-form>div[class*='for-user-']>i,
#mc-form i.fa-envelope-o,
#register-form>div[class*='for-user-']>i,
#mc-form i.fa-envelope-o,
#project-form>div[class*='for-user-']>i,
#extra-form>div[class*='for-user-']>i {
  color: var(--fav-segundo);
  position: absolute;
  left: 1.15em;
  top: 21px;
  z-index: 2;
}

/* ! 17. site footer */

/* ==========================================================================
   18.Contact
   ========================================================================== */

.contact-form .form-control,
.register-form .form-control,
.project-form .form-control,
.extra-form .form-control {
  border-color: #ddd;
  margin-bottom: 1.5em;
  box-shadow: none;
  padding: 16px 24px 16px 48px;
}

.contact-form .btn-default,
.register-form .btn-default,
.project-form .btn-default,
.extra-form .btn-default {
  width: 100%;
}

.contact-form label.error,
.register-form label.error,
.project-form label.error,
.extra-form label.error {
  margin-bottom: 1.5em;
  font-weight: 300;
  color: #ea5050;
}

#contact-form div[class*='for-user-'],
#register-form div[class*='for-user-'],
#project-form div[class*='for-user-'],
#extra-form div[class*='for-user-'] {
  position: relative;
}

.success-cf,
.error-cf {
  display: none;
}

.contact-form .success-cf p,
.extra-form .success-cf p,
.contact-form .error-cf p,
.register-form .success-cf p,
.register-form .error-cf p,
.project-form .success-cf p,
.project-form .error-cf p {
  position: absolute;
  display: block;
  top: 20%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;
  width: 80%;
  margin: 0 auto;
  padding: 1em 2em;
  margin-bottom: 0;
  border-radius: 4px;
}

.success-cf p {
  background: #dff0d8;
  color: #3c763d;
  border: 1px solid rgba(60, 118, 61, 0.18);
}

.error-cf p {
  background: #ffe5e5;
  color: #ea5050;
  border: 1px solid rgba(169, 82, 82, 0.18);
}

.contact-form label.error i,
.register-form label.error i,
.extra-form label.error i,
.project-form label.error i .success-cf i,
.error-cf i {
  padding-right: 0.5em;
}

.contact-form .form-control.error,
.register-form .form-control.error,
.project-form .form-control.error,
.extra-form .form-control.error {
  border-color: #e7bebe;
  color: #d95c5c;
  border-left: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  box-shadow: 0.3em 0 0 0 #d95c5c inset;
  margin-bottom: 0.75em;
}

.contact-form .form-control.error:focus,
.extra-form .form-control.error:focus,
.register-form .form-control.error:focus,
.project-form .form-control.error:focus {
  border-color: #ff5050;
  color: #ff5050;
  box-shadow: 0.3em 0 0 0 #ff5050 inset;
}

.contact-form .valid,
.extra-form .valid,
.register-form .valid,
.project-form .valid {
  border-color: #ddd;
}

.modal-content {
  padding: 1.5em;
  border-radius: 4px;
}

.modal-header {
  border-bottom: none;
}

.modal-title {
  margin: 0 0 24px;
  font-size: 30px;
}

.modal-header,
.modal-body {
  padding: 0;
}

 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}

.close:hover, .close:focus {
    color: white;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=50);
}

.close {
     color: white;
    opacity: 1;
}

#privacy .modal-content,
#terms-pieza .modal-content,
#terms-project .modal-content {
  background-color: var(--fav-segundo);
}

#privacy .modal-content p,
#terms-pieza .modal-content p,
#terms-project .modal-content p,
#privacy .modal-content h4,
#terms-pieza .modal-content h4,
#terms-project .modal-content h4 {
  color: #fff;
}

ol.terms {
  -webkit-padding-start: 10px;
}

/* ! 19. Social */

/* ? 20. Small devices (tablets, 768px and up) */

@media (min-width: 768px) {

  .counter div[class^='col-']:nth-child(1),
  .counter div[class^='col-']:nth-child(2) {
    padding-bottom: 0;
  }
}

/* ? 21. Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
  .venue h2 {
    margin-top: 3em;
  }

  /* .pricing > .container > .row > .col-md-4,
.venue address { margin-bottom: 0; } */
}

/* ==========================================================================
   CUSTOM CSS
   ========================================================================== */

.logo-nav {
  width: 65px;
}

.venue {
  background: url(../img/escuela1.jpg) center center no-repeat fixed;
  background-size: cover;
  position: relative;
  color: #fff;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

ol.terms,
ol.terms li {
  list-style-type: decimal;
  color: white;
}

ul.sub-terms,
ul.sub-terms li {
  list-style: disc;
  color: white;
}

ul.sub-terms {
  -webkit-padding-start: 40px;
}

/* #endregion =========================================================== */

/*

El codigo por encima era el original sin revisar, se mantiene por evitar errores.
Lo siguinte es codigo en funcionamiento, da���arlo podria llevar a errores.

*/

/* ====================================================================== */
/* -------------------------- Table of Content -------------------------- +/
- General
- Header
- Section #about
- Section #winner
- Section #experience
- Section #gallery
- Section #schedule
- Section #speaker
- Section #join
- Section #register
- Section #sponsor
- Section #faq
- Social
- Footer
- Scroll to Top
- Owl Carousel Extension
- Small devices (tablets, 768px and up)
- Medium devices (desktops, 992px and up)
- Large devices (desktops, 1200px and up)
- Utility classes */
/* ====================================================================== */

/* ====================================================================== */
/* ------------------------------ General ------------------------------- */
/* #region ============================================================== */

.container {
  padding-top: 72px;
  padding-bottom: 72px;
}

.container-full-w {
  padding-top: 72px;
  padding-bottom: 72px;
}

.flex-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* .clean-before::before, */
.clean-both::before,
.clean-both::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* Theme Colors */
:root {
/*--fav-primary: #90fe3c;
  --fav-segundo: #ff00a4;
  --fav-tercero: #8d00fc;
  --fav-cuarto: #ff7300;*/

  --fav-black: #000;
  --fav-white: #fff;
  --fav-muted: #888;
  --fav-primary: #ffffff;
  --fav-segundo: #000000;
  --fav-tercero: #8d00fc;
  --fav-cuarto: #ff7300;
  --fav-baige-1: #f0ead2;
  --fav-gray-1: #f7f7f7;
  --fav-gray-2: #e8e8e8;
  /* --fav-gray-3: #d7cfd2; */
  --fav-gray-4: #c0c0c0;
  --fav-gray-5: #949494;
  --fav-gray-6: #777;
  --fav-gray-7: #333333;
  --fav-gray-9: #1e2225;
  /*
  --fav-gray-dark: #101010;
  --fav-gray-light: #555;
  */
}

.ganadorfav{
  color: #90fe3c;
}

.mencionfav{
  color: #ff00a4;
}

a.gallery-item > img {
    height: 240px;
    object-fit: cover;
    object-position: center;
}

.owl-page > span {
    background: #e20b81 !important;
}

/*FAV2025*/
.btn-rosa{
  background-color: #e20b81 !important;
  border: 2px solid #e20b81 !important;
  color: var(--fav-white) !important;

}

.btn-amarillo{
  background-color: #f4e72e !important;
  border: 2px solid #f4e72e !important;
  color: var(--fav-white) !important;

}

/*.btn-azul-cielo{*/
.btn-celeste{
  background-color: #4fb8e6 !important;
  border: 2px solid #4fb8e6 !important;
  color: var(--fav-white) !important;
}

.btn-negro{
  background-color: #04141c !important;
  border: 2px solid #04141c !important;
  color: var(--fav-white) !important;
}

/****************/

.btn-morado-oscuro{
  background-color: #672a4d !important;
  border: 2px solid #672a4d !important;
  color: var(--fav-white) !important;

}

.btn-azul-oscuro{
  background-color: #2b3a6b !important;
  border: 2px solid #2b3a6b !important;
  color: var(--fav-white) !important;

}



.btn-naranja{
  background-color: #e95f33 !important;
  border: 2px solid #e95f33 !important;
  color: var(--fav-white) !important;

}

.btn-verde{
  background-color: #4b6741 !important;
  border: 2px solid #4b6741 !important;
  color: var(--fav-white) !important;

}

.btn-rojo{
  background-color: #b3251c !important;
  border: 2px solid #b3251c !important;
  color: var(--fav-white) !important;

}

.btn-dorado{
  background-color: #a99123 !important;
  border: 2px solid #a99123 !important;
  color: var(--fav-white) !important;

}

.btn-naranja-claro{
  background-color: #f9a931 !important;
  border: 2px solid #f9a931 !important;
  color: var(--fav-white) !important;

}

.btn-azul{
  background-color: #6486b9 !important;
  border: 2px solid #6486b9 !important;
  color: var(--fav-white) !important;

}

.btn-dorado-oscuro{
  background-color: #a98a21 !important;
  border: 2px solid #a98a21 !important;
  color: var(--fav-white) !important;

}

.btn-morado{
  background-color: #682d4f !important;
  border: 2px solid #682d4f !important;
  color: var(--fav-white) !important;

}

.btn-verde-oliva{
  background-color: #90a42d !important;
  border: 2px solid #90a42d !important;
  color: var(--fav-white) !important;

}

.btn-rosa-fuerte{
  background-color: #d44264 !important;
  border: 2px solid #d44264 !important;
  color: var(--fav-white) !important;

}

.btn-azul-marino{
  background-color: #314071 !important;
  border: 2px solid #314071 !important;
  color: var(--fav-white) !important;

}

.btn-naranja-oscuro{
  background-color: #e76b47 !important;
  border: 2px solid #e76b47 !important;
  color: var(--fav-white) !important;

}

.btn-azul-cielo{
  background-color: #6a90b8 !important;
  border: 2px solid #6a90b8 !important;
  color: var(--fav-white) !important;
}

figure.speaker-item img {
    /* background: red; */
    width: 200px;
}

.speaker-bio-item.in > picture > img {
    width: 225px;
}


.prose {
  color: var(--fav-white);
}

.titulonegro{
  color: #000000 !important;
}

.faq-content p {
    color: #000000;
}

.prose h2 {
  margin: 0 0 48px 0;
  font-size: 34px;
  color: var(--fav-white);
}

.imgcurve{
  border-radius: 10px !important;
}

/* .prose h3 {
  margin: 0 0 48px 0;
  font-size: 20px;
  font-weight: 300;
  color: var(--fav-primary);
} */

.linkcolor{
  color: #e20b81 !important;
}

.prose h4 {
  font-weight: normal;
  color: var(--fav-white);
}

.prose b {
  font-weight: bold;
}

.prose small {
  font-size: small;
}

.prose a {
  transition: all 0.3s ease-in-out;
}

.prose p,
.prose ul,
.prose .link {
  margin-bottom: 32px;
}

.prose p {
  text-align: justify;
}

.prose ul {
  padding-left: 32px;
}

.prose ul>li {
  list-style: disc;
  text-align: left;
}

.prose .link {
  display: block;
  font-weight: bold;
  color: var(--fav-segundo);
}

.prose .quote {
  display: inline-flex;
  font-style: italic;
  /* background: red; */
  width: 60% !important;
  justify-content: flex-end;
}

.prose .heading {
  display: block;
  font-size: larger;
  font-weight: bold;
  color: var(--fav-white);
}

.prose .subheading {
  display: block;
  font-weight: bold;
  color: var(--fav-white);
}

.prose .button,
.prose .button.inverted {
  display: inline-block;
  padding: 0.75em 1.5em;
  white-space: nowrap;
  font-weight: 700;
  color: var(--fav-white);
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.prose .button {
  background-color: var(--fav-primary);
  border: 2px solid var(--fav-primary);
  color: var(--fav-segundo);
}

.prose .button.inverted {
  background: transparent;
  border: 2px solid var(--fav-white);
}

/* .prose .button:hover,
.prose .button:focus,
.prose .button:active {
  background: transparent;
  border-color: transparent;
} */
/* .prose .button.inverted:hover,
.prose .button.inverted:focus,
.prose .button.inverted:active {
  color: var(--fav-primary);
  background: var(--fav-white);
  border-color: var(--fav-white);
} */

/* #endregion =========================================================== */
/* ------------------------------- Header ------------------------------- */
/* #region ============================================================== */

#site-header {
  position: relative;
  padding-bottom: 9em;
  color: #fff;
  /*background: url(../img/header-banner-min.jpg) center center no-repeat scroll;*/
  background-size: cover;
}

#site-header::after {
  background-color: rgba(0, 0, 0, 0.5);
}

#site-header .container {
  padding: 0;
}

#header-video {
  display: none;
}

#header-overlay {
  position: relative;
  z-index: 9;
  margin: 2em 0 1.5em;
  width: 100%;
  text-align: center;
}

#header-overlay h1 {
  font-size: 34px;
  color: var(--fav-white);
  font-weight: 700;
  text-shadow: 0 1px 1px var(--fav-black);
}

#header-overlay p {
  margin-bottom: 0;
  color: var(--fav-white);
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  text-shadow: 0px 1px 0.1px var(--fav-black);
}

#header-overlay .button.inverted:hover,
#header-overlay .button.inverted:focus,
#header-overlay .button.inverted:active {
  color: var(--fav-primary);
  background: var(--fav-white);
  border-color: var(--fav-white);
}

#site-navbar {
  z-index: 10;
  background-color: var(--fav-black);
  border: none;
}

#site-navbar .logo-nav img {
  display: none;
  width: 65px !important;
  padding: 1em 0 1em 1em;
}

#site-navbar .navbar-toggle {
  height: 49px;
  width: 49px;
}

#site-navbar .icon-bar {
  display: block;
  height: 4px;
  width: 27px;
  background-color: var(--fav-gray-6);
  border-radius: 1px;
}

#site-navbar .nav {
  padding-left: 0;
  margin-bottom: 0 !important;
}

#site-navbar .navbar-nav a {
  color: var(--fav-white);
}

#site-navbar .navbar-toggle:hover,
#site-navbar .navbar-toggle:focus,
#site-navbar .navbar-toggle:active {
  color: var(--fav-white);
  background-color: var(--fav-primary);
  transition: all 0.3s ease-in-out;
}

#site-navbar .navbar-toggle:hover span,
#site-navbar .navbar-toggle:focus span,
#site-navbar .navbar-toggle:active span {
  background-color: var(--fav-white);
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

#site-navbar.stuck {
  position: fixed;
  padding: 8px 0;
  width: 100%;
  top: 0;
  left: 0;
  background-color: var(--fav-black);
  box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
  -webkit-animation: fadeInDown 1s both;
  animation: fadeInDown 1s both;
}

/* #site-navbar */
/* #logo-nav */

#site-navbar.stuck .logo-nav {
  display: block;
}

#site-navbar.stuck .logo-nav img {
    display: block;
    padding-top: 6px;
    
}

#site-navbar.stuck .navbar-nav a {
  text-align: center;
  color: var(--fav-white);
}

#site-navbar.stuck .navbar-nav a:hover,
#site-navbar.stuck .navbar-nav a:focus,
#site-navbar.stuck .navbar-nav a:active {
  color: var(--fav-primary);
}

#site-navbar.stuck .navbar-nav .button {
  display: block;
  color: var(--fav-white);
  background: var(--fav-primary);
  /* font-weight: normal; */
}

#site-navbar.stuck .navbar-nav .button:hover,
#site-navbar.stuck .navbar-nav .button:focus {
  color: var(--fav-white);
  background: var(--fav-primary);
  border-color: var(--fav-primary);
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  position: relative;
  z-index: 9;
}

/* #endregion =========================================================== */
/* !---------------------------- #experience ----------------------------- */
/* #region ============================================================== */

.album {
  padding-top: 48px;
  padding-bottom: 48px;
  background-color: var(--fav-gray-1);
}

/* #endregion =========================================================== */
/* ----------------------------- #gallery ------------------------------- */
/* #region ============================================================== */

.gallery-item {
  display: block;
  padding: 0 2px;
  width: 100%;
}

.gallery-item img {
  height: auto;
  width: 100%;
}

#gallery .button:hover {
  color: var(--fav-primary);
  background-color: var(--fav-white);
  border-color: var(--fav-white);
}

/* #endregion =========================================================== */
/* ----------------------------- #schedule ------------------------------ */
/* #region ============================================================== */

#schedule-tabs {
  margin: 0;
  padding: 0;
  background: var(--fav-gray-1);
  border-width: 0;
}

#schedule-tabs>li {
  float: none;
  padding: 0.75em;
  list-style: none;
  text-align: center;
  color: var(--fav-gray-5);
  border: 0 solid var(--fav-gray-2);
  border-bottom-width: 2px;
  transition-property: color, background, border-color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

#schedule-tabs>li:last-child {
  border-bottom: none;
}

#schedule-tabs>li.active,
#schedule-tabs>li:hover,
#schedule-tabs>li:focus {
  color: var(--fav-segundo);
  background: var(--fav-primary);
  border-color: var(--fav-gray-1);
}

#schedule-tabs>li a {
  color: inherit;
  background-color: transparent;
  border: none;
  transition: none;
}

#schedule-tabs>li i {
  margin-right: 0.5em;
}

.schedule-timeline {
  padding: 0 3em;
  border-left: 4px solid var(--fav-primary);
}

.schedule-timeline>div {
  position: relative;
  padding: 2.25em 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.schedule-timeline>div:last-child {
  border: none;
}

.schedule-timeline>div::before {
  content: '';
  display: block;
  position: absolute;
  height: 11px;
  width: 11px;
  top: 2.6em;
  left: -55px;
  background: var(--fav-white);
  border-radius: 50%;
  box-shadow: 0 0 0 4px var(--fav-primary);
}

.schedule-timeline img {
  border-radius: 50%;
  margin-bottom: 1.5em;
}

/* #endregion =========================================================== */
/* ----------------------------- #speaker ------------------------------- */
/* #region ============================================================== */

.speaker-item {
  display: block;
  padding: 0 2px;
  width: 100%;
}

.speaker-item>img {
  border-radius: 4px;
}

.speaker-item>figcaption {
  margin-top: 16px;
  position: relative;
}

.speaker-item>figcaption .heading,
.speaker-item>figcaption .quote {
  text-align: center;
}

.speaker-item>figcaption .button {
  position: absolute;
  top: 6px;
  left: 50%;
  -webkit-transform: translate(-50%, -130%);
  transform: translate(-50%, -130%);
}

/*
.speaker-item > figcaption .social li a {
  border: 1px solid #ff6699;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
}

.speaker-item > figcaption .social li a:hover {
  color: #fff;
  background: #ff6699;
  border: 1px solid #ff6699;
}
*/

:root {
  --fav-sidepanel-size: 270px;
}

@media (min-width: 560px) {
  :root {
    --fav-sidepanel-size: 460px;
  }
}

main,
#speaker-bio>div,
#speaker-bio-close {
  transition-property: -webkit-transform, transform;
  transition-duration: 0.3s;
}

#speaker-bio>div {
  position: fixed;
  height: 100%;
  width: var(--fav-sidepanel-size);
  top: 0;
  right: 0;
  overflow-y: auto;
  background: var(--fav-gray-9);

  -webkit-transform: translateX(var(--fav-sidepanel-size));
  transform: translateX(var(--fav-sidepanel-size));
  -webkit-overflow-scrolling: touch;
}

#speaker-bio-close {
  display: block;
  position: fixed;
  z-index: 60;
  top: 10px;
  right: 16px;
  font-size: 32px;
  line-height: 1;
  color: var(--fav-primary);

  -webkit-transform: translateX(100px);
  transform: translateX(100px);
}

main.out {
  -webkit-transform: translateX(calc(-1 * var(--fav-sidepanel-size)));
  transform: translateX(calc(-1 * var(--fav-sidepanel-size)));
}

#speaker-bio>div.in,
#speaker-bio-close.in {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.speaker-bio-item>img {
  display: block;
  position: relative;
  width: 100%;
}

.speaker-bio-item>div {
  margin-top: 16px;
  padding: 0 16px 24px 24px;
}

.speaker-bio-item h2,
.speaker-bio-item .heading,
.speaker-bio-item .subheading {
  color: var(--fav-white);
}

.speaker-bio-item h2 {
  margin-bottom: 24px;
  text-align: center;
  font-size: 20px;
}

.speaker-bio-item .subheading {
  margin-bottom: 8px;
  letter-spacing: 0.2em;
}

.speaker-bio-item p,
.speaker-bio-item ul {
  color: var(--fav-gray-1);
  margin-bottom: 16px;
  font-size: 14px;
}

.speaker-bio-item p {
  text-align: justify;
}

/* #endregion =========================================================== */
/* -------------------- #join, #register & #sponsor --------------------- */
/* #region ============================================================== */


#join img {
    margin-bottom: 20px;
}

#register a,
#register h4 {
  margin-top: 48px;
}

#sponsor div a {
  display: inline-block;
  padding: 20px 20px;
}

#sponsor img {
  width: 256px;
  transition: all 0.3s ease-in-out;
  -webkit-filter: grayscale(100%) opacity(0.7);
  filter: grayscale(100%) opacity(0.7);
}

#sponsor img:hover {
  -webkit-filter: grayscale(0) opacity(1);
  filter: grayscale(0) opacity(1);
}

/* #endregion =========================================================== */
/* -------------------------------- #faq -------------------------------- */
/* #region ============================================================== */

#faq .faq-item {
  margin-bottom: 0.75em;
  list-style: none;
  background: var(--fav-white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.2s;
}

#faq .faq-item:hover {
  box-shadow: 0 1px 10px rgba(144, 145, 145, 0.3);
}

#faq .faq-question {
  position: relative;
  margin-bottom: 0;
  padding: 1.5em;
  font-size: 19px;
  font-weight: normal;
}

#faq .faq-question::before,
#faq .faq-question::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 13px;
  top: 50%;
  right: 24px;
  background: var(--fav-white);
  transition-property: -webkit-transform, transform;
  transition-duration: 0.2s;
}

#faq .faq-question::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 32px;
}

#faq .faq-question::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#faq .faq-visible .faq-question::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#faq .faq-visible .faq-question::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#faq .faq-content {
  display: none;
  padding: 0 1.5em 1.5em;
}

/* #endregion =========================================================== */
/* ------------------- Social, Footer, Scroll to Top -------------------- */
/* #region ============================================================== */

.social-row,
.social-col {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.social-row a {
  margin-right: 8px;
}

.social-row a:last-child {
  margin-right: 0;
}

.social-col {
  flex-direction: column;
}

.social-col a {
  margin-bottom: 8px;
}

.social-col a:last-child {
  margin-bottom: 0;
}

.social-row a,
.social-col a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  width: 56px;
  color: var(--fav-segundo);
  background: var(--fav-primary);
  border-radius: 50%;
}

.social-row i,
.social-col i {
  font-size: 24px;
  line-height: 24px;
}

.social-row a:hover,
.social-col a:hover,
.social-row a:focus,
.social-col a:focus {
  color: var(--fav-white);
  background: var(--fav-segundo);
}

.social-row [data-target='#modal-contact-form'],
.social-col [data-target='#modal-contact-form'] {
  display: var(--fav-contact-display, none);
}

#site-footer>div {
  margin-bottom: 24px;
}

#site-footer>div:first-child {
  line-height: 1.2;
}

#site-footer p {
  text-align: center;
  margin-bottom: 0;
}

#scroll-top {
  display: block;
  position: fixed;
  z-index: 200;
  bottom: 36px;
  right: 36px;
}

#scroll-top a {
  width: 40px;
  height: 40px;
}

#scroll-top i {
  font-size: 18px;
}

/* #endregion =========================================================== */
/* ------------------------ Owl Carousel Extension ---------------------- */
/* #region ============================================================== */

.owl-wrapper-outer {
  margin-bottom: 24px;
}

.customNavigation {
  display: none;
}

.customNavigation span {
  display: block;
  position: absolute;
  height: 100px;
  width: 15px;
  top: 30%;
  border: none;
  cursor: pointer;
}

.customNavigation .prev {
  margin-left: -60px;
}

.customNavigation .next {
  right: -60px;
}

.customNavigation i {
  color: var(--fav-gray-4);
  transform: scale(4, 6);
}



/* #endregion =========================================================== */
/* ---------------- Small devices (tablets, 768px and up) --------------- */
/* #region ============================================================== */

@media (min-width: 768px) {

  /* ? Header */
  #site-header {
    padding: 3em 0 12em;
    /*background: url(../img/header-banner.jpg) center center no-repeat scroll;*/
    background-color: #000000;
    background-size: cover;
  }

  #site-navbar {
    background-color: transparent;
  }

  #site-navbar .logo-nav img {
    padding: 0;
  }

  #site-navbar-brand {
    float: left;
  }

  /* ? #schedule */
  #schedule-tabs>li {
    float: left;
    border-width: 0 2px 0 0;
  }

  /* ? #speaker */
  :root {
    --fav-sidepanel-size: 600px;
  }

  .speaker-bio-item>div {
    padding: 0 48px 48px;
  }

  .speaker-bio-item h2 {
    font-size: 40px;
  }

  .speaker-bio-item p,
  .speaker-bio-item ul {
    font-size: 16px;
  }

  /* ? Owl carousel */
  .owl-wrapper-outer {
    margin-bottom: 32px;
  }

  .customNavigation {
    display: block;
  }
}

/* #endregion =========================================================== */
/* --------------- Medium devices (desktops, 992px and up) -------------- */
/* #region ============================================================== */

@media (min-width: 992px) {

  /* ? Header */
  #site-header {
    padding: 3.75em 0 18em;
  }

  #header-overlay h1 {
    font-size: 42px;
  }

  #header-overlay p {
    font-size: 30px;
  }

  #header-video {
    display: block !important;
    /* position: absolute; */
    min-height: 100%!important;
    min-width: 100%!important;
    /* height: auto; */
    /* width: auto; */
    right: 0!important;
    bottom: 0!important;
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
    transform: translate(-50%, -50%)!important;
  }

  /* ? #schedule */
  .schedule-timeline img {
    margin-bottom: 0;
  }
}

/* #endregion =========================================================== */
/* --------------- Large devices (desktops, 1200px and up) -------------- */
/* #region ============================================================== */

@media (min-width: 1200px) {

  /* ? #speaker */
  :root {
    --fav-sidepanel-size: 800px;
  }

  .speaker-bio-item>div {
    padding: 0 64px 64px;
  }

  .speaker-bio-item h2 {
    margin-bottom: 24px;
  }
}

/* #endregion =========================================================== */
/* -------------------------- Utility classes --------------------------- */
/* #region ============================================================== */


.text-primary {
  color: var(--fav-primary);
}

.text-segundo{
 color: var(--fav-segundo); 
}

.text-black {
  color: var(--fav-black);
}

.bg-baige-1 {
  background-color: var(--fav-black);
}

.bg-gray-1 {
  background-color: var(--fav-gray-1);
}

.bg-black-1 {
  background-color: var(--fav-black);
}

.overflow-hidden {
  overflow: hidden;
}

.hidden {
  display: none;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-col {
  flex-direction: column;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-full {
  width: 100%;
}

.my-2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.my-3 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.mt-3 {
  margin-top: 16px;
}

.mt-4 {
  margin-top: 24px;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-3 {
  margin-bottom: 16px !important;
}

.mb-4 {
  margin-bottom: 24px;
}

.ml-auto {
  margin-left: auto;
}

.px-3 {
  padding-right: 16px;
  padding-left: 16px;
}

.text-justify {
  text-align: justify;
}

.font-sm {
  font-size: small;
}

@media (min-width: 768px) {
  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:w-1\/3 {
    width: 33.333333%;
  }

  .sm\:w-3\/4 {
    width: 75%;
  }

  .sm\:w-5\/6 {
    width: 83.333333%;
  }

  .sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:mx-2 {
    margin-right: 8px;
    margin-left: 8px;
  }

  .sm\:px-2 {
    padding-right: 8px;
    padding-left: 8px;
  }
}

@media (min-width: 992px) {
  .md\:flex {
    display: flex;
  }

  .md\:order-1 {
    order: 1;
  }

  .md\:float-none {
    float: none;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  /* .md\:w-1\/3 { width: 33.333333% } */
  /* .md\:w-2\/3 { width: 66.666667% } */
  .md\:w-1\/4 {
    width: 25%;
  }

  /* .md\:w-2\/4 { width: 50% } */
  .md\:w-3\/4 {
    width: 75%;
  }

  /* .md\:w-1\/5 { width: 20% } */
  /* .md\:w-2\/5 { width: 40% } */
  /* .md\:w-3\/5 { width: 60% } */
  /* .md\:w-4\/5 { width: 80% } */
  /* .md\:w-1\/6 { width: 86.666667% } */
  /* .md\:w-2\/6 { width: 83.333333% } */
  /* .md\:w-3\/6 { width: 50% } */
  /* .md\:w-4\/6 { width: 66.666667% } */
  .md\:w-5\/6 {
    width: 83.333333%;
  }

  /* .md\:w-full { width: 100%; } */

  .md\:px-3 {
    padding-right: 16px;
    padding-left: 16px;
  }

  .md\:mt-0 {
    margin-top: 0;
  }
}

/* #endregion =========================================================== */

.background-past-fav {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40vh;
  width: 49%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: 1.5vh;
}

.past-favs-container{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

@media (max-width: 1200px) {

  .past-favs-container{
    display: flex !important;
    flex-direction: column;
  }

  .background-past-fav {
    width: 100% !important;
    background-color: black;
  }
}




@media(max-width: 768px){ /*Celulares*/

  #logosite {
    width: 85%;
    padding-top: 140px;
    padding-bottom: 20px;
}

.prose .quote {
    display: inline-flex;
    font-style: italic;
    margin-top: 15px;
    width: 100% !important;

}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px;
}


.prose p {
    text-align: left;
}

.prose h2 {
    margin: 0 0 48px 0;
    font-size: 34px;
    color: var(--fav-white);
    text-align: center;
}

.speaker-item {
    display: block;
    padding: 0 45px;
    width: 100%;
}

.owl-controls .owl-pagination .owl-page span{
  background: #d44264;
}

.desktop-img{
  display: none;
}


.mobile-img {
    display: block;
    width: 100%;
    padding: 50px 20px;
}

.speaker-bio-item.in > picture > img {
    width: 100%;
    padding: 25px;
}

}