/* variables */

:root {
  --text-xs:   0.90rem;
  --text-sm:   0.975rem;
  --text-base: 1.1rem;
  --text-lg:   1.145rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.4rem;
  --text-3xl:  1.8rem;
  --text-4xl:  2.5rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;
  --text-7xl:  4rem;
  --bg-main: #242f45;
  --bg-red: #ec0000;
  --bg-dark: #0f0f0f;
  --bg-grey: #edeef0;
  --bg-filter: #eeeeee;
  --bg-light: #ffffff;
  --font-light: rgb(197, 197, 197);
  --font-color-base: #333333;
  --font-color-light: #ffffff;
  --font-color-main: #242f45;
  --font-color-red: #ec0000;
  --font-color-grey: #6a6a6a;
  --font-family: 'SantanderTextW05-Light', sans-serif;
  --font-weight-normal: 400;
  --font-weight-bold: 600;
  --font-weight-xbold: 700;
  --font-weight-xxbold: 800;

}


::selection {
    color: #333333;
    background: transparent;
}


/* barra scroll custom */


/*::-webkit-scrollbar{
    width: 6px;
    background-color: #ffffff;
}
::-webkit-scrollbar-track{
    background-color: #c3c3c3;
}
::-webkit-scrollbar-thumb{

    background-color: #ec0000;
    
}*/



/* LOADER*/

#loader-blq span{
  display: block;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  width: 20px;
  height: 20px;
  background-color: #505050;
}

#loader-blq span:nth-child(2){
  animation: moveanimation1 1s ease-in-out infinite;
  
}

#loader-blq span:nth-child(3){
  animation: moveanimation2 1s ease-in-out infinite;
}

#loader-blq span:nth-child(4){
  animation: moveanimation3 1s ease-in-out infinite;
  background-color: var(--bg-main-rco);
}

@keyframes moveanimation1{
  0%, 100%{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }

  75%{
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
}

@keyframes moveanimation2{
  0%, 100%{
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  75%{
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
}

@keyframes moveanimation3{
  0%, 100%{
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }

  75%{
    -webkit-transform: translate(30px, 30px);
    -ms-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}




/* generales */

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100%;
  font-family: var(--font-family);
  color: var(--font-base);
  line-height: 1;
  font-size: 16px;
  scroll-behavior: smooth;
  

}



body {
  font-family: var(--font-family);
  overflow-x: hidden;
  background-color: #1a2333;
  /*background-color: #1f293c;*/
  color: var(--font-color-base);
  width: 100%;
  max-width: 100%;
  padding: 0;
  font-size: var(--text-base);
}


section {

  position: relative;
  padding: 50px 0;


}

.section-fluid {

  position: relative;
  padding: 0px 0;


}



a{

text-decoration: none;
color: var(--font-color-light);

}




a:hover {

text-decoration: none;
color: var(--font-color-light);

}


p{

 font-size: var(--text-base);

}


h1 {

font-size: var(--text-4xl);
 color: var(--font-color-base);

}


h2 {

font-size: var(--text-2xl);
 color: var(--font-color-base);

}


h3 {

font-size: var(--text-xl);
 color: var(--font-color-base);

}

h4, h5 {

font-size: var(--text-lg);
 color: var(--font-color-base);

}

q {

font-size: var(--text-3xl);
font-weight: var(--font-weight-xbold);
color: var(--font-color-rco);
margin-right: 10px;
display: block;
line-height: 1.3em;



}

.back-header {

position: absolute;
top: 0;
right: 0;


}


.divider {

width: 100%;
background-color: whitesmoke;
height: 1px;
margin: 60px 0;



}


.reset-section-pad {
 
padding: 50px 0px;

}

.reset-section-pad2 {
 
padding: 50px 0px;

}



.img-full-fill {

    width: 100% !important;
    height: 100%;
    object-fit: fill;
    object-position: center;

}

.img-full-cover {
    width: 100% !important;
    object-fit: cover;
    object-position: center;
    height: 100%;
}


.bg-light {

background-color: var(--bg-light)!important;

}

.bg-red {

background-color: var(--bg-red)!important;
  
}

.bg-transp{

border-color: var(--bg-red)!important;
background-color: transparent;
border-width: 1px;
border-style: solid;
  
}

s

.bg-main {

background-color: var( --bg-main);

}



.text-main {

color: var( --font-color-main);


}



.text-red {

color: var( --font-color-red);


}



.text-light {

color: var( --font-color-light);


}


.mb-90 {

margin-bottom: 90px;

}

.br-5 {


border-radius: 5px;

} 


.h-50 {

height: 50px!important;


}

.mt--5 {

margin-top: -5px;

}


/* Rotación modo horizontal dispositivos móviles */
.rotate-img {
  position: fixed;
  height: 100%;
  width: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999999;
  background-color: #242f45;
  color: var(--font-color-light);
}
.rotate-img div {
  width: 100px;
  height: 100px;
  
}


@media (max-height: 414px) {
  body {overflow: hidden !important;}
  .rotate-img {display: flex;flex-direction: column;}
}

.seccion {
  display: none;
}


/* Fin generales */



/* header */

.header {
  background-color: white;
  position: relative;
  width: 100%;
  height: 80px;
  z-index: 99;
   

}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: transparent;
  font-size: var(--text-xl);
}

.header li a {
  display: block;
  padding-bottom: 15px;
  text-decoration: none;
  font-weight: var(--font-weight-bold);
  background-image: linear-gradient(to left, #000000,#000000 50%,#ec0000 50%);
  background-size: 200% 100%;
  background-position: 100%;
  display: inline-block;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.5s ease-in-out;
  font-family:"SantanderTextW05-Light";
}

.header li a.active{
 border-bottom: 1px solid white;
 background-image: linear-gradient(to left, #ec0000,#ec0000 50%,#ec0000 50%);
  background-size: 200% 100%;
  background-position: 100%;
  font-family:"SantanderTextW05-Bold";
}
  

.header li a:hover {
 background-position: 0;
}


.header li a:hover,
.header .menu-btn:hover {
  background-color: #f4f4f4;
}

.header .logo {
  display: block;
  float: left;
  padding: 20px 20px 20px 20px;
  text-decoration: none;
  content: url(../img/santander-logo-positivo.svg);
  width: 190px;
}

.header .logo-white {
  display: block;
  float: left;
  padding: 60px 20px 20px 20px;
  text-decoration: none;
  /*content: url(../img/santander-logo-negative.svg);*/
  content: url(../img/investor_compacto.svg);
  width: 350px;
}

.header .pdt-40 {
  padding-top: 60px;
}

.header .pdr-20 {
  padding-right: 20px;
}

.header .logo2 {
  display: block;
  float: left;
  padding: 20px 20px 20px 20px;
  text-decoration: none;
}


.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}




/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 37px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #1a2333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #1a2333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}


.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  
  max-height: 100vh;
  background-color: #ffffff;
  overflow: visible;
  padding: 15px;
  
}

.header .menu-btn:checked ~ .menu li a{
  
  background-image: linear-gradient(to right, #333333,#333333 50%,#333333 50%);
  color: var(--font-color-base);
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}


/* media header */

@media (min-width: 1200px) {
  .header li {
    float: left;
  }

  .header li {
    padding: 25px 25px 25px 25px;
  }

  .header .menu {
    clear: none;
    max-height: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    align-items: flex-start;
  }

  .header .menu-icon {
    display: none;
  }


}

/*FOOTER*/


footer .card {
  border: 0px solid rgba(0,0,0,.125);
}

.footer{

  padding: 20px 15px 20px 15px;
  background-color: #6b7d99!important;

  bottom: 0;
  left: 0;

  width: 100%;
}

.footer_respuestas {
  position: absolute;
}

.agenda {
  min-height: 85vh;
}
.register-container {
  min-height: 85vh;
}
.venue-hotels-container {
  min-height: 85vh;
  padding-bottom: 0;
}

.footer_home {
  padding: 0 15px;
  bottom: 0;
  z-index: 100;
  position: relative;
  width: 100%;
  display: flex;
  background-color: #6b7d99!important;
}

.footer-top{

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;


}

.footer a{ 

color: var(--font-color-light)!important;
text-decoration: none;
transition: all 0.3s;
display: block!important;

}

.footer a:hover{ 

color: var(--font-color-grey);
text-decoration: none;


}

.footer p{ 

color: var(--font-color-light)!important;
text-decoration: none;
transition: all 0.3s;
display: block!important;
font-size: var(--text-sm);
text-align: center;

}

.footer-bottom{ 

 border-top: 1px solid rgba(255, 255, 255, 0.1);
 color: var(--font-color-light);


}





/*INTRO*/


.hero {

    
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;


}


.hero .hero-content{

    
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;


}

.overlay {

    
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 2;
    background: rgba(0,0,0,0.3);


}


.vimeo-wrapper {
   
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
   position: absolute;
}



.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   
}




/*Iframe vimeo*/

.video-blq {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;

}

.video-blq iframe {
    width: 100%;
    height: 29.25vw;
    position: relative;
    top: 0%;
    left: 0%;
}


.video-blq .iframe-vid-sp {

    width: 100%;
    height: 34.25vw;
    position: relative;
    top: 0%;
    left: 0%;


}

.hero .btn-speaker {

padding: 17px 10px 17px 10px;
border-radius: 0px;
background-color: #ec0000;
font-size: 1.5rem;
min-width: 225px;
color: white;
z-index: 3;

}

.hero .btn-speaker:hover {

padding: 17px 10px 17px 10px;
border-radius: 0px;
background-color: #acc6d6;
font-size: 1.50rem;
min-width: 225px;
color: #000000;

}

.hero-content .logo, .hero-content .logo2 {
z-index: 3;


}


/*HOME*/


#marq {

font-family:"SantanderTextW05-Regular";  
/*margin: 1em auto; */
height: 3em; 
background: #ec0000;
border: none;
color: white;
overflow: hidden; 
white-space: nowrap; 

}

#orig {
display: inline-block; 
transform: translatex(0); 
animation: marquesina 40s infinite normal linear 1s; 
line-height: 55px;
}

#copia{
/*background-color: lime; */
line-height: 40px;
}

@keyframes marquesina {
  0% {transform: translatex(0); }
  100% {transform: translatex(-50%); }
}


   .swiper-wrapper .uno {
        background-image:url('../img/01B_img.png'); 
        }

         .swiper-wrapper .uno:hover {
        background-image:url('../img/01B1_img.png'); 
        }

         .swiper-wrapper .dos {
        background-image:url('../img/02B_img.png'); 
        }

         .swiper-wrapper .dos:hover {
        background-image:url('../img/02B2_img.png'); 
        }


        .swiper-wrapper .tres {
        background-image:url('../img/03B_img.png'); 
        }

        .swiper-wrapper .tres:hover {
        background-image:url('../img/03B3_img.png'); 
        }


        .swiper-wrapper .cuatro {
        background-image:url('../img/04B_img.png'); 
        }

        .swiper-wrapper .cuatro:hover {
        background-image:url('../img/04B4_img.png'); 
        }



    .br-1p-wh {
      border-right: 0px solid white;
      width: 100%;
    }

    .sp-txt {
      letter-spacing: 1.85px;
    }


/*AGENDA*/


.titular{

padding: 0px 25px 0px 25px;
margin-bottom: 70px;

}

.titular2{

padding: 0px 0px 0px 10px;


}


.titular h1, .titular2 h1 {

color: #acc6d6;
font-family:"SantanderHeadlineW05-Rg";


}

.tam_tit {
  font-size: 2em!important;
}

.agenda-blq {

display: flex;
padding-left: 20px;


}

.agenda-blq-btn {

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding-top: 15px;
   


}

.agenda-blq-btn-inner{

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;


}




.agenda-blq-btn .btn-date{

   display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 50px 0px;
    margin-bottom: 20px;
    width: 100%;

}


.agenda-blq-btn .btn-date p, .agenda-blq-btn .btn-down p{

    font-size: var(--text-2xl);

}


.agenda-blq-btn .btn-date span{


  font-size: var(--text-4xl);
  font-weight: 600;
  line-height: 50px;


}

.agenda-blq-btn .btn-down{

   display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    
    width: 100%;
    line-height: 27px;

}

.agenda-blq-btn .btn-down p{

   font-size: var(--text-2xl);
   color: white;

}


.agenda-blq-calendar table{

  /*font-family:"SantanderTextW05-Light";*/
  font-family:"SantanderTextW05-Regular";

} 

.agenda-blq-calendar .hora{

  color: var(--font-color-light);
  font-size: var(--text-2xl)!important;
  width: 210px;

} 



.agenda-blq-calendar .evento{

  color: var(--font-color-light);
  font-size: var(--text-2xl)!important;

} 


.agenda-blq-calendar table td{

  padding: 15px 15px 20px 15px;

}


.agenda-blq .btn-speaker {

padding: 15px 10px 15px 10px;
border-radius: 0px;
background-color: #acc6d6;
font-size: 1rem;
min-width: 100%;
white-space: pre-wrap;



}

.agenda-blq .btn-speaker:hover, .agenda-blq .btn-speaker:visited {

  color: var( --font-color-main);

}

/* SPEAKERS */

.speakers {

    display: flex;
    color: var(--font-color-light);
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;


}



.speakers-ind {

  background-color: transparent;
  border: none; 
  border-radius: 0px!important;
  /*margin-bottom: 80px!important;*/
  padding: 10px 25px 10px 25px;
  flex-direction: row!important;

}



.speakers h5 {

font-size: var(--text-2xl);
 color: var(--font-color-light); 
   font-family:"SantanderTextW05-Bold";


}


.speakers  .card-body {
    
    padding: 1rem 0rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}



.speakers .btn-speaker {

padding: 7px 10px 7px 10px;
border-radius: 0px;
background-color: #acc6d6;
/*font-size: 0.80rem;*/
font-size: 1rem;
min-width: 225px;
position: relative;



}

.speakers .btn-speaker2 {

padding: 7px 10px 7px 10px;
border-radius: 0px;
background-color:transparent;
border: 1px solid var(--font-color-grey);
font-size: 0.80rem;
min-width: 225px;
position: relative;



}

.speakers .btn-speaker2:hover {

/*color: var(--font-color-grey);*/
color: #ffffff;

}

.speakers .desact {

/*color: var(--font-color-grey);*/
color: #999999;


}

.speakers .comentario {
  font-size: 0.8rem;
  color: #999999;
  text-transform: none;
  font-weight: 400;
}

@media (min-width: 250px) {
.modal-dialog {
    max-width: 700px;
    margin: 1.75rem auto;
    font-family: 'SantanderTextW05-Regular', sans-serif;

}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1.5rem;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    /*align-items: center;*/
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    /*border-bottom: 1px solid #dee2e6;*/
    border-bottom: 1px solid #ec0000;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

}


/* VENUE */

.venue-hotels {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;

}

.venue-hotels-blq {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-end;

}

.venue-hotels-blq h2{
    font-size: var(--text-4xl);

}




.venue-hotels-blq-inner {


  padding: 0px 20px 0px 0px;



}

.inner-ind {

background: #0b111c;
border-radius: 15px;
padding: 40px 50px 40px 50px;
min-height: 370px;



}


.venue-hotels .venue-hotels-blq h3{

color: var(  --font-color-red);
margin-bottom: 0px;  
font-family:"SantanderTextW05-bold";
}

.venue-hotels .venue-hotels-blq p{

color: var(  --font-color-light);
font-size: var(--text-xl);
font-family:"SantanderTextW05-Light";
line-height: 28px;

  
}



.venue-hotels .btn-speaker {

padding: 7px 10px 7px 10px;
border-radius: 0px;
background-color: #acc6d6;
font-size: 1rem;
min-width: 185px;



}

.text-main2 {
  color: var(--bg-light);
}

.venue-hotels .btn-speaker2 {

padding: 3px 10px 3px 10px;
border-radius: 0px;
background-color: #ec0000;
font-size: 1rem;
min-width: 185px;



}

.role {
  color: #333333;
}

.ml-20 {
  margin-left: 20px;
}


/* REGISTER */

.error-msg {
    font-size: 12px;
    color: #ce6e6e;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
}

#cond_ok {
    font-size: 11px;
    color: #e99f10;
}

.form-register, .form-register label {

color: var(  --font-color-light)!important;


}

.form-register input {

border-radius: 0px;
color: #ffffff;


}

.form-register .btn-speaker {

padding: 7px 10px 7px 10px;
border-radius: 0px;
background-color: #acc6d6;
font-size: 1rem;
min-width: 185px;



}



.group        { 
  position:relative; 
  margin-bottom:35px; 
}


.form-register input         {
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #ffffff;
  background-color: transparent;
}

.form-register input:focus     { outline:none; }




.form-register label     {
  color:#999; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

.form-register .form-check-label     {
  color:#999; 
  font-size:18px;
  font-weight:normal;
  position:relative;
  pointer-events:none;
  left:0px!important;
  top:0px!important;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;

}

.form-check-input[type=checkbox] {
    border-radius: 0.25em;
    padding: 0px;
    width: 20px!important;
    height: 20px!important;
    margin-right: 10px;
    /* background: #242f45; */
    border: 1px solid rgb(197, 197, 197);
}

/* .form-check-input[type=checkbox], .register {
    background: #242f45!important;
    border: 1px solid white!important;
} */


.form-register input:focus ~ label, .form-register input:valid ~ label    {
  top:-20px;
  font-size:14px;
  color:#5264AE;
}

.form-register select {
    border-bottom: 1px solid white!important;
    border: none;
    background-color: transparent;
    font-size: 14px;
    padding: 8px 4px;
    width: 100%;
    margin: 0 0 0px 0;
    max-width: 100%;
    resize: none;
    color: white;
    font-size: 18px;
}

.form-register option {
   
    color: black;
}



.bar  { position:relative; display:block; width:100%; }
.bar:before, .bar:after   {
  content:'';
  height:2px; 
  width:0;
  bottom:18px; 
  position:absolute;
  background:white; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}


.bar:before {
  left:50%;
}


.bar:after {
  right:50%; 
}


.form-register input:focus ~ .bar:before, .form-register input:focus ~ .bar:after {
  width:50%;
}


.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
@keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}




.form-check-input[type=checkbox] {
    border-radius: 0.25em;
    padding: 0px;
    width: 17px;
    height: 17px;
    margin-right: 10px;
}

/* THANKS */


.thanks {

    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 180px 0;

}


.thanks .btn-speaker {

padding: 7px 10px 7px 10px;
border-radius: 0px;
background-color: #acc6d6;
font-size: 0.80rem;
width: 185px;



}



/* RESPONSIVE */

@media (max-width: 1200px) {

section {position: relative;padding: 130px 0;} 
.header {background-color: #ffffff;box-shadow: none;height: auto;position: fixed;}
.header li a {padding: 15px 25px;}
.titular {padding: 0px 25px 0px 25px;margin-bottom: 10px;}
.header li a {border-bottom: none;font-weight: 400;}
.header li a.active{border-bottom: none;font-weight: bolder;}
.header .logo {display: block;float: left;padding: 10px 0px 10px 25px;content: url(../img/mobile.svg);width: 210px;}
.header .logo-white {display: block;float: left;padding: 10px 0px 10px 25px;content: url(../img/mobile-white.svg);width: 210px;}
.header .logo2 {display: none;}
.back-header {display: none;}
.agenda-blq-btn .btn-date span{font-size: var(--text-3xl);}
.inner-ind {min-height: 500px;}
.br-1p-wh {border-right: none;}
.seccion {display: block;text-align: center;}
.separacion {display: none;}
.footer {position: inherit; padding: 10px;}
}



@media (max-width: 991px) {

section {position: relative;padding: 90px 0;} 
.header .container {padding: 0;}
.titular {padding: 0px 0px 0px 0px;margin-bottom: 10px;}
.titular h1 {margin-bottom: 0px;}
.agenda-blq {}
.agenda-blq-btn .btn-date {padding: 30px;margin-bottom: 10px;}
.agenda-blq-calendar table {font-size: var(--text-1xl);}
.agenda-blq-calendar table td {padding: 15px}
.agenda-blq-calendar .hora{font-size: var(--text-2xl)!important; width: 180px;} 
.agenda-blq-calendar .evento{font-size: var(--text-1xl)!important; width: auto;} 
.inner-ind {min-height: 455px;}
.agenda-blq-btn .btn-date span{font-size: var(--text-3xl);font-weight: 600;line-height: 35px;}
.speakers .card-body {padding: 0.3rem 0rem;}
.venue-hotels-blq h2{font-size: var(--text-3xl);}
.aenor {width: 20%!important;}


}


@media (max-width: 767px) {

p{font-size: var(--text-sm);}
h1 {font-size: var(--text-3xl);}
section {position: relative;padding: 90px 0;}
.titular {padding: 0px 20px 0px 20px;margin-bottom: 10px;margin-top: 10px;}
.agenda-blq {display: flex;padding-left: 15px;flex-wrap: wrap;}
.agenda-blq-btn {display: flex;flex-direction: column;flex-wrap: wrap;justify-content: flex-start;align-items: stretch; align-content: stretch;}
.agenda-blq-btn .btn-date{padding: 25px;margin-bottom: 10px;}
.agenda-blq-btn .btn-date p, .agenda-blq-btn .btn-down p{font-size: var(--text-1xl);margin-bottom: 5px;}
.agenda-blq-calendar .hora{font-size: var(--text-1xl)!important;} 
.agenda-blq-calendar .evento{font-size: var(--text-lg)!important;} 
.agenda-blq-btn-inner {flex-direction: row;}
.agenda-blq-btn .btn-down {width: 100%;}
.agenda-blq-btn-inner div:nth-child(even) {margin-right: 0%;}
.titular2 {padding: 0px 0px 0px 15px;margin-bottom: 0px;}
.mb-90 {margin-bottom: 40px;}
.card-body {flex: 1 1 auto;padding: 1rem 0rem;}
.speakers .btn-speaker, .speakers .btn-speaker2 {display: block;position: inherit;}
.divider {margin: 35px 0;}
.venue-hotels-blq-inner {padding: 0px 0px 0px 0px;}
.inner-ind {min-height: auto;}
.aenor {width: 10%!important;}

}


@media (max-width: 576px) {


section {position: relative;padding: 90px 0px 30px 0px;}
.agenda-blq-calendar table td.hora {padding: 15px 0px 10px 0px;min-width: 110px;}
.agenda-blq-calendar .hora{font-size: var(--text-sm)!important;padding: 15px 10px 10px 0px; width: 100px;} 
.agenda-blq-calendar .evento{font-size: var(--text-sm)!important;} 
.modal-dialog {max-width: 97%!important;margin: 1.75rem auto;font-family: 'SantanderTextW05-Regular', sans-serif;}
.modal-body {padding: 0.7rem;}
.speakers-ind {margin-bottom: 50px!important;}
.agenda-blq-btn .btn-down {line-height: 15px;}
.aenor {width: 10%!important;}
.mvl {justify-content: center!important;}

}