/**
* Template Name: TheEvent - v4.1.0
* Template URL: https://bootstrapmade.com/theevent-conference-event-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*-------------------------------------------------------------
#traduction
-------------------------------------------------------------*/

  #traduction #traduction-modal .btn {
    font-size: 15px;
    border-radius: 50px;
    padding: 10px 40px;
    display: inline-block;
    transition: all 0.2s;
    background-color: #ce6e07;
    border: 0;
    color: #fff;
  
  }
@media (min-width: 999px) 
{
    #flip-container{
      -webkit-perspective: 1000px;
      perspective: 1000px;
      padding: 50px;
      position: relative;
      margin: 10px auto;
      width: 600px;
    }

    .carta-box {
      margin: auto;
      width: 500px;
      height: 500px;
      position: relative;
      perspective: 1000px;
    }

    .carta-box:hover .carta {
        transform: rotateY(180deg);
    }

    .carta {
      border-radius: 20px 20px 20px 20px;
      -webkit-border-radius: 20px 20px 20px 20px;
      -moz-border-radius: 20px 20px 20px 20px;
      transform-style: preserve-3d;
      transform-origin: 50% 25px;
      transition: all 0.5s linear;
    }

    .cara {
      border-radius: 20px 20px 20px 20px;
      -webkit-border-radius: 20px 20px 20px 20px;
      -moz-border-radius: 20px 20px 20px 20px;
      background-color: #D5D8DC;
      padding: 5%;
      position: absolute;
      backface-visibility: hidden;
    }

    .cara.detras {
      transform: rotateY(180deg);
    }
}

@media (max-width: 998px) 
{
    #flip-container{
      -webkit-perspective: 500px;
      perspective: 500px;
      padding: 50px;
      position: relative;
      margin: 5px auto;
      width:350px;
    }

    .carta-box {

      margin: auto;
      width: 250px;
      height: 400px;
      position: relative;
      perspective: 500px;
    }

    .carta-box:hover .carta {
        transform: rotateY(180deg);
    }

    .carta {
      border-radius: 20px 20px 20px 20px;
      -webkit-border-radius: 20px 20px 20px 20px;
      -moz-border-radius: 20px 20px 20px 20px;
      transform-style: preserve-3d;
      transform-origin: 50% 10px;
      transition: all 0.5s linear;
    }

    .cara {
      border-radius: 20px 20px 20px 20px;
      -webkit-border-radius: 20px 20px 20px 20px;
      -moz-border-radius: 20px 20px 20px 20px;
      background-color: #D5D8DC;
      padding: 5%;
      position: absolute;
      backface-visibility: hidden;
    }

    .cara.detras {
      transform: rotateY(180deg);
    }
}
#traduction .card .btn {
  font-size: 15px;
  border-radius: 50px;
  padding: 10px 40px;
  transition: all 0.2s;
  background-color: #ce6e07;
  border: 0;
  color: #fff;
}

#traduction .card .btn:hover {
  background-color: #0A3C71;
}

#traduction #traduction-modal input, #buy-tickets #buy-ticket-modal select {
  border-radius: 0;
}

#traduction .hidded {
  opacity: .05;
  width: 1%;
  height: 1%;
  position: absolute;
  z-index: 100;
  margin-top: -45%;
  margin-left: -95%;
}


#traduction #traduction-modal .btn {
  font-size: 15px;
  border-radius: 50px;
  padding: 10px 40px;
  display: inline-block;
  transition: all 0.2s;
  background-color: #ce6e07;
  border: 0;
  color: #fff;
}

#traduction #traduction-modal .btn:hover {
  background-color: #0A3C71;
}

#traduction button {
  border: 0;
  
  padding: 9px 25px;
  cursor: pointer;
  background: #004089;
  width: 20%;
  display: inline-block;
  margin-left: 10px;
  color: #fff;
  transition: all 0.3s ease;
  outline: none;
  font-size: 18px;
  border-radius: 50px;
}

.all
{
  margin-top: 3%;
  width: 100%;
  
}

#traduction button:hover {
  background: #ce6e07;
}

@media (max-width: 460px) {
  #traduction button {
    margin-top: 10px;
  }
  .tarjetas{
    margin-left: 10px;
    margin-bottom: 15px;
  }
}

@media (min-width: 250px) and (max-width: 767px) 
{
  #traduction #traduction-modal .btn {
    font-size: 15px;
    border-radius: 50px;
    padding: 10px 40px;
    display: inline-block;
    transition: all 0.2s;
    background-color: #ce6e07;
    border: 0;
    color: #fff;
  }
  #hero .amarillo
  {
    margin-top: 1%;
    color: #DEB200;
    font-weight: 20px;
    font-size: 20px;
    margin-left: -12px;
  }

  #hero p
  {
    font-size: 20px;
    
  }


  #hero img
  {
    width: 100%;
    margin-bottom: 15px;
  }

    #traduction button {
    border: 0;
    padding: 9px 25px;
    cursor: pointer;
    background: #004089;
    width: 50%;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    transition: all 0.3s ease;
    outline: none;
    font-size: 18px;
    border-radius: 50px;
  }

  #traduction img
  {
    margin-top: -10%;
    width: 90%;
    margin-bottom: 5%;
    Overflow: hidden;
    Objet-fit: cover;
  }

  
  /*Checar esto faltante*/
  
  body {
    
    top:0px;
    margin:0;
    padding: 0;

  }

  .arriba-cil
{
  height: 110%;
  width:100%;
  min-height: 110%; 
  position: fixed;
  background: #181818;
  opacity: 50%;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}


  .example::-webkit-scrollbar {
  display: none;
}
.example {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

  }


  @media (min-width: 100px) and (max-width: 299px) 
{
  #traduction button {
    border: 0;
    padding: 9px 25px;
    cursor: pointer;
    background: #004089;
    width: 90%;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    transition: all 0.3s ease;
    outline: none;
    font-size: 18px;
    border-radius: 50px;
  }

  #traduction img
  {
    margin-top: -10%;
    width: 100%;
    margin-bottom: 5%;
  }

}



/* ------------------------- */
/* inicio */
/* ------------------------- */

#video-background {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: -1;
}


.arriba-cil
{
  height: 110%;
  width:100%;
  min-height: 100%; 
  position: fixed;
  background: #181818;
  opacity: 50%;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.arriba-cil2
{
  height: 100%;
  width:100%;
  min-height: 100%; 
  position: fixed;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0 15px;
}

/* ------------------------- */
/* País invitado */
/* ------------------------- */

#pais span{
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  margin: 0 -5px 0 0;
  padding: 0;
  font-size: 29px;
  font-weight: bold;
}
#pais .amarillo
{
  color:  #FFC300;
}

#pais .rojo
{
  color:  #DA0B01;
}
#pais .negro
{
  color:  #3B3B3B;
}

/* ------------------------- */
/* POPUP */
/* ------------------------- */

.overlay {
  background: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9990;
  align-items: center;
  justify-content: center;
  display: flex;
  visibility: hidden;
}

.overlay.active {
  visibility: visible;
  z-index: 9990;
}

.popup {
  background: #F8F8F8;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  border-radius: 3px;
  font-family: 'Montserrat', sans-serif;
  padding: 20px;
  text-align: center;
  width: 600px;
  z-index: 9990;
  transition: .3s ease all;
  transform: scale(0.7);
  opacity: 0;
}

.popup .btn-cerrar-popup {
  font-size: 16px;
  line-height: 16px;
  display: block;
  text-align: right;
  transition: .3s ease all;
  color: #000;
}

.popup .btn-cerrar-popup:hover {
  color: #000;
}

.popup h3 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #BBB300;
  opacity: 0;
}

.popup h4 {
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 40px;
  opacity: 0;
}

.popup form .contenedor-inputs {
  opacity: 0;
}

.popup form .contenedor-inputs input {
  width: 100%;
  margin-bottom: 20px;
  height: 52px;
  font-size: 18px;
  line-height: 52px;
  text-align: center;
  border: 1px solid #BBBBBB;
}

.popup form .btn-submit {
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border: none;
  color: #fff;
  background: #5E7DE3;
  border-radius: 3px;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  cursor: pointer;
  transition: .3s ease all;
}

.popup form .btn-submit:hover {
  background: rgba(94,125,227, .9);
}

/* ------------------------- */
/* ANIMACIONES */
/* ------------------------- */
.popup.active { transform: scale(1); opacity: 1; }
.popup.active h3 { animation: entradaTitulo .8s ease .5s forwards; }
.popup.active h4 { animation: entradaSubtitulo .8s ease .5s forwards; }
.popup.active .contenedor-inputs { animation: entradaInputs 1s linear 1s forwards; }

@keyframes entradaTitulo {
  from {
    opacity: 0;
    transform: translateY(-25px);
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes entradaSubtitulo {
  from {
    opacity: 0;
    transform: translateY(25px);
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes entradaInputs {
  from { opacity: 0; }
  to { opacity: 1; }
}

/*-------------------------------------------------------------
#actividades
-------------------------------------------------------------*/
#actividades .card .btn {
  font-size: 15px;
  border-radius: 50px;
  padding: 10px 40px;
  transition: all 0.2s;
  background-color: #e50550;
  border: 0;
  color: #fff;
}

#actividades .card .btn:hover {
  background-color: #ce0786;
}

#actividades #actividades-modal input, #buy-tickets #buy-ticket-modal select {
  border-radius: 0;
}

#actividades #actividades-modal .btn {
  font-size: 15px;
  border-radius: 50px;
  /*padding: 10px 40px;*/
  transition: all 0.2s;
  background-color: #ce6e07;
  border: 0;
  color: #fff;
}

#actividades #actividades-modal .btn:hover {
  background-color: #ce0786;
}

#actividades button {
  border: 0;
  padding: 9px 25px;
  cursor: pointer;
  background: #ce0786;
  color: #fff;
  transition: all 0.3s ease;
  outline: none;
  font-size: 14px;
  border-radius: 50px;
}


#actividades button:hover {
  background: #ce6e07;
}

@media (max-width: 460px) {
  #actividades button {
    margin-top: 10px;
  }
}
/*-------------------------------------------------------------
#registro
-------------------------------------------------------------*/
#registro .play-btn {
  
  border-radius: 30%;
  color: #0e1b4d;
  margin-left: 2%;
  display: block;
  position: relative;
  overflow: hidden;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 50px;
  transition: 0.5s;
  border: 2px solid #0e1b4d;
}



#registro .play-btn:before {
  content: '';
  position: absolute;
  width: 100px;
  height: 40px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 30%;
  border: 2px solid rgba(163, 163, 163, 0.4);
  top:5%;
  left: 10%;
  background: rgba(198, 16, 0, 0);
}

#registro .play-btn:hover::after {
  border-left: 15px solid #ce6e07;
  transform: scale(20);
}

#registro2 .play-btn:hover::after {
  border-left: 15px solid #ce6e07;
  transform: scale(20);
}

#registro .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

@-webkit-keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}


@keyframes pulsate-btn {

  0% {

    transform: scale(0.6, 0.6);

    opacity: 1;

  }

  100% {

    transform: scale(1, 1);

    opacity: 0;
  }
}

/*-------------------------------------------------------------
#vido hero
-------------------------------------------------------------*/
.backgroundContent{
  height: 80vh;
}
.videoBackground, .imgBackground{
  width: 100%;
  position: absolute;

}
.videoBackground2, .imgBackground{
  width: 100%;
  margin-top: -5%;
  position: absolute;
}

.imgBackground{
  display: none;
}
.textBackground{
  position: relative;
  background: linear-gradient(70deg, rgba(255,52,227,.5) 0%, rgba(143,4,201,.5) 32%, rgba(229,124,68,.5) 68%, rgba(0,212,255,.5) 100%);
  height: 100%; 
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.textBackground p{
  width: 400px;
  margin: 0 auto;
  color: white;
  /* height: 74vh; */
  position: absolute;
  right: 0;
  left: 0;

}
.elements{

  height: auto;
  text-align: center;
}


.elements h1{
  color: white;
  font-weight: 600;
}


/*--------------------------------------------------------------
# Buy Tickets Section
--------------------------------------------------------------*/
#modalidades {
  padding: 6px 0;
}

#modalidades .card {
  border: none;
  border-radius: 5px;
  margin-bottom: 10px;
  transition: all  0.3s ease-in-out;
  margin: 10px;
  box-shadow: 0 10px 25px 0 rgba(6, 12, 34, 0.1);
}

#modalidades .card:hover {
  box-shadow: 0 10px 35px 0 rgba(6, 12, 34, 0.2);
}

#modalidades .card hr {
  margin: 25px 0;
}

#modalidades .card .card-title {
  margin: 10px 0;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: bold;
}

#modalidades .card .card-price {
  font-size: 30px;
  font-style: bold;
  font-weight: bold;
  margin: 0;
}

#modalidades .card ul li {
  margin-bottom: 20px;
}

#modalidades .card .text-muted {
  opacity: 0.7;
}

#modalidades .card .btn {
  font-size: 15px;
  border-radius: 50px;
  padding: 10px 40px;
  transition: all 0.2s;
  background-color: #ce6e07;
  border: 0;
  color: #fff;
}

#modalidades .card .btn:hover {
  background-color: #e0072f;
}

#modalidades #buy-ticket-modal input, #buy-tickets #buy-ticket-modal select {
  border-radius: 0;
}

#modalidades #buy-ticket-modal .btn {
  font-size: 15px;
  border-radius: 50px;
  padding: 10px 40px;
  transition: all 0.2s;
  background-color: #ce6e07;
  border: 0;
  color: #fff;
}

#modalidades #buy-ticket-modal .btn:hover {
  background-color: #e0072f;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background: #fff;
  color: #2f3138;
  font-family: "Open Sans", sans-serif;
}

a {
  color: #75025C;
  text-decoration: none;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #f88a23;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
}

h1, h2, h3, h5, h6 {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
  color: #940275;
}

h4{
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
  color: #f88a23;
}

.main-page {
  margin-top: 70px;
}

/* Prelaoder */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url("../img/preloader.svg") no-repeat center center;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #ce6e07;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #f94a6a;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/* Sections Header
--------------------------------*/
.section-header {
  margin-bottom: 60px;
  position: relative;
  z-index: 100;
  padding-bottom: 20px;
}

.section-header::before {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 5px;
  background: #ce6e07;
  bottom: 0;
  left: calc(50% - 25px);
}

.section-header h2 {
  font-size: 36px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  margin-bottom: 10px;
}

.section-header p {
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: #9195a2;
}

.section-with-bg {
  background-color: #f6f7fd;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  height: 90px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 997;
}

#header.header-scrolled, #header.header-inner {
 /* background: #fa1a89;*/
 background: linear-gradient(70deg, rgba(255,52,227,.5) 0%, rgba(229,124,68,.5)  32%, rgba(143,4,201,.5) 68%, rgba(0,212,255,.5) 100%);
  height: 70px;
}

#header #logo h1 {
  font-size: 36px;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#header #logo h1 span {
  color: #ce6e07;
}

#header #logo h1 a, #header #logo h1 a:hover {
  color: #fff;
}

#header #logo img {
  padding: 0;
  margin: 0;
  max-height: 40px;
}

@media (max-width: 992px) {
  #header #logo img {
    max-height: 30px;
  }
}

@media screen and (min-width: 1420px){
  .backgroundContent{
    height: 100vh;
  }
}

@media screen and (min-width: 812px) and (max-width: 1421px){
  .backgroundContent{
    height: 50vh;
  }
  .textBackground{
    height: 100vh;
  }
  .elements{
    
  }
}
@media screen and (max-width: 811px){
  .videoBackground{
    display: none;
  }
  .imgBackground{
    display: block;
  }
  .backgroundContent{
    height: 40vh;
  }
  .textBackground{
    height: 100vh;
  }
  .elements{
    width: 45%;
  }
}


/*--------------------------------------------------------------
# Buy Tickets
--------------------------------------------------------------*/
.buy-tickets {
  color: #fff;
  background: #ce6e07;
  padding: 7px 22px;
  margin: 0 0 0 15px;
  border-radius: 50px;
  border: 2px solid #ce6e07;
  transition: all ease-in-out 0.3s;
  font-weight: 500;
  line-height: 1;
  font-size: 13px;
  white-space: nowrap;
}

.buy-tickets:hover {
  background: none;
  color: #fff;
}

.buy-tickets:focus {
  color: #fff;
}

@media (max-width: 992px) {
  .buy-tickets {
    margin: 0 15px 0 0;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar > ul > li {
  white-space: nowrap;
  padding: 10px 0 10px 12px;
}

.navbar a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(250, 250, 250, 0.9);
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  transition: 0.3s;
  position: relative;
  padding: 6px 4px;
}

.navbar a i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar > ul > li > a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -6px;
  left: 0;
  background-color: #15A0DF;
  visibility: hidden;
  transition: all 0.3s ease-in-out 0s;
}

.navbar a:hover:before, .navbar li:hover > a:before, .navbar .active:before {
  visibility: visible;
  width: 100%;
}

.navbar a:hover, .navbar .active, .navbar li:hover > a {
  color: #fff;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 12px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  color: #060c22;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #ce6e07;
}

.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
 
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
  
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }
  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile > ul > li {
  padding: 0;
}

.navbar-mobile a:hover:before, .navbar-mobile li:hover > a:before, .navbar-mobile .active:before {
  visibility: hidden;
}

.navbar-mobile a {
  padding: 10px 20px;
  font-size: 15px;
  color: #060c22;
}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #ce6e07
}

.navbar-mobile .getstarted {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #ce6e07;
}

.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background: url(../img/hero-bg.jpg) top center;
  background-size: cover;
  overflow: hidden;
  position: relative;
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

#hero:before {
  content: "";
  background: rgba(6, 12, 34, 0.8);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .hero-container {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 90px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0 15px;
}

@media (max-width: 991px) {
  #hero .hero-container {
    top: 70px;
  }
}

#hero h1 {
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-size: 56px;
  font-weight: 600;
  /*text-transform: uppercase;*/
}

#hero h1 span {
  color: #ff8fc2;
}

@media (max-width: 991px) {
  #hero h1 {
    font-size: 34px;
  }
}

#hero p {
  color: #ebebeb;
  font-weight: 700;
  font-size: 30px;
}
#hero .amarillo
{
  margin-top: 1%;
  color: #DEB200;
  font-weight: 20px;
  font-size: 40px;
}

@media (max-width: 991px) {
  #hero p {
    font-size: 17px;
  }
}

#hero .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(#ce6e07 50%, rgba(101, 111, 150, 0.15) 52%);
  border-radius: 50%;
  display: block;
  position: relative;
  overflow: hidden;
}

#hero .play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#hero .play-btn:before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 2px solid rgba(163, 163, 163, 0.4);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

#hero .play-btn:hover::after {
  border-left: 15px solid #ce6e07;
  transform: scale(20);
}

#hero .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

#hero .about-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 50px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #fCC737;
}

#hero .about-btn:hover {
  background: #ce6e07;
  color: #fff;
}



/***
      Hero 2
**/
#hero2 {
  width: 100%;
  height: 50vh;
  background: url(../img/hero-bg.jpg) top center;
  background-size: cover;
  overflow: hidden;
  position: relative;
}

@media (min-width: 1024px) {
  #hero2 {
    background-attachment: fixed;
  }
  #hero2 .amarillo
{
  margin-top: -20%;
  color: #DEB200;
  font-weight: 20px;
  font-size: 70px;
}
}

#hero2:before {
  content: "";
  background: rgba(6, 12, 34, 0.8);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero2 .hero2-container {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0 15px;
}


#hero2 h1 {
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-size: 70px;
  font-weight: 600;
  text-transform: uppercase;
}

#hero2 h1 span {
  color: #15A0DF;
}
#logo{
  margin-top: -40%;
  width: 70%;
  opacity: .2;
  z-index: -1;
}

@media (max-width: 991px) {
  #hero2 h1 {
    margin-top: -50%;
    font-size: 40px;
  }
  #hero2 p {
    font-size: 17px;
  }
  #hero2 .hero2-container {
    margin-top: -80px;
  }
  #logo{
    margin-top: -90%;
    width: 70%;
  }

}

@media (max-width: 650px) {
  #hero2 h1 {
    margin-top: -70%;
    font-size: 60px;
  }
  #hero2 p {
    font-size: 17px;
  }
  #hero2 .hero2-container {
    margin-top: -80px;
  }
  #logo{
    margin-top: -190%;
    width: 80%;
  }
  #hero2 .amarillo
  {
    text-align: center;
    margin-left: 0;
    margin-top: -20%;
    color: #DEB200;
    font-weight: 20px;
    font-size: 40px;
  }

}
#hero2 p {
  color: #ebebeb;
  font-weight: 700;
  font-size: 30px;
}



#hero2 .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(#ce6e07 50%, rgba(101, 111, 150, 0.15) 52%);
  border-radius: 50%;
  display: block;
  position: relative;
  overflow: hidden;
}

#hero2 .play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#hero2 .play-btn:before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 2px solid rgba(163, 163, 163, 0.4);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

#hero2 .play-btn:hover::after {
  border-left: 15px solid #ce6e07;
  transform: scale(20);
}

#hero2 .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

#hero2 .about-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 50px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #fCC737;
}

#hero2 .about-btn:hover {
  /*background: #ce6e07;*/
  background: background: rgb(183,0,199);
background: radial-gradient(circle, rgba(183,0,199,1) 0%, rgba(201,4,150,1) 43%, rgba(229,68,123,1) 76%, rgba(195,0,76,1) 100%); 
  color: #fff;
}





@-webkit-keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
#about {
  background: url("../img/about-bg.jpg");
  background-size: cover;
  overflow: hidden;
  position: relative;
  color: #fff;
  padding: 60px 0 40px 0;
}

@media (min-width: 1024px) {
  #about {
    background-attachment: fixed;
  }
}

#about:before {
  content: "";
  background:#5E004A98;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#about h2 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #fff;
}

#about h3 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #fff;
}

#about h4 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #e7bdff;
}

 #about h5{
  font-size: 21px;
  margin-top: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #e7bdff;
}
#about p {
  font-size: 18px;
  margin-bottom: 20px;
  color: #fff;
}
#about .card .btn {
  font-size: 15px;
  border-radius: 50px;
  padding: 10px 40px;
  transition: all 0.2s;
  background-color: #ce6e07;
  border: 0;
  color: #fff;
}

#about .card .btn:hover {
  background-color: #0A3C71;
}

#about #about-modal input, #about #about-modal select {
  border-radius: 0;
}

#about #about-modal .btn {
  font-size: 15px;
  border-radius: 50px;
  padding: 10px 40px;
  transition: all 0.2s;
  background-color: #ce6e07;
  border: 0;
  color: #fff;
}

#about #about-modal .btn:hover {
  background-color: #004089;
}
#about button {
  border: 0;
  padding: 9px 25px;
  cursor: pointer;
  background: #004089;
  color: #fff;
  transition: all 0.3s ease;
  outline: none;
  font-size: 14px;
  border-radius: 50px;
}

#about a {
  color: #fff;
  transition: all 0.3s ease;
  outline: none;
  font-size: 14px;
}

#about button:hover {
  background: #ce6e07;
}

@media (max-width: 460px) {
  #about button {
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Speakers Section
--------------------------------------------------------------*/
#speakers {
  padding: 60px 0 30px 0;
}

#speakers .speaker {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

#speakers .speaker .details {
  background: rgba(6, 12, 34, 0.76);
  position: absolute;
  left: 0;
  bottom: -40px;
  right: 0;
  text-align: center;
  padding-top: 10px;
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#speakers .speaker .details h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}

#speakers .speaker .details p {
  color: #fff;
  font-size: 15px;
  margin-bottom: 10px;
  font-style: italic;
}

#speakers .speaker .details .social {
  height: 40px;
  width: 100%;
  margin-left: 140px;
}

#speakers .speaker .details .social i {
  line-height: 0;
  margin: 0 2px;
}

#speakers .speaker .details .social img{
  width: 50px;

}

#speakers .speaker .details a {
  color: #fff;
}

#speakers .speaker .details a:hover {
  color: #ce6e07;
}

#speakers .speaker:hover .details {
  bottom: 0;
}

#speakers-details {
  padding: 60px 0;
}

#speakers-details .details h2 {
  color: #112363;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}

#speakers-details .details .social {
  margin-bottom: 15px;
}

#speakers-details .details .social a {
  background: #e9edfb;
  color: #112363;
  line-height: 1;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#speakers-details .details .social a:hover {
  background: #ce6e07;
  color: #fff;
}

#speakers-details .details .social a i {
  font-size: 16px;
  line-height: 0;
}

#speakers-details .details p {
  color: #112363;
  font-size: 15px;
  text-align: justify;
  margin-bottom: 10px;
}

/*--------------------------------------------------------------
# Schedule Section
--------------------------------------------------------------*/
#schedule {
  padding: 60px 0 60px 0;
}

#schedule .nav-tabs {
  text-align: center;
  margin: auto;
  display: block;
  border-bottom: 0;
  margin-bottom: 30px;
}

#schedule .nav-tabs li {
  display: inline-block;
  margin-bottom: 0;
}

#schedule .nav-tabs a {
  border: none;
  border-radius: 50px;
  font-weight: 600;
  background-color: #0e1b4d;
  color: #fff;
  padding: 10px 100px;
}

@media (max-width: 991px) {
  #schedule .nav-tabs a {
    padding: 8px 60px;
  }
}

@media (max-width: 767px) {
  #schedule .nav-tabs a {
    padding: 8px 50px;
  }
}

@media (max-width: 480px) {
  #schedule .nav-tabs a {
    padding: 8px 30px;
  }
}

#schedule .nav-tabs a.active {
  background-color: #ce6e07;
  color: #fff;
}

#schedule .sub-heading {
  text-align: center;
  font-size: 18px;
  font-style: italic;
  margin: 0 auto 30px auto;
}

@media (min-width: 991px) {
  #schedule .sub-heading {
    width: 75%;
  }
}

#schedule .tab-pane {
  transition: ease-in-out .2s;
}

#schedule .schedule-item {
  border-bottom: 1px solid #cad4f6;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: background-color ease-in-out 0.3s;
}

#schedule .schedule-item:hover {
  background-color: #fff;
}

#schedule .schedule-item time {
  padding-bottom: 5px;
  display: inline-block;
}

#schedule .schedule-item .speaker {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  float: left;
  margin: 0 10px 10px 0;
}

#schedule .schedule-item .speaker img {
  height: 100%;
  transform: translateX(-50%);
  margin-left: 50%;
  transition: all ease-in-out 0.3s;
}

#schedule .schedule-item h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

#schedule .schedule-item h4 span {
  font-style: italic;
  color: #19328e;
  font-weight: normal;
  font-size: 16px;
}

#schedule .schedule-item p {
  font-style: italic;
  color: #152b79;
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Venue Section
--------------------------------------------------------------*/
#venue {
  padding: 60px 0;
}

#venue .container-fluid {
  margin-bottom: 3px;
}

#venue .venue-map iframe {
  width: 100%;
  height: 100%;
  min-height: 300px;
}

#venue .venue-info {
  background: url("../img/venue-info-bg.jpg") top center no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}

#venue .venue-info2 {
  background: url("../img/venue-info-bg2.jpg") top center no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}

#venue .venue-info:before {
  content: "";
  background: rgb(110,0,161);
  background: linear-gradient(70deg, rgba(110,0,161,0.6839110644257703) 12%, rgba(196,4,151,0.4906337535014006) 43%, rgba(229,124,68,0.45702030812324934) 52%, rgba(195,0,76,0.4766281512605042) 65%, rgba(0,174,195,1) 86%);  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#venue .venue-info h3 {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
}

@media (max-width: 574px) {
  #venue .venue-info h3 {
    font-size: 24px;
  }
}

#venue .venue-info p {
  color: #fff;
  margin-bottom: 0;
}

#venue .venue-gallery-container {
  padding-right: 12px;
}

#venue .venue-gallery {
  overflow: hidden;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

#venue .venue-gallery img {
  transition: all ease-in-out 0.4s;
}

#venue .venue-gallery:hover img {
  transform: scale(1.1);
}

#venue .venue-info2:before {
  content: "";
  background: rgba(111, 106, 2, 0.8);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#venue .venue-info2 h3 {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
}

@media (max-width: 574px) {
  #venue .venue-info2 h3 {
    font-size: 24px;
  }
}

#venue .venue-info2 p {
  color: #fff;
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Hotels Section
--------------------------------------------------------------*/
#hotels {
  padding: 60px 0;
}

#hotels .hotel {
  border: 1px solid #e0e5fa;
  background: #fff;
  margin-bottom: 30px;
}

#hotels .hotel:hover .hotel-img img {
  transform: scale(1.1);
}

#hotels .hotel-img {
  overflow: hidden;
  margin-bottom: 15px;
}

#hotels .hotel-img img {
  transition: 0.3s ease-in-out;
}

#hotels h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 5px;
  padding: 0 20px;
}

#hotels a {
  color: #152b79;
}

#hotels a:hover {
  color: #ce6e07;
}

#hotels .stars {
  padding: 0 20px;
  margin-bottom: 5px;
}

#hotels .stars i {
  color: #ffc31d;
}

#hotels p {
  padding: 0 20px;
  margin-bottom: 20px;
  color: #060c22;
  font-style: italic;
  font-size: 15px;
}

/*--------------------------------------------------------------
# Gallery Section
--------------------------------------------------------------*/
#gallery {
  padding: 60px;
  overflow: hidden;
}

#gallery .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

#gallery .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #e7bdff;
}

#gallery .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e7bdff;
}

#gallery .swiper-slide-active {
  text-align: center;
}

@media (min-width: 992px) {
  #gallery .swiper-wrapper {
    padding: 40px 0;
  }
  #gallery .swiper-slide-active {
    border: 5px solid #e7bdff;
    padding: 4px;
    background: #fff;
    z-index: 1;
    transform: scale(1.15);
    margin-top: 6px;
  }
  .tarjetas{
    width: 49%; margin: 5px;
  }
}

#gallery .about-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 50px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #0e1b4d;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 2px solid #0e1b4d;
}

#gallery .about-btn:hover {
  background: #ce6e07;
  color: #fff;
}

#gallery .play-btn {
  
  border-radius: 30%;
  color: #0e1b4d;
  display: block;
  position: relative;
  overflow: hidden;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 50px;
  transition: 0.5s;
  border: 2px solid #0e1b4d;
}



#gallery .play-btn:before {
  content: '';
  position: absolute;
  width: 100px;
  height: 40px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 30%;
  border: 2px solid rgba(163, 163, 163, 0.4);
  top:5%;
  left: 10%;
  background: rgba(198, 16, 0, 0);
}

#gallery .play-btn:hover::after {
  border-left: 15px solid #ce6e07;
  transform: scale(20);
}

#gallery .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

@-webkit-keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}


@keyframes pulsate-btn {

  0% {

    transform: scale(0.6, 0.6);

    opacity: 1;

  }

  100% {

    transform: scale(1, 1);

    opacity: 0;
  }
}
/*--------------------------------------------------------------
# Sponsors Section
--------------------------------------------------------------*/
#supporters {
  padding: 60px 0;
}

#supporters .supporters-wrap {
  border-top: 1px solid #e0e5fa;
  border-left: 1px solid #e0e5fa;
  margin-bottom: 30px;
}

#supporters .supporter-logo {
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #e0e5fa;
  border-bottom: 1px solid #e0e5fa;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.5);
  height: 160px;
}

#supporters .supporter-logo:hover img {
  transform: scale(1.2);
}

#supporters img {
  transition: all 0.4s ease-in-out;
}

/*--------------------------------------------------------------
# F.A.Q Section
--------------------------------------------------------------*/
#faq {
  padding: 60px 0;
}

#faq .faq-list {
  padding: 0;
  list-style: none;
}

#faq .faq-list li {
  border-bottom: 1px solid #e9eaed;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#faq .faq-list .question {
  display: block;
  position: relative;
  font-family: #ce6e07;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  padding-left: 25px;
  cursor: pointer;
  color: #e0072f;
  transition: 0.3s;
}

#faq .faq-list i {
  font-size: 16px;
  position: absolute;
  left: 0;
  top: -2px;
}

#faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 25px;
}

#faq .faq-list .icon-show {
  display: none;
}

#faq .faq-list .collapsed {
  color: black;
}

#faq .faq-list .collapsed:hover {
  color: #ce6e07;
}

#faq .faq-list .collapsed .icon-show {
  display: inline-block;
  transition: 0.6s;
}

#faq .faq-list .collapsed .icon-close {
  display: none;
  transition: 0.6s;
}

/*--------------------------------------------------------------
# Subscribe Section
--------------------------------------------------------------*/
#subscribe {
  padding: 60px;
  background: url(../img/subscribe-bg.jpg) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
}

#subscribe:before {
  content: "";
  background: rgba(6, 12, 34, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

@media (min-width: 1024px) {
  #subscribe {
    background-attachment: fixed;
  }
}

#subscribe .section-header h2, #subscribe p {
  color: #fff;
}

#subscribe input {
  background: #fff;
  color: #060c22;
  border: 0;
  outline: none;
  margin: 0;
  padding: 9px 20px;
  border-radius: 50px;
  font-size: 14px;
}

@media (min-width: 767px) {
  #subscribe input {
    min-width: 400px;
  }
}

#subscribe button {
  border: 0;
  padding: 9px 25px;
  cursor: pointer;
  background: #ce6e07;
  color: #fff;
  transition: all 0.3s ease;
  outline: none;
  font-size: 14px;
  border-radius: 50px;
}

#subscribe button:hover {
  background: #e0072f;
}

@media (max-width: 460px) {
  #subscribe button {
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Buy Tickets Section
--------------------------------------------------------------*/
#buy-tickets {
  padding: 60px 0;
}

#buy-tickets .card {
  border: none;
  border-radius: 5px;
  transition: all  0.3s ease-in-out;
  box-shadow: 0 10px 25px 0 rgba(6, 12, 34, 0.1);
}

#buy-tickets .card:hover {
  box-shadow: 0 10px 35px 0 rgba(6, 12, 34, 0.2);
}


#buy-tickets .factura {
  font-weight: 12px;
  font-size:40px;
}

#buy-tickets .card hr {
  margin: 25px 0;
}

#buy-tickets .card .card-title {
  margin: 10px 0;
  font-size: 19px;
  letter-spacing: 1px;
  font-weight: bold;
}

#buy-tickets .card .card-price {
  font-size: 48px;
  margin: 0;
}

#buy-tickets .card ul li {
  margin-bottom: 20px;
}

#buy-tickets .card .text-muted {
  opacity: 0.9;
}

#buy-tickets .card .btn {
  font-size: 15px;
  border-radius: 50px;
  padding: 10px 40px;
  transition: all 0.2s;
  background-color: #ce6e07;
  border: 0;
  color: #fff;
}

#buy-tickets .card .btn:hover {
  background-color: #0A3C71;
}

#buy-tickets #buy-ticket-modal input, #buy-tickets #buy-ticket-modal select {
  border-radius: 0;
}

#buy-tickets #buy-ticket-modal .btn {
  font-size: 15px;
  border-radius: 50px;
  padding: 10px 40px;
  transition: all 0.2s;
  background-color: #ce6e07;
  border: 0;
  color: #fff;
}

#buy-tickets #buy-ticket-modal .btn:hover {
  background-color: #0A3C71;
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
#contact {
  padding: 60px 0;
}

#contact .contact-info {
  margin-bottom: 20px;
  text-align: center;
}

#contact .contact-info i {
  font-size: 48px;
  display: inline-block;
  margin-bottom: 10px;
  color: #ce6e07;
}

#contact .contact-info address, #contact .contact-info p {
  margin-bottom: 0;
  color: #112363;
}

#contact .contact-info h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #112363;
}

#contact .contact-info a {
  color: #4869df;
}

#contact .contact-info a:hover {
  color: #ce6e07;
}

#contact .contact-address, #contact .contact-phone, #contact .contact-email {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #contact .contact-address, #contact .contact-phone, #contact .contact-email {
    padding: 20px 0;
  }
}

@media (min-width: 768px) {
  #contact .contact-phone {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
}

#contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

#contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

#contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

#contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

#contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

#contact .php-email-form input, #contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

#contact .php-email-form input:focus, #contact .php-email-form textarea:focus {
  border-color: #ce6e07;
}

#contact .php-email-form input {
  padding: 10px 15px;
}

#contact .php-email-form textarea {
  padding: 12px 15px;
}

#contact .php-email-form button[type="submit"] {
  background: #ce6e07;
  border: 0;
  padding: 10px 40px;
  color: #fff;
  transition: 0.4s;
  border-radius: 50px;
  cursor: pointer;
}

#contact .php-email-form button[type="submit"]:hover {
  background: #e0072f;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #FFE8F9;
  /*background: rgb(199,0,108);
background: radial-gradient(circle, rgba(199,0,108,1) 0%, rgba(201,4,150,1) 21%, rgba(229,68,123,1) 76%, rgba(195,0,76,1) 100%);
  */
  padding: 0 0 25px 0;
  font-size: 16px;
}

#footer2 {
  background: #fff;
  padding: 0 0 25px 0;
  z-index: 100;
  font-size: 14px;
  width: 100%;
}

#footer .footer-top {
  /*background: #fa1a89;*/

  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 26px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  color: #fff;
}

#footer .footer-top .footer-info img {
  height: 40px;
  margin-bottom: 10px;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Raleway", sans-serif;
  color: #fff;
}

#footer .footer-top .social-links a {
  display: inline-block;
  background: #222636;
  color: #eee;
  line-height: 1;
  margin-right: 4px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#footer .footer-top .social-links a i {
  line-height: 0;
  font-size: 25px;
}

#footer .footer-top .social-links a:hover {
  background: #ce6e07;
  color: #fff;
}

#footer .footer-top h4 {
  font-size: 23px;
  font-weight: bold;
 
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
  border-bottom: 2px solid #ce6e07;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 5px;
  color: #ce6e07;
  font-size: 18px;
}

#footer .footer-top .footer-links ul li {
  border-bottom: 1px solid #262c44;
  padding: 10px 0;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #eee;
}

#footer .footer-top .footer-links ul a:hover {
  color: #ce6e07;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  line-height: 26px;
}

#footer .footer-top .footer-newsletter {
  margin-bottom: 30px;
}

#footer .footer-top .footer-newsletter input[type="email"] {
  border: 0;
  padding: 6px 8px;
  width: 65%;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
  background: #ce6e07;
  border: 0;
  width: 35%;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}

#footer .footer-top .footer-newsletter input[type="submit"]:hover {
  background: #e0072f;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  text-align: center;
  font-size: 13px;
  color: #ddd;
}

.buttoncil {
  background-color: #0f4074;  
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display:flex;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  transition: 0.4s;
  border-radius: 35px;
}
.buttoncil:hover {
  background-color: #ce6e07;  
  transition: 0.4s;
  border-radius: 35px;
}

.programacil{
  max-width: 100%;
  height: auto;
  border: 5px solid #0f4074;
}

.nombresponentes{
  padding: 3%;
  background-color: #810260;
  color: #F8F8F8;
  text-align: center;
  font-weight: border;
  border-radius: 0px 0px 5px;  
}

.Registro{
  color:#3f0537;
  margin-top: 0;
  margin-bottom: 0rem;
}

.buttonconv {
  background-color: #0f4074;  
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display:flex;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  transition: 0.4s;
  border-radius: 35px;
}

@font-face {
  font-family: aquat;
  src: url('../Tipografia/aqua.ttf');

}

@font-face {
  font-family: monse;
  src: url('../Tipografia/Montserrat-Bold.ttf');
  
}

.tabla-contenido   p{
   transition-duration: 1s;
}

 .tabla-contenido   p.t1:before {
  content: "दो से पाँच मई दो हजार बाईस तक यू.ए.ई.एच. भाषा केन्द्र में होनेवाले ऑनलाइन अन्तर्राष्ट्रीय भाषा मेले में विशेष सम्माननीय अतिथि होना अवश्य ही भारत के लिये गर्व का विषय है।";
  color: #424242;
}
 .tabla-contenido   p.t1:hover:before {
  content: "India is indeed honored to be the invited guest of honor at the upcoming Online International Language Festival to be held at the UAEH Language Center from May 2nd to May 5th, 2022.";
  color: #030A8C;
  transition-duration: 1s;
}

 .tabla-contenido  p.pulsado.t1:before{
  content: "India is indeed honored to be the invited guest of honor at the upcoming Online International Language Festival to be held at the UAEH Language Center from May 2nd to May 5th, 2022.";
  color: #03A61C;
}


 .tabla-contenido   p.t2:before {
  content: "हमें आभास है कि यू.ए.ई.एच. भाषा केन्द्र के साथ हमारा एक शक्तिशाली सांस्कृतिक एवं शैक्षिक सम्बन्ध बन रहा है जो छात्रों, भाषा सीखनेवालों और शोधकर्ताओं के लिये एक पूर्वभूमिका की तरह काम करेगा एवं भौगोलिक सीमाओं को पार करने में सहायक होगा।";
  color: #424242;
}
 .tabla-contenido   p.t2:hover:before {
  content: "We are building strong cultural and educational relationships to enhance the professional development of students, teachers, and researchers across the globe. ";
  color: #030A8C;
  transition-duration: 1s;
}

 .tabla-contenido  p.pulsado.t2:before{
  content: "We are building strong cultural and educational relationships to enhance the professional development of students, teachers, and researchers across the globe. ";
  color: #03A61C;
}



 .tabla-contenido   p.t3:before {
  content: "गुरूदेव टैगोर भारतीय सांस्कृतिक केन्द्र, मेक्सिको में भारतीय दूतावास इस ऑनलाइन कार्यक्रम को लेकर उत्साहित है जिसमें हम मेक्सिको में संस्कृत को बढ़ावा देने के लिये संस्कृत न्यू एज गेमिंग एप को लाँच कर रहे हैं।";
  color: #424242;
}
 .tabla-contenido   p.t3:hover:before {
  content: "The Gurudev Tagore Indian Cultural Center, Embassy of India in Mexico, is delighted to be part of the Festival where the Little Guru App will be launched giving Mexican students the opportunity to learn this language.";
  color: #030A8C;
  transition-duration: 1s;
}

 .tabla-contenido  p.pulsado.t3:before{
  content: "The Gurudev Tagore Indian Cultural Center, Embassy of India in Mexico, is delighted to be part of the Festival where the Little Guru App will be launched giving Mexican students the opportunity to learn this language.";
  color: #03A61C;
}



.tabla-contenido2   p{
   transition-duration: 1s;
}

 .tabla-contenido2   p.t1:before {
  content: "दो से पाँच मई दो हजार बाईस तक यू.ए.ई.एच. भाषा केन्द्र में होनेवाले ऑनलाइन अन्तर्राष्ट्रीय भाषा मेले में विशेष सम्माननीय अतिथि होना अवश्य ही भारत के लिये गर्व का विषय है।";
  color: #424242;
}
 .tabla-contenido2   p.t1:hover:before {
  content: "U.A.E.H. del 2 al 5 de mayo de 2012. Definitivamente es un motivo de orgullo para la India ser un invitado especial de honor en la feria internacional de idiomas en línea que se llevará a cabo en Bhasha Kendra.";
  color: #030A8C;
  transition-duration: 1s;
}

 .tabla-contenido2  p.pulsado.t1:before{
  content: "U.A.E.H. del 2 al 5 de mayo de 2012. Definitivamente es un motivo de orgullo para la India ser un invitado especial de honor en la feria internacional de idiomas en línea que se llevará a cabo en Bhasha Kendra.";
  color: #03A61C;
}


 .tabla-contenido2   p.t2:before {
  content: "हमें आभास है कि यू.ए.ई.एच. भाषा केन्द्र के साथ हमारा एक शक्तिशाली सांस्कृतिक एवं शैक्षिक सम्बन्ध बन रहा है जो छात्रों, भाषा सीखनेवालों और शोधकर्ताओं के लिये एक पूर्वभूमिका की तरह काम करेगा एवं भौगोलिक सीमाओं को पार करने में सहायक होगा।";
  color: #424242;
}
 .tabla-contenido2   p.t2:hover:before {
  content: "Nos damos cuenta de que la U.A.E.H. Estamos construyendo una fuerte relación cultural y educativa con Bhasha Kendra, que actuará como un precursor para estudiantes, estudiantes de idiomas e investigadores y los ayudará a cruzar fronteras geográficas.";
  color: #030A8C;
  transition-duration: 1s;
}

 .tabla-contenido2  p.pulsado.t2:before{
  content: "Nos damos cuenta de que la U.A.E.H. Estamos construyendo una fuerte relación cultural y educativa con Bhasha Kendra, que actuará como un precursor para estudiantes, estudiantes de idiomas e investigadores y los ayudará a cruzar fronteras geográficas.";
  color: #03A61C;
}



 .tabla-contenido2   p.t3:before {
  content: "गुरूदेव टैगोर भारतीय सांस्कृतिक केन्द्र, मेक्सिको में भारतीय दूतावास इस ऑनलाइन कार्यक्रम को लेकर उत्साहित है जिसमें हम मेक्सिको में संस्कृत को बढ़ावा देने के लिये संस्कृत न्यू एज गेमिंग एप को लाँच कर रहे हैं।";
  color: #424242;
}
 .tabla-contenido2   p.t3:hover:before {
  content: "El Centro Cultural Indio Gurudev Tagore, Embajada de la India en México, está entusiasmado con este programa en línea en el que estamos lanzando la aplicación Sanskrit New Age Gaming para promover el sánscrito en México.";
  color: #030A8C;
  transition-duration: 1s;
}

 .tabla-contenido2  p.pulsado.t3:before{
  content: "El Centro Cultural Indio Gurudev Tagore, Embajada de la India en México, está entusiasmado con este programa en línea en el que estamos lanzando la aplicación Sanskrit New Age Gaming para promover el sánscrito en México.";
  color: #03A61C;
}

.zoom
{
  transition-duration: 2s;
}
.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  transition-duration: 2s;
}