@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Merriweather:300,700');

@font-face {
    font-family: 'poppinsbold';
    src: url('fonts/poppins-bold-webfont.eot');
    src: url('fonts/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('fonts/poppins-bold-webfont.woff') format('woff'),
         url('fonts/poppins-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinslight';
    src: url('fonts/poppins-light-webfont.eot');
    src: url('fonts/poppins-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-light-webfont.woff2') format('woff2'),
         url('fonts/poppins-light-webfont.woff') format('woff'),
         url('fonts/poppins-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.eot');
    src: url('fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff'),
         url('fonts/poppins-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.eot');
    src: url('fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff'),
         url('fonts/poppins-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinssemibold';
    src: url('fonts/poppins-semibold-webfont.eot');
    src: url('fonts/poppins-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('fonts/poppins-semibold-webfont.woff') format('woff'),
         url('fonts/poppins-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

::-moz-selection {color: #fff !important;background: #00b9dc !important;}
::selection {color: #fff !important;background: #00b9dc !important;}

/* colors

h1 : #006089 ;

*/

/* =======  RESET ====== */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

*, *:after, *:before{
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button{ border:none; }

/* ======= MAIN STYLES ======= */

body,html{
    font-family:'Merriweather', serif;
    font-weight: 300;
    font-size:14pt;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'poppinslight', arial, sans-serif;
}
h5{font-size:0.9em;}
h4{font-size:1.8em;}
h3{font-size:2em;}
h2{color:#006089;text-transform:uppercase;font-size:1.8em;text-align:center;margin:65px auto 0;}
h1{margin:0;}

table{
    font-family: 'poppinslight',arial,sans-serif;
}
table .hour{
    font-family: 'poppinsmedium', arial, sans-serif;
    color:#00bbdd;
}
table td{
    text-align: left;
    font-size:16px;
}
p{
    width:80%;
    margin:10px auto;
    line-height: 1.4em;
    font-size:0.75em;
    text-align: center;
}
p.subtitle{font-size: 16px;line-height: 24px;}
p strong{font-family: 'Merriweather', serif; font-weight: 700;}

.bckTop{
    position:absolute;
    width:80px;
    height:80px;

    right:60px;
    bottom:80px;
    color:#fefefe;
    font-size:3em;
    text-align: center;
    border-radius: 50px;
    background:#006093;
    line-height: 70px;
    z-index: 999;
}
.bckTop:focus{
    color:white;
}
.bckTop:hover{
    color:#fefefe;
    background:#0782c4;
    text-decoration:none;
}



/* ===== HEADER =====*/
.container.header{
    margin-top:40px;
}

.container.header img.logo{width:35%;}
/*.container.header button{float:right;}*/
ul.nav .dateNtime{
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity: 1;
}
.dateNtime span{display:block; text-align:right;margin-right:20px;vertical-align: middle;font:normal 18px/24px 'poppinsmedium', arial, sans-serif;color:#000;text-transform: uppercase;}

a.BotonRegistrate{display:inline-block;text-decoration:none;background-color:#d4006c;cursor:pointer;font:normal 14px 'poppinsmedium', arial, sans-serif;color:#fff !important;margin:0;height:45px;line-height:45px;
border-radius:7px;width:auto;position: relative;letter-spacing:0.5px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;}
a.BotonRegistrate:hover{box-shadow: 0 0 14px rgba(212,0,108,0.6);background-color:#d4006c !important;}

.navbar-default .navbar-nav>li>a.BotonRegistrate{padding: 0 30px;line-height:45px;}

a#SiemensLink{width:auto;text-align: center;color: #fff;border-radius: 7px;padding:20px 25px 10px;background: #00bbdd;display: inline-block;font:normal 16px sans-serif;letter-spacing: 0.25px;margin-bottom: 70px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;}
a#SiemensLink:hover{background: #01c6ea;text-decoration: none;}
a#SiemensLink span{vertical-align: top;}
a#SiemensLink img{width: 135px; height:42px; margin-left: 5px;}


@media screen and(max-width:768px ){
    .dateNtime span{
        display:inline-block;
        text-align:center;
    }
}

.navbar-default{
    background-color:#ffffff ;
    border-color:transparent;

    box-shadow:none;
}

.navbar-fixed-top{
    padding:20px 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


.navbar-brand{display: block;padding:0;margin:0;height:initial;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

/* ====== CONTENT ====== */
#MainContent{
    margin-top:186px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.floating-cards{
    width:98%;
    height:600px;
    position:relative;
    /* display: block; */
}
.floating-cards .card{
    width:40%;
    height:280px;
    padding:10px;
    display: table;
    position:absolute;
    text-align:center;
    color:#fefefe;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006093+0,00bcde+100 */
    background: #006093; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #006093 0%, #00bcde 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #006093 0%,#00bcde 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #006093 0%,#00bcde 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006093', endColorstr='#00bcde',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.floating-cards .card >span {
    vertical-align: middle;
    display:table-cell;
}
.floating-cards .card .title{
    text-transform: uppercase;
/*        font-size:0.9em;
*/        margin:0.5em;
}
.floating-cards .card h5{margin-bottom: 10px;}
.floating-cards .card h3{font-size:1.8em;line-height: 1.2em;font-family: "poppinssemibold", arial, sans-serif;}
.floating-cards .card h4{font-family: "poppinssemibold", arial, sans-serif;}

.floating-cards .card.topic-taller{top:40%;left:50%;margin-left:-20%;}
.floating-cards .card.topic-taller h3{font-size: 1.0em;line-height: 2.5em;}
.floating-cards .card.topic-ponencia{top:2%;left:0%;z-index: 1;}
.floating-cards .card.topic-paneles{top:7%;right:0%;z-index: 1;}
.floating-cards .card.topic-paneles h3{font-size: 18px;line-height: 1.20em;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.35);}
.floating-cards .card.topic-paneles span{padding: 0 40px;}
.floating-cards .vertical-separator{top: -30px;left:50%;}


/* ===== HERO VIDEO =====*/
.video-intro{padding:0;position:relative;}
.video-intro video{width:100%;color:#fefefe;}
.video-intro iframe#player{width:100%;color:#fefefe;height:60vh;max-height:800px;}
.video-intro div.video-title{text-align: center;width:100%;position: absolute;top: 25%;z-index:1;}
.video-intro div.video-title h2{text-transform: none;display: block;color:#fefefe;font-family: 'poppinsbold', arial, sans-serif;font-size:60px; text-align: center;margin-top:0px;}
.video-intro div.video-title > span{display: block;color:#fefefe;font-size:1em;margin-top:30px;text-transform: uppercase;font-family: 'poppinslight', arial, sans-serif;}
.video-intro div img{height:100px;margin:60px auto 0;}
.video-intro .vid-img-cover{width:100%; height:100%; position:absolute; background-image:url(../img/video-poster.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:0;}

/* ===== AGENDA =====*/
.agenda{
    background:#fff;
    padding:60px 60px 45px;
    box-shadow: 0 0 45px rgba(38,69,154,0.3);
    margin-top: -15%;
}
.agenda h2{margin: 0;}
.agenda h2.Secundario{font-size: 1.1em;text-transform: none;margin: 20px 0 10px 0;text-align: left;padding-left: 10px;line-height: 1.3em;}
.agenda h2.Secundario.Primero{text-align: center !important; padding:0;}
.agenda p{width: 90%;margin: 10px auto;line-height: 22px;}
.agenda .agregar a img{
    width:25%;
    margin:2em 4%;
    display:inline-block;
    float:left;
    vertical-align:middle;
}
.agenda .agregar > a{display:inline-block;float:left;width:33.33%;height:80px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.agenda .agregar > a:hover{
    background-color: #eee;
    border-radius:10px;
}
.agenda .subtitle{color:#666;width: 100%;font:normal 18px 'poppinsregular', arial, sans-serif;text-align: center;margin-bottom: 20px;}
.agenda .vertical-separator{left: 49%;margin-top: 15px;height: 490px;}
.agenda .agregar .outlook{ background:transparent url(../img/logo-outlook-name.svg) no-repeat center;background-size:54%;}
.agenda .agregar .google{ background:transparent url(../img/logo-google-name.svg) no-repeat center;background-size:56%;}
.agenda .agregar .apple{ background:transparent url(../img/logo-ical-name.svg) no-repeat center;background-size:56%;}


.agenda table{
    width:90%;
    margin:0px auto;
    float:left;
}
.agenda table:first-child td{ text-align: left; }
.agenda table:nth-child(3) td{ text-align: left; }


.agenda table td{vertical-align: middle;border-top:none !important; margin-bottom:10px;padding:8px 4px !important;}
.agenda table td:not(.hour){
    background: -webkit-linear-gradient(#5a5a5a, #5a5a5a);
    -webkit-background-clip: text;
    -webkit-text-fill-color:transparent;
}

/* ===== PANELISTAS =====*/
.panelistas{margin-top: 65px;}
.panelistas .vertical-separator{left: 50%;top: -270px;z-index: -1;}
.panelistas .panelistas-bio .bio-cards{
    width:30%;
    margin:10px 10px 10px 10px;
    height:230px;
    float:left;
    text-align: center;
    position:relative;
    z-index:1;
    text-transform: uppercase;
    color:#fff;
    display: block;
    -webkit-transition: 0.3s opacity ease-out;
    transition: 0.3 opacity ease-out;
}

.panelistas .panelistas-bio .bio-cards > span{display:block;vertical-align: middle;position:relative;cursor: pointer;width:100%;height:100%;padding: 15px 15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0079a7+0,00bbdd+100 */
    background: #0079a7; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #0079a7 0%, #00bbdd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #0079a7 0%,#00bbdd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #0079a7 0%,#00bbdd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079a7', endColorstr='#00bbdd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-transition: 0.4s box-shadow ease-out;
    transition: 0.4s box-shadow ease-out;
}

.bio-cards > span .bio-full-cont {
    display:none;
    position:relative;
    height:100%;

    transition: 0.4s all ease-out ;
    transition-delay:3s;
}
.bio-cards > span .bio-full-cont span h5{font-size:inherit;}
.bio-cards > span .bio-full-cont span h6{font-size:0.6em;}
.bio-cards > span .bio-full-cont p{font: normal 12px sans-serif;line-height:18px;width:100%;text-align:left;margin:10px 0 0;text-transform: none;}
.bio-cards span .bio-full-cont img{height:100%;width:auto;position:absolute;right:-15px;bottom: -15px;}
.panelistas .panelistas-bio .bio-cards:nth-child(3n) > span{
    right:0 !important;
    position:absolute;
}
.panelistas .panelistas-bio .bio-cards > span:hover{
    position:absolute;
    width:206.5%;
    box-shadow: 0 0 35px rgba(38,69,154,0.4);
}

.panelistas .panelistas-bio .bio-cards > span:hover .bio-full-cont{display:block;}
.panelistas .panelistas-bio .bio-cards > span .bio-full-cont h4{/*font: 30px/34px 'poppinssemibold', arial, sans-serif;margin: 5px 0 5px;*/font: 24px/25px 'poppinssemibold', arial, sans-serif;
    margin: 0 0 2px;}
.panelistas .panelistas-bio .bio-cards > span .bio-full-cont h6{font: 14px/18px 'poppinslight', arial, sans-serif;}

.panelistas .panelistas-bio .bio-cards > span:hover > h3,
.panelistas .panelistas-bio .bio-cards > span:hover > h5{display:none;}
.bio-cards h3{font: 30px/34px 'poppinssemibold', arial, sans-serif;padding-top:15%;}
.bio-cards h5{font: 14px/18px 'poppinslight', arial, sans-serif;margin:15px auto;}



/* ===== INSCRIBETE-CTA =====*/
.inscribete-cta{font-family: 'poppinslight', arial, sans-serif;text-transform: uppercase;margin-top: -20px;}
.inscribete-cta .col-lg-4.text-center{font-size: 26px;color:#000;letter-spacing: -1px;line-height: 62px;}
.inscribete-cta .col-lg-4.text-center a.BotonRegistrate{height: 65px;line-height: 67px;padding: 0 65px;}
.inscribete-cta .vertical-separator{left:50%;top:-10%;}
.inscribete-cta .vertical-separator:before{position:absolute;content:"";width:6px;height:130px;background:white; top:50%;margin-top:-65px;left:-2px;}

/* ===== FOOTER =====*/
footer{padding: 80px 40px 10px 40px; margin: 40px 0;}
footer p{font-size:14px;}


.navbar{text-align:center;}

/*--------------

ANIMATIONS
----------------*/
.floating {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

.floating2 {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
    animation-delay:0.2s;
}

.floating3 {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
    animation-delay:0.5s;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }
}

/*--------------

HELPER CLASS
----------------*/
.vertical-separator{
    position:absolute;
    z-index: 0;
    width:1px;
    display: inline;
    background:#c1c1c1;
}
.small{ height:300px; }
.medium{ height:600px; }
.tall { height:800px;}


.yup-mobile{display: none;}

.margin-big{
    width:1px;
    height:80px;
    background:0px;
    margin:0px;
    padding:0px;
    display: block;
}

.clearBoth{
    clear:both !important;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}


/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}



/*--------------

MEDIA QUERIES
----------------*/
@media screen and (max-width:768px){
    /* GENERAL */
    .content.container{ margin-top:40px; }
    .yup-mobile{display: block !important;}
    .bckTop{ display:none !important; }

    /* FLOATING CARDS */
    .floating-cards{
        width:100vw;
        height:auto;
        margin-bottom:20px;
    }
    .floating-cards .card{
        position:relative;
        width:100%;
        top:0 !important;
        left:0 !important;
        margin:0px !important;
        margin-bottom:15px !important;
    }

    @keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 0px); }
    to   { transform: translate(0, 0px); }
}


    /* HEADER */
    .navbar.navbar-default{
        width:100%;
        padding-right:10px;
    }
    .container.header img.logo{
        width:90%;
        margin:5px auto;
    }
    .dateNtime span{
        text-align:center;
        margin:5px auto;
        /*display: none;*/
    }
    button.inscrib{
        width: 90% !important;
        margin:20px auto;
        display:block;
        float:none;
    }
    button.inscrib.navbar-toggle{
        width:auto !important;
        display:inline-block;
        float:right;
        margin-top:8px;
        margin-bottom:8px;
    }


    /* VIDEO */
    .video-intro div.video-title h1{
        font-size:1em;
    }
    .video-intro div.video-title span{
        font-size:0.8em;
        margin-top:-12px;
    }
    .video-intro div.video-title img{
        width:50px;
        margin-top:10px;
    }

    /* AGENDA */
    div.agenda{
        margin-top:-50px;
        box-shadow: none;
        padding:5px;
    }

    .agenda table:last-child td{ text-align:right; }
    .agenda .table.table-responsive:last-child{ margin-top:-10px; }


    /* PANELISTAS */
    .panelistas .panelistas-bio .bio-cards{
        width:100%;
    }

    .panelistas .panelistas-bio .bio-cards > span h3,
    .panelistas .panelistas-bio .bio-cards > span h5{
        display:none;
    }

    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont{
        display:block;
    }

    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span h4{
        font-size:1.3em;
    }
    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span p{
        width:100%;
    }
    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span{
        width:75%;
        z-index:20;
    }
    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont img{
        z-index:1;
        height:75%;
        bottom:0px;
        right:5px;
    }

    /* INSCRIBETE-CTA */
    .inscribete-cta .vertical-separator.small:{display:none;}

}


.Scroll{ height: 50px;}
#LogoSiemens {left: 50%;position: absolute;margin-left: -84px; height: 35px;}
.Logo1 {display: block; left: 50% ; position: absolute ; margin-top: -10px; margin-left: -82px}
.inscribete-cta .col-lg-4.text-center{font-size: 26px;}

#PrimeraPrim #Player {
    margin-bottom: 40px;
}
#PrimeraPrim h2, #Edicion h2 {
    margin-bottom:30px;
}


/** #EDICION LO MAS LEIDO ***/
#Edicion .Text p{color:#555;font-size: 1.2em;line-height: 1.55em;text-align: center;margin-bottom: 30px;}
#Edicion .Text .LinksAnteriores div div{padding:15px;border-radius: 1px;}
#Edicion .Text .LinksAnteriores div div:hover{

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0079a7+0,00bbdd+100 */
    background: #0079a7; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #0079a7 0%, #00bbdd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #0079a7 0%,#00bbdd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #0079a7 0%,#00bbdd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079a7', endColorstr='#00bbdd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


} /*#ffe501 e4c14e - background: #00aad2; old*/
#Edicion .Text .LinksAnteriores div div:hover a,
#Edicion .Text .LinksAnteriores div div:hover span{color:#fefefe;}
#Edicion .Text .LinksAnteriores div div.clear:hover{background:transparent;}

#Edicion .Text .LinksAnteriores div a{text-decoration: none;}
#Edicion .Text .LinksAnteriores div a img{display: block;width: 100%;}
#Edicion .Text .LinksAnteriores div a span{display: block;margin-top: 5px;color:#000;line-height: 1.3em;font-size:14px; font-weight:600;}

/* para resumen */
#Edicion .Text .LinksAnteriores a{font-size:14px; color:#000; line-height:1.3em; margin-top: 5px; display:block; font-weight:regular;}

#Edicion .latest.videos p {
    font-size:0.70em;
    width:100%;
    line-height:1.3em;
    text-align: left;
}

/*******************************************
**************** Responsive ****************
*******************************************/

@media only screen and (max-width: 2560px) {
  .Invisible{ display:none ;}
  .agenda .vertical-separator{left: 49%;margin-top: 15px;height: 480px ;}
  .bio-cards > span .bio-full-cont span{width:65% ;height:100%;float:left;position:relative;text-align: left;}
  .panelistas .panelistas-bio .bio-cards > span{padding: 30px 20px;}
  .bio-cards span .bio-full-cont img{right:-20px;bottom: -30px; height:136% ; max-height: 230px }
  .panelistas .panelistas-bio .bio-cards{height:240px ;}
    #MainContent{ margin-top:145px ; }
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin-top:10px ;}
  .navbar-fixed-top{padding:10px 0 ;}
  .dateNtime{margin-right: 10px;}
  .dateNtime span{text-align:center;margin:0px auto;}
    div.agenda {margin-top: -145px ;}
    .floating-cards .vertical-separator {top: 5px ; left: 50%;}
}


@media only screen and (max-width: 1440px) {
  a#SiemensLink{margin-bottom: 70px;}
  h2{margin:35px 0 20px 0 ;}
  .floating-cards .vertical-separator{top: -60px;left:50% ;}
  .floating-cards{ margin-top: 60px ;}
  .floating-cards .card.topic-paneles h3{font-size: 20px;}
  .Invisible{ display:none ;}
  .agenda .tables-together{margin:20px auto; display: block;}
  .agenda .vertical-separator{left: 49%;margin-top: 15px;height: 510px ;}
  .panelistas .vertical-separator{left: 50%;top: -270px;z-index: -1;}
  .small{ height:270px ; }
  .bio-cards > span .bio-full-cont span{width:60% ;height:100%;float:left;position:relative;text-align: left;}
  .panelistas .panelistas-bio .bio-cards > span{padding: 30px 20px;}
    .panelistas .panelistas-bio .bio-cards{height:245px ;}
  .panelistas .panelistas-bio{margin:10px auto 0 ;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span p{text-align: left;}
  .bio-cards > span .bio-full-cont span{width:73% ;height:100%;float:left;position:relative;text-align: left;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span h4{font-size:15px ;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span h5{font-size:13px ;}
  .panelistas .panelistas-bio .bio-cards > span{padding: 15px 15px 15px 15px ;}
  #MainContent{ margin-top:145px ; }
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin-top:10px ;}
  .navbar-fixed-top{padding:10px 0 ;}
  .dateNtime{margin-right: 10px;}
  .dateNtime span{text-align:center;margin:0px auto;}
    .bio-cards span .bio-full-cont img{right:-15px;bottom: -15px; height:90% ; max-height: 230px }
    div.agenda {margin-top: -80px ;}
    .floating-cards .vertical-separator {top: -40px ;left: 50%;}

}


@media only screen and (max-width: 1024px) {
  a#SiemensLink{margin-bottom: 70px;}
  h2{margin:50px 0 20px 0 ;}
  .floating-cards .vertical-separator{top: -60px;left:50% ;}
  .floating-cards{ margin-top: 60px ;}
  .floating-cards .card.topic-paneles h3{font-size: 20px;}
  .Invisible{ display:none ;}
     .agenda .tables-together{margin:20px auto; display: block;}
     .agenda .vertical-separator{left: 50%;margin-top: 15px;height: 555px ;}
     .panelistas .vertical-separator{left: 50%;top: -280px;z-index: -1;}
  .small{ height:260px ; }
  .bio-cards > span .bio-full-cont span{width:65%;height:100%;float:left;position:relative;text-align: left;}
  .panelistas .panelistas-bio .bio-cards > span{padding: 20px 15px 15px 15px;}
  .bio-cards span .bio-full-cont img{right:-15px;bottom: -15px; height:100% ;}
  .panelistas .panelistas-bio .bio-cards{height:275px ;}
  .bio-cards h3{font: 30px/34px 'poppinssemibold', arial, sans-serif;padding-top:50px ;}
  .bio-cards h5{font: 14px/18px 'poppinslight', arial, sans-serif;margin:15px auto;}
  .panelistas .panelistas-bio{margin:10px auto 0 ;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span p{text-align: left;}
  .panelistas .panelistas-bio .bio-cards{height:265px ;}
  .bio-cards > span .bio-full-cont span{width:68% ;height:100%;float:left;position:relative;text-align: left;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span h4{font-size:15px ;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span h5{font-size:13px ;}
  .panelistas .panelistas-bio .bio-cards > span{padding: 15px 15px 15px 15px ;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont img{right:-15px ; bottom:-15px ;}
  #MainContent{ margin-top:145px ; }
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin-top:10px ;}
  .navbar-fixed-top{padding:10px 0 ;}
  .dateNtime{margin-right: 10px;}
  .dateNtime span{text-align:center;margin:0px auto;}
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px ;}
    .video-intro div.video-title h2 {font-size: 45px ;}
    div.agenda {margin-top: -65px ;}
    .floating-cards .vertical-separator {top: -60px ; left: 50%;}
    .inscribete-cta .col-lg-4.text-center {font-size: 23px;}
}

@media only screen and (max-width: 940px) {
    .inscribete-cta .col-lg-4.text-center {font-size: 18px;}
    .panelistas .panelistas-bio .bio-cards{height:275px ;}

}

@media only screen and (max-width: 890px) {
    .panelistas .panelistas-bio .bio-cards{height:285px ;}
}

@media only screen and (max-width: 829px) {
    .styled div {font-size: 80px ;width: 160px ;}
    .panelistas .panelistas-bio .bio-cards{height:320px ;}
    .styled div {font-size: 94px;font-weight: 100;line-height: 1;padding-right: 30px;padding-left: 30px;width: 170px !important;}
}


@media only screen and (max-width: 768px) {
  a#SiemensLink{margin-bottom: 10px;}
  .styled div {width: 180px ;}
  h2{margin:50px 0 20px 0 ;}

.panelistas .vertical-separator:after{ content:""; position: absolute; background-color: #fff; width: 4px !important; height: 215px; left: -2px; }

    .floating-cards .vertical-separator{top: -30px;left:50%;}
    .floating-cards .card{height:200px;}
    .floating-cards{ margin-top: 30px;}
    .floating-cards .card.topic-paneles h3{font-size: 20px;}
    .Invisible{ display:none;}
    .Agenda_titulo{ margin-top:50px; margin-bottom:-10px;}
    .agenda h2.Secundario{margin: 20px 0 20px;text-align: left;line-height: 1.3em;}
    h2 .Secundario .Visible_1:{ display:none;}
  .subtitulo{ margin-top:30px; text-align: left;}
  .not-mobile_2{display:none;}
    div.agenda .table.table-responsive{border:none;}
  .agenda .tables-together{margin:20px auto; display: block; float: left;}
     .agenda .agregar > a{display:inline-block;float:left;width:33.33%;height:80px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  .agenda .agregar > a{background-size:65% ;}
  .agenda .vertical-separator{left: 50%;margin-top: 15px;height: 445px;}
  .Invisible{ display:none;}
  .panelistas .vertical-separator{left: 50%;top: -290px;z-index: -1;}
  .small{ height:250px; }
  .panelistas .panelistas-bio .bio-cards{height:220px;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont img{right:-15px; bottom:-15px;}
  .bio-cards > span .bio-full-cont span{width:75%;height:100%;float:left;position:relative;text-align: left;}
  .panelistas .panelistas-bio .bio-cards >
  span:hover{position:absolute; width:100%; box-shadow: 0 0 35px rgba(38,69,154,0.4);}
  #MainContent{ margin-top:145px; }
  .Scrolled{ }
    #LogoSiemens {left: 50%;position: absolute;margin-left: -84px; height: 35px; display: none;}
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin-top:10px;}
  .navbar-fixed-top{padding:10px 0;}
  .dateNtime{margin-right: 10px;}
  .dateNtime span{text-align:center;margin:0px auto;}
  .panelistas .panelistas-bio .bio-cards{margin:0px 0px 10px 0px;}
    .navbar-nav>li { float: left;}
    .margin-big {width: 1px; height: 60px ;}
    .styled div {font-size: 70px; width: 140px; }
    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont h4 { margin: 0 0 -5px;}
    .video-intro div.video-title h2 {font-size: 55px;}
    div.agenda {margin-top: -135px;}
    .floating-cards .vertical-separator {top: -25px; left: 50%;}
    .inscribete-cta .vertical-separator {left: 50%;top: -10%;}
    .Logo2 {display: block; left: 50% ; position: absolute ; margin-top: -10px; margin-left: -155px }
    .inscribete-cta .vertical-separator {display: none;}


}



@media only screen and (max-width: 767px) {
    .styled div {font-size: 66p;width: 130px; }
    .styled div span {padding-top: 5px; font-size: 10px; text-align: center;}
    .styled div:after{height:35px; width:1px; right: 5px; top:20px;}
    .Logo1 {display: block; left: 50% ; position: absolute ; margin-top: -10px; margin-left: -82px }
    .Scroll { height: 50px;left: 50%;position: absolute;margin-left: -82px;margin-top: -10px;}
    h1>a>img {left: 50%;position: absolute;margin-left: -155px;}
  .col-lg-12.panelistas {pointer-events:none;}
}



@media only screen and (max-width: 749px) {
    .styled div {font-size: 66p;width: 130px; }
    .styled div span {padding-top: 5px; font-size: 10px; text-align: center;}
    .styled div:after{height:35px; width:1px; right: 5px; top:20px;}
    .Logo1 {display: block; left: 50% ; position: absolute ; margin-top: -10px; margin-left: -82px }
    .Scroll { height: 50px;left: 50%;position: absolute;margin-left: -82px;margin-top: -10px;}
}

@media only screen and (max-width: 709px) {
    .styled div {font-size: 84px !important;font-weight: 100;line-height: 1;padding-right: 30px;padding-left: 30px;width: 150px !important;}
}

@media only screen and (max-width: 650px) {
    .panelistas .panelistas-bio .bio-cards {height: 240px;}
}

@media only screen and (max-width: 709px) {
    .styled div {font-size: 74px !important;font-weight: 100;line-height: 1;padding-right: 30px;padding-left: 30px;width: 140px !important;}
}

@media only screen and (max-width: 589px) {
    .styled div {font-size: 60px !important;width: 130px !important; }
    .styled div span {padding-top: 5px; font-size: 10px; text-align: center;}
    .styled div:after{height:35px; width:1px; right: 5px; top:0px !important;}
    .Logo1 {display: block; left: 50% ; position: absolute ; margin-top: -10px; margin-left: -82px }
    .Scroll { height: 50px;left: 50%;position: absolute;margin-left: -82px;margin-top: -10px;}
    .panelistas .panelistas-bio .bio-cards {height: 220px;}
    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont img {display: none;}
    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span {width: 100%; z-index: 20;}
}


@media only screen and (max-width: 549px) {
    .styled div {font-size: 54px !important;font-weight: 100;line-height: 1;padding-right: 20px !important;padding-left: 20px !important ;width: 120px !important; left: -20px !important}
    .styled div span {padding-top: 5px; font-size: 8px; text-align: center;}
    .styled div:after{height:35px; width:1px; right: 5px; top:10px !important;}
}

@media only screen and (max-width: 509px) {
    .styled div {font-size: 46px !important;width: 100px !important; }
    .styled div span {padding-top: 5px; font-size: 14px !important; text-align: center;}
    .styled div:after{height:35px !important; width:1px; right: 5px; top:-5px;}
    .Logo1 {display: block; left: 50% ; position: absolute ; margin-top: -10px; margin-left: -82px }
    .Scroll { height: 50px;left: 50%;position: absolute;margin-left: -82px;margin-top: -10px;}
}

@media only screen and (max-width: 500px){
    .agenda .vertical-separator {height: 705px;}
    .panelistas .panelistas-bio .bio-cards {height: 280px;}
}


@media only screen and (max-width: 469px) {
    .styled div {font-size: 36p;width: 90px; }
    .styled div span {padding-top: 5px; font-size: 10px; text-align: center;}
    .styled div:after{height:35px; width:1px; right: 5px; top:-5px;}
    .Logo1 {display: block; left: 50% ; position: absolute ; margin-top: -10px; margin-left: -82px }
    .Scroll { height: 50px;left: 50%;position: absolute;margin-left: -82px;margin-top: -10px;}
    .panelistas .panelistas-bio .bio-cards {height: 320px;}
    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont img {display: none;}
}

@media only screen and (max-width: 429px) {
  a#SiemensLink{margin-bottom: 10px; margin-top:-30px;}
  .styled div {width: 250px;}
  .styled div span {padding-top: 5px;padding-bottom:30px;}
  h2{margin:30px 0 20px 0;}
  .floating-cards .vertical-separator{top: -30px;left:50%;}
  .floating-cards .card{height:180px;}
  .floating-cards{ margin-top: 30px;}
  .styled div { margin-top:10px; font-size: 46px; margin-right:15px; width: 70px !important;}
    .styled div span {padding-top: 5px; font-size: 12px; text-align: center;}
    .styled div:after{height:30px; width:1px; right: -20px !important; top:10px;}
  .Agenda_titulo{ margin-top:30px; margin-bottom:-10px;}
     .agenda h2.Secundario{width: 100%;margin: 20px 0 20px;text-align: center;line-height: 1.3em;}
  h2 .Secundario .Visible_1:{ display:none;}
  .subtitulo{ margin-top:30px; text-align: left;}
  .not-mobile{display:none;}
  .Invisible{ display:block;}
  div.agenda .vertical-separator{ display: none;}
    div.agenda .table.table-responsive{width:100%;margin:10px auto;border:none;}
  .agenda .tables-together{margin:20px auto; display: block;}
  .agenda .agregar > a{display:inline-block;float:left;width:100%;height:75px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  .agenda .agregar > a{background-size:40%;}
  .panelistas .panelistas-bio{margin:10px auto 0;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span p{text-align: left;}
  .panelistas .panelistas-bio .bio-cards{width:100%; float:left; text-align: left;}
  .panelistas .panelistas-bio .bio-cards{height:260px;}
    .bio-cards .bio-full-cont span h4{line-height: 20px;}
  .bio-cards span .bio-full-cont img{ display:none;}
  .bio-cards > span .bio-full-cont span{width:100%;height:100%;float:left;position:relative;text-align: left;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span h4{font-size:15px;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span h5{font-size:13px;}
  .bio-cards > span .bio-full-cont p{ font-size:10px;}
  .panelistas .panelistas-bio .bio-cards > span{padding: 15px 15px 15px 15px;}
  .panelistas .panelistas-bio .bio-cards > span:hover{ display:none;}
  .margin-big{height:50px;}
  .inscribete-cta .col-lg-4.text-center a.BotonRegistrate{height: 65px;line-height: 67px;padding: 0 50px;}
  #MainContent{ margin-top:145px; }
  #LogoSiemens{display: none;}
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin-left:40px;}
  .panelistas .panelistas-bio .bio-cards{margin:0px 0px 10px 0px;}
  footer{padding: 20px 0 40px;}
  footer p{font-size:14px;}
    .margin-big { width: 1px; height: 55px;}
    .floating-cards .card h3 {font-size: 32px; line-height: 42px;}
    .floating-cards .card.topic-taller h3 { font-size: 1.0em; line-height: 30px;}
    h4 {font-size: 32px; margin-bottom: 0px; line-height: 42px;}
    .video-intro div.video-title h2 { font-size: 45px;}
    .floating-cards .card.topic-paneles span {padding: 15px 10px;}
    h2{font-size:24px;}
    p.subtitle {font-size: 17px; line-height: 24px;}
    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont h4{ margin-bottom: 0px}
    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont h6{ margin-bottom: 15px}
    .floating-cards .card h3 { font-size: 24px;line-height: 34px;}
    .floating-cards .card.topic-taller h3 { font-size: 1.0em; line-height: 30px; margin-top: 25px;}
    div.agenda {margin-top: -100px;}
    .inscribete-cta .vertical-separator {left: 50%;top: 5%;}
    .small {height: 250px;}
}


@media only screen and (max-width: 400px) {
    .styled div { margin-top:10px; font-size: 46px; margin-right:15px; width: 70px !important;}
    .styled div span {padding-top: 5px; font-size: 12px; text-align: center;}
    .styled div:after{height:30px; width:1px; right: -20px !important; top:10px;}
    .Logo1 {display: block; left: 50% ; position: absolute ; margin-top: -10px; margin-left: -82px }
    .Scroll { height: 50px;left: 50%;position: absolute;margin-left: -82px;margin-top: -10px;}
    .agenda h2 {margin: 39px 0 0 0;}


}


@media only screen and (max-width: 375px) {
  a#SiemensLink{margin-bottom: 10px; margin-top:-30px;}
  .styled div span {padding-top: 5px;padding-bottom:20px;}
  h2{margin:30px 0 20px 0;}
  .floating-cards .vertical-separator{top: -30px;left:50%;}
  .floating-cards .card{height:180px;}
  .floating-cards{ margin-top: 30px;}
  .styled div { margin-top:10px; left:-25px; font-size: 46px; margin-right:15px; width: 30px;}
    .styled div span {padding-top: 5px; font-size: 12px; text-align: center;}
  .styled div:after{height:30px; width:1px; right: -35px; top:10px;}
  .Agenda_titulo{ margin-top:30px; margin-bottom:-10px; font-size:28px;}
  .agenda h2.Secundario{width: 100%;margin: 20px 0 20px;text-align: center;line-height: 1.3em;}
  h2 .Secundario .Visible_1:{ display:none;}
  .subtitulo{ margin-top:30px; text-align: left;}
  div.agenda .vertical-separator{ display: none;}
    div.agenda .table.table-responsive{width:100%;margin:10px auto;border:none;}
  .agenda .tables-together{margin:10px auto; display: block;}
  .agenda .agregar > a{display:inline-block;float:left;width:100%;height:70px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  .agenda .agregar > a{background-size:45%;}
  .panelistas .panelistas-bio{margin:10px auto 0;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span p{text-align: left;}
  .panelistas .panelistas-bio .bio-cards{width:100%; float:left; text-align: left;}
  .panelistas .panelistas-bio .bio-cards{height:285px;}
  .bio-cards span .bio-full-cont img{ display:none;}
  .bio-cards > span .bio-full-cont span{width:100%;height:100%;float:left;position:relative;text-align: left;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span h4{font-size:15px;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span h5{font-size:13px;}
  .bio-cards > span .bio-full-cont p{ font-size:10px;}
  .panelistas .panelistas-bio .bio-cards > span{padding: 15px 15px 15px 15px;}
  .panelistas .panelistas-bio .bio-cards > span:hover{ display:none;}
  #MainContent{ margin-top:145px; }
  #LogoSiemens{display: none;}
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin-left:20px;}
  .panelistas .panelistas-bio .bio-cards{margin:0px 0px 10px 0px;}
  footer{padding: 20px 0 40px;}
  footer p{font-size:12px;}
    .margin-big { width: 1px; height: 50px;}
    .floating-cards .card h3 {font-size: 21px; line-height: 31px;}
    .floating-cards .card.topic-taller h3 { font-size: 1.0em; line-height: 30px;}
    h4 {font-size: 28px; margin-bottom: 15px; line-height: 38px;}
    .video-intro div.video-title h2 { font-size: 40px;}
    .floating-cards .card.topic-paneles span {padding: 15px 30px;}
    h2{font-size:24px;}
    p.subtitle {font-size: 17px; line-height: 24px;}
    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont h4{ margin-bottom: 0px}
    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont h6{ margin-bottom: 15px}
    .floating-cards .card h3 { font-size: 21px;line-height: 31px;}
    div.agenda {margin-top: -100px;}
    .inscribete-cta .vertical-separator {left: 49%;top: 5%;}

}


@media only screen and (max-width: 320px) {
  a#SiemensLink{margin-bottom: 10px; margin-top:-30px;}
  .styled div span {padding-top: 5px;padding-bottom:20px;}
  h2{margin:30px 0 20px 0;}
  .floating-cards .vertical-separator{top: -30px;left:50%;}
  .floating-cards .card{height:180px;}
  .floating-cards{margin:30px auto 10px;}
  .styled div { margin-top:10px; left:-25px; font-size: 36px; margin-right:3px; width: 30px;}
    .styled div span {padding-top: 5px; font-size: 12px; text-align: center;}
  .styled div:after{height:25px; width:1px; right: -22px; top:7px;}
  .Agenda_titulo{ margin-top:30px; margin-bottom:-10px; font-size:24px;}
  .agenda h2.Secundario{width: 100%;margin: 20px 0 20px;text-align: center;line-height: 1.3em;}
  h2 .Secundario .Visible_1:{ display:none;}
  .subtitulo{ margin-top:30px; text-align: left;}
  div.agenda .vertical-separator{ display: none;}
    div.agenda .table.table-responsive{width:100%;margin:10px auto;border:none;}
  .agenda .tables-together{margin:10px auto; display: block;}
  .agenda .agregar > a{display:inline-block;float:left;width:100%;height:65px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  .agenda .agregar > a{background-size:45%;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span p{text-align: left;}
  .panelistas .panelistas-bio .bio-cards{width:100%; float:left; text-align: left;}
  .panelistas .panelistas-bio .bio-cards{height:350px;}
  .bio-cards span .bio-full-cont img{ display:none;}
  .bio-cards > span .bio-full-cont span{width:100%;height:100%;float:left;position:relative;text-align: left;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span h4{font-size:15px;}
  .panelistas .panelistas-bio .bio-cards > span .bio-full-cont > span h5{font-size:13px;}
  .bio-cards > span .bio-full-cont p{ font-size:10px;}
  .panelistas .panelistas-bio .bio-cards > span{padding: 15px 15px 15px 15px;}
  .panelistas .panelistas-bio .bio-cards > span:hover{ display:none;}
  #LogoSiemens{display: none;}
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin-left:-10px;}
  .panelistas .panelistas-bio .bio-cards{margin:0px 0px 10px 0px;}
  footer{padding: 20px 0 40px;}
  footer p{font-size:12px;}
    .margin-big {width: 1px;height: 50px;}
    .inscribete-cta .vertical-separator { left: 48%; top: -25%;}
    .floating-cards .card h3 {font-size: 21px; line-height: 30px;}
    .floating-cards .card.topic-taller h3 { font-size: 1.0em; line-height: 30px;}
    h4 {font-size: 25px; margin-bottom: 15px;}
    .video-intro div.video-title h2 { font-size: 35px;}
    .floating-cards .card.topic-paneles span {padding: 15px 17px;}
    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont h4{ margin-bottom: 0px}
    .panelistas .panelistas-bio .bio-cards > span .bio-full-cont h6{ margin-bottom: 15px}
    .floating-cards .card h3 { font-size: 21px;line-height: 31px;}
    div.agenda {margin-top: -100px;}
    .inscribete-cta .vertical-separator {left: 49%;top: 5%;}
}

#Portada.Streaming .VideoResponsive{position: relative;padding-bottom: 56.25%;}
#Portada.Streaming .VideoResponsive iframe{position:absolute;height:100%;width:100%;}
