/*Portada*/
.btnbordes
{
    width: 50%;
    border-radius: 1rem;
    border: none;
    cursor: pointer;
}



.compra .btnpagar
{
    width: 90%;
    border-radius: 1rem;
    border: none;
    cursor: pointer;
}

/**/
.ajustebarra{
    width:70%!important;
    left:15%!important;
}

.content-public{
    padding-top: 150px;
    padding-bottom: 50px;
}


.imgform {
    filter: brightness(0) invert(1);
    opacity: 0.3;
    width: 500px;

    margin-left: -200px;
    margin-top: 200px;
    transform: rotate(270deg);
}

.wrap {
    display: flex;
    background: white;
    padding: 10px;
    border-radius: 0.5rem;
    box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
}

.wrap:hover {
    background: linear-gradient(135deg,#6394ff 0%,#0a193b 100%);
    color: white;
}

.wrap:hover a{
    color:#fff;
}

.wrap:hover .mbr-iconfont{
    color:#fff;
}


.ico-wrap {
    margin: auto;
}

.mbr-iconfont {
    font-size: 40px !important;
    color: #3366cc;
    margin: 1rem;
    padding-right: 1rem;
}


.box-info h2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 20px;
}

.box-info a{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 25px;
}

.nav-item {
    margin-left: 0.6em;
    padding: 10px;
}
.nav-item a {
    color: #FFFFFF;
}
.nav-item a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.nav-item:hover {
    background-color: #3D8AF7;
    border-radius: 20px;
}
/*Inicio Profile Card*/
.badgescard, .firstinfo {
  display: flex;
  justify-content: center;
  align-items: center;
}


.carousel .card {
  /*width: 500px;*/
  height: 100%;
  min-height: 100px;
  padding: 20px;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
}
.carousel .card:after {
  content: '';
  display: block;
  width: 180px;
  height: 160%;
  background: #5f85e9;
  position: absolute;
  animation: rotatemagic 0.75s cubic-bezier(0.425, 1.04, 0.47, 1.105) 1s both;
}
/*
.badgescard {
  padding: 10px 20px;
  border-radius: 3px;
  background-color: #ECECEC;
  width: 480px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: -1;
  left: 10px;
  bottom: 10px;
  animation: animainfos 0.5s cubic-bezier(0.425, 1.04, 0.47, 1.105) 0.75s forwards;
}*/
.badgescard span {
  font-size: 1.6em;
  margin: 0px 6px;
  opacity: 0.6;
}

.firstinfo {
  flex-direction: row;
  z-index: 2;
  position: relative;
}
.firstinfo img {
  border-radius: 50%;
  width: 120px;
  height: 120px;
}
.firstinfo .profileinfo {
  padding: 0px 20px;
}
.firstinfo .profileinfo h1 {
  font-size: 1.8em;
}
.firstinfo .profileinfo h3 {
  font-size: 1.2em;
  color: #5f85e9;
  font-style: italic;
}
.firstinfo .profileinfo p.bio {
  padding: 10px 0px;
  color: #000;
  line-height: 1.2;
  font-style: initial;
}

@keyframes animatop {
  0% {
    opacity: 0;
    bottom: -500px;
  }
  100% {
    opacity: 1;
    bottom: 0px;
  }
}
@keyframes animainfos {
  0% {
    bottom: 10px;
  }
  100% {
    bottom: -42px;
  }
}
@keyframes rotatemagic {
  0% {
    opacity: 0;
    transform: rotate(0deg);
    top: -24px;
    left: -253px;
  }
  100% {
    transform: rotate(-30deg);
    top: -24px;
    left: -78px;
  }
}

/*Fin Profile Card*/
.select-horas,
.select-horas:focus,
.select-horas option {
    border-color:#3D8AF7;
    color:#3D8AF7;
    font-weight: bold;
}

.barra-navegacion
{
    background-color: #f4f4f4;
}
.home-titulo
{
    padding-top:5%;

}
.home-titulo p
{
    color: #FFF;

}

.home-tematicas
{
    background-color: rgba(255, 255, 255, 0.7);
    padding-top: 30px;
    padding-bottom: 10px;
    height: 140px;

}

.home-speaker{
    background-color: #003366;
    padding-bottom: 30px;
}


.home-programa{
    background-color:#FFF;
    padding-bottom: 10px;

}

.titoscuro{
    margin-top: 30px;
    margin-bottom:20px;
    color: #000;
    font-size: 20px;
    text-transform:uppercase;
}

.titoscuro first-letter {
  font-weight: bold;
  border-bottom: 3px #5f85e9 solid;
}

.titblanco{
    margin-top: 30px;
    margin-bottom:20px;
    color: #fff;
    font-size: 20px;
    text-transform:uppercase;
}

.titblanco first-letter {
  font-weight: bold;
  border-bottom: 3px #5f85e9 solid;
}

.titprograma{
    color:#5f85e9;
    font-size: 18px;
}
.titboxblanco{
    color:#fff;
    font-size: 18px;
    transform: translateY(-50%);
}
.titblancoticket{
    color:#fff;
    font-size: 18px;
}
.titblancoticket h1{
    color:#fff;
    font-size: 24px;
}
.tematicas{
    font-size: 18px;
}



.agenda-borde
{
  border-radius: 8%;
  margin: 10px;
  padding: 15px;

  border: 2px solid #5f85e9;
}
.hcentrado{
    width:100%;
    text-align: center;
}
.agenda-box
{
    color: #FFF;
    padding-bottom: 20px;
    background-color: #003366;
}

.agenda-subbox
{
    padding-left: 5%;
    padding-right: 5%;
}

time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
}
time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}
time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #5f85e9;
  border-bottom: 1px dashed #ffffff;
  box-shadow: 0 2px 0 #5f85e9;
}
time.icon em
{
  position: absolute;
  bottom: 0.1em;
  color: #6e727c;
}
time.icon span
{
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.7em;
  color: #5f85e9;
}


.imagenbox {
  width: 60px;
  height: 60px;
  position: relative;
  left: 50%;
  border-radius: 50%;
  transform: translateX(-50%) translateY(-60%);
}
.boxnetworking{
    background-color:#5f85e9;
    color:#fff;
    margin-left:20px;
    border-radius: 5px;
}
.boxconferencias{
    margin-top: 40px;
    background-color:#3366cc;
    color:#fff;
    margin-left:20px;
    border-radius: 5px;
}
.boxsponsor{
    margin-top: 40px;
    background-color:#336699;
    color:#fff;
    margin-left:20px;
    border-radius: 5px;
}
.boxticket01{
    padding-bottom: 20px;
    background-color:#5f85e9;
    color:#fff;
    margin-left:20px;
    border-radius: 5px;
}
.boxticket02{
    padding-bottom: 20px;
    background-color:#3366cc;
    color:#fff;
    margin-left:20px;
    border-radius: 5px;
}

body{
    background-color: #FFF;
}
header{
    margin-left: 15%;
    margin-right: 15%;


}
.contenedor {
    /*margin-left: 15%;
    margin-right: 15%;*/
    background-color: #c2c2c2;
}
.borde-inferior{
   border-style: none none solid none;
    border-width: 1px;
    border-color: #c2c2c2;
}

.home-countdown
{
    color:#ffffff;
}
#countdown span.days
{
    background:none;
    font-weight: bold;
    font-size: 4em;
     width: 25%;
    float: left;
    text-align: center;
    line-height: 0.6em;
}

#countdown span.days label.countlb
{
    font-weight: normal;
    font-size: 0.4em;

}
#countdown {
  width: 100%;
}
#countdown div.countsb {
  display: block;
  background-color: rgba(160,190,255,0.4);
  color: #FFF;
  padding-top: 10px;
  border-radius:10px;
    width: 75%;

    margin-bottom: 5px;
 float: right;

}
#countdown div.countsb div {
  font-weight: normal;
  text-align: center;
  width: 33%;
  float: left;
}
#countdown div.countsb div span {
    background: #000140;
    border-radius:5px;
  color: #FFF;
  font-size: 22px;
  font-weight: normal;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 2px;

}
#countdown div label.countlb {
  background: none;
  color: #000;
  font-weight: bold;
  clear: both;
  font-size: 10px;
  display: block;
  text-align: center;
  display: block;
  padding-top:2px;
}

/*#countdown span:last-child {
  border-right: 1px solid #313233;
}*/

/*Inicio Footer*/
#anglesvg {display: block;}
svg:not(:root) {overflow: hidden;}
.footer .footer-contents
{
    padding-top: 40px;
}
.container.grid-xl {max-width: 1096px;}
.home-footer .container {margin-left: auto;margin-right: auto;padding-left: .4rem;padding-right: .4rem;width: 100%;}
.mb-0 {margin-bottom: 0 !important;}
.my-4 {margin-bottom: .8rem !important;margin-top: .8rem !important;}
.footer .footer-contents .footer-social a {display: inline-block;font-size: 1.5em;}
.footer a {color:#fffffe;}
.footer a:hover{color:#3498db;cursor:pointer;}
.footer .fab:before,.footer .far:before{font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;}
.footer p {color: #d7d8e1;font-size: 0.8em;margin: 15px 0;}
.text-small {font-size: 0.8em;font-weight:800;}
.text-small:hover{text-decoration:none;}
.home-footer{
        background-color: #263c50;
    padding-bottom: 15px;
    width: 70%!important;
    margin-left: auto;
    margin-right: auto;
}


/*Fin Footer*/
hr{
    width:70%;
    height: 1px;
    background-color: #ccc;
    border: none;

}
.imglogo{
   margin-top: 2em;
   margin-left: 14em;
   margin-bottom: 3em;
}
.imgcongreso{
   margin-top: 2em;
   margin-bottom: 2em;
   width: 80%;
}
.margen-principal{
  width: 70%;
    background-color: #ffffff;
}

.primer-container{
    display: flex;
    padding: 1em 0 1em 10em;
}
.timer{
    margin: 1em 0;
}
.timer span{
    border: outset 4px;
    border-radius: .3em;
    font-size: 24px;
    border-color: grey;
    font-weight: bold;
    padding:.2em;
    margin: 1em auto;
    color:grey;
    box-shadow: 0px 2px 3px;
}

.primer-container .col-md{
    margin:0;
    width: 100%;
    padding:0;
}
.primer-container .col-md-6{
    padding: 1em 3.5em;
    margin: auto;
}
.primer-container h3{
    font-weight: bold;
    color:#707070;
}
.primer-container h4{
    font-weight: bold;
    color:#707070;
}
.textos01{
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    text-justify:auto;

}
.primer-contanier span{
    border: outset 2px;
    border-color: grey;
    border-radius:1em;

}


/*
.btn-acceder{
    background-color: #457b9d;
    color: #fff;
}
.btn-comprar{
    background-color: #fff;
    border: 1px solid #457b9d;
    color: #457b9d;

}
.btn-comprar:hover {
    background-color: #457b9d;
    border: 1px solid #457b9d;
    color: #fff;

}*/
.agenda{
    display:inline-block;
    border:solid 3px;
    border-color: #90be6d;
    border-radius: .5em;
    height: 100%;
    text-align: center;
    padding:.5em 2.5em;
    width:20%;
    margin: .5em 2em;
}
    .col-centered {
        display:inline-block;
        float:none;
        text-align: center;
        /* inline-block space fix */
        margin-left: 40px;
    }
    .agenda i{
        background-color: grey;
        border-radius: 50%;
        border: solid 1px grey;
        padding:1em;
        color:white;
        font-size: 22px;
        margin:.5em 0;
    }
    .box{
        border-color: gray;
    }
    .segundo-container:after {
    content: "";
    display: flex;
    clear: both;
    }
    .tercer-container{
    display: flex;
    clear: both;
    padding: 0 4em;
    padding-top: 4em;
    padding-bottom: 4em;
  }
    .tercer-container:before {
    content: "";
    display: absolute;
    clear: both;
    border:solid 2.5px;
    position: relative;
    left: 70px;
    border-color: #EDF0F4;
    margin-top: 9em;
  }
  .dropdown{
      border-color: grey !important;
  }
  .dropdown button{
        background-color: white;
        color: black;
        padding: .4em 4em;
        font-size: 18px;
        border: none;
        cursor: pointer;
        margin:2em 0;
        border-color: grey;
        border: solid 2px;
    }
      .dropdown-item a:hover {background-color: darkgrey}
      .dropdown:hover  button{
        background-color: darkgrey;
      }
  .linea{
      border-right: solid 2px;
      border-color: #c0c0c0;
  }
  .evento{
      padding-bottom: 1em;
  }

  .horas{
      color:#fff;
      background-color: #5f85e9;
      font-weight: bold;
      font-size: 16px;
      text-align: center;
      border-radius: 1em;
      padding:.3em;
  }

  .fa-arrow-alt-circle-left{
      color:grey !important;
      margin-right: 3em;
  }
    .fa-arrow-alt-circle-right{
        margin-left: 3em;
        color:grey !important;
    }

.btn-gplus{
    background-color: #DD4B39 !important;
    color: white;
}
.btn-fb{
    background-color: #3B5998 !important;
    color: white;
    border-radius: .4em;
    padding-left: 1.2em;
}
.btn-ins{
    background-color: #3F729B !important;
    color: white;
    border-radius: .4em;

    padding-right: 1.2em;

}

    /**Calendario**/


    .calendars .calendario{

        border: solid 3px #C9D3DD;
        border-radius: 1em;

    }
    .calendars .calendario .row{
        margin: 0 auto;
        width:100%;
        border-bottom: solid 2px;
        border-color: #C9D3DD;

    }
    .calendars .calendario i{
        text-align: center;
        margin: auto;
        padding: .3em .5em;
        color:white;
        font-size:16px;
    }
    .calendars .calendario .green{
        background-color: #72BB53;
        border-radius: .5em 0 0 0;
    }
    .calendars .calendario .red{
        background-color: #DC4C18;
    }
    .calendars .calendario  .blue{
        background-color: #3D8AF7;
        border-radius: 0 .5em 0 0;
    }
    .calendars .calendario .col-sm-4{
        border: solid 3px;
        border-color: #C9D3DD;
        width: 100%;
        padding:0;
    }
    .calendars .calendario .verde-izq{
        border-radius: .7em 0 0 0;
    }
    .calendars .calendario .azul-der{
        border-radius: 0 .7em 0 0 ;
    }
    .calendars .calendario p{
        text-align: center;
        margin: .4em 0;
        font-weight: bold;
        font-size:24px;
    }
    .calendars{
        margin-top: 4em;

        text-align: center;
    }
    .calendars p{
        margin: .4em;
        color:black;
    }
    .calendars .col-md-3{
        padding:.3em;
    }
    .conferencias-container{
        margin: 2em 0;
        padding: 2em 0;
        background-color: #F7F6F6;
        width: 100% !important;
        border-top: solid 1px;
        border-bottom: solid 1px;
        border-color: lightgray;
    }
    .conferencias-container .titulo{
        margin:1em 5em;
    }
    .box{
        border:solid 1px;
        text-align: center;
        padding: 1em;
        border-radius: .4em;
        margin: 3em 0;
        background-color: white;
    }
    .box .fa-calendar{
        padding: 1em;
        font-size: 18px;
        background-color: #EDF0F4;
        color:grey;
        border-radius: 50%;
    }
    .box a{
        width: 80%;
        border:solid 1px;
    }
    .box p{
        margin-top: .3em;
    }
    .box .row{
        width:100%;
    }
    .fecha{
        width: 100%;
        padding-right: .3em;
        margin: .3em 0;
    }
    .fecha p{
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        margin: .35em 0;
    }
    .fecha span{
        font-weight: bold;
        font-size: 16px;
    }
    .corazon{
        font-size: 50px;
        padding:0;
        color: #FFA834;
    }
    .corazon span{
        margin: .4em 0 0 .25em;
        font-size: 30px;
        color:white;
    }
    .bajada{
        margin: 1em 0;
    }
    .bajada i{
        color:#91E4FB;
        font-size: 30px;
        margin-right: .5em;
    }
    .bajada p{
        font-size: 20px;
    }

    .sponsor .fa-star{
        font-size: 22px;
        margin: 0 .1em;
    }
    .checked {
      color: orange;
    }
    .sponsor img{
        max-height: 100px;
    }
    .sponsor .col-md-2{
        margin: 1em;
    }
  /*Vista Usuario*/

  /*Networking*/
  .networking-head h4{
      margin:auto .3em;
      font-weight: bold;
  }
  .networking-head .fa-calendar{
      font-size:50px;
  }
  .networking-head span{
      color:black;
  }
  .networking-head p{
      margin: auto .3em;
  }
  .networking-head{
      margin: auto;
  }
  .networking-titulo .fa-calendar{
      font-size: 60px;
  }
  .networking-titulo h5{
      margin: auto .5em;
      font-weight: bold;
  }
  .networking-titulo{
      padding: 1em 0;
  }
  .networking img{
      margin: 0 auto;
      width: 15%;
  }
  .networking-img img{
      width: 31%;

  }
  .networking{
      margin: 0 auto;
  }
  .networking-box{
      padding:.7em 0;
      border:solid 3px;
      border-radius:.4em;
      border-color:#B8C7DA;
      text-align: center;
      margin: 0 .4em;
      min-width: 200px;
  }
  .networking-box img{
      width:70%;
      margin: 1em 0;
  }
  .networking-box a{
      text-align: left;
  }
   .networking-titulo input {
        border: 1px solid #cddc39;
        width: 50%;
      }
      .networking-box a{
          text-align: center;
          margin: .3em 0;
          width: 70%;
      }
      .networking-titulo form{
          border:0;
          box-shadow: 0 0 0;
          padding:0;
      }
      #NetworkingCarousel{
          margin-top: 2em;
          margin-bottom: 2em;
      }
    #NetworkingCarousel .fa-arrow-alt-circle-left{
      color:grey !important;
      margin-right: 1em;
  }
    #NetworkingCarousel .fa-arrow-alt-circle-right{
        margin-left: 1em;
        color:grey !important;
    }
    .networking-container{
        margin-top: 2em;
        margin-bottom: 2em;
    }
    /**Calendario**/


    .networking .calendario{
        border: solid 3px #C9D3DD;
        border-radius: 1em;
    }
    .networking .calendario .row{
        margin: 0 auto;
        width:100%;
        border-bottom: solid 2px;
        border-color: #C9D3DD;

    }
    .networking .calendario i{
        text-align: center;
        margin: auto;
        padding: .7em 1.15em;
        color:white;
        font-size:22px;
    }
    .networking .calendario .green{
        background-color: #72BB53;
        border-radius: .5em 0 0 0;
    }
    .networking .calendario .red{
        background-color: #DC4C18;
    }
    .networking .calendario  .blue{
        background-color: #3D8AF7;
        border-radius: 0 .5em 0 0;
    }
    .networking .calendario .col-sm-4{
        border: solid 2px;
        border-color: #C9D3DD;
        width: 100%;
        padding:0;
    }
    .networking .calendario .verde-izq{
        border-radius: .7em 0 0 0;
    }
    .networking .calendario .azul-der{
        border-radius: 0 .7em 0 0 ;
    }
    .networking .calendario p{
        text-align: center;
        margin: 1.1em 0;
        font-weight: bold;
        font-size:38px;
    }
  /*Networking*/



  /*Perfil*/
  .perfil{
      padding: 0 1em;
  }
  .perfil ul{
      border-radius: .5em;
  }
  .perfil h1{
      color: black;
      text-align: left;
      padding: .5em 0;
  }
  .perfil .fa-user-circle{
      color:#FF7043
  }
  .perfil .col-md-3{
      background-color: #F7F6F6;
      padding: 0 .3em;
      margin: 0;
  }
  .perfil .active{
      background-color: #428BCA !important;
  }
  .perfil .active .nav-link{
      color: white !important;
      font-weight: bold;
  }
  .perfil .active i{
      color: white !important;
  }
  .perfil .nav-item{
       border: solid 1px;
       border-color: #D6D6D6;
       color: black;
       margin:0;
       background-color: white;
  }
  .perfil .nav-link{
      font-size: 16px;
  }
  .perfil .nav-link i{
      margin: 0 .3em;
  }
  .perfil .nav-link .fa-tools{
      color: #428BCA
  }
  .perfil .nav-link .fa-envelope{
      color: #428BCA
  }
  .perfil .nav-link .fa-key{
      color: #428BCA
  }
  .perfil .nav-link .fa-heart{
      color:#FFA834
  }
  .perfil .fa-info-circle{
      color: #428BCA;
      font-size: 24px;
      margin: 0 .1em;
  }
  .perfil form{
      margin: 0;
      padding: 0;
      border: 0;
      box-shadow: 0 0 0;
      border-radius: 0;
  }
  .perfil .form-group{
      min-width: 150px;
  }
  .perfil .form-group .row{
      margin: 0 auto;
  }
  .perfil .fa-info-circle{
      margin: 0 1em;
  }
  .perfil .mas-info i{
      color:#629C44 !important;
  }
  footer{
      text-align: center;
  }
  .perfil .pop{
      position: relative;
      display: inline-block;
      cursor:pointer;
      -webkit-user-select: none;
      -moz-user-select:none;
      -ms-user-select: none;
  }
  .perfil .pop-min{
      visibility: hidden;
      width: 320px;
      background-color: #fff;
      color: black;
      text-align: center;
      border-radius: .9em;
      padding: .5em 0;
      position: absolute;
      z-index: 1;
      bottom:125%;
      left: -124.5px;
      border: solid 2px lightgrey;
      box-shadow: 1px 2px 2px;
  }
  .perfil .pop-min::after{
      content:"";
      position:absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color:  lightgray transparent transparent transparent;
  }
  .perfil .show{
      visibility: visible;
      -webkit-animation: fadeIn 1s;
      animation:fadeIn 1s;
  }
  .perfil .pop span p{
      font-size: 12px;
  }
  .perfil .pop span span{
      font-weight: bold;
  }

  .perfil .col-md-10 .fab{
      font-size: 40px;
  }
  .perfil .col-md-10 li{
      list-style: none;
      margin: .7em auto !important;
  }
  .perfil .col-md-10 p{
      margin:auto .2em;
  }
  .perfil .pila-radio{
      margin:0 1em;
  }

.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
    margin: auto 0;
  outline: 0;
  display: block;
  width: 2em;
  height: 1em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-light + .tgl-btn {
  background: #f0f0f0;
  border-radius: 2em;
  padding: 2px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.tgl-light + .tgl-btn:after {
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.tgl-light:checked + .tgl-btn {
  background: #9FD6AE;
}


@media (max-width:1200px ){
        .ajustebarra{
            width: 100%!important;
            left:0!important;
    }
    .container-fluid {
        width: 100%;
    }

    nav{
        width:100% !important;
    }
    .btn-perfil{
        margin:0 1em;
        padding:.3em 1.4em;
    }
    .nav-item{
        padding:0 .5em;
    }
    .contenedor {
        margin: 1em;
    }
    .contenedor p{
        margin:1em;
    }
    .calendars p{
        text-align: center;
        margin:auto 0;
    }
    .calendars .fa-inverse{
        padding: 1em;
        margin:auto;
    }
    #NetworkingCarousel .fa-arrow-alt-circle-left{
      margin-right: 2em;
    }
    #NetworkingCarousel .fa-arrow-alt-circle-right{
        margin-left: 2em;
    }
    .networking-head .col-md-4{
        padding:0;
        min-width: 360px;
    }
}
@media (max-width:900px ){
    .ajustebarra{
            width: 100%!important;
            left:0!important;
    }
    .home-tematicas{
        height: 300px;
    }
    .container-fluid {
        width: 100%;
    }
     nav{
        text-align: center !important;
    }
    .nav-item{
        border: 0;
        margin-bottom: 1em;
    }

    .btn-perfil{
        margin:0 1em;
        padding:.5em 1.4em;
    }
    .nav-item{
        padding:0 .5em;
    }
    .titulo img{
        margin: 0 auto;
    }
    .titulo h2{
        text-align: center;
    }
    .contenedor {
        margin: 1em;
    }
    .contenedor p{
        margin:1em;
    }

    .conferencias-container .titulo img{
        margin: 0 .2em;
    }
    .conferencias-container .col-md-2{
        margin: 0 2em;
        padding: 0;
    }
    .box{
        padding: 1em;
        margin: 0;
        width: 200px;
    }
    .networking-box{
        margin: 1em 3em;
    }ingCarousel .row{
        width: 30%;
    }
    .networking-head .col-md-4{
        width: 300px;
    }
    .networking-head img{
        margin: auto 0;
        width: 50px;
        height: 50px;
    }
    .networking-head i{
        margin: 0 auto;
    }
    .networking-head p{
        margin: 0 0 0 1em;
    }
}
@media  screen and (min-width: 320px) and (max-width: 576px){
    .home-tematicas{
        height: 300px;
    }
    .container-fluid {
        width: 100%;
    }
    body{
        background: #fff;
    }
    .imglogo{
        text-align: center;
        width: 80%;
        margin:.5em 0 .5em 2.3em;
     }
    .imgcongreso{
       margin: .5em 0 2em;
       width:280px;
    }
    .primer-container{
        text-align: center;
        padding:0;
        /*margin: 2.2em .9em;*/
        width: 100%;

    }
    .col-md i{
        font-size:64px;
        display:block;
    }
    form{
        margin: 0;
        padding: 0;
    }
    .cuerpo-home
 {

    background-size:unset;
}
.home-titulo{
         padding-top: 25%;
}
    .ajustebarra{
        width: 100%!important;
        left:0!important;
    }
    .form-group a{
       /* padding: .3em .2em;*/
        width: 100%;
    }

    .agenda{
        display: block;
        margin: 1.5em 0;
        padding: 1em 1em;
        width: 100%;

    }

    .dropdown button{
        padding: .4em .3em;
        font-size: 18px;
        border: none;
        cursor: pointer;
        margin:2em 0;
        border-color: black;
        border: solid 2px;
    }

    .evento{
        width: 100%;
        padding:1em 0;
        margin: 0;
    }
    .linea{
        border: 0;
        padding: 1em 0;
        margin: .2em 0;
        width:100%;
        text-align: center;
    }

    .contenido{
        margin: 1em auto;
        padding: 1em 0;
        text-align: center;
    }
    .contenido h5{
        margin: 0;
        padding: 1em 0;
    }
    .contenido p{
        margin: 0;
        padding: 1em 0;
    }
    .evento{
        text-align: center;
    }

    /*Vista Usuario Menu Mobile*/
    nav{
        text-align: center !important;
        min-width: 340px;
        padding: .5em;
        margin-left: .2em;
        font-weight: bold;
    }
    .nav-item{
        border: 0;
        margin: 1em 0;
    }
    nav .row{
        width: 100%;
    }
    .navbar-brand{
        margin:0;
    }

    .navbar-nav a{
        text-align: left !important;
    }
    .btn-perfil{
        padding: .3em;
        margin:0;
        font-size: 0;
        border-radius: 10% !important;
    }
    .btn-perfil i{
        margin: .2em;
        font-size: 32px;
    }
    .contador h3{
        font-size:20px;
    }
    .contador span{
        font-size: 20px;
    }
    .contador{
        margin: 0 auto;
    }
    .contenedor {

        text-align: center;
        margin:1em;
    }
    .banderas .row{
        margin: .5em .6em;
    }
    .contenedor p{
        margin:0 .5em;
    }
    .titulo h2{
        text-align: center;
    }
    .titulo.row {
        margin: 0 auto;
    }
    .calendars{
        margin:0 auto;
    }
    .calendars .row{
        width: 50%;
    }
    .calendars .col-md-3{
        width:70px;
        margin:0;
        text-align: center;
    }
     .calendars .calendario{
         text-align: center;
         width: 120px;
    }
    .calendars .calendario .col-sm-4{
        width: 38.3px;
        padding: 0 auto;
    }
    .calendars .calendario i{
        padding: .3em .7em;
        margin-right: 10px;
    }
    .calendario .row p{
        text-align: center;
    }

    .box{
        margin:1em auto;
        width: 300px;
    }
    .box .fecha{
        width: 80%;
        padding:0;
    }
    .box .corazon{
        width: 20%;
    }
    .corazon span{

        margin: .46em .25em;
        text-align: center;
    }
    .box .row{
       padding: 0 3em;
       margin: 0 auto;
    }
    .bajada i{
        text-align: center;
        width: 10%;
        margin: 0;
    }
    .bajada .col-md-4{
        width: 30%;
        height: 50%;
    }
    .bajada p{
        color: transparent;
        height: 0;
    }
    .sponsor .row{
        width: 60%;
        text-align: center;
        margin: 1em;
    }
    .sponsor .fa-star{
        margin: 0 .24em;
    }
    /*Vista Networking Mobile*/
    .networking-head .col-md-2{
        text-align: center;
        width: 50%;
        margin: 1em 0;
    }
    .networking-head p{
        margin:auto 0;
    }
    .networking-head i{
        margin:0 .2em;
    }
    .networking-titulo{
        text-align: center;
        margin: auto 0;
    }
    .networking-titulo form{
        margin: 1em auto !important;
    }
    #NetworkingCarousel .fa-arrow-alt-circle-left{
      margin-right: 0;
      color:transparent !important;
      font-size: 0;
      overflow: hidden;
    }
    #NetworkingCarousel .fa-arrow-alt-circle-right{
        margin-left:0;
        color:transparent !important;
        font-size: 0;
        overflow: hidden;
    }
    .networking img{
        width: 120px;
    }

    /* Show 3rd slide on sm  if col-sm-6*/
    .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }

    .content-public {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .content-public div h2{
        font-size: 20px;
    }

    .carousel-item {
        margin-right: 0;
    }

    /* show 2 items */
    .carousel-inner .active + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }

    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        /*top: 0;*/
        left: 0;
       /* z-index: -1;*/
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
    }

}

/*MD*/
@media (min-width: 768px) {

    /* show 3rd of 3 item slide */
  .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }


    .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }


    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
    }

}


/*LG */
@media (min-width: 991px) {

    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
       /* top: 0;*/
        right: -118px;  /*change this with javascript in the future*/
        /*z-index: -1;*/
        display: block;
        visibility: visible;
    }

     .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        /*top: 0;*/
        left: 18px;
       /* z-index: -1;*/
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
}