/* IE10 viewport hack for Surface/desktop Windows 8 bug */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }
@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900';
body{padding:0;margin:0;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 24px;background: #fff;}
a{text-decoration: none;}
.clear{clear: both;}
section h2{color:#000da4;font-weight: 900;font-size: 3.75em;text-align: center;letter-spacing: -1px;text-transform: uppercase;margin:20px 0 50px;}
section h2.ArribaIzquierda{background: url('../img/ArribaIzq.svg') no-repeat left top;padding-top: 100px;background-size: contain;}
section h2.DerechaAbajo{background: url('../img/AbajoDerecha.svg') no-repeat;padding-bottom: 204px;background-size: contain;background-position: 350px 66px;margin: 100px 0 -152px;}
section h2 sup{text-transform: none;}
a.ReservarLugar{display: block;position:absolute;z-index:1;bottom:5%;left:50%;margin-left:-165px;width: 330px;height: 65px;background: #ffe501;color: #000da4;border-radius:3px;
  text-transform: uppercase;line-height: 65px;text-align: center;font-size: 1.25em;font-weight: 700;text-decoration: none;cursor:pointer;box-shadow: 0px 5px 10px rgba(0,0,0,.2);    
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}
a.ReservarLugar:hover{background: #fff001;box-shadow: 0px 5px 10px rgba(0,0,0,.3);}

#Portada{background: /*url('../img/political_intelligence_summit.jpg') no-repeat center top;background-size:cover;*/z-index:20;height: 75vh;min-height: 100px;max-height:100px;color: #fff;position: relative;margin-right: 0;}
#Portada .container{position: relative;height: 100%;display: table;}
#Portada .container .Centered{display: table-cell;vertical-align: middle;}
#Portada .container .Background{position: absolute;left: 0;background: #001c54;mix-blend-mode: hard-light;box-shadow: 0px 5px 10px rgba(0,0,0,.4);height: 80%;width: 100%;min-height:500px;max-width:1140px;position: absolute;top:0;transform:translateY(13%);}
#Portada .container h1{text-indent: -9999px;height: 158px;width: 450px;background: url('../img/Logo_Political_Summit.png') no-repeat;background-size:cover;margin: 15px auto 0;
position: absolute;z-index: 1;left: 50%;margin-left: -240px;top: 0;margin-top: 10px;}
#Portada .container #Integralia{width: 150px;position: absolute;z-index: 1;left: 65%;top: 4px;}
#Portada .container #Integralia img{display: block;width: 100%;margin-top: -10px;}
#Portada .container #Integralia span{display: block;text-align: center;font-size: 0.7em;color: #000da4;font-weight: 500;}
#Portada .container #Subtitle{text-transform: uppercase;font-size: 4.25em;line-height: 1em;margin:20px 0 30px;font-weight: 300;letter-spacing: -1px;text-align: center;position: relative;z-index: 1;}
#Portada .container #Subtitle strong{font-weight: 700;}
#Portada .container a#Hashtag{display: block;text-align: center;font-size: 1.5em;margin-bottom: 40px;font-weight: 300;color:#fff;cursor: pointer;display: block;position: relative;z-index: 1;}
#Portada .container #Eventos{text-align: center;font-weight: 300;color:#fff;margin-bottom: 30px;position: relative;z-index: 1;}
#Portada .container #Eventos a{display: inline-block;width: 30px;height: 30px;text-indent: -9999px;margin-right: 10px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;}
#Portada .container #Eventos a:hover{opacity: 0.7;}
#Portada .container #Eventos a#iCal{background: url('../img/apple.svg') no-repeat center;}
#Portada .container #Eventos a#Outlook{background: url('../img/outlook.svg') no-repeat center;}
#Portada .container #Eventos a#GoogleCal{background: url('../img/google.svg') no-repeat center;}
#Portada .container .countdown{position: relative;z-index:1;}

#Edicion .Text p{color:#555;font-size: 1.2em;line-height: 1.55em;text-align: center;margin-bottom: 30px;}
#Edicion .Text .LinksAnteriores div{padding:15px;border-radius: 1px;}
#Edicion .Text .LinksAnteriores div:hover{background: #ffe501;}
#Edicion .Text .LinksAnteriores a{text-decoration: none;}
#Edicion .Text .LinksAnteriores a img{display: block;width: 100%;}
#Edicion .Text .LinksAnteriores a span{display: block;margin-top: 5px;color:#000;line-height: 1.3em;}

#Moderadores{text-align: center;}
#Moderadores article.ModeradorThumb{display: block;float:left;cursor: pointer;width: 20%;margin:0 0 4% 10%;max-width: 256px;position: relative;z-index:3;}
#Moderadores article.ModeradorThumb:nth-child(4){margin-right: 0;}
#Moderadores article.ModeradorThumb:nth-child(7){margin-right: 0;}
#Moderadores article.ModeradorThumb .Caritas{position: relative;z-index: 3;background: none;overflow: hidden;border: 0;border-radius: 3px;    
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateZ(0);
}
#Moderadores article.ModeradorThumb .Caritas:hover{transform: perspective(1200) translateZ(40px);
                        -webkit-transform: perspective(1200) translateZ(40px);
                        -moz-transform: perspective(1200) translateZ(40px);
                        -o--transform: perspective(1200) translateZ(40px);box-shadow: 15px 15px 30px rgba(0,0,0,.2);z-index: 3;}
#Moderadores article.ModeradorThumb .Caritas:hover .Nombre{color:#0f235b;}
#Moderadores article.ModeradorThumb .Caritas .Nombre{position: absolute;top:15px;left:20px;font-size:24px;font-weight: 700;text-align: left;color:#0f235b;z-index: 2;}
#Moderadores article.ModeradorThumb .Caritas img{display: block;width: 100%;}
#Moderadores article.ModeradorThumb .Caritas:hover img{opacity: 0.95;}
#Moderadores article.ModeradorThumb .Descripcion{color:#0f235b;margin-top: 8px;font-weight: 500;line-height: 1.3em;text-align: left;min-height: 85px;}



#Panelistas article.PanelistaThumb{display: inline-block;cursor: pointer;position: relative;z-index:3;margin-bottom: 20px;padding: 0 27px}
#Panelistas article.PanelistaThumb .Caritas{position: relative;z-index: 3;background: none;overflow: hidden;border: 0;border-radius: 3px;    
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateZ(0);
}
#Panelistas article.PanelistaThumb .Caritas:hover{transform: perspective(1200) translateZ(30px);
                        -webkit-transform: perspective(1200) translateZ(30px);
                        -moz-transform: perspective(1200) translateZ(30px);
                        -o--transform: perspective(1200) translateZ(30px);box-shadow: 7px 7px 20px rgba(0,0,0,.2);z-index: 3;}
#Panelistas article.PanelistaThumb .Caritas:hover .Nombre{color:#000;}
#Panelistas article.PanelistaThumb .Caritas .Nombre{position: absolute;top:15px;left:20px;font-size:20px;font-weight: 700;text-align: left;color:#000;z-index: 2;}
#Panelistas article.PanelistaThumb .Caritas img{display: block;width: 100%;}
#Panelistas article.PanelistaThumb .Caritas:hover img{opacity: 0.95;}
#Panelistas article.PanelistaThumb .Descripcion{color:#000;margin-top: 8px;font-weight: 500;line-height: 1.3em;min-height: 70px;}



#Agenda .Fila{border-bottom: 1px solid #000da4;padding: 6px 0;}
#Agenda .Fila .Hora{font-weight: 100;color:#8c8a8a;font-size: 2.7em;line-height: 1.6em;letter-spacing: -2px;padding: 0;}
#Agenda .Fila .Text{font-weight: 400;color:#000;font-size: 1.25em;line-height: 3.5em;padding:0 0 0 30px;}
#Agenda .Fila .Moderador{font-weight: 400;color:#000;font-size: 1.5em;line-height: 2.9166em;width: 14%;}
#Agenda .Fila .Moderador img{width: 53px;margin-right: 10px;display: block;float: left;}
#Agenda .Fila .Moderador span{font-weight: 700;color:#000;font-size: 0.55em;line-height: 1.2em;display: block;float: left;width: 100px;position: absolute;bottom: 0;left: 77px;}
#Agenda .Fila .Panelistas{padding:0;width: 19%;}
#Agenda .Fila .Panelistas .col-lg-4{padding: 42px 5px 0 0;font-size: 0.8em;line-height: 1.1em;font-weight: 500;}

#LugarFecha{position: relative;z-index: 10;background: white;padding: 0 0 30px;}
#LugarFecha #Datos{padding-left: 0;}
#LugarFecha #Datos ul{list-style-type: none;margin:0;padding:0;}
#LugarFecha #Datos ul li{padding:0 0 15px 60px;color: #000;font-size: 1.375em;line-height: 1.25em;font-weight: 400;}
#LugarFecha #Datos ul li.Fecha{background: url('../img/calendario.svg') no-repeat center left;background-size: 34px 34px;}
#LugarFecha #Datos ul li.Lugar{background: url('../img/placeholder.svg') no-repeat center left;background-size: 34px 34px;}
#LugarFecha a.ReservarLugar{position: initial;margin:0;width:100%;font-size: 1.15em;}

#SombraBottom{box-shadow: 0 7px 15px rgba(0,0,0,.2);position: absolute;bottom: 0;left: 15px;right: 15px;width: auto;height: 140px;z-index: 1;max-width: 1140px;}

#MapaG{margin-top: -141px;height: auto;}
#MapaG iframe{width: 100vw;}

footer p{color:#999;font-size: 1em;padding: 18px 0;font-weight: 400;text-align: center;}

article.PopUp{width: 100%;max-width: 750px;margin: 0;padding: 15px 30px;}
article.PopUp h2{margin: 0 0 -35px 10px;color: #203571;font-weight: 700;position: relative;z-index: 2;font-size: 2.25em;}
article.PopUp.Panelista h2{color:#000;}
article.PopUp h2.Large{font-size: 1.7em;}
article.PopUp .Cargo{font-weight: 500;font-size: 0.9em;line-height: 1.25em;margin-top:5px;}
article.PopUp .Left{float: left;width: 35%;margin-right: 5%;}
article.PopUp .Left img{display: block;width: 100%;border:1px solid rgba(32,53,113,0.11);}
article.PopUp .Left ul{display: block;list-style-type: none;margin:10px 0 0;padding:0;}
article.PopUp .Left ul li{display: inline-block;margin-right: 1px;width: 30px;height: 30px;}
article.PopUp .Left ul li a{display: block;width: 30px;height: 30px;cursor: pointer;
                            -webkit-transition: all .2s ease-in-out;
                            transition: all .2s ease-in-out;}
article.PopUp .Left ul li a:hover{opacity: 0.7;}
article.PopUp .Left ul li.Twitter a{background: url('../img/twitter.svg') no-repeat center;}
article.PopUp .Left ul li.EFColumna a{background: url('../img/quotes.svg') no-repeat center;}
article.PopUp .Right{float: left;width: 60%;padding-top:38px;}

.hidden {display: none;}
.fancybox-opened .fancybox-skin{box-shadow: none !important;background: #fff;}
.fancybox-overlay{background: rgba(255,255,255,0.98) !important;}
.fancybox-nav{width: 12% !important;}
.fancybox-nav:hover{background-size: 24px !important;}
.fancybox-nav span{visibility: hidden !important;}


.fancybox-prev{background: url('../img/left.svg') no-repeat center !important;left: -12% !important;background-size: 20px !important;}
.fancybox-next{background: url('../img/right.svg') no-repeat center !important;right: -12% !important;background-size: 20px !important;}
/*
.fancybox-prev span{background: url('../img/left.svg') no-repeat center !important;left: 35% !important;}
.fancybox-next span{background: url('../img/right.svg') no-repeat center !important;right: 35% !important;}*/
.fancybox-close{top: -48px !important;right: -8px !important;}
.fancybox-close{background: url('../img/close.svg') no-repeat center !important;background-size: contain !important;width: 26px !important;height: 26px !important;}



@media (min-width: 1400px) {

}

@media (max-width: 1199px) {
  body{font-size: 15px;}
  #Moderadores article.ModeradorThumb{width: 22%;margin: 0 0 4% 8.5%;}
  #Agenda .Fila .Moderador{padding-left:0;}
  #Agenda .Fila .Moderador span{left: 59px;}
  #LugarFecha a.ReservarLugar{width: 97%;margin-top: 20px;}
  #LugarFecha #Datos{padding:0 45px 0 20px; }
  #Portada .container #Integralia{left: 68%;}
}

@media (max-width: 991px) {
    #Moderadores article.ModeradorThumb .Descripcion{min-height: 80px;}
    #Moderadores article.ModeradorThumb {width: 25%;margin: 0 0 4% 6%;}
    #Agenda .Fila .Moderador{width: 25%;}
    #Agenda .Fila .Text{padding: 10px 0 0 30px;line-height: 1.3em;}
    #Portada .container #Integralia{left: 73%;}
}

@media (max-width: 767px) {
  body{font-size: 14px;}
  section h2{margin:20px 0;font-size: 2.25em;}
  section h2.DerechaAbajo{margin: 80px 0 -152px;}
  a.ReservarLugar{top: 86%;}
  #Portada{max-height: 100px;height: 73vh;min-height: 100px;}
  #Portada .container h1{height: 201px;width: 574px;transform: translateY(2%);margin: 0;left: 50%;}
  #Portada .container #Integralia{left: initial;right:10px;width: 100px;top: 6px;line-height: 1em;font-size: 0.85em;}
  #Portada .container #Integralia img{margin-top: -4px;}
  #Portada .container #Subtitle{font-size: 2.5em;margin:20px 0 15px;line-height: 1em;}
  #Portada .container .Centered{display: block;margin-top:100px;}
  #Portada .container #Eventos p{margin-bottom: 5px;}
  .styled div{display: inline-block;font-size: 2.5em !important;padding: 0 10px !important;text-align: center !important;}
  .styled div span {padding-top: 5px;}
  #Portada .container .Background{transform: translateY(11%);height: 50%;min-height: 400px;}
  #Panelistas article.PanelistaThumb{padding: 0 15px;}
  #Panelistas article.PanelistaThumb .Caritas .Nombre{line-height: 1em;font-size:14px;top: 5px;left: 10px;}
  #Panelistas article.PanelistaThumb .Descripcion{min-height: 80px;}
  #Moderadores article.ModeradorThumb .Caritas .Nombre{line-height: 1.1em;font-size:18px;top: 5px;left: 10px;}
  #Edicion .Text p{line-height: 1.35em;}
  #Edicion .Text .LinksAnteriores div{padding:5px;}
  #Edicion .Text .LinksAnteriores a span{min-height: 73px;font-size: 0.9em;}
  #Moderadores article.ModeradorThumb{width:45%;margin: 0 0 4% 3%;}
  #Agenda .Fila .Text{padding: 5px 0 6px 20px;}
  #LugarFecha #Datos ul li{font-size: 1em;}
  #MapaG iframe{height: 400px;}
  footer p{font-size: 0.8em;}
  article.PopUp{padding: 15px 10px;}
  article.PopUp h2{margin: 0 0 -18px 5px;font-size: 1em;}
  article.PopUp h2.Large{font-size: 1em;}
  article.PopUp .Left{width: 30%;}
  article.PopUp .Right{width: 65%;}
  article.PopUp .Right{padding-top: 5px;}
  article.PopUp .Right p{line-height: 1em;line-height: 1.3em;}
  .fancybox-prev{left: -7% !important;}
  .fancybox-next{right: -7% !important;}

  .VideoResponsive{
     min-width:auto !important;
     width:95vw !important;
  }
}